Re: [openstack-dev] [Horizon] Navigation UX Enhancements - Collecting Issues
On Jul 19, 2013, at 3:34 AM, Jaromir Coufal jcou...@redhat.com wrote: Hi Jeff, thanks for contribution. As long as there is no more input in gathering issues, I'll try to wrap all the problems up in BP's whiteboard and we can start designing proposals. Best -- Jarda Hi Jarda, Thanks for taking this blueprint on! I'm happy to help out in the design space as well as it continues to move forward. One thing I've been a bit concerned about is the left hand navigation. Left-handed navigation takes up a fair amount of prime working real-estate and the user would gain a lot of primary work space if this were moved to the top of the page and horizontally placed. Also, I think that having horizontal navigation would make it much easier as we continue to design for more than 1 level. It feels like the left-hand navigation doesn't scale very well when it acts like the primary navigation. There is an article that was written by Louis Lazaris in 2010 that I think is a really good read when it comes to this discussion: http://www.smashingmagazine.com/2010/01/11/the-case-against-vertical-navigation/ I'm definitely interested in what others think on this topic! Thanks again, Liz On 2013/09/07 16:09, Walls, Jeffrey Joel (HP Converged Cloud - Cloud OS) wrote: One issue I have is that the panels are physically grouped and it’s very difficult to logically re-group them. For example, the Project dashboard explicitly lists the panel groups and the order of those panel groups. Within each panel group, the individual panels are also explicitly listed. What I would like to do is arrange the panels more logically without affecting the physical structure of the files or the order in the panel specification. You could think of “Deployment” as a “section” under the Project dashboard tab. In this “section”, I’d want to see things related to the actual deployment of virtual machines (e.g., Instances, Snapshots, Networks, Routers, etc). I was beginning to tackle this in our code base and was planning to use some sort of accordion-type widget. My thinking was that there would be “a few” (probably no more than 4) “sections” under the Project tab. Each “section” would have elements within it that logically mapped to that section. I think this is a great discussion and I’m very interested to hear where others are headed with their thinking, so thank you for getting it started! Jeff From: Jaromir Coufal [mailto:jcou...@redhat.com] Sent: Tuesday, July 09, 2013 6:38 AM To: OpenStack Development Mailing List Subject: [openstack-dev] [Horizon] Navigation UX Enhancements - Collecting Issues Hi everybody, in UX community group on G+ popped out a need for enhancing user experience of main navigation, because there are spreading out various issues . There is already created a BP for this: https://blueprints.launchpad.net/horizon/+spec/navigation-enhancement Toshi had great idea to start discussion about navigation issues on mailing list. So I'd like to ask all of you, if you have some issues with navigation, what are the issues you are dealing with? I'd like to gather as much feedback as possible, so we can design the best solution which covers most of the cases. Issues will be listed in BP and I will try to come out with design proposals which hopefully will help all of you. Examples are following: * Navigation is not scaling for more dashboards (Project, Admin, ...) * Each dashboard might contain different hierarchy (number of levels) What problems do you experience with navigation? Thanks all for contributing -- Jarda ___ OpenStack-dev mailing list OpenStack-dev@lists.openstack.org http://lists.openstack.org/cgi-bin/mailman/listinfo/openstack-dev ___ OpenStack-dev mailing list OpenStack-dev@lists.openstack.org http://lists.openstack.org/cgi-bin/mailman/listinfo/openstack-dev ___ OpenStack-dev mailing list OpenStack-dev@lists.openstack.org http://lists.openstack.org/cgi-bin/mailman/listinfo/openstack-dev
Re: [openstack-dev] [Horizon] Navigation UX Enhancements - Collecting Issues
Hey Liz, I briefly brought up horizontal navigation in the IRC meeting last week. I agree, first of all, that Left Nav will run into scaling issues at some point but I think Gabriel Hurley made a good point in that doing something as drastic as getting rid of the Left Nav and replacing it with Horizontal navigation in H3 may not be a good idea. I would vote to see mockups for both, but maybe with the intention of releasing an upgraded Left Nav for Havana and working on something more drastic for Icehouse. I agree from a design perspective that horizontal nav is much more versatile and should probably be the end goal at some point in the future. Thanks, [cid:F5E8B380-1584-4DC7-8AC9-16ABE05DD765] From: Liz Blanchard lsure...@redhat.commailto:lsure...@redhat.com Reply-To: OpenStack Development Mailing List openstack-dev@lists.openstack.orgmailto:openstack-dev@lists.openstack.org Date: Tuesday, July 30, 2013 10:43 AM To: OpenStack Development Mailing List openstack-dev@lists.openstack.orgmailto:openstack-dev@lists.openstack.org Subject: Re: [openstack-dev] [Horizon] Navigation UX Enhancements - Collecting Issues On Jul 19, 2013, at 3:34 AM, Jaromir Coufal jcou...@redhat.commailto:jcou...@redhat.com wrote: Hi Jeff, thanks for contribution. As long as there is no more input in gathering issues, I'll try to wrap all the problems up in BP's whiteboard and we can start designing proposals. Best -- Jarda Hi Jarda, Thanks for taking this blueprint on! I'm happy to help out in the design space as well as it continues to move forward. One thing I've been a bit concerned about is the left hand navigation. Left-handed navigation takes up a fair amount of prime working real-estate and the user would gain a lot of primary work space if this were moved to the top of the page and horizontally placed. Also, I think that having horizontal navigation would make it much easier as we continue to design for more than 1 level. It feels like the left-hand navigation doesn't scale very well when it acts like the primary navigation. There is an article that was written by Louis Lazaris in 2010 that I think is a really good read when it comes to this discussion: http://www.smashingmagazine.com/2010/01/11/the-case-against-vertical-navigation/ I'm definitely interested in what others think on this topic! Thanks again, Liz On 2013/09/07 16:09, Walls, Jeffrey Joel (HP Converged Cloud - Cloud OS) wrote: One issue I have is that the panels are physically grouped and it’s very difficult to logically re-group them. For example, the Project dashboard explicitly lists the panel groups and the order of those panel groups. Within each panel group, the individual panels are also explicitly listed. What I would like to do is arrange the panels more logically without affecting the physical structure of the files or the order in the panel specification. You could think of “Deployment” as a “section” under the Project dashboard tab. In this “section”, I’d want to see things related to the actual deployment of virtual machines (e.g., Instances, Snapshots, Networks, Routers, etc). I was beginning to tackle this in our code base and was planning to use some sort of accordion-type widget. My thinking was that there would be “a few” (probably no more than 4) “sections” under the Project tab. Each “section” would have elements within it that logically mapped to that section. I think this is a great discussion and I’m very interested to hear where others are headed with their thinking, so thank you for getting it started! Jeff From: Jaromir Coufal [mailto:jcou...@redhat.com] Sent: Tuesday, July 09, 2013 6:38 AM To: OpenStack Development Mailing List Subject: [openstack-dev] [Horizon] Navigation UX Enhancements - Collecting Issues Hi everybody, in UX community group on G+ popped out a need for enhancing user experience of main navigation, because there are spreading out various issues . There is already created a BP for this: https://blueprints.launchpad.net/horizon/+spec/navigation-enhancement Toshi had great idea to start discussion about navigation issues on mailing list. So I'd like to ask all of you, if you have some issues with navigation, what are the issues you are dealing with? I'd like to gather as much feedback as possible, so we can design the best solution which covers most of the cases. Issues will be listed in BP and I will try to come out with design proposals which hopefully will help all of you. Examples are following: * Navigation is not scaling for more dashboards (Project, Admin, ...) * Each dashboard might contain different hierarchy (number of levels) What problems do you experience with navigation? Thanks all for contributing -- Jarda ___ OpenStack-dev mailing list OpenStack-dev@lists.openstack.orgmailto:OpenStack-dev@lists.openstack.orghttp://lists.openstack.org/cgi-bin/mailman/listinfo/openstack-dev
Re: [openstack-dev] [Horizon] Navigation UX Enhancements - Collecting Issues
Most of my navigation related issues can be summed up into 3 problems. 1. Not having a secondary level of navigation in the left-nav really restricts the level of granularity that can be achieved through the navigation. Having an accordion-like nav structure would help this as well as setting a corresponding url convention like we have for the current nav (I.e. The url should be dashboard/primary_nav/secondary_nav) 2. Which leads to my second issue, having a robust breadcrumb system so it is easy for the user to backtrack to previous pages would really help the user from getting lost in drill downs. A strong url convention would make this fairly easy to implement. 3. The fixed width of the left nav makes it awkward to have more than 3 dashboards. Instead of the current tab-like structure for adding dashboard we could switch to a drop down. Thanks for working on this Jarda! [cid:2D3BAC12-0F3F-43C1-A5CC-C6F28BABB8C4] From: Jaromir Coufal jcou...@redhat.commailto:jcou...@redhat.com Reply-To: OpenStack Development Mailing List openstack-dev@lists.openstack.orgmailto:openstack-dev@lists.openstack.org Date: Tuesday, July 9, 2013 7:37 AM To: OpenStack Development Mailing List openstack-dev@lists.openstack.orgmailto:openstack-dev@lists.openstack.org Subject: [openstack-dev] [Horizon] Navigation UX Enhancements - Collecting Issues Hi everybody, in UX community group on G+ popped out a need for enhancing user experience of main navigation, because there are spreading out various issues . There is already created a BP for this: https://blueprints.launchpad.net/horizon/+spec/navigation-enhancement Toshi had great idea to start discussion about navigation issues on mailing list. So I'd like to ask all of you, if you have some issues with navigation, what are the issues you are dealing with? I'd like to gather as much feedback as possible, so we can design the best solution which covers most of the cases. Issues will be listed in BP and I will try to come out with design proposals which hopefully will help all of you. Examples are following: * Navigation is not scaling for more dashboards (Project, Admin, ...) * Each dashboard might contain different hierarchy (number of levels) What problems do you experience with navigation? Thanks all for contributing -- Jarda inline: E5146D8D-5810-44B5-85E7-9AF8264B6D73[1].png___ OpenStack-dev mailing list OpenStack-dev@lists.openstack.org http://lists.openstack.org/cgi-bin/mailman/listinfo/openstack-dev
Re: [openstack-dev] [Horizon] Navigation UX Enhancements - Collecting Issues
Hi Jeff, thanks for contribution. As long as there is no more input in gathering issues, I'll try to wrap all the problems up in BP's whiteboard and we can start designing proposals. Best -- Jarda On 2013/09/07 16:09, Walls, Jeffrey Joel (HP Converged Cloud - Cloud OS) wrote: One issue I have is that the panels are physically grouped and it’s very difficult to logically re-group them. For example, the Project dashboard explicitly lists the panel groups and the order of those panel groups. Within each panel group, the individual panels are also explicitly listed. What I would like to do is arrange the panels more logically without affecting the physical structure of the files or the order in the panel specification. You could think of “Deployment” as a “section” under the Project dashboard tab. In this “section”, I’d want to see things related to the actual deployment of virtual machines (e.g., Instances, Snapshots, Networks, Routers, etc). I was beginning to tackle this in our code base and was planning to use some sort of accordion-type widget. My thinking was that there would be “a few” (probably no more than 4) “sections” under the Project tab. Each “section” would have elements within it that logically mapped to that section. I think this is a great discussion and I’m very interested to hear where others are headed with their thinking, so thank you for getting it started! *Jeff*** *From:*Jaromir Coufal [mailto:jcou...@redhat.com] *Sent:* Tuesday, July 09, 2013 6:38 AM *To:* OpenStack Development Mailing List *Subject:* [openstack-dev] [Horizon] Navigation UX Enhancements - Collecting Issues Hi everybody, in UX community group on G+ popped out a need for enhancing user experience of main navigation, because there are spreading out various issues . There is already created a BP for this: https://blueprints.launchpad.net/horizon/+spec/navigation-enhancement Toshi had great idea to start discussion about navigation issues on mailing list. So I'd like to ask all of you, if you have some issues with navigation, what are the issues you are dealing with? I'd like to gather as much feedback as possible, so we can design the best solution which covers most of the cases. Issues will be listed in BP and I will try to come out with design proposals which hopefully will help all of you. Examples are following: * Navigation is not scaling for more dashboards (Project, Admin, ...) * Each dashboard might contain different hierarchy (number of levels) What problems do you experience with navigation? Thanks all for contributing -- Jarda ___ OpenStack-dev mailing list OpenStack-dev@lists.openstack.org http://lists.openstack.org/cgi-bin/mailman/listinfo/openstack-dev ___ OpenStack-dev mailing list OpenStack-dev@lists.openstack.org http://lists.openstack.org/cgi-bin/mailman/listinfo/openstack-dev
[openstack-dev] [Horizon] Navigation UX Enhancements - Collecting Issues
Hi everybody, in UX community group on G+ popped out a need for enhancing user experience of main navigation, because there are spreading out various issues . There is already created a BP for this: https://blueprints.launchpad.net/horizon/+spec/navigation-enhancement Toshi had great idea to start discussion about navigation issues on mailing list. So I'd like to ask all of you, if you have some issues with navigation, what are the issues you are dealing with? I'd like to gather as much feedback as possible, so we can design the best solution which covers most of the cases. Issues will be listed in BP and I will try to come out with design proposals which hopefully will help all of you. Examples are following: * Navigation is not scaling for more dashboards (Project, Admin, ...) * Each dashboard might contain different hierarchy (number of levels) What problems do you experience with navigation? Thanks all for contributing -- Jarda ___ OpenStack-dev mailing list OpenStack-dev@lists.openstack.org http://lists.openstack.org/cgi-bin/mailman/listinfo/openstack-dev
Re: [openstack-dev] [Horizon] Navigation UX Enhancements - Collecting Issues
One issue I have is that the panels are physically grouped and it’s very difficult to logically re-group them. For example, the Project dashboard explicitly lists the panel groups and the order of those panel groups. Within each panel group, the individual panels are also explicitly listed. What I would like to do is arrange the panels more logically without affecting the physical structure of the files or the order in the panel specification. You could think of “Deployment” as a “section” under the Project dashboard tab. In this “section”, I’d want to see things related to the actual deployment of virtual machines (e.g., Instances, Snapshots, Networks, Routers, etc). I was beginning to tackle this in our code base and was planning to use some sort of accordion-type widget. My thinking was that there would be “a few” (probably no more than 4) “sections” under the Project tab. Each “section” would have elements within it that logically mapped to that section. I think this is a great discussion and I’m very interested to hear where others are headed with their thinking, so thank you for getting it started! Jeff From: Jaromir Coufal [mailto:jcou...@redhat.com] Sent: Tuesday, July 09, 2013 6:38 AM To: OpenStack Development Mailing List Subject: [openstack-dev] [Horizon] Navigation UX Enhancements - Collecting Issues Hi everybody, in UX community group on G+ popped out a need for enhancing user experience of main navigation, because there are spreading out various issues . There is already created a BP for this: https://blueprints.launchpad.net/horizon/+spec/navigation-enhancement Toshi had great idea to start discussion about navigation issues on mailing list. So I'd like to ask all of you, if you have some issues with navigation, what are the issues you are dealing with? I'd like to gather as much feedback as possible, so we can design the best solution which covers most of the cases. Issues will be listed in BP and I will try to come out with design proposals which hopefully will help all of you. Examples are following: * Navigation is not scaling for more dashboards (Project, Admin, ...) * Each dashboard might contain different hierarchy (number of levels) What problems do you experience with navigation? Thanks all for contributing -- Jarda ___ OpenStack-dev mailing list OpenStack-dev@lists.openstack.org http://lists.openstack.org/cgi-bin/mailman/listinfo/openstack-dev
