0

To enhance the user experience with a surprising icon set, I was thinking of using 3d icons, but most icons are small, flat, and generic. I understand convention is important for recognition, but is there a reason why the trend is 2d on the web and 3d for desktop apps?

  • What do you mean with web and desktop? Can you provide examples? – Nick Groeneveld Jun 3 '17 at 14:52
1

Ease of comprehension, integrity at smaller sizes

The answer may lie in this point from the NNG article on icon usability.

Keep the design simple and schematic. Reduce the amount of graphic details by focusing on the basic characteristics of the object rather than creating a highly realistic image in order to speed up recognition. (Intricate details are difficult to distinguish at smaller sizes.)

Nielson Norman Group, 07/2014 - https://www.nngroup.com/articles/icon-usability/

The more detail, the longer it takes to parse, and the more likely the essence of the graphic will get lost when displayed smaller sizes e.g. on mobile devices.

  • Good point on the smaller sizes decreasing recognition as well! I think Don Norman says in Emotional Design that affect plays a critical role in the desirability of a product, so having a 3d GUI might be more important than icon recognizability in the context I have in mind... We'll see. Thank you for your response! :) – user6582640 Jun 3 '17 at 4:07
0

This isn't necessarily just about style, but it also ties back to the branding and image that the companies are trying to present to the users or their customers. You can certainly try to style icons so that it still has a consistent style, but because the 3d shapes and patterns creates a different look and feel compared to the minimal and simple icons in the 2d and flat style.

Most web applications want to provide a user friendly and easy-to-use interface, and therefore they try to match the icon design to the rest of the intended user experience of the application.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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