هر اشتباه در طراحی سایت لزوماً در ظاهر صفحه معلوم نیست. ممکن است صفحه زیبا باشد، اما منوی موبایل باز نشود یا کاربر نتواند فرم را با صفحه‌کلید تکمیل کند. بررسی طراحی را با یک کار واقعی، مانند پیدا کردن پلن هاست و رسیدن به مرحلهٔ سفارش، شروع کنید.
۱. شلوغی؛ یک اشتباه در طراحی سایت
اسلایدر، اعلان و دکمه‌های هم‌اهمیت می‌توانند پیام اصلی را پنهان کنند. برای هر صفحه یک هدف روشن تعیین کنید. در صفحهٔ سرویس، نام سرویس، کاربرد، شرایط و اقدام بعدی باید بدون جست‌وجوی طولانی قابل فهم باشد.
۲. بررسی نکردن نسخهٔ موبایل
کوچک شدن صفحه به معنی مناسب بودن طراحی نیست. جدول قیمت، منوی بازشونده، فرم و پیام خطا را در عرض‌های مختلف بررسی کنید. کاربر نباید برای خواندن یک پاراگراف معمولی مجبور به حرکت افقی شود.
۳. منوی مبهم و لینک‌های نامشخص
نام‌هایی مثل «موارد دیگر» برای تمام بخش‌ها مسیر را روشن نمی‌کنند. عنوان لینک باید مقصد را توضیح دهد. ساختار منطقی صفحه و ترتیب درست هدینگ‌ها به شناخت بخش‌ها کمک می‌کند؛ بزرگ کردن ظاهری متن جای هدینگ معنایی را نمی‌گیرد.
۴. نادیده گرفتن سرعت و واکنش صفحه
تصویر بزرگ، اسکریپت اضافی یا پاسخ کند سرور را جدا تشخیص دهید. صرفاً خرید پلن قوی‌تر همهٔ مشکلات را حل نمی‌کند. پس از بهینه‌سازی، عملکرد منو و فرم را نیز آزمایش کنید تا کاهش زمان بارگذاری با خراب شدن تعامل همراه نباشد.
۵. راه تماس نامعتبر یا پنهان
مسیر پشتیبانی و اطلاعات تماس واقعی را در جای قابل یافتن قرار دهید. شماره یا فرم آزمایش‌نشده اعتماد ایجاد نمی‌کند. ارسال یک درخواست آزمایشی و دریافت آن در مقصد، از نگاه کردن به ظاهر دکمه مفیدتر است.
۶. محتوای عمومی و تصویر نامرتبط
متن باید پرسش همان مخاطب را پاسخ دهد. برای آموزش هاست، تصویر تنظیمات مرتبط ارزش بیشتری از عکس تزئینی نامرتبط دارد. راهنمای محتوای مفید گوگل نیز بر فایده و اعتبار محتوا تأکید دارد، نه پر کردن صفحه تا یک تعداد کلمهٔ ثابت.
۷. فرم بدون برچسب یا خطای قابل فهم
بر اساس راهنمای برچسب فرم W3C، فیلد باید برچسبی مرتبط با کنترل داشته باشد. فقط متن محوشوندهٔ داخل کادر کافی نیست. با Tab در فرم حرکت کنید؛ محل تمرکز باید معلوم باشد و خطا مشخص کند کدام مقدار نیاز به اصلاح دارد.
۸. کنتراست ناکافی
در معیار WCAG سطح AA، کنتراست متن معمولی دست‌کم ۴٫۵ به ۱ و متن بزرگِ واجد شرایط دست‌کم ۳ به ۱ است. صرف متفاوت بودن رنگ‌ها کافی نیست. برای خطا یا وضعیت نیز تنها به قرمز و سبز تکیه نکنید؛ توضیح متنی اضافه کنید.
۹. سفارشی‌سازی بدون هدف
قالب آماده ذاتاً اشتباه نیست؛ باقی ماندن متن نمونه، عکس نامرتبط و رنگ‌های ناخوانا مشکل ایجاد می‌کند. لوگو، فاصله‌ها و اجزای تکراری را هماهنگ کنید. تغییر فقط برای متفاوت شدن نباید مسیر آشنای کاربر را دشوار کند.
در پایان، یک نفر که با طراحی آشنا نیست مسیر اصلی را طی کند. مانع مشاهده‌شده، محل وقوع و نتیجهٔ اصلاح را ثبت کنید؛ این بررسی عملی از حدس زدن دربارهٔ زیبایی صفحه دقیق‌تر است.
مطالعهٔ مرتبط
بازبینی فنی: ۱۳ آبان ۱۴۰۵. تاریخ انتشار اولیه و نشانی قبلی حفظ شده‌اند.
