Android vs iOS Design Guidelines

Published in

LEARNFAZZ

3 min readMay 1, 2019

Material Design & Human Interface Guidelines

Android dan iOS memiliki design guidelines masing-masing. Design perangkat Android mengacu pada Google’s Material Design, sedangkan design Apple mengikuti Human Interface Guidelines. Kedua design guidelines tersebut pada dasarnya bertemakan flat-design, namun lebih jauh lagi keduanya mengembangkan aturan-aturannya tersendiri terkait desain aplikasi mereka. Material Design terinspirasi dari dunia nyata dan designnya memiliki tekstur dengan bayangan (shadows) yang realistik. Di sisi lain, Human Interface Guidelines menggunakan konsep minimalis, menggunakan crisp element, dan berfokus pada typography dan flat colors.

Komparasi

Berikut adalah beberapa contoh perbedaan Google’s Material Design dan Apple’s Human Interface Guideline:

App Bar / Navigation Bar

Pada Android app bar, judul berada pada bagian kiri dan action button berada pada bagian kanan. Sedangkan pada iOS navigation bar, judul berada pada bagian tengah dan action buttons berada di bagian kanan dan kirinya.

Floating Action Button vs Call to Action Button

FABs pada Android berada pada pojok kanan bawah, sedangkan call to action button pada iOS berada pada bagian tengah tab bar, biasanya ditandai dengan warna yang berbeda dari tab lainnya.

Tab vs Segmented Control

Halaman pada secondary level pada Android dapat menggunakan “tab” sedangkan pada iOS dapat menggunakan “segmented control”. Tab pada Android bisa menggunakan teks (uppercase), icon, atau teks dengan icon. Di sisi lain, segmented control pada iOS biasanya tidak menyampurkan teks dengan icon. Teks yang digunakan adalah Title Case.

Snackbar & Toast vs Alert

Selain menggunakan dialog, Android juga menggunakan snackbar atau toast sebagai hint message dengan interferensi tingkat rendah. Snackbar dapat memuat action button, sedangkan toast biasanya hanya digunakan untuk menampilkan pesan dari sistem. Pada iOS, komponen yang mirip dengan snackbar dan toast adalah alert. Alert digunakan untuk menyampaikan feedback pada user dan memiliki tingkat interferensi yang lebih tinggi dibandingkan snackbar dan toast.

Navigation Bar vs Home Button

Navigation bar pada Android memiliki tiga tombol yaitu Back, Home, dan Recent Apps. Navigation bar pada Android bisa berupa virtual maupun physical. Di sisi lain, iOS hanya mempunyai satu physical button, yaitu Home. Oleh sebab itu, pada setiap UI design untuk iOS harus memiliki tombol back pada navigation bar-nya.