Human Interface Guidelines — ano ito, mga prinsipyo ng disenyo ng iOS

Ano ang Human Interface Guidelines?

Human Interface Guidelines (HIG) — ay ang opisyal na dokumentasyon ng Apple para sa pagdidisenyo ng mga interface ng gumagamit. Ang dokumento ay naglalaman ng paglalarawan ng lahat ng karaniwang komponent ng system, mga patakaran sa paggamit ng mga ito, mga kinakailangan para sa mga kilos, animasyon, tipograpiya at paleta ng kulay. Unang inilathala ng Apple ang HIG para sa Macintosh noong 1987 at mula noon ang dokumento ay nag-ebolb kasama ng mga platform — mula iOS 1 (2007) hanggang sa kasalukuyang bersyon na iOS 18, iPadOS 18, macOS 15 Sequoia, watchOS 11 at tvOS 18. Sinasaklaw ng HIG ang tatlong antas: pilosopiya ng disenyo (mga prinsipyo), mga komponent ng system (mga elemento ng UI) at mga teknikal na rekomendasyon (mga laki ng screen, Safe Area, Dynamic Type). Para sa developer, ang HIG ay nagsisilbing nag-iisang pinagmumulan ng katotohanan sa paggawa ng mga desisyon sa disenyo: kung ang isang komponent ay inilarawan sa HIG, hindi na ito kailangang muling likhain.

Istraktura ng dokumento ng Human Interface Guidelines

Ang dokumento ng HIG ay nahahati sa tatlong malalaking bahagi: «Foundations» (mga pangunahing prinsipyo at pattern), «Platforms» (mga seksyon ng platform para sa iOS, iPadOS, macOS, watchOS, tvOS, visionOS) at «Components» (katalogo ng lahat ng elemento ng UI ng system). Ang bawat komponent ay inilalarawan ayon sa isang pare-parehong template: layunin, anatomy, pag-uugali, pinakamahuhusay na kagawian at mga halimbawa. Halimbawa, ang seksyong Navigation Bars ay naglalaman ng specipikasyon ng taas (44pt sa portrait, 32pt sa landscape sa iPhone), mga patakaran sa paglalagay ng mga button at mga limitasyon sa pag-customize. Kasama rin sa HIG ang mga rekomendasyon para sa Accessibility — VoiceOver, Dynamic Type, reduce motion — na sapilitang sundin para sa paglalathala sa App Store.

Bakit kritikal ang HIG para sa iOS developer

Ang pagsunod sa Human Interface Guidelines ay direktang nakakaapekto sa tagumpay ng aplikasyon sa App Store. Sa pagmo-moderate, sinusuri ng Apple ang pagsunod sa HIG — ang mga hindi karaniwang kilos, muling pagtukoy ng mga komponent ng system o paglabag sa hierarchy ng nabigasyon ay maaaring maging dahilan ng pagtanggi sa paglalathala. Ayon sa Apple Developer Program License Agreement (2025), ang mga aplikasyon na gumagamit ng system API nang hindi ayon sa layunin ay tinatanggihan sa yugto ng pagsusuri. Sa IT Sectr sumusunod kami sa HIG sa lahat ng proyekto ng iOS mula noong 2017 — pinapaikli nito ang oras ng pagsusuri at pinapataas ang mga rating ng gumagamit. Bukod pa rito, ang mga aplikasyong katugma sa HIG ay nakakakuha ng mas mataas na posisyon sa paghahanap ng App Store dahil sa mas mahusay na karanasan ng gumagamit.

Mga pangunahing prinsipyo ng HIG Apple

Anim na pangunahing prinsipyo ng Human Interface Guidelines ang bumubuo sa pilosopiya ng disenyo ng Apple. Unang prinsipyo — Aesthetic Integrity (integridad ng estetika): ang hitsura ng interface ay dapat tumugma sa tungkulin nito. Pangalawa — Consistency (pagkakapare-pareho): ang parehong mga elemento ay kumikilos nang pareho sa lahat ng aplikasyon ng system. Pangatlo — Direct Manipulation (direktang manipulasyon): ang gumagamit ay direktang nakikipag-ugnayan sa nilalaman (pag-swipe, pag-tap, pinch-to-zoom), hindi sa pamamagitan ng mga abstract na kontrol.

Kalinawan, hierarchy at feedback

Clarity (kalinawan) ay nangangailangan na ang teksto ay nababasa, ang mga icon ay nauunawaan, at ang nabigasyon ay nahuhulaan. Ang Dynamic Type at SF Symbols ay mga kasangkapan ng Apple para mapanatili ang kalinawan sa lahat ng device. Deference (paggalang) ay nangangahulugan na ang interface ay hindi dapat makipagkumpitensya sa nilalaman: malabong background, minimalistang toolbar at mga transparent na elemento (sa estilo ng iOS 7+) ay nagpapatupad ng prinsipyong ito. Feedback (feedback) ay ginagarantiyahan na ang bawat aksyon ng gumagamit ay tumatanggap ng biswal o tactile na tugon: pag-highlight ng button, haptic feedback, animasyon ng transisyon. Ang paglabag sa prinsipyo ng feedback ay isa sa mga karaniwang dahilan ng mababang rating sa App Store, kinumpirma ng datos ng Appfigures (2025).

Mga mahahalagang seksyon ng Human Interface Guidelines

Ang Human Interface Guidelines ay naglalaman ng detalyadong specipikasyon ng bawat komponent ng system ng Apple. Ang seksyong Bars ay naglalarawan ng Navigation Bar (karaniwang taas 44pt), Tab Bar (49pt), Toolbar (44pt) at Search Bar. Ang seksyong Views ay may kasamang Table View na may mga cell ng basic at custom na uri, Collection View na may suporta para sa compositional layout, Scroll View at Text View. Ang seksyong Controls ay nagsa-specify ng Button, Slider, Switch (pinakamababang target — 44×44pt), Segmented Control, Stepper at Date Picker. Para sa bawat kontrol ay nakasaad ang mga sukat ng hit-target (pinakamababang lugar ng pagpindot — 44×44pt ayon sa mga alituntunin ng Apple), mga visual na estado (normal, highlighted, disabled, selected) at mga animasyon ng transisyon.

Tipograpiya at kulay sa HIG

Inirerekomenda ng Apple ang paggamit ng system font na San Francisco (SF Pro para sa iOS/macOS, SF Compact para sa watchOS) na may Dynamic Type — awtomatikong pag-aangkop ng laki sa mga setting ng gumagamit. Tinutukoy ng HIG ang 11 estilo ng teksto: 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). Ang paleta ng kulay ng HIG ay may kasamang mga kulay ng system: labelColor, secondaryLabelColor, systemBackgroundColor, systemGroupedBackgroundColor — na may suporta para sa maliwanag at madilim na tema. Ang paggamit ng mga kulay ng system ay ginagarantiyahan ang tamang pagpapakita sa lahat ng device at sa mga setting ng accessibility.

Mga tampok na partikular sa platform sa HIG

Ang bawat platform ng Apple ay may natatanging mga elemento ng interface na inilarawan sa HIG. Para sa iOS ito ay Tab Bar (nabigasyon sa ibaba), Navigation Bar (itaas na bar na may pamagat at mga button), Sheets (mga modal panel), Activity View (pagbabahagi ng system), Live Activities at Dynamic Island. Para sa iPadOS ay idinagdag ang Split View, Slide Over, Popover Presentation at Keyboard Shortcuts. Para sa macOS — Menu Bar, Dock, Sheets, Panels, Sidebar, Toolbar na may NSToolbarItem. Para sa watchOS — Complications, Digital Crown, Scribble, Swipe Gestures at Always-On Display. Para sa tvOS — Focus Engine, Parallax Icons, Top Shelf.

Pag-aangkop ng disenyo sa pagitan ng mga platform

Inirerekomenda ng HIG na huwag mekanikal na ilipat ang mga elemento sa pagitan ng mga platform: ang Tab Bar sa iOS ay hindi katumbas ng Sidebar sa macOS, bagaman pareho nilang nilulutas ang problema ng nabigasyon. Para sa mga multi-platform na aplikasyon, nag-aalok ang Apple ng Mac Catalyst at SwiftUI, na awtomatikong nag-aangkop ng interface sa target na platform, sumusunod sa HIG. Sa pag-develop sa SwiftUI sa IT Sectr, gumagamit kami ng mga modifier na partikular sa platform: .navigationViewStyle, .tabViewStyle at .pickerStyle — ginagarantiyahan nila ang pagsunod sa mga native na alituntunin. Bilang karagdagan, inilalarawan ng HIG ang mga kinakailangan para sa pag-aangkop sa Dynamic Type, pinalaking teksto, Reduce Motion at pinalaking contrast.

Paano ilapat ang HIG sa praktika

Ang paglalapat ng Human Interface Guidelines ay nagsisimula sa pag-aaral ng seksyong «App Architecture», na naglalarawan ng istraktura ng isang tipikal na iOS application: launch screen, onboarding, mga modal screen, nabigasyon graph at mga estado ng pag-load. Unang hakbang — pumili ng estilo ng nabigasyon (hierarchical na may Navigation Controller, flat na may Tab Bar, modal na may Sheets o pinagsama). Ikalawang hakbang — tukuyin ang hierarchy ng mga screen at pagsunod ng bawat screen sa template ng HIG. Ikatlong hakbang — pumili ng mga komponent ng system para sa bawat gawain: Table View para sa mga listahan, Collection View para sa mga grid, Page Control para sa mga carousel.

Pagsusuri ng pagsunod sa HIG bago ilathala

Ang Apple ay nagbibigay ng Xcode Preview Assets at Accessibility Inspector para sa pagsusuri ng pagsunod sa HIG. Inirerekomenda na dumaan sa isang checklist: lahat ng hit-target > 44pt, teksto ay gumagamit ng Dynamic Type, mga kulay ay sumusuporta sa madilim na tema, nabigasyon ay tumutugma sa hierarchy ng HIG, mga kilos ay hindi sumasalungat sa mga kilos ng system (hal., swipe-back ay hindi muling tinukoy). Sa IT Sectr nagsasagawa kami ng HIG review bago ang bawat release — inaalis nito ang mga pagtanggi sa moderasyon ng App Store. Bilang karagdagan, ang App Store Review Guidelines (seksyon 4.0 «Design») ay direktang tumutukoy sa HIG: ang mga aplikasyon na malubhang lumalabag sa mga alituntunin ay tinatanggihan hanggang sa maitama ang mga hindi pagsunod.