Android / iOS Comparison

Android and iOS have visually different design patterns for each platform. Both platforms offer accurate design guides.

iOS Design Guideline : https://developer.apple.com/design/human-interface-guidelines

Android Design Guideline : https://material.io/design

Home Screen and Control Area

Home Screen

Basically, iOS and Android have different app icon formats on the home screen. In iSO, all icons are unified in rounded rectangles of the same size, but Android is only fixed size of icon. But These days icons are also unifying style on Samsung and Android.

iOS 8.1 home screen (left) vs. Android 5.0 Lollipop home screen (right) (http://goo/gl/rqR3g5)

Control Area

This is difference between the Home button on iOS and the Back, Home, and Multitasking buttons on Android.

Home Button

Both devices have a home button in the center. Exit the app with a single touch or click to return to your mobile device's home. However, iPhones and some Android phones have changed from a full touch screen to a gesture that pulls up the bar at the bottom.

Return to home screen on iPhone X (http://www.itworld.co.kr/print/106446)

Recent app Control Button

This is a feature that shows recently used apps to help multitask. Android phones work by clicking physical and software buttons. iOS used to be a two-click method for physical buttons, but it was changed to hold up by pulling from the bottom while going to the full touch screen.

Back Button

History Back

Hierarchy Back

Typography

The default system font for iOS is San Francisco. For Android, the default system font is "Roboto", but you should use the "Noto Sans" font, which is the standard font for chrome and other Android languages that do not support "Roboto".

Navigation UI

Tab Bar

Navigation UI should be designed three to five. If you need many navigation UI (max 5) menus, make sure you have enough touchable space in each section. If you need more than 5 menus, you need to create a "more" button.

Upper Tab

Usually use the bottom tab on Android

Android provides the Previous, Home, and Recent app control buttons at the bottom of the display. Initially, it provided a physical button, but recently changed to a software button. At this point, you should consider whether the Android control area and navigation bars within your app are overcrowded. So you can place the app's navigation bar by dragging to top.

Bottom Tab

Usually use the bottom tab on iOS

The bottom tab is more visible to the user. In addition, it can be operated with one hand, increasing usability and increasing the involvement of the user. Recently, this advantage has increased the use of the bottom menu on Android, and the material design uses examples in the bottom menu.

Search UI