طراحی سایت موبایل‌محور؛ با گوشی واقعی شروع کن

اولویت محتوا

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

لمس و فاصله

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

فرم با کیبورد باز

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

اسکرول طبیعی

اسلایدر باید نشانه ادامه و راه کنترل واضح داشته باشد. حرکت افقی نباید کاربر را در صفحه گیر بیندازد. با لمس، کیبورد و تنظیم کاهش حرکت آزمایش کن.

آزمون تحویل

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

با کیبورد باز تست کن

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

پرسش‌های مرتبط