<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1252">
</head>
<body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; color: rgb(0, 0, 0); font-size: 14px; font-family: Calibri, sans-serif; ">
<div>
<div>
<div>Hey Liz,</div>
<div><br>
</div>
<div>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.</div>
<div><br>
</div>
<div>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.</div>
<div><br>
</div>
<div>Thanks,</div>
<div><img src="cid:F5E8B380-1584-4DC7-8AC9-16ABE05DD765" type="image/png"></div>
</div>
</div>
<div><br>
</div>
<span id="OLK_SRC_BODY_SECTION">
<div style="font-family:Calibri; font-size:11pt; text-align:left; color:black; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; PADDING-BOTTOM: 0in; PADDING-LEFT: 0in; PADDING-RIGHT: 0in; BORDER-TOP: #b5c4df 1pt solid; BORDER-RIGHT: medium none; PADDING-TOP: 3pt">
<span style="font-weight:bold">From: </span>Liz Blanchard <<a href="mailto:lsurette@redhat.com">lsurette@redhat.com</a>><br>
<span style="font-weight:bold">Reply-To: </span>OpenStack Development Mailing List <<a href="mailto:openstack-dev@lists.openstack.org">openstack-dev@lists.openstack.org</a>><br>
<span style="font-weight:bold">Date: </span>Tuesday, July 30, 2013 10:43 AM<br>
<span style="font-weight:bold">To: </span>OpenStack Development Mailing List <<a href="mailto:openstack-dev@lists.openstack.org">openstack-dev@lists.openstack.org</a>><br>
<span style="font-weight:bold">Subject: </span>Re: [openstack-dev] [Horizon] Navigation UX Enhancements - Collecting Issues<br>
</div>
<div><br>
</div>
<div>
<div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; ">
<br>
<div>
<div>On Jul 19, 2013, at 3:34 AM, Jaromir Coufal <<a href="mailto:jcoufal@redhat.com">jcoufal@redhat.com</a>> wrote:</div>
<br class="Apple-interchange-newline">
<blockquote type="cite">
<div bgcolor="#FFFFFF" text="#333333">Hi Jeff,<br>
<br>
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.<br>
<br>
Best<br>
-- Jarda<br>
</div>
</blockquote>
<div><br>
</div>
<div>Hi Jarda,
<div><br>
</div>
<div>Thanks for taking this blueprint on! I'm happy to help out in the design space as well as it continues to move forward.</div>
<div><br>
</div>
<div>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:</div>
<div><a href="http://www.smashingmagazine.com/2010/01/11/the-case-against-vertical-navigation/">http://www.smashingmagazine.com/2010/01/11/the-case-against-vertical-navigation/</a></div>
<div><br>
</div>
<div>I'm definitely interested in what others think on this topic!</div>
<div><br>
</div>
<div>Thanks again,</div>
<div>Liz</div>
</div>
<br>
<blockquote type="cite">
<div bgcolor="#FFFFFF" text="#333333"><br>
<div class="moz-cite-prefix">On 2013/09/07 16:09, Walls, Jeffrey Joel (HP Converged Cloud - Cloud OS) wrote:<br>
</div>
<blockquote cite="mid:5201E6AC0320A04B9C7D63F19055FED84FE01786@G4W3299.americas.hpqcorp.net" type="cite">
<meta name="Generator" content="Microsoft Word 15 (filtered
medium)">
<style><!--
/* Font Definitions */
@font-face
{font-family:SimSun;
panose-1:2 1 6 0 3 1 1 1 1 1;}
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
@font-face
{font-family:Nyala;
panose-1:2 0 5 4 7 3 0 2 0 3;}
@font-face
{font-family:"HP Simplified";
panose-1:2 11 6 4 2 2 4 2 2 4;}
@font-face
{font-family:"\@SimSun";
panose-1:2 1 6 0 3 1 1 1 1 1;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0in;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Times New Roman","serif";
color:#333333;}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:purple;
text-decoration:underline;}
span.EmailStyle17
{mso-style-type:personal-reply;
font-family:Nyala;
color:#538135;
font-weight:normal;
font-style:normal;
text-decoration:none none;}
.MsoChpDefault
{mso-style-type:export-only;
font-size:10.0pt;}
@page WordSection1
{size:8.5in 11.0in;
margin:1.0in 1.0in 1.0in 1.0in;}
div.WordSection1
{page:WordSection1;}
--></style><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]-->
<div class="WordSection1">
<p class="MsoNormal"><span style="font-size:14.0pt;font-family:Nyala;color:#538135">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.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:14.0pt;font-family:Nyala;color:#538135"> </span></p>
<p class="MsoNormal"><span style="font-size:14.0pt;font-family:Nyala;color:#538135">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.
<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:14.0pt;font-family:Nyala;color:#538135"> </span></p>
<p class="MsoNormal"><span style="font-size:14.0pt;font-family:Nyala;color:#538135">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!<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:14.0pt;font-family:Nyala;color:#538135"> </span></p>
<div>
<p class="MsoNormal"><b><span style="font-size:11.0pt;font-family:"HP
Simplified","sans-serif";color:#538135">Jeff</span></b><b><span style="font-size: 11pt; font-family: Calibri, sans-serif; color: rgb(83, 129, 53); "><o:p></o:p></span></b></p>
</div>
<p class="MsoNormal"><span style="font-size:14.0pt;font-family:Nyala;color:#538135"> </span></p>
<div>
<div style="border:none;border-top:solid #E1E1E1
1.0pt;padding:3.0pt 0in 0in 0in">
<p class="MsoNormal"><b><span style="font-size: 11pt; font-family: Calibri, sans-serif; color: windowtext; ">From:</span></b><span style="font-size: 11pt; font-family: Calibri, sans-serif; color: windowtext; "> Jaromir Coufal [<a class="moz-txt-link-freetext" href="mailto:jcoufal@redhat.com">mailto:jcoufal@redhat.com</a>]
<br>
<b>Sent:</b> Tuesday, July 09, 2013 6:38 AM<br>
<b>To:</b> OpenStack Development Mailing List<br>
<b>Subject:</b> [openstack-dev] [Horizon] Navigation UX Enhancements - Collecting Issues<o:p></o:p></span></p>
</div>
</div>
<p class="MsoNormal"><o:p> </o:p></p>
<p class="MsoNormal">Hi everybody,<br>
<br>
in UX community group on G+ popped out a need for enhancing user experience of main navigation, because there are spreading out various issues .<br>
<br>
There is already created a BP for this: <a moz-do-not-send="true" href="https://blueprints.launchpad.net/horizon/+spec/navigation-enhancement">
https://blueprints.launchpad.net/horizon/+spec/navigation-enhancement</a><br>
<br>
Toshi had great idea to start discussion about navigation issues on mailing list.<br>
<br>
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.
<br>
<br>
Examples are following:<br>
* Navigation is not scaling for more dashboards (Project, Admin, ...)<br>
* Each dashboard might contain different hierarchy (number of levels)<br>
<br>
What problems do you experience with navigation?<br>
<br>
Thanks all for contributing<br>
-- Jarda<o:p></o:p></p>
</div>
<br>
<fieldset class="mimeAttachmentHeader"></fieldset> <br>
<pre wrap="">_______________________________________________
OpenStack-dev mailing list
<a class="moz-txt-link-abbreviated" href="mailto:OpenStack-dev@lists.openstack.org">OpenStack-dev@lists.openstack.org</a><a class="moz-txt-link-freetext" href="http://lists.openstack.org/cgi-bin/mailman/listinfo/openstack-dev">http://lists.openstack.org/cgi-bin/mailman/listinfo/openstack-dev</a></pre>
</blockquote>
<br>
</div>
_______________________________________________<br>
OpenStack-dev mailing list<br>
<a href="mailto:OpenStack-dev@lists.openstack.org">OpenStack-dev@lists.openstack.org</a><br>
<a href="http://lists.openstack.org/cgi-bin/mailman/listinfo/openstack-dev">http://lists.openstack.org/cgi-bin/mailman/listinfo/openstack-dev</a><br>
</blockquote>
</div>
<br>
</div>
</div>
</span>
</body>
</html>