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

مقایسهٔ نرخ موفقیت وظیفه وقتی کلیک اول درست است با وقتی کلیک اول اشتباه است
منبع: بنیاد طراحی تعامل (IxDF) · بازنویسی آزاد: سپنتا پویا · مرداد ۱۴۰۵ · زمان مطالعه: حدود ۱۲ دقیقه

آزمون اولین کلیک (First-Click Testing) چیست؟

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

آزمون اولین کلیک (First-Click Testing) ساده‌ترین آزمون جدی‌ای است که می‌شود روی یک طرح گرفت: تصویری از رابط را به شرکت‌کننده نشان می‌دهید، یک کار به او می‌دهید، و فقط می‌پرسید «برای انجام این کار، اول کجا کلیک می‌کنید؟» او یک نقطه را می‌زند و آزمون تمام می‌شود. نه سناریوی چندمرحله‌ای، نه فکر با صدای بلند، نه جلسهٔ نیم‌ساعته — یک کلیک.

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

چرا کلیک اول این‌قدر مهم است

دلیل اینکه این آزمون فقط یک کنجکاوی نیست، یک یافتهٔ پژوهشی مشخص است. باب بیلی و کاری وولفسون (Bailey & Wolfson) در مجموعه‌ای از حدود دوازده پژوهش بین سال‌های ۲۰۰۶ تا ۲۰۰۹ رفتار کاربران را دنبال کردند و به عددی رسیدند که از آن زمان بارها نقل شده است: وقتی کلیک اول کاربر در مسیر درست باشد، در حدود ۸۷ درصد موارد کار را به سرانجام می‌رساند؛ و وقتی کلیک اول اشتباه باشد، این رقم به حدود ۴۶ درصد سقوط می‌کند.

نمودار مقایسه‌ای: کلیک اول درست حدود ۸۷ درصد موفقیت، کلیک اول اشتباه حدود ۴۶ درصد
نمودار از مترجم — بر پایهٔ یافتهٔ بیلی و وولفسون

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

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

چطور اجرا می‌شود

کل فرایند را می‌شود در یک بعدازظهر برپا کرد:

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

ابزارهای اختصاصی برای این کار وجود دارد — نام آشنایش Chalkmark از مجموعهٔ Optimal Workshop است — اما هیچ‌کدام ضروری نیستند. با یک تصویر و فرمی که مختصات کلیک را ثبت کند هم می‌شود اجرایش کرد، و برای نسخهٔ کاغذی حتی می‌شود از شرکت‌کننده خواست با خودکار روی چاپِ صفحه علامت بزند. ارزان‌بودن، بخشی از هویت این روش است.

چه چیزی را واقعاً اندازه می‌گیرید

این بخش افزودهٔ مترجم است، چون بیشتر تیم‌ها فقط به درصد موفقیت نگاه می‌کنند و سه‌چهارم ارزش گزارش را جا می‌گذارند. چهار چیز را باید ببینید:

  • - نرخ کلیک درست، به تفکیک وظیفه. میانگین کل بی‌فایده است؛ یک وظیفهٔ فاجعه‌بار زیر پنج وظیفهٔ خوب پنهان می‌شود. جدول را سطر به سطر بخوانید.
  • - پراکندگی کلیک‌ها. این مهم‌ترین و کم‌توجه‌شده‌ترین عدد است. دو وظیفه می‌توانند هر دو ۵۰ درصد موفقیت داشته باشند، ولی معنایشان کاملاً متفاوت باشد: اگر نیم دیگر کاربران همه روی یک نقطهٔ مشخص کلیک کرده باشند، شما یک رقیب قدرتمند دارید و مسئله روشن است — یا آن عنصر را باید تغییر داد یا انتظار کاربر را. اما اگر آن نیم دیگر روی هشت جای مختلف پخش شده باشند، مسئله عمیق‌تر است: صفحه اصلاً هیچ پیشنهادی نمی‌دهد و مردم دارند حدس می‌زنند. اولی مشکل برچسب است، دومی مشکل سلسله‌مراتب بصری.
  • - زمان تا کلیک اول. اگر ابزارتان ثبتش می‌کند، به آن به‌چشم شاخص تردید نگاه کنید. کلیک درستی که بعد از هجده ثانیه مکث آمده، همان‌قدر هشدار است که یک کلیک اشتباه — یعنی صفحه بالاخره جواب داده، ولی نه بدون جست‌وجوی چشمی طولانی. در گزارش، این ستون را کنار نرخ موفقیت بگذارید.
  • - کلیک روی چیزی که اصلاً کلیک‌پذیر نیست. وقتی جمعی از کاربران روی یک تصویر تزئینی یا یک تیتر ساده کلیک می‌کنند، دارند به شما می‌گویند آن عنصر شبیه دکمه به‌نظر می‌رسد. این یافته‌ای است که هیچ آزمون دیگری این‌قدر ارزان به شما نمی‌دهد.

یک هشدار دربارهٔ آستانه‌ها هم لازم است: عدد مطلق به‌تنهایی معنای کمی دارد، چون کاملاً به سختی وظیفه‌هایی که نوشته‌اید وابسته است. ارزش واقعی این اعداد مقایسه‌ای است — نسخهٔ الف در برابر نسخهٔ ب با همان وظیفه‌ها و همان جمعیت. چون اجرای این آزمون تقریباً رایگان است، بهترین کار این است که از اول دو طرح را بیازمایید؛ آزمون تک‌نسخه‌ای معمولاً به بحثِ بی‌پایان «۶۸ درصد خوب است یا بد؟» ختم می‌شود.

نسبتش با آزمون درختی و آزمون کاربردپذیری

این سه روش اغلب با هم اشتباه گرفته می‌شوند، در حالی که هرکدام چیز متفاوتی را زیر ذره‌بین می‌برند:

  • - آزمون درختی: فقط ساختار را می‌سنجد. هیچ طراحی‌ای در کار نیست؛ کاربر یک فهرست متنی می‌بیند. جواب می‌دهد: آیا دسته‌بندی و اسم‌ها به‌تنهایی معنا دارند؟
  • - آزمون اولین کلیک: ساختار به‌علاوهٔ طراحی را می‌سنجد، در یک صفحه. جواب می‌دهد: در صفحهٔ واقعی، با این چیدمان و این تضادها، کاربر کجا را نقطهٔ شروع می‌بیند؟
  • - آزمون کاربردپذیری: کل مسیر را می‌سنجد، با تعداد کم و به‌شکل کیفی. جواب می‌دهد: چرا؟

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

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

کجاها گمراهتان می‌کند

این بخش هم در منبع نیست و از تجربهٔ اجرای این آزمون می‌آید. سادگی این روش هزینه‌ای دارد و بهتر است پیشاپیش بدانیدش:

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

آزمون اولین کلیک در محصولات فارسی‌زبان

این بخش هم افزودهٔ مترجم است و از کار روی رابط‌های راست‌به‌چپ می‌آید.

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

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

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

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

جمع‌بندی

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

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

منبع

این نوشته «بازنویسی آزاد» است از مطلب What is First-Click Testing? و مقالهٔ First-Click Testing نوشتهٔ ویلیام هادسون (William Hudson) در بنیاد طراحی تعامل (Interaction Design Foundation — IxDF). مفاهیم پایه — تعریف آزمون اولین کلیک و اینکه شرکت‌کننده فقط نقطهٔ شروع کار را نشان می‌دهد، اجرای آن روی هر سطحی از وفاداری از طرح مدادی تا اسکرین‌شات نهایی، تأکید بر آزمودن هرچه زودتر در فرایند طراحی، معرفی ابزار Chalkmark، و یافتهٔ بیلی و وولفسون دربارهٔ نرخ موفقیت ۸۷ درصد در برابر ۴۶ درصد — از این منبع گرفته شده، اما متن فارسی، ساختار بخش‌ها و همهٔ مثال‌ها کاملاً مستقل نوشته شده‌اند.

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

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

تصاویر: تصویر مطلب اصلی با لایسنس CC BY-SA 3.0 منتشر شده و بقیهٔ تصاویر متعلق به بنیاد طراحی تعامل‌اند؛ چون رویّهٔ این مجموعه بازنشر تصاویر CC BY-SA 4.0 است، هیچ‌کدام اینجا بازتولید نشده‌اند و در صفحهٔ اصلی قابل مشاهده‌اند. نمودار این صفحه ساختهٔ مترجم است و داده‌اش از یافتهٔ بیلی و وولفسون می‌آید.

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

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

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

دربارهٔ من

در این مقاله

  • - آزمون اولین کلیک چیست؟
  • - چرا کلیک اول این‌قدر مهم است
  • - چطور اجرا می‌شود
  • - چه چیزی را واقعاً اندازه می‌گیرید
  • - نسبتش با آزمون درختی و کاربردپذیری
  • - کجاها گمراهتان می‌کند
  • - در محصولات فارسی‌زبان
  • - جمع‌بندی

برچسب‌ها

  • آزمون اولین کلیک
  • پژوهش کاربر
  • UX
  • ترجمه