Human Interface Guidelines — این چیست، اصول طراحی iOS

Human Interface Guidelines چیست؟

Human Interface Guidelines (HIG) — مستند رسمی Apple برای طراحی رابط‌های کاربری است. این سند شامل شرح تمام کامپوننت‌های استاندارد سیستم، قوانین استفاده از آنها، الزامات حرکات لمسی، انیمیشن، تایپوگرافی و پالت رنگی می‌باشد. Apple اولین بار HIG را برای Macintosh در سال ۱۹۸۷ منتشر کرد و از آن زمان این سند همراه با پلتفرم‌ها تکامل یافته است — از iOS 1 (2007) تا نسخه‌های فعلی iOS 18، iPadOS 18، macOS 15 Sequoia، watchOS 11 و tvOS 18. HIG سه سطح را پوشش می‌دهد: فلسفه طراحی (اصول)، کامپوننت‌های سیستمی (عناصر UI) و توصیه‌های فنی (اندازه صفحه‌ها، Safe Area، Dynamic Type). برای توسعه‌دهنده، HIG به عنوان唯一 منبع حقیقت در تصمیم‌گیری‌های طراحی عمل می‌کند: اگر کامپوننتی در HIG توصیف شده باشد، نیازی به اختراع دوباره آن نیست.

ساختار مستند Human Interface Guidelines

مستند HIG به سه بخش بزرگ تقسیم می‌شود: «Foundations» (اصول بنیادی و الگوها)، «Platforms» (بخش‌های پلتفرمی برای iOS، iPadOS، macOS، watchOS، tvOS، visionOS) و «Components» (کاتالوگ تمام عناصر UI سیستمی). هر کامپوننت طبق یک الگوی واحد توصیف شده است: کاربرد، آناتومی، رفتار، بهترین روش‌ها و مثال‌ها. به عنوان مثال، بخش Navigation Bars شامل مشخصات ارتفاع (44pt در حالت عمودی، 32pt در حالت افقی در iPhone)، قوانین قرارگیری دکمه‌ها و محدودیت‌های سفارشی‌سازی است. HIG همچنین شامل توصیه‌های Accessibility — VoiceOver، Dynamic Type، reduce motion — است که برای انتشار در App Store الزامی هستند.

چرا HIG برای توسعه‌دهنده iOS حیاتی است

رعایت Human Interface Guidelines مستقیماً بر موفقیت برنامه در App Store تأثیر می‌گذارد. در هنگام بررسی، Apple مطابقت با HIG را بررسی می‌کند — حرکات لمسی غیراستاندارد، کامپوننت‌های سیستمی بازتعریف‌شده یا نقض سلسله‌مراتب ناوبری می‌تواند دلیل رد انتشار باشد. طبق Apple Developer Program License Agreement (2025)، برنامه‌هایی که از APIهای سیستمی خارج از کاربرد اصلی استفاده می‌کنند، در مرحله بازبینی رد می‌شوند. در IT Sectr ما از سال ۲۰۱۷ در تمام پروژه‌های iOS از HIG پیروی می‌کنیم — این کار زمان بازبینی را کاهش داده و امتیازات کاربران را افزایش می‌دهد. علاوه بر این، برنامه‌های سازگار با HIG به دلیل تجربه کاربری بهتر، رتبه بالاتری در جستجوی App Store دریافت می‌کنند.

اصول اصلی HIG Apple

شش اصل بنیادی Human Interface Guidelines فلسفه طراحی Apple را شکل می‌دهند. اصل اول — Aesthetic Integrity (یکپارچگی زیبایی‌شناختی): ظاهر رابط باید با عملکرد آن مطابقت داشته باشد. دوم — Consistency (سازگاری): عناصر مشابه در تمام برنامه‌های سیستم رفتار یکسانی دارند. سوم — Direct Manipulation(دستکاری مستقیم): کاربر مستقیماً با محتوا تعامل می‌کند (سوایپ، ضربه، بزرگنمایی با دو انگشت)، نه از طریق کنترل‌های انتزاعی.

وضوح، سلسله‌مراتب و بازخورد

Clarity (وضوح) ایجاب می‌کند که متن خوانا، آیکون‌ها قابل فهم و ناوبری قابل پیش‌بینی باشد. Dynamic Type و SF Symbols ابزارهای Apple برای حفظ وضوح در تمام دستگاه‌ها هستند. Deference (احترام) به این معنی است که رابط نباید با محتوا رقابت کند: پس‌زمینه‌های محو، نوار ابزار مینیمال و عناصر شفاف (به سبک iOS 7+) این اصل را پیاده‌سازی می‌کنند. Feedback (بازخورد) تضمین می‌کند که هر اقدام کاربر یک پاسخ بصری یا لمسی دریافت می‌کند: برجسته‌سازی دکمه، بازخورد لمسی، انیمیشن انتقال. نقض اصل بازخورد یکی از دلایل رایج امتیازات پایین در App Store است، داده‌های Appfigures (2025) این را تأیید می‌کند.

بخش‌های کلیدی Human Interface Guidelines

Human Interface Guidelines شامل مشخصات دقیق هر کامپوننت سیستمی Apple است. بخش Bars Navigation Bar (ارتفاع استاندارد 44pt)، Tab Bar (49pt)، Toolbar (44pt) و Search Bar را توصیف می‌کند. بخش Views شامل Table View با سلول‌های پایه و سفارشی، Collection View با پشتیبانی از compositional layout، Scroll View و Text View می‌باشد. بخش Controls Button، Slider، Switch (حداقل target — 44×44pt)، Segmented Control، Stepper و Date Picker را مشخص می‌کند. برای هر کنترل ابعاد hit-target (حداقل ناحیه لمس — 44×44pt طبق راهنماهای Apple)، حالت‌های بصری (normal، highlighted، disabled، selected) و انیمیشن‌های انتقال ذکر شده است.

تایپوگرافی و رنگ در HIG

Apple استفاده از فونت سیستمی San Francisco (SF Pro برای iOS/macOS، SF Compact برای watchOS) با Dynamic Type — تطبیق خودکار اندازه با تنظیمات کاربر — را توصیه می‌کند. HIG 11 سبک متنی را تعریف می‌کند: 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). پالت رنگی HIG شامل رنگ‌های سیستمی است: labelColor، secondaryLabelColor، systemBackgroundColor، systemGroupedBackgroundColor — با پشتیبانی از تم روشن و تاریک. استفاده از رنگ‌های سیستمی نمایش صحیح را در تمام دستگاه‌ها و با تنظیمات accessibility تضمین می‌کند.

ویژگی‌های پلتفرمی در HIG

هر پلتفرم Apple دارای عناصر رابط منحصر‌به‌فردی است که در HIG توصیف شده‌اند. برای iOS اینها عبارتند از Tab Bar (ناوبری پایینی)، Navigation Bar (نوار بالایی با عنوان و دکمه‌ها)، Sheets (پنل‌های مودال)، Activity View (اشتراک‌گذاری سیستمی)، Live Activities و Dynamic Island. برای iPadOS Split View، Slide Over، Popover Presentation و Keyboard Shortcuts اضافه شده‌اند. برای macOS — Menu Bar، Dock، Sheets، Panels، Sidebar، Toolbar با NSToolbarItem. برای watchOS — Complications، Digital Crown، Scribble، Swipe Gestures و Always-On Display. برای tvOS — Focus Engine، Parallax Icons، Top Shelf.

تطبیق طراحی بین پلتفرم‌ها

HIG توصیه می‌کند عناصر را به صورت مکانیکی بین پلتفرم‌ها منتقل نکنید: Tab Bar در iOS معادل Sidebar در macOS نیست، اگرچه هر دو مشکل ناوبری را حل می‌کنند. برای برنامه‌های چندپلتفرمی Apple Mac Catalyst و SwiftUI را ارائه می‌دهد که به طور خودکار رابط را با پلتفرم هدف تطبیق می‌دهند و HIG را رعایت می‌کنند. هنگام توسعه با SwiftUI در IT Sectr ما از اصلاح‌کننده‌های خاص پلتفرم استفاده می‌کنیم: .navigationViewStyle، .tabViewStyle و .pickerStyle — آنها مطابقت با راهنماهای بومی را تضمین می‌کنند. علاوه بر این، HIG الزامات تطبیق با Dynamic Type، متن بزرگ‌شده، Reduce Motion و کنتراست افزایش‌یافته را توصیف می‌کند.

چگونه HIG را در عمل به کار ببریم

به کارگیری Human Interface Guidelines با مطالعه بخش «App Architecture» آغاز می‌شود که ساختار یک برنامه iOS معمولی را توصیف می‌کند: صفحه شروع، راهنما، صفحات مودال، گراف ناوبری و حالت‌های بارگذاری. گام اول — انتخاب سبک ناوبری (سلسله‌مراتبی با Navigation Controller، مسطح با Tab Bar، مودال با Sheets یا ترکیبی). گام دوم — تعیین سلسله‌مراتب صفحات و مطابقت هر صفحه با الگوی HIG. گام سوم — انتخاب کامپوننت‌های سیستمی برای هر وظیفه: Table View برای لیست‌ها، Collection View برای شبکه‌ها، Page Control برای کاروسل‌ها.

بررسی مطابقت با HIG قبل از انتشار

Apple Xcode Preview Assets و Accessibility Inspector را برای بررسی مطابقت با HIG ارائه می‌دهد. توصیه می‌شود چک‌لیست را طی کنید: تمام hit-target > 44pt، متن از Dynamic Type استفاده می‌کند، رنگ‌ها از تم تاریک پشتیبانی می‌کنند، ناوبری مطابق با سلسله‌مراتب HIG است، حرکات لمسی با حرکات سیستمی تداخل ندارند (مثلاً swipe-back بازتعریف نشده است). در IT Sectr ما قبل از هر انتشار بازبینی HIG انجام می‌دهیم — این کار رد شدن در بررسی App Store را حذف می‌کند. علاوه بر این، App Store Review Guidelines (بخش 4.0 «Design») مستقیماً به HIG اشاره می‌کند: برنامه‌هایی که به طور فاحش راهنماها را نقض می‌کنند تا رفع ناهماهنگی‌ها رد می‌شوند.