سپنتا پویا — طراح محصول

دو نمودار میله‌ای کنار هم با عنوان یک میانگین، دو داستان. هر دو میانگین ۴٫۰ دارند. نمودار راست با عنوان یکدست بیشترین میله را روی چهار ستاره دارد، با ۵۵ درصد. نمودار چپ با عنوان دوقطبی ۶۹ درصد پنج ستاره و ۲۱ درصد یک ستاره دارد. میلهٔ یک ستاره صورتی است و برچسب یک نفر از هر پنج نفر دارد
منبع: بنیاد طراحی تعامل (IxDF) · بازنویسی آزاد: سپنتا پویا با کمک هوش مصنوعی · مهر ۱۴۰۵ · زمان مطالعه: حدود ۸ دقیقه

نظرهای ستاره‌دار (Starred Reviews) چیست؟

💡 این متن «بازنویسی آزاد» است: ایده‌ها و مفاهیم مطلب اصلی با نگارش کاملاً مستقل فارسی و مثال‌های تازه بازگو شده‌اند و ترجمهٔ کلمه‌به‌کلمه نیست. بخش‌های افزودهٔ مترجم در جعبهٔ منبع مشخص شده‌اند. ترجمه و بازنویسی این متن با کمک هوش مصنوعی انجام شده است.

دنبال یک کافه برای قرار عصر هستید و اپلیکیشن نقشه دو گزینه نشان می‌دهد. کافهٔ اول ۴٫۹ ستاره دارد، از هفت نظر. کافهٔ دوم ۴٫۴ ستاره دارد، از هزار و دویست نظر. کدام را انتخاب می‌کنید؟

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

نظرهای ستاره‌دار چیست؟

نظرهای ستاره‌دار یک نظام امتیازدهی تصویری است. میانگین امتیازی را نشان می‌دهد که مشتری‌های دیگر به یک کالا یا خدمت داده‌اند، و معمولاً تعداد نظرها هم کنارش می‌آید. کاربر بدون اینکه حتی یک نظر را بخواند، می‌تواند چند گزینه را در یک نگاه با هم مقایسه کند.

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

نمای از بالای یک چمن سبز که پنج نفر روی آن دراز کشیده‌اند و با بدن‌هایشان شکل یک ستارهٔ پنج‌پر ساخته‌اند
هر ستاره از چند نفر ساخته شده است — © Pexels، لایسنس CC0

قاعده‌های پایه

منبع چهار قاعدهٔ اصلی برای پیاده‌سازی این الگو دارد.

  • - ۱. مقیاس را انتخاب کنید: بیشتر طراحی‌ها پنج ستاره دارند، نه ده. پنج ستاره برای بیان تجربهٔ خریدار کافی است و جای کمتری می‌گیرد.
  • - ۲. ستاره‌ها را جای برجسته بگذارید: معمولاً بالای بخش نظرهای تفصیلی، جایی که چشم اول به آن می‌رسد.
  • - ۳. از بقیهٔ صفحه جدایشان کنید: ستاره‌ها باید بی‌درنگ دیده شوند و در شلوغی صفحه گم نشوند.
  • - ۴. عدد میانگین و تعداد نظرها را هم نشان دهید: یک ستاره از یک نظر چیزی نمی‌گوید. یک ستاره از هشتاد و هشت نظر، چیزی می‌گوید.

چند نکتهٔ دیگر هم در منبع هست. ستارهٔ صفر را مجاز نکنید. این قاعده از نظام ستاره‌دهی هتل‌ها آمده و جلوی اشتباه‌های تصادفی را هم می‌گیرد. برای میانگین‌های غیرصحیح، مثل ۳٫۵، ستاره را تا نیمه پر کنید. اجازه دهید کاربر نتیجه‌ها را بر اساس ستاره فیلتر کند. و برچسب «خرید تأییدشده» را کنار نظرها بگذارید، کاری که آمازون انجام می‌دهد. در آخر هم ستاره‌ها نباید راه رسیدن به نظرهای تفصیلی را ببندند.

میانگین چه چیزی را پنهان می‌کند

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

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

شکل دوم، یعنی توزیع دوقطبی، استثنا نیست. پژوهشگرانی مثل هو، پاولو و ژانگ نشان داده‌اند که نظرهای آنلاین معمولاً توزیعی به شکل حرف J دارند. تعداد زیادی پنج ستاره، تعدادی یک ستاره، و تعداد کمی در میانه. دو دلیل دارد. اول اینکه کسانی که کالایی را می‌خرند، از قبل به آن علاقه داشته‌اند. دوم اینکه آدم‌های خیلی راضی و خیلی ناراضی بیشتر از بقیه حوصلهٔ نوشتن نظر دارند. آدم معمولی که کالا برایش «بد نبود»، معمولاً چیزی نمی‌نویسد.

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

تعداد نظر: اطمینان، نه کیفیت

منبع درست می‌گوید که تعداد نظرها نشان می‌دهد چقدر می‌شود به میانگین اعتماد کرد. اما این نکته معمولاً اشتباه فهمیده می‌شود. تعداد زیاد، کیفیت را بالا نمی‌برد. فقط اطمینان را بالا می‌برد.

یک محور افقی ستاره از ۱ در راست تا ۵ در چپ. دو ردیف روی آن: کافهٔ الف با ۷ نظر، نقطهٔ صورتی روی ۴٫۹ با یک بازهٔ پهن صورتی از حدود ۳٫۸ تا ۵. کافهٔ ب با ۱٬۲۰۰ نظر، نقطهٔ مشکی روی ۴٫۴ با بازه‌ای بسیار باریک
بازه‌ها تقریبی‌اند؛ هفت نظر می‌تواند تقریباً هر میانگینی بسازد — نمودار از سپنتا پویا برای این ترجمه (sepantapouya.com)

برگردیم به دو کافه. میانگین ۴٫۹ از هفت نظر یعنی هفت نفر راضی بوده‌اند. اگر نظر هشتم یک ستاره باشد، میانگین به ۴٫۴ سقوط می‌کند. اما میانگین ۴٫۴ از هزار و دویست نظر تقریباً تکان نمی‌خورد. نمودار بالا همین را با بازه نشان می‌دهد. شاید کافهٔ اول واقعاً بهتر باشد. فقط هنوز نمی‌شود فهمید.

جالب اینکه ذهن ما در جهت مخالف هم اشتباه می‌کند. پاول و همکارانش در سال ۲۰۱۷ نشان دادند که آدم‌ها کالای پرنظرتر را ترجیح می‌دهند، حتی وقتی میانگینش پایین است. در آزمایش آن‌ها، وقتی هر دو کالا امتیاز پایینی داشتند، شرکت‌کننده‌ها باز هم کالای پرنظرتر را برمی‌داشتند. در حالی که حجم بیشتر نظر، با اطمینان بیشتری نشان می‌داد آن کالا بد است. این همان سوگیری همرنگی است.

برای طراح دو نتیجهٔ عملی دارد. اول، عدد نظرها را همیشه کنار میانگین و هم‌اندازه با آن نشان دهید، نه با فونت ریز و کم‌رنگ. دوم، فهرست را بر اساس میانگین خام مرتب نکنید. کالایی با یک نظر پنج‌ستاره نباید بالای کالایی با هزار نظر ۴٫۷ بنشیند. سایت‌هایی مثل IMDb برای رتبه‌بندی از «میانگین وزنی» استفاده می‌کنند. در این روش، امتیاز کالاهای کم‌نظر به سمت میانگین کل کشیده می‌شود تا وقتی نظرهای کافی برسد.

جایی که ستاره شکست می‌خورد

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

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

یک مشکل دیگر هم هست که منبع نمی‌گوید: تورم امتیاز. وقتی تقریباً همه‌چیز بالای ۴٫۵ است، مقیاس پنج‌تایی عملاً به یک مقیاس دوتایی تبدیل می‌شود: پنج ستاره یعنی «خوب» و هر چیز کمتر یعنی «مشکل». در بسیاری از اپلیکیشن‌های خدماتی، چهار ستاره را هم کاربر و هم ارائه‌دهنده یک گلایه می‌دانند. اگر محصول شما به این نقطه رسیده، شاید وقتش باشد که پرسش را عوض کنید. «آیا این را به دوستتان پیشنهاد می‌کنید؟» گاهی بیشتر از پنج ستاره اطلاعات می‌دهد.

ستاره‌ها برای همه

منبع دربارهٔ دسترس‌پذیری چیزی نمی‌گوید. این بخش افزودهٔ من است.

در نمایش، ستاره‌ها یک تصویرند. صفحه‌خوان آن‌ها را نمی‌بیند، مگر اینکه متن کنارشان باشد. کنار هر ستاره‌نما متنی مثل «۴٫۵ از ۵، بر اساس ۳۲۰ نظر» بگذارید. اگر نمی‌خواهید دیده شود، آن را برای صفحه‌خوان نگه دارید. تفاوت ستارهٔ پر و خالی هم نباید فقط با رنگ باشد. ستارهٔ خالی را با خط دور نشان دهید.

در ورود امتیاز، ستاره‌ها در واقع یک گروه گزینهٔ تک‌انتخابی هستند و باید مثل یکی رفتار کنند. با کلیدهای جهت قابل جابه‌جایی باشند و هر گزینه برچسب داشته باشد، مثل «بد» تا «عالی». روی موبایل، ستاره‌های ریز و چسبیده به هم همان امتیاز تصادفی‌ای را می‌سازند که منبع از آن گلایه داشت. هدف‌های لمسی را بزرگ کنید و پیش از ثبت، امتیاز را با یک جملهٔ کوتاه به کاربر نشان دهید. این‌ها همان اصولی است که برای هر فیلد ورودی دیگری هم رعایت می‌کنیم.

نظرهای ستاره‌دار در بافت فارسی

این بخش هم افزودهٔ من است و از کار روی محصولات فارسی‌زبان می‌آید.

فهرست شماره‌دار پنج نکته دربارهٔ نظرهای ستاره‌دار در بافت فارسی: پر شدن ستاره از راست، ممیز فارسی به‌جای نقطه، تعارف و بالا رفتن میانگین، جدا کردن فروشنده از کالا، و متن جایگزین برای ستاره
پنج نکته‌ای که در منبع نیست — نمودار از سپنتا پویا برای این ترجمه (sepantapouya.com)

ستاره هم از راست پر می‌شود. در چیدمان راست‌به‌چپ، ردیف ستاره‌ها از راست شروع می‌شود و نیم‌ستاره هم باید از سمت راست پر شود. بسیاری از کتابخانه‌های آماده این را رعایت نمی‌کنند و ستارهٔ ۳٫۵ را از چپ پر می‌کنند. نتیجه شبیه ۳ و کمی بیشتر است، نه سه و نیم.

ممیز فارسی، نه نقطه. میانگین را با ممیز فارسی بنویسید، مثل «۴٫۵»، نه 4.5. نقطه در وسط عدد فارسی شبیه پایان جمله دیده می‌شود و خواندن را می‌شکند.

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

فروشنده را از کالا جدا کنید. در بازارگاه‌هایی که یک کالا را چند فروشنده عرضه می‌کنند، مشکل «امتیاز به جنبهٔ اشتباه» شدیدتر است. خریدار از فروشنده ناراضی است و به کالا یک ستاره می‌دهد. ستارهٔ کالا و ستارهٔ فروشنده و ارسال باید دو عدد جدا باشند.

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

جمع‌بندی

نظرهای ستاره‌دار یکی از کارآمدترین الگوهای رابط کاربری است، دقیقاً چون خیلی چیزها را در یک عدد خلاصه می‌کند. و مشکلش هم دقیقاً همین است. یک عدد نمی‌تواند بگوید نظرها چقدر پراکنده‌اند، چند نفر نظر داده‌اند، یا دربارهٔ کدام جنبه از تجربه است.

اگر یک جمله بماند، همین باشد: میانگین را هیچ‌وقت تنها نشان ندهید. تعداد نظرها و توزیع ستاره‌ها را هم کنارش بگذارید، تا کاربر بتواند همان سؤالی را بپرسد که شما در جلسهٔ داده می‌پرسید: این عدد از کجا آمده است؟

منبع

این نوشته «بازنویسی آزاد» است از موضوع What are Starred Reviews? و مقالهٔ مرتبط با آن، Create a Quick Overview of Opinions by Implementing Starred Reviews (هر دو بدون نام نویسندهٔ مشخص)، منتشرشده در وب‌سایت بنیاد طراحی تعامل (Interaction Design Foundation — IxDF). مفاهیم پایهٔ برگرفته از این منبع — تعریف نظرهای ستاره‌دار و نقش تعداد نظرها، سرعت به‌عنوان قدرت الگو، اثرش بر اعتماد، چهار قاعدهٔ مقیاس پنج‌تایی و جای برجسته و جدایی بصری و نمایش میانگین و تعداد، منع ستارهٔ صفر، پر کردن نیمهٔ ستاره، فیلتر بر اساس ستاره، برچسب خرید تأییدشده، باز نگه داشتن راه نظرهای تفصیلی، و مشکلات امتیاز به جنبهٔ اشتباه و امتیاز تصادفی و خرابکاری و نمونهٔ راجر ایبرت — از این منبع گرفته شده، اما متن فارسی و توضیح‌ها کاملاً مستقل نوشته شده‌اند.

متن مقالهٔ اصلی تحت هیچ لایسنس بازی منتشر نشده است؛ به همین دلیل اینجا ترجمهٔ کلمه‌به‌کلمه ارائه نشده و متن کامل انگلیسی (به‌همراه همهٔ تصاویر) در لینک زیر در دسترس است.

بخش‌های افزودهٔ مترجم: صحنهٔ آغازین دو کافه در اپلیکیشن نقشه؛ کل بخش «میانگین چه چیزی را پنهان می‌کند» شامل نمودار دو توزیع با میانگین یکسان، توزیع Jشکل نظرهای آنلاین در پژوهش هو، پاولو و ژانگ و دو دلیل آن، و پیشنهاد نمایش توزیع و دسترسی مستقیم به نظرهای یک‌ستاره؛ تفکیک اطمینان از کیفیت و نمودار بازه‌ها، پژوهش پاول و همکاران در سال ۲۰۱۷ دربارهٔ ترجیح کالای پرنظرتر، و میانگین وزنی برای رتبه‌بندی؛ تورم امتیاز و پرسش جایگزین؛ کل بخش «ستاره‌ها برای همه» دربارهٔ دسترس‌پذیری نمایش و ورود امتیاز؛ و کل بخش «در بافت فارسی» شامل پر شدن ستاره از راست، ممیز فارسی، تعارف و تورم امتیاز، جدا کردن امتیاز فروشنده و کالا در بازارگاه، و متن جایگزین فارسی.

تصاویر: یک تصویر از منبع بازنشر شده است، عکس پنج نفر که روی چمن شکل ستاره ساخته‌اند، که در صفحهٔ اصلی با اعتبار Pexels و لایسنس CC0 آمده است. سه نمونهٔ دیگر، صفحه‌های TripAdvisor، Google و IMDb، با شرایط «استفادهٔ منصفانه» (Fair Use) آمده‌اند و بازنشر نشده‌اند. هر سه نمودار دیگر این صفحه طراحی اختصاصی مترجم است.

مشاهدهٔ مقالهٔ اصلی
سپنتا پویا

مترجم: سپنتا پویا

طراح ارشد محصول. مقالات تخصصی UI/UX را با حفظ ساختار و لحن نسخهٔ اصلی و با کمک هوش مصنوعی به فارسی برمی‌گردانم.

دربارهٔ من

در این مقاله

  • - نظرهای ستاره‌دار چیست؟
  • - قاعده‌های پایه
  • - میانگین چه چیزی را پنهان می‌کند
  • - تعداد نظر: اطمینان، نه کیفیت
  • - جایی که ستاره شکست می‌خورد
  • - ستاره‌ها برای همه
  • - در بافت فارسی
  • - جمع‌بندی

برچسب‌ها

  • نظرهای ستاره‌دار
  • الگوی رابط
  • اعتماد
  • ترجمه