اصول طراحی اپل و آنچه سایت شما می‌تواند از آن بگیرد
اصول طراحی اپل چند قاعده‌ی ساده است، نه سلیقه. سه اصل بنیادی و پنج قاعده‌ی عملی که همین امروز می‌توانید روی سایتتان اجرا کنید و تفاوتش را ببینید.
اصول طراحی اپل و آنچه سایت شما می‌تواند از آن بگیرد
اصول طراحی اپل چیزی نیست که فقط به درد ساختن اپلیکیشن موبایل بخورد. مجموعه‌ای از قاعده‌های ساده است که هر رابط کاربری — از جمله سایت شما — با رعایتشان تمیزتر و قابل‌اعتمادتر به‌نظر می‌رسد.
نکته‌ی مهم این است که این‌ها سلیقه نیستند. هرکدام دلیل مشخصی دارند و دلیلشان معمولاً یک چیز است: کم کردن باری که روی ذهن کاربر می‌گذارید. وقتی کاربر انرژی کمتری صرف فهمیدن صفحه کند، انرژی بیشتری برای کاری که آمده انجام دهد باقی می‌ماند.
سه اصل بنیادی
اپل سال‌هاست طراحی خودش را روی سه ستون توضیح می‌دهد و همین سه‌تا برای شروع کافی است.
وضوح. هر چیزی روی صفحه باید در نگاه اول قابل خواندن و قابل فهم باشد. متن به‌اندازه‌ی کافی بزرگ، عنوان‌ها واقعاً شبیه عنوان، و دکمه‌ها به‌وضوح شبیه چیزی که می‌شود کلیک کرد.
کنار کشیدن. رابط نباید خودنمایی کند. محتوا ستاره‌ی صفحه است و طراحی فقط قاب آن. هر عنصر تزئینی که توجه را از محتوا می‌دزدد، بدهی است نه دارایی.
عمق. لایه‌ها و ترتیب باید به کاربر بگویند کجاست و چه چیزی مهم‌تر است. این با سایه‌ی سنگین ساخته نمی‌شود؛ با اندازه، فاصله و ترتیب ساخته می‌شود.
اگر فقط همین سه را معیار قرار دهید و هر عنصر صفحه را با آن بسنجید، نصف مشکل‌های طراحی خودشان حل می‌شوند.
اصول طراحی اپل در پنج قاعده‌ی عملی
فاصله را جدی بگیرید. بیشترین تفاوت بین یک صفحه‌ی حرفه‌ای و یک صفحه‌ی آماتور، فاصله است نه رنگ. از یک واحد پایه استفاده کنید و همه‌ی فاصله‌ها را مضربی از آن بگذارید. نتیجه‌اش نظمی است که کاربر حس میکند ولی نمی‌تواند اسمش را بگذارد.
تعداد اندازههای فونت را کم کنید. یک صفحه به هفت اندازه‌ی مختلف نیاز ندارد. چهار اندازه کافی است: عنوان اصلی، عنوان بخش، متن، و متن کوچک. هر اندازه‌ی اضافه، یک تصمیم اضافه برای چشم کاربر است.
رنگ را خرج نکنید. یک رنگ اصلی برای کارهای مهم، یک طیف خاکستری برای بقیه. وقتی همه‌چیز رنگی باشد، هیچ‌چیز مهم به‌نظر نمی‌رسد. رنگ باید نشانه‌ی اهمیت باشد، نه تزئین.
هر صفحه یک کار اصلی داشته باشد. بپرسید کاربر در این صفحه قرار است چه کاری بکند و آن یک کار را واضح‌ترین چیز صفحه کنید. سه دکمه‌ی هم‌وزن یعنی هیچ‌کدام مهم نیستند.
حرکت باید معنا داشته باشد. انیمیشن وقتی خوب است که چیزی را توضیح دهد؛ مثلاً نشان دهد این پنجره از کجا آمد. حرکتی که فقط برای جلب توجه است، بعد از بار سوم آزاردهنده می‌شود.
در فارسی و راست‌به‌چپ چه چیزی فرق میکند
این بخشی است که در ترجمه‌ی این اصول معمولاً جا می‌افتد.
فونت فارسی ارتفاع و تراکم متفاوتی دارد. اندازه‌ای که در لاتین راحت خوانده می‌شود، در فارسی ممکن است کوچک به‌نظر برسد. معمولاً باید هم اندازه و هم فاصله‌ی خطوط را کمی بیشتر بگیرید.
جهت هم فقط برعکس کردن نیست. چشم فارسی‌زبان از راست شروع میکند، پس مهم‌ترین عنصر باید سمت راست باشد. ولی عددها، آدرس‌ها و نام‌های لاتین همچنان چپ‌به‌راست می‌مانند و همین ترکیب، جایی است که بیشتر سایت‌ها به‌هم می‌ریزند.
و نیم‌فاصله. رعایت نکردنش سایت را غیرحرفه‌ای نشان می‌دهد، درست مثل غلط املایی. این جزئیات کوچک همان چیزی هستند که تفاوت را می‌سازند.
چطور این‌ها را روی سایت فعلی پیاده کنید
از بازبینی شروع کنید نه از بازطراحی. صفحه‌ی اصلی را باز کنید و سه سؤال بپرسید: مهم‌ترین چیز این صفحه چیست؟ آیا واضح‌ترین چیز صفحه هم همان است؟ اگر نه، چه چیزی دارد توجه را می‌دزدد؟
بعد سراغ فاصله‌ها بروید. معمولاً بزرگ‌ترین بهبود از همین یک تغییر می‌آید و کمترین ریسک را هم دارد.
اگر می‌خواهید این کار سریع‌تر جلو برود، هوش مصنوعی می‌تواند هم بازبینی کند و هم تغییرها را اعمال کند. برای بخش بررسی، ممیزی سایت با هوش مصنوعی مسیر کاملی می‌دهد و برای بخش ظاهری، اسکیل دیزاین کلاد کمک میکند خروجی به استاندارد نزدیک‌تر شود.
اشتباه رایج: کپی کردن ظاهر به‌جای منطق
خیلی‌ها این اصول را این‌طور می‌فهمند که باید همه‌چیز سفید و خالی باشد. نتیجه سایتی می‌شود که خنک به‌نظر می‌رسد ولی چیزی نمی‌فروشد.
مینیمالیسم هدف نیست؛ نتیجه‌ی جانبی حذف چیزهای غیرضروری است. اگر اطلاعاتی برای تصمیم کاربر لازم است، حذفش نکنید — مرتبش کنید. صفحه‌ی خالی که به سؤال کاربر جواب نمی‌دهد، از صفحه‌ی شلوغی که جواب می‌دهد بدتر است.
اگر می‌خواهید این تعادل برای سایت شما درست چیده شود، طراحی سایت یکی از خدمات ماست.
سوالات متداول
برای رعایت این اصول باید طراح باشم؟
نه. بیشتر این قاعدهها تصمیمهای ساده هستند؛ فاصله، اندازه، تعداد رنگ. اجرایشان به سلیقه نیاز ندارد، به انضباط نیاز دارد.
آیا این اصول برای فروشگاه اینترنتی هم صدق میکند؟
بله، ولی با تعادل متفاوت. در فروشگاه، اطلاعات محصول حیاتی است و نباید به اسم سادگی حذف شود. اصل «هر صفحه یک کار اصلی» همچنان مهم‌ترین قاعده است.
از کجا بفهمم طراحیام مشکل دارد؟
سادهترین تست: صفحه را به کسی که آن را ندیده نشان دهید و پنج ثانیه بعد ببندید. اگر نتوانست بگوید این سایت چه کار میکند، مشکل از وضوح است.
فونت فارسی مناسب چطور انتخاب کنم؟
فونتی که در اندازههای کوچک هم خوانا باشد و حداقل دو وزن داشته باشد. تنوع فونت لازم نیست؛ دو وزن از یک فونت خوب، از سه فونت مختلف بهتر است.
قدم بعدی
اگر می‌خواهید سایتتان با همین استانداردها ساخته یا بازسازی شود، طراحی سایت یکی از خدمات ماست؛ از بازبینی وضعیت فعلی تا تحویل نسخه‌ای که هم تمیز باشد و هم بفروشد.
اگر ترجیح می‌دهید خودتان انجامش دهید، فصل ششم دوره‌ی سفر هوش مصنوعی ساخت و بهبود سایت با هوش مصنوعی را قدم‌به‌قدم پوشش می‌دهد.
نمونه‌های کوتاه‌تر هم در کانال یوتیوب منتشر می‌شود.
می‌خواهی این‌ها را عملی یاد بگیری؟
دوره‌ی سفر هوش مصنوعی: ۷ فصل پروژه‌محور از صفر تا درآمد.
نظرها