تجربه کاربری

طراحی ریسپانسیو یعنی چه؟ فراتر از کوچک شدن صفحه

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

تحریریه وین وب۱۴۰۵/۰۷/۲۵ ۲ دقیقه مطالعه
طراحی ریسپانسیو یعنی چه؟ فراتر از کوچک شدن صفحه

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

اولویت محتوا در اندازه کوچک تغییر می‌کند

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

آزمون را با نام چند گوشی محدود نکنید

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

تجربه واقعی را اجرا کنید

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

  • روی چند عرض از ۳۲۰ پیکسل تا دسکتاپ بررسی کنید.
  • خوانایی متن و فاصله دکمه‌ها را بسنجید.
  • با صفحه‌کلید و بزرگ‌نمایی نیز مسیر را اجرا کنید.
درباره پروژه من

در ادامه بخوانید

دسترس‌پذیری سایت؛ استفاده راحت‌تر برای افراد بیشتر

دسترس‌پذیری سایت؛ استفاده راحت‌تر برای افراد بیشتر

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

ادامه مطلب