If you would want to represent the primary actions an user can do on a particular page, which version would you pick?
The context for the actions is:
What arguments do you have when making your selection?
You should vote before reading more!
The current interface is this one:
Beginner users have complained that the first time they see the interface they don’t know where to find the ‘Edit’ button.
From an usability perspective it’s obvious that important actions should be explicit and accordingly marked with descriptive labels. This means that the solution P2 would solve the issue.
The problem comes from the fact that long time users don’t like the P2 version. They prefer P4, since it looks more ‘simple’, ‘integrated’, ‘consistent’ with the top bar actions. Another argument is that the icons are universal enough and don’t need more explanations.
More: The rest of story is available at http://design.xwiki.org/xwiki/bin/view/Proposal/IdeaLabeledActions.
The questions are:
- Which category of users you try to satisfy?
- Does consistency have more priority than usability?
- Does styling have more importance than clarity?
- What are the rules for representing actions?
- Is it enough to create a style guide and follow it blindly or try to adapt it according to the user’s feedback?
If you look even at the Discourse interface, they have button icons with or without labels, actions represented as buttons and links, etc. In the case of Discourse: are there any rules behind the actions representation? Or they are random? Do you have other examples from your own projects?