-
طراحی پرسشنامه
اگرچه نظرسنجیها و پرسشنامهها تمایل به داشتن طرحهای صریح و جریانهای کاربری نسبت به سایتهای دیگر دارد، ما باید بر مسیر کاربر و موانعی که یک کاربر میتواند با آن مواجه شود، آگاه باشیم.
-
نقطه ورود
زمانی که شرکت کنندگان به صفحه اصلی میرسند، ما میخواهیم در ارتباط با آنها مستقیم و صریح باشیم. بخش مقدمه صفحه اصلی، به شرکت کنندگان خوش آمد میگوید، توضیحی مختصر از آنچه باید انتظار داشته باشند، میدهد و دو گزینه ناوبری ارائه میدهد.
از اینجا، شرکت کنندگان یا نظرسنجی را شروع کرده یا خط مشی حریم خصوصی را میخوانند.
اگر کاربر تصمیم بگیرد که این نظرسنجی را انجام دهد، آنها به یک صفحه میرسند که مودبانه از آنها سوال میکند که شغل حرفهایشان چیست و از آنها میخواهد هرگونه شرایط دید خود را افشا کنند.
فیلدهای این نوع سوالات را میتوان خالی گذاشت چون برخی ممکن است با فاش کردن این نوع اطلاعات راحت نباشند. فراتر از این نقطه، نظرسنجی با جدیت آغاز میشود.
-
آغازگر نظرسنجی
قبل از اینکه کاربر رتبه بندی تصاویر را شروع کند، آنها به صفحه آغازگر و ابتدایی هدایت میشوند.
این صفحه آنچه را که از شرکت کنندگان انتظار میرود، توصیف میکند و نحوه رتبه بندی تصاویر را توضیح میدهد. در حالی که این نظرسنجی بر روی خروجیهای طراحی و توسعه که در آن خوانندگان به طور منظم با تصاویر در وب کار میکنند، تبلیغ میشود، یک آغازگر همچنان هم برای قرار دادن همه در یک صفحه مشابه، مفید است.
پاراگراف اول صفحه تاکید میکند که کاربران به کیفیت تصویر درجه و رتبه میدهند، نه محتوای تصویر. این خیلی مهم است.
در هر زمینه، شرکت کنندگان ممکن است در واقع به محتوای تصاویر رای بدهند داشته که این چیزی نیست که ما میخواهیم. بعد از این توضیح و شفاف سازی، مفهوم کیفیت تصویر با نمودار زیر نشان داده میشود:
در نهایت، عملکرد ورودی رتبه بندی توضیح داده میشود. این امر ممکن است بیشتر از بقیه استنباط شود، اما نسخه توضیحی به حذف هرگونه ابهام باقی مانده کمک میکند. با فرض این که کاربر شما هر چیزی را که انجام میدهید، میداند، لزوما عاقل نیست. چیزی که برای یک نفر واضح به نظر میرسد، ممکن است برای کس دیگری این طور نباشد.
-
صفحه نمونه تصویر
این صفحه، رویداد اصلی است و در آن جا شرکت کنندگان کیفیت تصاویری که به آنها نشان داده میشود را ارزیابی میکنند. بیایید ابتدا در مورد ورودی صحبت کنیم. وقتی نوبت به نوع ورودی برای استفاه می رسد، من چندین گزینه را مورد بررسی قرار می دهم. من یک ورودی انتخابی را با انتخابهای از پیش تعریف شده، یک ورودی با یک نوع شماره و گزینه های دیگر در نظر گرفتم. با این حال، چیزی که به نظر من بیشترین حس را برای من ایجاد میکرد، یک ورودی اسلایدر با یک نوع از محدوده بود.
یک ورودی اسلایدر، بصریتر از ورودی متنی یا یک عنصر انتخابی است که با گزینه های مختلف پر شده است. از آنجا که ما میخواهیم یک ارزیابی شخصی در مورد چیزی با چنین دامنه وسیعی از تفسیر انجام دهیم، یک اسلایدر به شرکت کنندگان اجازه می دهد تا در ارزیابی خود بیشتر دقت کنند و دقت بیشتری به دادههای جمعآوریشده داشته باشند.
حالا اجازه دهید در مورد نمونه تصویر و نحوه انتخاب آن توسط کد بک اند صحبت کنیم. من در اوایل توسعه این نظرسنجی تصمیم گرفتم که تصاویری را می خواهم که در مجموعه عکس های موجود، برجسته نبودند. من همچنین می خواهم از منابع فشرده نشده استفاده کنم، بنابراین نمی توانم نمونه های فشرده شده از تصویر را به شرکت کنندگان ارائه دهم. برای رسیدن به این هدف، من تصاویری از یک عکاس محلی تهیه کردم. بیست و پنج تصویری که من ثبت کردم، عکسهای خام پردازش شده از دوربین عکاس بود. نتیجه یک مجموعه منسجم از تصاویر بود که از نظر بصری به یکدیگر ارتباط داشتند.
برای ارزیابی درست ادراک در کل طیف تنظیمات کیفیت، من نیاز به ایجاد هر تصویر از منابع ذکر شده در نود و شش تنظیمات مختلف کیفیت از ۵ تا ۱۰۰ دارم. برای محاسبه عرض ها و چگالی پیکسل های صفحه نمایش ها، هر تصویر لازم است در چهار عرض مختلف برای هر تنظیمات کیفیت تولید شود: ۱۵۳۶، ۱۲۸۰، ۱۰۲۴، و ۷۶۸ پیکسل.
برای بالا بردن همه این ها، تصاویر نیز باید در فرمت های JPEG و WebP کدگذاری شوند. در نتیجه، این بررسی به طور تصادفی از ۷۶۸ تصویر در هر نمونه در کل محدوده کیفیت ترسیم میشود، در حالی که بهترین تصویر را برای صفحه شرکتکننده ارائه میدهد. این به این معنی است که در طول بیست و پنج نمونه تصویری که شرکت کنندگان ارزیابی می کنند، این نظرسنجی از مجموع ۱۹،۲۰۰ تصویر حاصل میشود.
با مفهوم و طراحی که این نظرسنجی پوشش می دهد، اجازه دهید به چگونگی بهبود این نظرسنجی با اجرای بازخورد کاربر در دور دوم بپردازیم.
-
گوش دادن به بازخورد
هنگامی که من دور اول نظرسنجی را شروع کردم، بازخورد از طراحان، توسعه دهندگان، طرفداران قابلیت دسترسی و حتی پژوهشگران نشات گرفت. در حالی که نیت من خوب بود، به ناچار بعضی از جنبههای مهم را از دست دادم، که برای دور دوم لازم بود. تکرار و پالایش برای بهبود کارآیی یک طرح بسیار حیاتی است و این نظرسنجی نیز از این قاعده مستثنا نبود. وقتی که ما طرحها را با بازخورد کاربر بهبود می بخشیم، یک پروژه را از چیزی متوسط به چیزی به یاد ماندنی می بریم. رسیدن به این هدف به معنی گرفتن بازخورد و پرداختن به موارد متمایز و عملی است. در مورد این نظرسنجی، ترکیب بازخورد نه تنها تجربه کاربر بهتری را ارایه میدهد، بلکه باعث بهبود یکپارچگی دادههای جمعآوریشده نیز می شود.
-
ایجاد یک ورودی اسلایدر بهتر
اگر چه دور اول این بررسی قابلاستفاده بود، من با ورودی اسلایدر به مسائلی برخورد کردم. در دور اول این نظرسنجی، آن ورودی شبیه این بود:
دو شکایت مکرر در رابطه با این پیادهسازی خاص وجود داشت. اولین مورد این بود که شرکت کنندگان احساس میکردند که باید رتبه بندی خود را با یکی از برچسبها در زیر مسیر اسلایدر تنظیم کنند. این برای این واقعیت ساده نامطلوب بود که اسلایدر به طور خاص برای تشویق شرکت کنندگان برای ارائه ارزیابیهای دقیقتر انتخاب شد.
دومین شکایت این بود که دکمه ارسال غیرفعال شد تا زمانی که کاربر با اسلایدر تعامل داشته باشد. این انتخاب طراحی با هدف جلوگیری از کلیک ساده بر روی دکمه ارسال در هر صفحه بدون در نظر گرفتن تصاویر رتبه بندی شده طراحی شد. متاسفانه، این اجرا به طور غیر عمدی با کاربر دشمن بود و نیاز به پیشرفت داشت، زیرا این کار، کاربران را از تصاویر رتبه بندی شده بدون توضیح واضح و صریح، بلاک میکند.
رفع مشکل با برچسبها به معنای طراحی مجدد اسلایدر به صورتی که در شکل ۳ نشانداده شدهاست، است. من برچسبها را به طور کلی حذف کردم تا وسوسه کاربران برای همسو کردن پاسخهایشان با آنها را حذف کنم. علاوه بر این، من اسلایدر ویژگی پس زمنیه را به یک الگوی گرادیان تغییر دادم که به طور دقیقتر، دانهبندی ورودی را نشان داد.
مسئله دکمه ارسال این موضوع بود که چگونه کاربران ترغیب شده اند. در دور اول، دکمه ارسال قابل مشاهده بود، با این حال، وضعیت غیرفعال برای برخی واضح نبود. بعد از مشورت با یک همکار، یک راهحل برای دور دوم پیدا کردم: به جای دکمه ارسال اولیه که در ابتدا قابلمشاهده بود، آن توسط برخی از نسخههای راهنما مخفی شد:
پس از اینکه کاربر با اسلایدر تعامل میکند و به تصویر رتبه میدهد، یک رویداد change به ورودی متصل میشود که نسخه راهنما را پنهان میکند و آن را با دکمه ارسال جایگزین میکند:
این راه حل کمتر مبهم است و مشارکت کنندگان را در مسیر مورد نظر قرار میدهد. اگر کسی جاوا اسکریپت را غیرفعال کرده باشد، نسخه راهنما هرگز نشان داده نمیشود و دکمه ارسال بلافاصله قابلاستفاده است. این ایدهآل نیست، اما شرکت کنندگان را بدون جاوا اسکریپت غیرفعال نمیکند.
-
پرداختن به مشکلات پیمایش
صفحه نظرسنجی به خصوص در جهت پرتره به خوبی عمل میکند. شرکت کنندگان میتوانند همه (یا بیشتر) تصویر را بدون نیاز به اسکرول کردن ببینند. با این حال در پنجرههای مرورگر و یا دستگاههای تلفن همراه در جهت گیری افقی، تصویر نظرسنجی میتواند بزرگتر از تصویر نمایشگر باشد:
کار کردن با چنین حالت عمودی محدود، دشوار است، به خصوص در حالتی که در آن، اسلایدر باید، پایین صفحه باشد (که یک بیت اولیه از بازخورد کاربر از دور اول آزمایش را نشان میدهد). بعد از بحث در مورد این مساله با همکاران، من تصمیم گرفتم که نشانگر های متحرک در گوشههای صفحه میتواند به کاربران نشان دهد که تصاویر بیشتری برای دیدن وجود دارد.
هنگامی که کاربر به پایین صفحه میرسد، نشانگرهای پیمایش ناپدید میشوند. از آنجا که تصاویر متحرک ممکن است برای برخی از کاربران دردسر ساز باشد، یک جستار رسانه ای با حرکات کمتر برای خاموش کردن همه انیمیشنها، در صورت تمایل کاربر برای کاهش حرکت، مورد استفاده قرار میگیرد. در صورتی که جاوا اسکریپت غیرفعال شود، نمایشگرهای پیمایش همیشه در جهت پرتره پنهان هستند، جایی که کمتر احتمال دارد مفید باشند و همیشه در جهت افقی قابلمشاهده هستند، جایی که به طور بالقوه بیشتر به آن نیاز دارند.
-
اجتناب از تکرار بیش از حد نمونه های تصویر
یکی از مسائلی که از سوی یک همکار مورد توجه من قرار گرفت، این بود که چگونه تصویر نظرسنجی با تصویر نمایشگر به طور بیش از حد گسترش می یابد. در دستگاههای تلفن همراه، این مشکل نیست، بلکه بر روی نمایشگرهای بزرگ و حتی صفحه نمایش هایی با اندازه بزرگ، تصاویر را می توان بیش از حد بزرگ کرد. از آنجا که مشخصه srcset تگ img یک تصویر با حداکثر وضوح (۱۵۳۶) را مشخص میکند، یک تصویر میتواند به اندازه “کوچک” در اندازههای بالای ۷۶۸ پیکسل بر روی وسایل با نسبت پیکسل ۲ اندازه گیری کند.
برخی اندازههای بزرگ اجتنابناپذیر و قابل پذیرش هستند. با این حال، وقتی تصویر بیش از حد بزرگ است، مصنوعات فشرده سازی در یک تصویر میتواند برجستهتر شود. برای پرداختن به این موضوع، حداکثر عرض تصویر نظرسنجی برای نمایش استاندارد به صورت دو برابر با ۱۵۳۶ پیکسل تنظیم شدهاست. برای دستگاههایی که نسبت پیکسل دو یا بالاتر دارند، حداکثر عرض تصویر در حال حاضر نصف آن یعنی ۷۶۸ پیکسل تنظیم شدهاست.
این اصلاح کوچک (در عین حال مهم) تضمین میکند که تصاویر فراتر از یک بیشینه منطقی اندازه گیری نمیشوند. با یک تصویر با اندازه منطقی در صفحه نمایش، شرکت کنندگان تصاویر را نزدیک یا با ابعاد طبیعی یک تصویر خاص، به خصوص بر روی صفحههای بزرگ، ارزیابی خواهند کرد.
بازخورد کاربر ارزشمند است. این و سایر موارد بازخورد تجربه کاربر که من گنجاندم، هم عملکرد نظرسنجی و هم درستی دادههای جمعآوریشده را بهبود بخشید. تمام این کارها با نشستن در کنار کاربران و گوش دادن به آنها انجام شد.
نتیجه گیری
همانطور که دور دوم نظرسنجی در حال انجام است، امیدوارم که اطلاعات جمعآوریشده نشاندهنده چیزی هیجانانگیز در مورد رابطه بین عملکرد و نحوه ادراک مردم از کیفیت تصویر باشد. اگر میخواهید بخشی از این تلاش باشید، لطفا نظرسنجی را انجام دهید. زمانی که دور دوم به پایان میرسد، برای بررسی خلاصه نتایج، به اینجا نگاه کنید!
از کسانی که زمان و بازخورد ارزشمندی دادند تا این مقاله به خوبی ایجاد شود، نهایت تشکر را دارم که عبارتند از: آرون گوستافسون، جفری زلدمن، براندون گرگوری، بروس اندرو، آدریان روسلی، مگ دیکی و نیک تاکر.
از کسانی که به بهبود نظرسنجی کیفیت تصویر کمک کردند، کمال تشکر را دارم: مندی تنسن، دارلین دنو، شارلوت دان، تیم دانکلی و تاد رو.