Human Interface Guidelines — nó là gì, nguyên tắc thiết kế iOS

Human Interface Guidelines là gì?

Human Interface Guidelines (HIG) là tài liệu chính thức của Apple về thiết kế giao diện người dùng. Tài liệu chứa mô tả về tất cả các thành phần hệ thống tiêu chuẩn, quy tắc sử dụng, yêu cầu về cử chỉ, hoạt ảnh, kiểu chữ và bảng màu. Apple lần đầu xuất bản HIG cho Macintosh vào năm 1987, và kể từ đó tài liệu đã phát triển cùng với các nền tảng — từ iOS 1 (2007) đến các phiên bản hiện tại iOS 18, iPadOS 18, macOS 15 Sequoia, watchOS 11 và tvOS 18. HIG bao gồm ba cấp độ: triết lý thiết kế (nguyên tắc), thành phần hệ thống (yếu tố UI) và khuyến nghị kỹ thuật (kích thước màn hình, Safe Area, Dynamic Type). Đối với nhà phát triển, HIG đóng vai trò là nguồn chân lý duy nhất khi đưa ra quyết định thiết kế: nếu một thành phần được mô tả trong HIG thì không cần phải phát minh lại nó.

Cấu trúc của tài liệu Human Interface Guidelines

Tài liệu HIG được chia thành ba phần chính: «Foundations» (các nguyên tắc và mẫu cơ bản), «Platforms» (các phần nền tảng cho iOS, iPadOS, macOS, watchOS, tvOS, visionOS) và «Components» (danh mục tất cả các yếu tố UI hệ thống). Mỗi thành phần được mô tả theo một mẫu thống nhất: mục đích, cấu trúc, hành vi, phương pháp hay nhất và ví dụ. Ví dụ, phần Navigation Bars chứa thông số kỹ thuật về chiều cao (44pt ở chế độ dọc, 32pt ở chế độ ngang trên iPhone), quy tắc đặt nút và giới hạn tùy chỉnh. HIG cũng bao gồm các khuyến nghị về Khả năng tiếp cận — VoiceOver, Dynamic Type, giảm chuyển động — bắt buộc phải tuân thủ để xuất bản trên App Store.

Tại sao HIG lại quan trọng đối với nhà phát triển iOS

Tuân thủ Human Interface Guidelines ảnh hưởng trực tiếp đến sự thành công của ứng dụng trên App Store. Trong quá trình kiểm duyệt, Apple kiểm tra việc tuân thủ HIG — các cử chỉ không tiêu chuẩn, thành phần hệ thống bị ghi đè hoặc vi phạm phân cấp điều hướng có thể dẫn đến từ chối. Theo Apple Developer Program License Agreement (2025), các ứng dụng sử dụng API hệ thống không đúng cách sẽ bị từ chối trong quá trình xem xét. Tại IT Sectr, chúng tôi tuân thủ HIG trong tất cả các dự án iOS từ năm 2017 — điều này giúp giảm thời gian xem xét và tăng điểm đánh giá người dùng. Ngoài ra, các ứng dụng tuân thủ HIG đạt được thứ hạng cao hơn trong tìm kiếm App Store nhờ trải nghiệm người dùng tốt hơn.

Các nguyên tắc cốt lõi của HIG Apple

Sáu nguyên tắc cơ bản của Human Interface Guidelines định hình triết lý thiết kế của Apple. Nguyên tắc đầu tiên — Aesthetic Integrity (tính toàn vẹn thẩm mỹ): giao diện phải phù hợp với chức năng của nó. Nguyên tắc thứ hai — Consistency (tính nhất quán): các yếu tố giống nhau hoạt động giống nhau trên tất cả các ứng dụng của hệ thống. Nguyên tắc thứ ba — Direct Manipulation (thao tác trực tiếp): người dùng tương tác trực tiếp với nội dung (vuốt, chạm, chụm để phóng to) thay vì thông qua các điều khiển trừu tượng.

Sự rõ ràng, phân cấp và phản hồi

Clarity (sự rõ ràng) yêu cầu văn bản phải dễ đọc, biểu tượng dễ hiểu và điều hướng có thể dự đoán được. Dynamic Type và SF Symbols là công cụ của Apple để duy trì sự rõ ràng trên tất cả các thiết bị. Deference (sự tôn trọng) có nghĩa là giao diện không nên cạnh tranh với nội dung: nền mờ, thanh công cụ tối giản và các yếu tố trong suốt (theo phong cách iOS 7+) thực hiện nguyên tắc này. Feedback (phản hồi) đảm bảo rằng mọi hành động của người dùng đều nhận được phản hồi trực quan hoặc xúc giác: làm nổi bật nút, phản hồi xúc giác, hoạt ảnh chuyển tiếp. Vi phạm nguyên tắc phản hồi là một trong những nguyên nhân phổ biến dẫn đến điểm đánh giá thấp trên App Store, theo dữ liệu của Appfigures (2025).

Các phần chính của Human Interface Guidelines

Human Interface Guidelines chứa thông số kỹ thuật chi tiết cho từng thành phần hệ thống Apple. Phần Bars mô tả Navigation Bar (chiều cao tiêu chuẩn 44pt), Tab Bar (49pt), Toolbar (44pt) và Search Bar. Phần Views bao gồm Table View với các loại ô cơ bản và tùy chỉnh, Collection View hỗ trợ bố cục tổng hợp, Scroll View và Text View. Phần Controls quy định Button, Slider, Switch (mục tiêu tối thiểu — 44×44pt), Segmented Control, Stepper và Date Picker. Đối với mỗi điều khiển, kích thước vùng chạm (vùng tiếp xúc tối thiểu — 44×44pt theo hướng dẫn của Apple), trạng thái trực quan (bình thường, được làm nổi bật, bị vô hiệu hóa, được chọn) và hoạt ảnh chuyển tiếp được chỉ định.

Kiểu chữ và màu sắc trong HIG

Apple khuyến nghị sử dụng phông chữ hệ thống San Francisco (SF Pro cho iOS/macOS, SF Compact cho watchOS) với Dynamic Type — tự động điều chỉnh kích thước theo cài đặt người dùng. HIG xác định 11 kiểu văn bản: Large Title (34pt), Title 1 (28pt), Title 2 (22pt), Title 3 (20pt), Headline (17pt, bán đậm), Body (17pt), Callout (16pt), Subhead (15pt), Footnote (13pt), Caption 1 (12pt), Caption 2 (11pt). Bảng màu HIG bao gồm các màu hệ thống: labelColor, secondaryLabelColor, systemBackgroundColor, systemGroupedBackgroundColor — hỗ trợ chủ đề sáng và tối. Sử dụng màu hệ thống đảm bảo hiển thị chính xác trên tất cả các thiết bị và trong cài đặt khả năng tiếp cận.

Các tính năng dành riêng cho nền tảng trong HIG

Mỗi nền tảng Apple có các yếu tố giao diện độc đáo được mô tả trong HIG. Đối với iOS bao gồm Tab Bar (điều hướng dưới cùng), Navigation Bar (thanh trên cùng với tiêu đề và nút bấm), Sheets (bảng điều khiển phương thức), Activity View (chia sẻ hệ thống), Live Activities và Dynamic Island. Đối với iPadOS có thêm Split View, Slide Over, Popover Presentation và Keyboard Shortcuts. Đối với macOS — Menu Bar, Dock, Sheets, Panels, Sidebar, Toolbar với NSToolbarItem. Đối với watchOS — Complications, Digital Crown, Scribble, Swipe Gestures và Always-On Display. Đối với tvOS — Focus Engine, Parallax Icons, Top Shelf.

Thích ứng thiết kế giữa các nền tảng

HIG khuyến nghị không chuyển các yếu tố một cách máy móc giữa các nền tảng: Tab Bar trên iOS không tương đương với Sidebar trên macOS, mặc dù cả hai đều giải quyết các tác vụ điều hướng. Đối với các ứng dụng đa nền tảng, Apple cung cấp Mac Catalyst và SwiftUI, tự động thích ứng giao diện với nền tảng mục tiêu trong khi tuân thủ HIG. Khi phát triển với SwiftUI tại IT Sectr, chúng tôi sử dụng các bộ điều chỉnh dành riêng cho nền tảng: .navigationViewStyle, .tabViewStyle và .pickerStyle — chúng đảm bảo tuân thủ các hướng dẫn gốc. Ngoài ra, HIG mô tả các yêu cầu thích ứng với Dynamic Type, văn bản phóng to, Giảm chuyển động và tăng độ tương phản.

Cách áp dụng HIG trong thực tế

Việc áp dụng Human Interface Guidelines bắt đầu bằng việc nghiên cứu phần «App Architecture», phần này mô tả cấu trúc của một ứng dụng iOS điển hình: màn hình khởi chạy, hướng dẫn sử dụng, màn hình phương thức, đồ thị điều hướng và trạng thái tải. Bước đầu tiên là chọn kiểu điều hướng (phân cấp với Navigation Controller, phẳng với Tab Bar, phương thức với Sheets hoặc kết hợp). Bước thứ hai là xác định phân cấp màn hình và đảm bảo mỗi màn hình tuân thủ mẫu HIG. Bước thứ ba là chọn thành phần hệ thống cho từng tác vụ: Table View cho danh sách, Collection View cho lưới, Page Control cho băng chuyền.

Kiểm tra tuân thủ HIG trước khi xuất bản

Apple cung cấp Xcode Preview Assets và Accessibility Inspector để kiểm tra tuân thủ HIG. Nên làm theo danh sách kiểm tra: tất cả vùng chạm > 44pt, văn bản sử dụng Dynamic Type, màu sắc hỗ trợ chủ đề tối, điều hướng tuân theo phân cấp HIG, cử chỉ không xung đột với cử chỉ hệ thống (ví dụ: vuốt để quay lại không bị ghi đè). Tại IT Sectr, chúng tôi tiến hành đánh giá HIG trước mỗi bản phát hành — điều này loại bỏ việc bị từ chối trong quá trình kiểm duyệt App Store. Ngoài ra, App Store Review Guidelines (phần 4.0 «Design») tham chiếu trực tiếp đến HIG: các ứng dụng vi phạm nghiêm trọng hướng dẫn sẽ bị từ chối cho đến khi khắc phục được vi phạm.