Human Interface Guidelines

معرفی و داستان شکل‌گیری

Human Interface Guidelines یا HIG مجموعه راهنماها و اصول طراحی اپل برای ساخت تجربه‌های هماهنگ، آشنا و قابل استفاده در پلتفرم‌های این شرکت است. این راهنماها طراحی برای iOS، iPadOS، macOS، watchOS، tvOS و visionOS را پوشش می‌دهند و به طراحان و توسعه‌دهندگان کمک می‌کنند محصولاتی بسازند که با رفتارها و انتظارات کاربران دستگاه‌های اپل هماهنگ باشند.

HIG برخلاف بسیاری از دیزاین‌سیستم‌ها تنها یک کتابخانه از رنگ‌ها، کامپوننت‌ها و الگوهای آماده نیست. اپل در این مجموعه بیشتر بر منطق تصمیم‌گیری، شیوه تعامل، قابلیت‌های هر دستگاه و کیفیت تجربه کاربر تمرکز می‌کند. به همین دلیل Human Interface Guidelines را می‌توان ترکیبی از اصول طراحی، راهنمای تجربه کاربری، الگوهای تعاملی و منابع رابط کاربری دانست.

این راهنما هم‌زمان با تغییر محصولات و سیستم‌عامل‌های اپل تکامل پیدا کرده است. ورود دستگاه‌هایی مانند Apple Watch و Apple Vision Pro باعث شده HIG از رابط‌های مبتنی بر ماوس و لمس فراتر برود و روش‌هایی مانند Digital Crown، نگاه، ژست‌های حرکتی، کنترل از راه دور و تعامل فضایی را نیز پوشش دهد. در نسخه‌های جدید سیستم‌عامل‌های اپل، زبان بصری Liquid Glass نیز به این اکوسیستم اضافه شده و استفاده از سطوح شفاف، لایه‌های شناور و واکنش‌های بصری پویا را گسترش داده است.

فلسفه و اصول طراحی

یکی از پایه‌های اصلی HIG، ایجاد تجربه‌ای آشنا برای کاربر است. اپل توصیه می‌کند محصولات تا حد امکان از الگوها، رفتارها و کامپوننت‌های استاندارد هر پلتفرم استفاده کنند. وقتی یک اپلیکیشن از Navigation، Gestureها، منوها و کنترل‌های آشنای سیستم پیروی می‌کند، کاربر برای یادگیری آن به تلاش کمتری نیاز دارد.

وضوح یکی دیگر از اصول مهم طراحی در اکوسیستم اپل است. متن باید خوانا باشد، آیکن‌ها باید مفهوم مشخصی داشته باشند و عناصر تزئینی نباید با محتوا یا عملکرد اصلی رقابت کنند. سلسله‌مراتب بصری باید به کاربر کمک کند سریع‌تر اطلاعات مهم را تشخیص دهد و اقدام بعدی خود را پیدا کند.

HIG همچنین بر احترام به محتوا تأکید دارد. رابط کاربری نباید همیشه مرکز توجه باشد، بلکه باید زمینه‌ای فراهم کند که محتوا و فعالیت اصلی کاربر بهتر دیده شوند. استفاده سنجیده از فضای خالی، رنگ، تایپوگرافی، حرکت و سطوح می‌تواند رابط را از نظر بصری غنی کند، بدون اینکه تمرکز را از هدف اصلی محصول بگیرد.

اصل دیگر، سازگاری با ویژگی‌های هر پلتفرم است. اپل انتظار ندارد یک رابط واحد بدون تغییر روی تمام دستگاه‌ها استفاده شود. تجربه مناسب برای آیفون الزاماً برای مک، اپل واچ یا ویژن پرو مناسب نیست. هر پلتفرم الگوهای تعامل، ابعاد نمایشگر، فاصله استفاده و قابلیت‌های ورودی مخصوص خود را دارد و طراحی باید به این تفاوت‌ها پاسخ دهد.

زبان بصری

زبان بصری اپل معمولاً بر وضوح، سلسله‌مراتب مشخص، استفاده کنترل‌شده از رنگ و هماهنگی نزدیک با محتوای صفحه استوار است. رابط‌های این اکوسیستم اغلب از سطوح، لایه‌ها، Blur، شفافیت و حرکت برای نمایش رابطه میان بخش‌های مختلف استفاده می‌کنند.

رنگ در HIG تنها یک ویژگی تزئینی نیست و می‌تواند برای نشان‌دادن عملکرد، وضعیت، تأکید یا بازخورد به کار رود. اپل استفاده از رنگ‌های معنایی و رنگ‌های سیستمی را پیشنهاد می‌کند؛ زیرا این رنگ‌ها می‌توانند خود را با حالت روشن، حالت تاریک، تنظیمات کنتراست و شرایط مختلف نمایش هماهنگ کنند. در عین حال، طراح نباید انتقال معنا را فقط به رنگ وابسته کند.

تایپوگرافی در پلتفرم‌های اپل با خانواده فونت San Francisco ارتباط نزدیکی دارد. SF Pro فونت اصلی iOS، iPadOS، macOS و tvOS است و نسخه‌های دیگری مانند SF Compact برای محیط‌هایی با فضای محدودتر طراحی شده‌اند. استفاده از سبک‌های متنی سیستمی باعث می‌شود اندازه و وزن نوشته‌ها با تنظیمات کاربر و قابلیت Dynamic Type هماهنگ شوند.

SF Symbols نیز بخش مهمی از زبان بصری اپل است. این مجموعه شامل هزاران نماد هماهنگ با فونت San Francisco است که در وزن‌ها و اندازه‌های مختلف ارائه می‌شوند، با متن هم‌تراز می‌شوند و در بسیاری از موارد می‌توانند جهت، رنگ و ظاهر خود را با شرایط رابط تطبیق دهند. استفاده از این نمادها به ایجاد ارتباطی هماهنگ میان آیکن و تایپوگرافی کمک می‌کند.

حرکت در HIG باید هدفمند، طبیعی و مرتبط با عملکرد رابط باشد. انیمیشن می‌تواند تغییر وضعیت، انتقال میان صفحات، رابطه فضایی عناصر یا نتیجه یک تعامل را توضیح دهد. بااین‌حال، حرکت نباید سرعت انجام کار را کاهش دهد یا باعث سردرگمی شود. رابط همچنین باید به تنظیماتی مانند Reduce Motion احترام بگذارد و جایگزین مناسبی برای حرکات شدید یا غیرضروری داشته باشد.

کامپوننت‌ها و الگوهای طراحی

Human Interface Guidelines مجموعه گسترده‌ای از کامپوننت‌ها و الگوهای تعاملی را پوشش می‌دهد؛ از Button، Menu، Picker، Text Field و Toggle گرفته تا Navigation Bar، Tab Bar، Sidebar، Sheet، Alert و Toolbar.

هر کامپوننت براساس نقش آن در تجربه کاربر توضیح داده می‌شود. HIG تنها ظاهر یک کنترل را نمایش نمی‌دهد، بلکه مشخص می‌کند چه زمانی باید از آن استفاده کرد، چه زمانی انتخاب مناسبی نیست و رفتار آن در پلتفرم‌های مختلف چگونه تغییر می‌کند.

یکی از ویژگی‌های مهم این سیستم، ارتباط نزدیک میان راهنمای طراحی و فریم‌ورک‌های توسعه اپل است. بسیاری از کامپوننت‌های معرفی‌شده در HIG از طریق SwiftUI، UIKit و AppKit در اختیار توسعه‌دهندگان قرار دارند. استفاده از کامپوننت‌های استاندارد باعث می‌شود محصول به‌صورت طبیعی با قابلیت‌هایی مانند حالت تاریک، Dynamic Type، VoiceOver، تغییر اندازه پنجره و الگوهای تعاملی سیستم هماهنگ شود.

الگوهای Navigation در هر پلتفرم تفاوت دارند. برای مثال، Tab Bar می‌تواند در یک اپلیکیشن موبایل نقش اصلی داشته باشد، درحالی‌که Sidebar و Toolbar برای بسیاری از تجربه‌های iPad و macOS مناسب‌تر هستند. در watchOS اطلاعات باید سریع و خلاصه ارائه شوند و در visionOS رابطه فضایی، عمق و میدان دید کاربر اهمیت بیشتری پیدا می‌کند.

تجربه استفاده و شخصی‌سازی

HIG نقطه شروع مناسبی برای تیم‌هایی است که برای محصولات اپل طراحی می‌کنند. وجود مستندات رسمی، UI Kitهای فیگما و Sketch، فونت‌های سیستمی، SF Symbols و منابع مربوط به آیکن‌ها باعث می‌شود طراحان بتوانند رابط‌های دقیق‌تری متناسب با هر پلتفرم ایجاد کنند.

ارتباط نزدیک با ابزارهای توسعه یکی از مهم‌ترین مزایای این چارچوب است. وقتی طراحی از ساختارها و کامپوننت‌های استاندارد اپل استفاده کند، پیاده‌سازی آن معمولاً ساده‌تر و نتیجه نهایی با رفتار سیستم‌عامل هماهنگ‌تر خواهد بود. این موضوع می‌تواند اختلاف میان فایل طراحی و محصول واقعی را کاهش دهد.

بااین‌حال، HIG یک کیت آماده برای ساخت هویت برند نیست. استفاده کامل از کامپوننت‌های پیش‌فرض بدون تعریف لایه بصری اختصاصی ممکن است باعث شود محصول بیش از اندازه شبیه اپلیکیشن‌های سیستمی یا محصولات دیگر این اکوسیستم باشد. برندها همچنان باید درباره رنگ، تصاویر، محتوا، لحن، آیکن‌های اختصاصی و ترکیب‌بندی صفحات تصمیم بگیرند.

شخصی‌سازی در محصولات اپل بهتر است روی پایه رفتارهای استاندارد انجام شود. تغییر بیش از اندازه ظاهر یا عملکرد کنترل‌های آشنا می‌تواند قابلیت پیش‌بینی رابط را کاهش دهد. بنابراین هدف، ایجاد تعادل میان شخصیت برند و انتظارات کاربری پلتفرم است.

دسترس‌پذیری و RTL

دسترس‌پذیری یکی از بخش‌های اصلی Human Interface Guidelines است. اپل توصیه می‌کند محصولات برای افراد با توانایی‌های بینایی، حرکتی، شنوایی، گفتاری و شناختی متفاوت قابل استفاده باشند. این موضوع باید از ابتدای فرایند طراحی در نظر گرفته شود، نه اینکه پس از پایان پروژه به رابط اضافه شود.

HIG موضوعاتی مانند کنتراست رنگ، اندازه مناسب کنترل‌ها، خوانایی متن، ترتیب فوکوس، توضیح عناصر برای VoiceOver، زیرنویس، بازخوردهای جایگزین، Dynamic Type و کاهش حرکت را پوشش می‌دهد. رابط همچنین باید تنظیمات دسترس‌پذیری کاربر، مانند Bold Text، Increase Contrast و Reduce Motion را تا حد امکان رعایت کند.

استفاده از کامپوننت‌های استاندارد می‌تواند بخش مهمی از این سازگاری را به‌صورت خودکار فراهم کند، اما دسترس‌پذیری محصول نهایی همچنان به نحوه طراحی صفحه، ترتیب محتوا، نام‌گذاری کنترل‌ها و کیفیت پیاده‌سازی وابسته است.

اپل برای زبان‌های راست‌به‌چپ نیز راهنمای مشخصی دارد. در زبان‌هایی مانند فارسی و عربی، بسیاری از بخش‌های رابط باید براساس جهت خواندن معکوس شوند. ترتیب Navigation، محل عناصر، جهت برخی آیکن‌ها و حرکت‌های مرتبط با پیمایش باید با ساختار زبان هماهنگ باشند.

بااین‌حال، همه عناصر نباید معکوس شوند. اعداد، نمودارها، پخش‌کننده‌های رسانه، ساعت، برخی نمادهای فیزیکی و محتوایی که جهت ذاتی دارد ممکن است ساختار اصلی خود را حفظ کنند. طراحی یک محصول فارسی در اکوسیستم اپل به بررسی دقیق متن‌های ترکیبی، اعداد، فونت فارسی، فاصله‌گذاری و رفتار هر کامپوننت در حالت RTL نیاز دارد.

نقاط قوت و محدودیت‌ها

بزرگ‌ترین نقطه قوت HIG، ارتباط عمیق آن با سیستم‌عامل‌ها، سخت‌افزار و فریم‌ورک‌های توسعه اپل است. این راهنما صرفاً درباره ظاهر رابط صحبت نمی‌کند، بلکه ویژگی‌های دستگاه، نوع ورودی، رفتار سیستم و انتظارات کاربران هر پلتفرم را نیز در نظر می‌گیرد.

مستندات گسترده، کامپوننت‌های استاندارد، منابع رسمی طراحی، SF Symbols و پشتیبانی جدی از دسترس‌پذیری از دیگر نقاط قوت آن هستند. استفاده صحیح از HIG می‌تواند زمان طراحی و توسعه را کاهش دهد و تجربه‌ای آشنا و قابل اعتماد برای کاربران ایجاد کند.

در مقابل، HIG نسبت به برخی دیزاین‌سیستم‌های سازمانی ساختار متمرکز کمتری حول Design Tokenها و معماری داخلی یک سیستم اختصاصی دارد. این راهنما روش طراحی برای اکوسیستم اپل را توضیح می‌دهد، اما لزوماً تمام ساختار موردنیاز برای دیزاین‌سیستم داخلی یک برند را فراهم نمی‌کند.

وابستگی زیاد به الگوهای اپل نیز می‌تواند یک محدودیت باشد. محصولاتی که باید تجربه‌ای مشابه در iOS، Android و Web داشته باشند، نمی‌توانند تمام قواعد HIG را بدون تغییر در سایر پلتفرم‌ها تکرار کنند. در چنین شرایطی تیم باید میان هویت مشترک برند و استانداردهای بومی هر پلتفرم تعادل ایجاد کند.

جمع‌بندی و درس‌های طراحی

Human Interface Guidelines انتخاب مناسبی برای تمام تیم‌هایی است که محصولی برای یکی از پلتفرم‌های اپل طراحی می‌کنند. این راهنما به‌ویژه برای محصولاتی اهمیت دارد که می‌خواهند با قابلیت‌های سیستم‌عامل هماهنگ باشند و تجربه‌ای طبیعی و قابل پیش‌بینی ارائه دهند.

یکی از مهم‌ترین درس‌های HIG این است که طراحی خوب فقط به ظاهر زیبا محدود نمی‌شود. شناخت دستگاه، روش تعامل، شرایط استفاده، تنظیمات کاربر و استانداردهای پلتفرم به‌اندازه رنگ و کامپوننت اهمیت دارد.

درس مهم دیگر این است که هماهنگی با پلتفرم به معنای حذف هویت برند نیست. یک محصول می‌تواند شخصیت بصری مستقل خود را داشته باشد و درعین‌حال از رفتارها و الگوهایی استفاده کند که کاربران از قبل می‌شناسند.

در نهایت، HIG را نباید مجموعه‌ای از قوانین تغییرناپذیر دید. ارزش اصلی آن در ارائه اصول و الگوهایی است که تصمیم‌های طراحی را آگاهانه‌تر می‌کنند. بهترین نتیجه زمانی به دست می‌آید که تیم، منطق پشت این راهنماها را درک کند و آن‌ها را متناسب با محتوا، مخاطب و پلتفرم محصول به کار بگیرد.