10

While looking at Metro UI styles I thought about one of the unique aspects of the icons. Their placement inside circles. E.g.

Icons

I can imagine that this provides a target like effect, emphasising the touch interaction. It could also be a way to identify the button within a style that doesn't allow for traditional 3D affordance.

However, what impact will this have on recognition of the button functions themselves? Could this add to the effort required and therefore affect usability?

Has there been any related research to show whether this approach can be effective?

6
  • 3
    You'll find this helpful: ux.stackexchange.com/questions/8040/… Jul 12, 2012 at 15:35
  • @VitalyMijiritsky Ah yes, some relevant info there. Confirms some suspicions. On a side note: I wonder whether trends in design will change despite these types of drawbacks. Whether, over time it will impact our perceptions and expectations. It would depend on the potential benefits to be had.
    – Jay
    Jul 12, 2012 at 15:42
  • 1
    I can promise you that trends will change :). If trends don't change, they become principles :). Jul 12, 2012 at 15:44
  • 1
    Which is why even the most strongly held beliefs / coded rules can be questioned from time to time. Particularly when large context shifts occur. UX being a science rather than religion :)
    – Jay
    Jul 12, 2012 at 15:47
  • 2
    UX being a science rather than religion - yeah, tell that to the fanboys ;) Jul 12, 2012 at 15:50

1 Answer 1

4

This is conjecture on my part, as I don't have any research to back me up.

I think the circle (or a round corner box as @BenBrocka says) helps define the edges of the button. After using Metro (or winphone) for awhile it becomes a familiar metaphor in many apps. The icons still have strong internal shapes and outlines inside the circle. The two tone color scheme helps make this more obvious.

This model should work well in many usablity cases. Color blindness shouldn't be an issue. Each icon has a distinct inner shape, which make them easier to parse with screen readers.

2
  • Thanks for the answer. However a screen reader wouldn't parse the shape of an icon. It would read out underlying text or metadata.
    – Jay
    Jul 13, 2012 at 7:44
  • Yes, I shouldn't have said screen reader, I was thinking more about some of the new touch reader for blind people. Jul 13, 2012 at 18:47

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.