Human Interface Guidelines — apa itu, prinsip desain iOS

Apa itu Human Interface Guidelines?

Human Interface Guidelines (HIG) — adalah dokumentasi resmi Apple untuk merancang antarmuka pengguna. Dokumen ini berisi deskripsi semua komponen standar sistem, aturan penggunaannya, persyaratan untuk gestur, animasi, tipografi dan palet warna. Apple pertama kali mempublikasikan HIG untuk Macintosh pada tahun 1987 dan sejak itu dokumen tersebut berevolusi bersama platform — dari iOS 1 (2007) hingga versi saat ini iOS 18, iPadOS 18, macOS 15 Sequoia, watchOS 11 dan tvOS 18. HIG mencakup tiga tingkatan: filosofi desain (prinsip), komponen sistem (elemen UI) dan rekomendasi teknis (ukuran layar, Safe Area, Dynamic Type). Bagi pengembang, HIG berfungsi sebagai satu-satunya sumber kebenaran dalam pengambilan keputusan desain: jika komponen dijelaskan dalam HIG, tidak perlu menemukannya kembali.

Struktur dokumen Human Interface Guidelines

Dokumen HIG dibagi menjadi tiga bagian besar: «Foundations» (prinsip fundamental dan pola), «Platforms» (bagian platform untuk iOS, iPadOS, macOS, watchOS, tvOS, visionOS) dan «Components» (katalog semua elemen UI sistem). Setiap komponen dijelaskan menurut template seragam: tujuan, anatomi, perilaku, praktik terbaik dan contoh. Misalnya, bagian Navigation Bars berisi spesifikasi tinggi (44pt dalam potret, 32pt dalam lanskap di iPhone), aturan penempatan tombol dan batasan kustomisasi. HIG juga mencakup rekomendasi Accessibility — VoiceOver, Dynamic Type, reduce motion — yang wajib dipatuhi untuk publikasi di App Store.

Mengapa HIG penting bagi pengembang iOS

Kepatuhan terhadap Human Interface Guidelines secara langsung memengaruhi kesuksesan aplikasi di App Store. Saat moderasi, Apple memeriksa kepatuhan terhadap HIG — gestur tidak standar, komponen sistem yang didefinisikan ulang atau pelanggaran hierarki navigasi dapat menjadi alasan penolakan publikasi. Menurut Apple Developer Program License Agreement (2025), aplikasi yang menggunakan API sistem tidak sesuai peruntukan ditolak pada tahap tinjauan. Di IT Sectr kami mematuhi HIG di semua proyek iOS sejak 2017 — ini mempersingkat waktu tinjauan dan meningkatkan peringkat pengguna. Selain itu, aplikasi yang kompatibel dengan HIG mendapatkan posisi lebih tinggi di pencarian App Store berkat pengalaman pengguna yang lebih baik.

Prinsip dasar HIG Apple

Enam prinsip fundamental Human Interface Guidelines membentuk filosofi desain Apple. Prinsip pertama — Aesthetic Integrity (integritas estetika): tampilan antarmuka harus sesuai dengan fungsinya. Kedua — Consistency (konsistensi): elemen yang sama berperilaku sama di semua aplikasi sistem. Ketiga — Direct Manipulation (manipulasi langsung): pengguna berinteraksi langsung dengan konten (gesek, sentuh, pinch-to-zoom), bukan melalui kontrol abstrak.

Kejelasan, hierarki dan umpan balik

Clarity (kejelasan) mensyaratkan teks dapat dibaca, ikon dapat dipahami, dan navigasi dapat diprediksi. Dynamic Type dan SF Symbols adalah alat Apple untuk menjaga kejelasan di semua perangkat. Deference (rasa hormat) berarti antarmuka tidak boleh bersaing dengan konten: latar belakang buram, bilah alat minimalis dan elemen transparan (dalam gaya iOS 7+) mengimplementasikan prinsip ini. Feedback (umpan balik) menjamin bahwa setiap tindakan pengguna mendapat respons visual atau taktil: penyorotan tombol, haptic feedback, animasi transisi. Pelanggaran prinsip umpan balik adalah salah satu penyebab umum peringkat rendah di App Store, data Appfigures (2025) mengonfirmasi hal ini.

Bagian-bagian utama Human Interface Guidelines

Human Interface Guidelines berisi spesifikasi terperinci setiap komponen sistem Apple. Bagian Bars menjelaskan Navigation Bar (tinggi standar 44pt), Tab Bar (49pt), Toolbar (44pt) dan Search Bar. Bagian Views mencakup Table View dengan sel tipe dasar dan khusus, Collection View dengan dukungan compositional layout, Scroll View dan Text View. Bagian Controls menspesifikasikan Button, Slider, Switch (target minimal — 44×44pt), Segmented Control, Stepper dan Date Picker. Untuk setiap kontrol disebutkan ukuran hit-target (area sentuh minimal — 44×44pt menurut panduan Apple), status visual (normal, highlighted, disabled, selected) dan animasi transisi.

Tipografi dan warna dalam HIG

Apple merekomendasikan penggunaan font sistem San Francisco (SF Pro untuk iOS/macOS, SF Compact untuk watchOS) dengan Dynamic Type — penyesuaian ukuran otomatis sesuai pengaturan pengguna. HIG mendefinisikan 11 gaya teks: Large Title (34pt), Title 1 (28pt), Title 2 (22pt), Title 3 (20pt), Headline (17pt, semibold), Body (17pt), Callout (16pt), Subhead (15pt), Footnote (13pt), Caption 1 (12pt), Caption 2 (11pt). Palet warna HIG mencakup warna sistem: labelColor, secondaryLabelColor, systemBackgroundColor, systemGroupedBackgroundColor — dengan dukungan tema terang dan gelap. Penggunaan warna sistem menjamin tampilan yang benar di semua perangkat dan dengan pengaturan accessibility.

Fitur khusus platform dalam HIG

Setiap platform Apple memiliki elemen antarmuka unik yang dijelaskan dalam HIG. Untuk iOS ini adalah Tab Bar (navigasi bawah), Navigation Bar (bilah atas dengan judul dan tombol), Sheets (panel modal), Activity View (berbagi sistem), Live Activities dan Dynamic Island. Untuk iPadOS ditambahkan Split View, Slide Over, Popover Presentation dan Keyboard Shortcuts. Untuk macOS — Menu Bar, Dock, Sheets, Panels, Sidebar, Toolbar dengan NSToolbarItem. Untuk watchOS — Complications, Digital Crown, Scribble, Swipe Gestures dan Always-On Display. Untuk tvOS — Focus Engine, Parallax Icons, Top Shelf.

Adaptasi desain antar platform

HIG merekomendasikan untuk tidak memindahkan elemen antar platform secara mekanis: Tab Bar di iOS tidak setara dengan Sidebar di macOS, meskipun keduanya memecahkan masalah navigasi. Untuk aplikasi multiplatform, Apple menawarkan Mac Catalyst dan SwiftUI, yang secara otomatis menyesuaikan antarmuka dengan platform target, mematuhi HIG. Saat mengembangkan dengan SwiftUI di IT Sectr, kami menggunakan pengubah khusus platform: .navigationViewStyle, .tabViewStyle dan .pickerStyle — mereka menjamin kepatuhan terhadap panduan asli. Selain itu, HIG menjelaskan persyaratan adaptasi terhadap Dynamic Type, teks yang diperbesar, Reduce Motion dan kontras yang ditingkatkan.

Bagaimana menerapkan HIG dalam praktik

Penerapan Human Interface Guidelines dimulai dengan mempelajari bagian «App Architecture», yang menjelaskan struktur aplikasi iOS tipikal: layar mulai, onboarding, layar modal, graf navigasi dan status pemuatan. Langkah pertama — pilih gaya navigasi (hierarkis dengan Navigation Controller, datar dengan Tab Bar, modal dengan Sheets atau kombinasi). Langkah kedua — tentukan hierarki layar dan kepatuhan setiap layar dengan template HIG. Langkah ketiga — pilih komponen sistem untuk setiap tugas: Table View untuk daftar, Collection View untuk kisi, Page Control untuk korsel.

Memeriksa kepatuhan HIG sebelum publikasi

Apple menyediakan Xcode Preview Assets dan Accessibility Inspector untuk memeriksa kepatuhan HIG. Disarankan untuk melalui daftar periksa: semua hit-target > 44pt, teks menggunakan Dynamic Type, warna mendukung tema gelap, navigasi sesuai dengan hierarki HIG, gestur tidak bertentangan dengan gestur sistem (misalnya, swipe-back tidak didefinisikan ulang). Di IT Sectr kami melakukan tinjauan HIG sebelum setiap rilis — ini menghilangkan penolakan pada moderasi App Store. Selain itu, App Store Review Guidelines (bagian 4.0 «Design») secara langsung merujuk pada HIG: aplikasi yang secara kasar melanggar panduan ditolak sampai ketidaksesuaian diperbaiki.