خانه / کارگاه‎ها / آموزش طراحی بر مبنای تجربه کاربری / چک لیست امتیازدهی برای افزایش کاربردپذیری سایت شما – بخش دوم

چک لیست امتیازدهی برای افزایش کاربردپذیری سایت شما – بخش دوم

تاکنون در کارگاه راهنمای جامع طراحی بر مبنای تجربه کاربری (UX) با کاربردپذیری و اهمیت آن ، تست کاربردپذیری و راه‎کارهای تشخیص مشکلات کاربردپذیری آشنا شدید. همچنین در مقاله‎ی قبلی با عنوان چک لیست امتیازدهی برای افزایش کاربردپذیری سایت شما – بخش اول ، چک لیست صفحه اصلی و جهت‎گیری کارها و عملکرد ارائه شد.  در این مقاله ادامه چک لیست مورد اشاره ارائه می‎شود. با آکادمی فرانگر همراه باشید.

چک لیست امتیازدهی برای افزایش کاربردپذیری

ناوبری و معماری اطلاعات

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

  1. حرکت بین بخش‌ها و صفحات مرتبط بسیار ساده و روان است و بازگشت به صفحه اصلی بسیار راحت است.
  2. اطلاعاتی که کاربران معمولا نیاز دارند به‌راحتی از اکثر صفحات یافت می‌شوند.
  3. گزینه‌های ناوبری (منوها) به‌صورت کاملا منطقی و بر اساس اولویت قرارگرفته‌اند.
  4. سیستم ناوبری (منوها) دارای یک مدل مفهومی مشخص و بدون هیچ‌ گونه سطح غیرضروری است.
  5. یک نقشه سایت وجود دارد که نمایانگر ساختار محتوایی سایت است.
  6. نقشه سایت نمایانگر کلیت ساختار محتوایی سایت است، نه تکرار مکررات.
  7. از تمامی صفحات سایت به نقشه سایت لینک داده شده است.
  8. نقشه سایت نمایانگر کلیت ساختار محتوایی سایت است، نه تکرار مکررات.
  9. فیدبک سیستم ناوبری مناسب است (مثلا نشان دادن محلی که شما در سایت هستید).
  10. لیبل‎های مربوط به هر دسته‌بندی به‌طور دقیق بازگو کننده‌ی محتوای آن است.
  11. لینک‌ها و لیبل ها شامل «trigger words» (کلمات کلیدی) هستند که کاربران برای دستیابی به اهدافشان به دنبالشان هستند.
  12. موارد کلی (مانند رنگ لینک‌ها) (به‌طور تقریبی) با کاربرد کلی در دنیای وب سازگاری دارند.
  13. صفحه محصول لیستی از محصولات مرتبط را به او نمایش می‌دهد.
  14. عبارت‌های به‌ کار رفته برای منوها و لینک‌ها بدون ابهام و فاقد کلمات بی‌معنی هستند.
  15. کاربران می‌توانند صفحات محصولات و دسته‌بندی‌ها را مرتب و فیلتر کنند. (بر اساس قیمت، بازدید، جدیدترین…)
  16. هرگاه ماوس بر روی چیزی که قابل کلیک باشد اشاره کند تغییری قابل مشاهده رخ می‌دهد (غیر از تغییرات مکان‌نما).
  17. محتوای مهم را می‌توان از بیش از یک لینک به دست آورد (کاربران متفاوت به لیبل های لینک متفاوت نیاز دارند) .
  18. اطلاعات مهم را در صفحه‌ی اصلی را می‌توان بدون اسکرول کردن یافت.
  19. لینک‌های عملیاتی (مثلاً دانلود یا ارسال) از لینک‌هایی که صفحه‌ای را لود می‌کنند قابل تشخیص هستند.
  20. سایت امکان کنترل صفحه و تعاملات را برای کاربر فراهم می‌آورد.
  21. کاربر می‌تواند از پروسه‌هایی مانند «خرید» به‌راحتی و بدون درگیری با دیالوگ‌های متفاوت خارج شود.
  22. سایت دکمه «Back» مرورگر را غیرفعال نمی‌کند و دکمه «Back» در تولبار مرورگر هر صفحه نشان داده می‌شود.
  23. کلیک کردن روی دکمه‌ی بازگشت همیشه کاربر را به صفحه‌ی قبلی بازمی‌گرداند.
  24. یک لینک به «سبدخرید» و «نهایی کردن خرید» به‌وضوح قابل مشاهده است.
  25. اگر سایت پنجره‌های جدیدی را باز کند، این پنجره‌ها باعث سردرگمی کاربر نمی‌شوند (مثلا کادرهای دیالوگ با اندازه‌های متفاوت که به‌راحتی می‌توان بست).
  26. منوها، هشدارها و پیام‌ها در هر صفحه در مکانی مشابه‌ظاهر می‌شوند.
  27. بخش‌های اصلی سایت از هر صفحه قابل دستیابی هستند و هیچ‌گونه بن‌بستی وجود ندارد.
  28. گزینه‌های ناوبری در بالای سایت قرار گفته‌اند و به‌راحتی قابل کلیک هستند.
  29. لینک‌ها مانند لینک‌هایی هستند که در بخش‌های مختلف سایت قرار دارند.

فرم‌ها و ورود داده‌ها

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

  1. فیلدهایی که در فرم‌های ورود اطلاعات وجود دارند دارای مقدار اولیه‌ای هستند که معمولا نوع دیتای موردنیاز برای ورود را برای کاربر مشخص می‌کند.
  2. فرم‌ها توانایی هندل کردن آپلود و ضمیمه کردن عکس و یا فایل رادارند.
  3. سایت به‌طور خودکار داده‌های فرمت دهی فیلد را ثبت می‌کند (مثلاً نمادهای ارزی، کاماها، فضاهای انتهایی و ابتدایی). نیازی نیست که کاراکترهایی مانند $ یا دیگر علایم را کاربر تایپ کند.
  4. برچسب فیلدها در فرم‌ها به‌وضوح نشانگر این هستند که چه ورودی‌های موردنیاز است.
  5. طول کادرهای متنی در فرم‌ها مناسب برای پاسخ کاربر است.
  6. تفاوت مشخصی بین فیلدهای «موردنیاز» و «اختیاری» در فرم‌ها وجود دارد.
  7. از یک فرم برای لاگین شدن و ثبت‌نام استفاده می‌شود (مثلا شبیه آمازون).
  8. اگر برای تکمیل به اطلاعات خارجی نیاز باشد فرم‌ها از قبل به کاربر هشدار می‌دهند (مثلا شماره گذرنامه).
  9. سوالات موجود در فرم‌ها به‌صورت منطقی گروه‌بندی شده‌اند و هر گروه دارای یک عنوان است.
  10. فیلدهای موجود در فرم‌ها شامل تذکرها، مثال‌ها یا پاسخ‌های نمونه برای کاربر هستند.
  11. هرگاه برچسب‌های فیلد در فرم‌ها به شکل سوال باشند، آن‎گاه سوالات به‌وضوح و با زبان ساده مطرح می‌شوند.
  12. منوهای کشویی، دکمه‌های رادیو و چک باکس‌ها نسبت به فیلدهای ثبت متن در فرم‌ها به‌درستی استفاده شده‌اند.
  13. مکان‌نما به‌صورت خودکار در فیلدی قرار می‌گیرد که نیاز به ورود داده است.
  14. فرمت‌های داده به‌وضوح نشانگر ورودی (مثلا تاریخ‌ها) و خروجی (مثلا واحد مقادیر) هستند.
  15. کاربران فقط می‌توانند با ثبت اطلاعات ضروری کارهای ساده را انجام دهند. (سیستم اطلاعات غیرضروری را به‌طور پیش‌فرض فراهم می‌آورد یا غیرضروری فرض می‌کند).
  16. فرم‌ها به کاربران این امکان را می‌دهند تا جایی که امکان دارد از یک روش تعامل تکی استفاده کنند (یعنی نیازی نیست که کاربران تغییرات بیشماری را با استفاده از کیبورد به ماوس و کیبورد اعمال کنند)
  17. کاربر می‌تواند مقادیر پیش‌فرض را در فیلدهای فرم تغییر دهد.
  18. فیلدها نمایانگر میزان و فرمت داده‌ی موردنیاز برای ثبت توسط کاربر هستند.
  19. فرم‌ها قبل از ارسال از لحاظ درستی بررسی می‌شوند.
  20. سایت در فرم‌های ورود اطلاعات در زمان مناسب می‌تواند در سطح فیلد و سطح فرم به بررسی صحت و درستی داده‌ی وارد شده بپردازد.
  21. سایت امکان تصحیح خطاها را به‌راحتی مهیا می‌سازد (مثلاً هرگاه فرمی ناقص باشد، مکان‌نما در محلی که نیاز به تصحیح وجود دارد قرار می‌گیرد).
  22. بین ثبت داده‌ها و نمایش داده‌ها سازگاری وجود دارد.
  23. برچسب‌ها به فیلدهای ثبت داده نزدیک هستند (مثلا برچسب‌ها از سمت راست هم‌تراز شده‌اند).

اطمینان و اعتبار

از دید کاربران وب‌سایت شما هنگامی قابل اطمینان خواهد بود که آن‌ها بدانند که پشت این وب‌سایت یک شرکت واقعی قرار دارد. این‌ یکی از موارد مهمی است که در ذهن کاربران تأثیر بسیاری در اطمینان به برند شما دارد.

  1. محتوا به‌روز، معتبر و قابل اطمینان است.
  2. سایت برای تأیید درستی اطلاعات شامل پشتیبانی افراد دیگر نیز هست (مثلاً نظرات مشتریان یا نماد اطمینان).
  3. کاملا واضح هست که یک شرکت پشت این سایت قرار دارد. (مثلا آدرس محل شرکت و عکس‌های شرکت).
  4. کمپانی دارای متخصصان حرفه‌ای و تأیید شده است.
  5. سایت از تبلیغات، به‌خصوص صفحاتی که خودبه‌خود بالا می‌آیند (پاپ آپ‎ها) جلوگیری می‌کند.
  6. هزینه‌های تحویل مرسوله و هزینه پستی قبل از پرداخت نهایی به‌طور برجسته نشان داده می‌شود.
  7. سایت از وافل مارکتینگ اجتناب می‌کند.
  8. هر صفحه دارای برند واضح و مشخصی است به‌طوری‌که کاربر می‌داند همچنان در همان سایت قرار دارد.
  9. برای کمک گرفتن به‌راحتی می‌توان با کسی ارتباط برقرار کرد و به‌سرعت پاسخ را دریافت کرد.
  10. مطالب تازه هستند: به‌طور مداوم به‌روز شده و سایت شامل تازه‌ترین مطالب است.
  11. سایت فاقد هرگونه خطاهای تایپوگرافیک و اشتباهات املایی است.
  12. طراحی بصری تکمیل کننده برند است.
  13. در پس این سازمان افراد واقعی قرار دارند و کاملاً صادق و قابل اطمینان هستند (صفحه برای معرفی افراد وجود دارد).

در جلسه‎ی بعدی بخش‌های دیگر از چک لیست را بررسی می‌کنیم.

 

نویسنده: باران محمود آبادی

درباره مهدی حبیب زاده

بیشتر بخوانید

تجربه کاربری

بررسی وب‌سایت‌های گردشگری (قسمت پنجم)

Cheapflights.com Cheapflights یک وب‌سایت جست‌وجوی جهانی است که می‌توان از آن برای خرید بلیط هواپیما، …

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *