<html><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><br>On 18. juli 2011, at 21:06, Alex Limi wrote:<br><br><blockquote type="cite">I've done a pass at improving the grouping and display of the toolbar and related stuff, and I'm starting to get pretty happy with it. Did this as an HTML prototype, so I'm aware that not everything lines up pixel-perfect, but should be a decent representation.<br>As a reminder, here's current CMSUI:<br><br></blockquote><div><br></div><div>Thanks! Useful suggestions. My feedback inline.<br><br></div><div><br></div><br><blockquote type="cite">I moved the global actions to the site bar, added metadata panel on the right, notification bar on the bottom, and tightened up the space usage a bit (although we probably want to add a few more pixels). I also added more icons to the item=specific bar see how it scales:<br><br></blockquote><div><img title="Screen%20shot%202011-07-17%20at%2023.08.58.png" alt="Screen%20shot%202011-07-17%20at%2023.08.58.png" src="http://f.cl.ly/items/02253r0J1F1e152x2Q3Y/Screen%20shot%202011-07-17%20at%2023.08.58.png"></div><div><br></div><div><br></div><div><span class="Apple-style-span" style="font-family: arial, sans-serif; border-collapse: collapse; font-size: 13px; ">The undo feature is something we all want, but it takes a bunch of infrastructure investment, so we cannot include it with this. I assume its inclusion here is just meant as an example of a notification, and not an assumption of the feature. If it is a notification, i'd like it to look more "present" and less blending into the background. If the site underneath runs sunburst, this notification will blend into the site, and not with the menu.  The placement of it works great. Will it also work with a longer message?<br><br>I think the tightening up helped a lot. Perhaps a little bit too eager? (those few pixels you mentioned, probably) :-)<br><br>I think listing the metadata separately works a lot better than as labels. — But i'd like to separate it better visually, probably with a vertical line or a separate box or something.<br>We don't have timedeltas yet, so until we get that implemented in a general way, we need to use absolute dates. I want the timedeltas too! Can we find a volunteer?<br><br>Workflow coloring works great.  I would, however, like to have the color for "published" to be the 'default' scheme (no background, white text) as there is no need to signal a call for action. Private and pending should still have backgrounds.</span></div><div><span class="Apple-style-span" style="font-family: arial, sans-serif; border-collapse: collapse; font-size: 13px; "><br></span></div><div><span class="Apple-style-span" style="font-family: arial, sans-serif; border-collapse: collapse; font-size: 13px; ">I am not yet convinced that moving the "site" buttons to the top bar is the right thing to do. But — i don't have a much better proposal for a place to put them either. It feels like this part needs a bit more rethinking. You are making us move in the right direction, but i still think we have  a bit to go before we have found the perfect solution for it.</span></div><br><blockquote type="cite"><br></blockquote><blockquote type="cite"><br>With the visual editor / Deco tile UI, it could look something like this (again, don't read too much into the implementation of the buttons):<br><br></blockquote><div><img title="Screen%20shot%202011-07-17%20at%2023.10.10.png" alt="Screen%20shot%202011-07-17%20at%2023.10.10.png" src="http://f.cl.ly/items/290L28030U3l1i2k2X0Z/Screen%20shot%202011-07-17%20at%2023.10.10.png"></div><div><br></div><div><span class="Apple-style-span" style="font-family: arial, sans-serif; border-collapse: collapse; font-size: 13px; ">Yeah. Agree. We need better-looking buttons, but the bar can easily work in something close to this way. There is still also the option of floating menus if there is a good implementation that works. </span><span class="Apple-style-span" style="font-family: arial, sans-serif; border-collapse: collapse; font-size: 13px; "><br></span><span class="Apple-style-span" style="font-family: arial, sans-serif; border-collapse: collapse; font-size: 13px; "></span><span class="Apple-style-span" style="font-family: arial, sans-serif; border-collapse: collapse; font-size: 13px; ">We have to consider whether the main bar should be disabled while editing. This is the same thing as when using the "structure" overlay. It may be confusing and disruptive to have both active at the same time.</span><span class="Apple-style-span" style="font-family: arial, sans-serif; border-collapse: collapse; font-size: 13px; "><br></span><span class="Apple-style-span" style="font-family: arial, sans-serif; border-collapse: collapse; font-size: 13px; ">We should perhaps also consider using a different color style for the editing bar.</span><span class="Apple-style-span" style="font-family: arial, sans-serif; border-collapse: collapse; font-size: 13px; "><br></span><span class="Apple-style-span" style="font-family: arial, sans-serif; border-collapse: collapse; font-size: 13px; "><br></span></div><blockquote type="cite"><font class="Apple-style-span" color="#000000"><br></font>…and as a final experiment, here's how it could look with a single-line UI — didn't add all the icons, but you get the point:<br><br></blockquote><img title="Screen%20shot%202011-07-17%20at%2021.56.19.png" alt="Screen%20shot%202011-07-17%20at%2021.56.19.png" src="http://f.cl.ly/items/2P263F3L1d472e0g0D3e/Screen%20shot%202011-07-17%20at%2021.56.19.png"><div><br></div><div><span class="Apple-style-span" style="font-family: arial, sans-serif; border-collapse: collapse; font-size: 13px; ">This works really well. I assume this is the version most will be using after a while. I still like the demo-value/discoverability of the icons. Plone needs a bit more graphics.<br></span></div><div><font class="Apple-style-span" face="arial, sans-serif" size="3"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 13px;">— But having the non-icon view available as a personal preference is a good option. </span></font></div><div><font class="Apple-style-span" face="arial, sans-serif" size="3"><span class="Apple-style-span" style="border-collapse: collapse; font-size: 13px;"><br></span></font></div><div><br></div><div><br></div><div><br><div>
<span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: Helvetica; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; font-size: medium; "><span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: 'Courier New'; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; "><div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><div><div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><div>-- </div><div>Geir Bækholt</div><div><font class="Apple-style-span" face="Helvetica"><span class="Apple-style-span" style="font-size: medium;"><font class="Apple-style-span" face="'Courier New'" size="4"><span class="Apple-style-span" style="font-size: 14px;"><br></span></font></span></font></div></div></div></div></div></span></span><br class="Apple-interchange-newline">
</div>

<br></div></body></html>