What do we need to know to design an iOS interface?
I am preparing for next week’s project that will consist on designing a new mobile e-learning app to be launched on both iOS and Android.
For that I had to chose between 3 already created user personas that were slightly different in some aspects. For this project I am choosing Alicia.
Alicia is 31 y-o, working as an international buyer at Mango and she is an iOS user. For that I decided to start my design from an iOS point of view, and afterwords I’ll translate the design to an Android point of view.
What do I have to take into account to correctly design for iOS users? There are some guidelines that I need to follow to be iOS friendly.
1. First of all, that back button. iOS uses a top-left back icon or just let you swipe back while Android offers you a fixed bottom bar where the back button is visible.
2. The option selector is also different in both interfaces. On the left side we see that iOS use thin check icons while Android at the right side prefers to use the check boxes.
3. Some apps change the menu position depending on the interface. Youtube for iOS places the menu on the bottom while Android places it on the top.
4. In iOs the style buttons are a bit more rounded and the text is written in title cases while the Android buttons are not rounded and the text is usually all uppercase.
5. And last but not least, the floating buttons also change position. In iOS (call to action button) they normally are at the center of the menu in the bottom while in Android (floating action buttons) the button is normally located on the right side, out from the navigation menu.
To know more guidelines check out these articles!
https://medium.com/@vedantha/interaction-design-patterns-ios-vs-android-111055f8a9b7
https://medium.muz.li/differences-between-designing-native-ios-apps-and-native-android-apps-e71256dfa1ca
https://uxplanet.org/you-dont-always-need-to-follow-native-android-or-ios-ui-patterns-when-designing-an-app-2a361a21c342