I'm in the process of designing an iOS app menu, and the online version of this menu does not contain icons. After doing some R&D i've noticed that many iOS app menus do contain icons. From a UX perspective is it necessary to include them? I find the UI to appear a lot less cluttered without them
You need to take in consideration the context of the UX. Is this app intended to be used frequently? What age range the average user will be? Whats the final purpose of the app?
Icons can be good if there are few elements on your menu. If you have 10+ choices it might not be a good idea to include icons at all, it will be hard to read and will feel cluttered.
If your menu is simple with only a few options, it will probably be a good idea to include icons to quickly recognize each item without even reading each label.
I will quote the book Interaction design best practices. It is something to be taken in consideration in every UX.
Interaction design can be broken down into 5 dimensions: words, visuals, objects/space, time, and behavior. Words are interactions. Visuals and objects/space are what users interact with. Time is what users interact within. And finally, behavior is how users and the interface act and react.
Icons allow for more meaningful associations. While text items have the potential to look very similar, different images can let the user connect the idea of the image with the idea of the part of the app it navigates to. Using icons with the same meaning as in other apps can further help the user connect them to functionality, for instance, using an icon similar to the App Store's "Updates" icon immediately tells the user that that screen will involve some sort of download/update functionality.
This is similar to the design for Apple's Home screen. When you launch an app from the home screen, most likely you don't look for the app's title text. You recognize the icon, and click on it probably before you ever read the text beneath it.
If you are going to use images, they don't need to be complex or distracting. Simple, flat and colorful images make for the cleanest experience.
Example: the final product from AppCoda's implementation of the slide-out menu - image
It is probably only necessary to include icons for the following reasons (but in no particular order of importance, except maybe for the first one):
- If someone's life might be in danger or affected if not included, presumably because the icon contains important information that would otherwise not be conveyed.
- If whoever signs off on the design insists on it and your would lose your job (or get a bad performance review) if you didn't put it in.
- If you don't plan to use text in the menu (probably not a good idea...) and want to provide tooltip or hover-over using the icons as a call to action.
- If the style guide (whichever one that you are referencing) dictates that the menu should include icons.
- If you care about the opinions of people on this site and want to follow their advice (if it is to include them).
- If you test it against users and they get a better experience using the app with the icons.