Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

small/collapsed edit toolbar usability: Don't change button contents on hover #1610

Open
fredvd opened this issue May 31, 2016 · 1 comment

Comments

@fredvd
Copy link
Member

fredvd commented May 31, 2016

After doing Plone 4 stuff for a few months and coming back to a Plone 5 site, what struck me immediately upon logging in is getting mentally nervous from the vertical Plone 5 edit toolbar.

When I want to click on a button, or hover with my mouse vertically, as soon as I see the 'view' icon and want to click on it, the icon is gone. Apart from the slide in from the bottom that's adding to the nervousness, I think this a variation on one of the UX principles to not change/reorder navigation menu's on the fly by context (as Microsoft did in Office for a few versions by). Adding a slight hover effect is fine as long as the previous image or text is still visible.

Reflecting upon this I think I'm doubting that the button I just moved to with the mouse is still going to do the same when suddently the contents is completely changed. What is also happening on a cognitive level is that I see an icon (picture, visual) and when I try to click on it there's suddenly a text (symbolic, processing) and after the initial split second doubt (am I still on the menu item I hovered to) this may also add to the confusion.

Consider this: wouldn't it be weird if we had only text in the toolbar buttons, but would show synonyms as soon as you hovered over them? "view -> display", "edit -> change", etc?

If we did this for beginning users who cannot remember the iconic meaning of the toolbar items: they can expand the toolbar and see the explanations. The only benefit I see so far is that the clock item shows the modification date, cool from a screen real estate perspective, but nothing else.

@fredvd fredvd added 99 tag: UX Accessibility Issues that specifically impact a11y 99 tag: UX Editor labels May 31, 2016
@hvelarde hvelarde mentioned this issue May 31, 2016
19 tasks
@hvelarde
Copy link
Member

also related with #1001

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants