Everyone knows that there is a great watershed in the world of apps: the two operating systems Android and IOS. Ahat not everyone knows is that the same app can suffer substantial design variations in one system or another.
The design of an app must respect the rules marked by the two operating systems: for Android it is Material Design and for IOS it is Human Interface Guidelines.
The e-learning app that I will have to design next week will have to be designed for the two operating systems, so I will have to keep in mind that:
There’s a universal navigation bar at the bottom of Android devices. Using the back button in the navigation bar is an easy way to go back to the previous screen or step.
The Apple design approach is different because there’s no global navigation bar. Internal screens should have a native navigation bar with a back button in the top left corner. Also ios includes a left-to-right swiping gesture in applications to go to the previous screen.
2. In-app navigation patterns
Android uses burger menus, which unfolding from the left side of the screen allow you to organize information into tabs and lists.
Apple instead, recommended putting global navigation in a tab bar located at the bottom of the app screen.
In Android the buttons are flat and raised, and generally all uppercase. In IOS button text is on title case.
In Android we also find the characteristic floating button represents the primary action in an application. In Apple we found the call to action button with similar function and located in the center of the tab bar.
4. Typography differences
In Android the standard typeface is Roboto. In IOS is San Francisco.
Animations are something that particularly grabs the user's attention. For this reason, both platforms make use of it, however they discourage excessive and unmotivated use.
In IOS the animations respect the laws of physics and always feel "natural".
In Android transitions are an important element in the overall interaction with an interface. They help users orient themselves by expressing the app’s hierarchy.