سال‌ها نسخه موبایل وب‌سایت‌ها در پایان پروژه و با کوچک کردن نسخه دسکتاپ ساخته می‌شد. امروز اما سهم بزرگی از بازدیدها از گوشی است و موتورهای جست‌وجو هم نسخه موبایل را مبنای ارزیابی قرار می‌دهند. طراحی موبایل‌محور پاسخ این تغییر است.
شروع از محدودیت
وقتی طراحی از صفحه‌ای به عرض حدود ۳۷۰ پیکسل شروع شود، تیم ناچار است اولویت‌ها را روشن کند: کاربر برای چه آمده و کوتاه‌ترین مسیر رسیدن به آن چیست؟ همین پرسش، نسخه دسکتاپ را هم منظم‌تر و ساده‌تر می‌کند.
ناحیه لمس و دسترسی با یک دست
دکمه‌ها باید دست‌کم حدود ۴۴ پیکسل ارتفاع داشته باشند و فاصله کافی از هم بگیرند. اقدامات اصلی مانند «افزودن به سبد» یا «تماس» بهتر است در پایین صفحه و در دسترس انگشت شست باشند.
- دکمه‌های بزرگ و خوانا
- فرم‌های کوتاه با صفحه‌کلید متناسب (عددی، ایمیل)
- منوی ساده با حداکثر یک سطح زیرمنو
سرعت روی شبکه همراه
کاربر موبایل اغلب روی اینترنت همراه با کیفیت متغیر است. فشرده‌سازی تصاویر با قالب‌های مدرن مانند WebP، بارگذاری تنبل تصاویر پایین صفحه و حذف اسکریپت‌های غیرضروری، تفاوت محسوسی در تجربه ایجاد می‌کند.
تایپوگرافی فارسی در صفحه کوچک
فونت فارسی در اندازه‌های کوچک زودتر از لاتین ناخوانا می‌شود. اندازه متن بدنه حدود ۱۶ پیکسل، فاصله خطوط سخاوتمندانه و پرهیز از وزن‌های خیلی نازک، خوانایی را حفظ می‌کند.
در پروژه‌های فروشگاهی مانند کفش ملی و رشد مارکت، تمرکز اصلی بر همین تجربه موبایل و مسیر کوتاه خرید بوده است.
آزمون روی دستگاه واقعی
شبیه‌ساز مرورگر جایگزین آزمون روی گوشی واقعی نیست. پیش از تحویل، صفحات کلیدی را روی چند دستگاه اندروید و آیفون با اینترنت همراه بررسی کنید؛ بسیاری از مشکلات فقط همان‌جا دیده می‌شوند.
جمع‌بندی
طراحی موبایل‌محور یعنی احترام به زمان و شرایط کاربری که در مسیر، با یک دست و روی اینترنت همراه سایت شما را باز کرده است. اگر نسخه موبایل سریع، خوانا و ساده باشد، نسخه دسکتاپ هم به‌طور طبیعی بهتر می‌شود.
