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

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

بازرسی طراحی (Design Audit) چیست؟

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

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

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

تعریف

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

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

کِی سراغ بازرسی می‌روند

منبع هشت نشانه می‌شمارد که برند را به‌سمت بازرسی می‌برد:

  • - افت درگیری کاربر · نقاط درد در تجربه · برندینگ قدیمی‌شده · ناهمخوانی محتوا و هویت بصری.
  • - کارایی ضعیف سایت · نرخ تبدیل پایین · نرخ پرش بالا · بازخورد منفی کاربر.

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

هشت مؤلفهٔ بازرسی

منبع می‌گوید بازرس می‌تواند تیم درون‌سازمانی و سرگروه طراحی باشد، یا آژانس و مشاور بیرونی، یا بازرس مستقل. و چک‌لیستش هشت بند دارد:

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

فرایند و فایده‌ها

فرایند پنج مرحله دارد: تعیین هدف · گردآوری داده (کتاب برند، بازخورد کاربر، تحلیل‌ها) · تحلیل مواد · گزارش‌نویسی · اجرای تغییرات.

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

مسئلهٔ بازرسی، کم‌یافتن نیست؛ زیاد‌یافتن است

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

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

پس هر یافته باید سه عدد داشته باشد، و ترتیب از حاصل‌ضربشان بیاید:

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

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

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

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

چه‌کسی بازرسی می‌کند

سه گزینهٔ بازرس و تعارض منافع هرکدام
نمودار از سپنتا پویا برای این ترجمه (sepantapouya.com)

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

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

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

یک راه ارزان برای گرفتن هر دو مزیت: بازرسی را درون‌سازمانی انجام دهید، ولی بند «فرایند» را به یک نفر بیرون از سلسله‌مراتب بسپارید.

در بافت فارسی: شبکه را بازرسی کنید، نه وای‌فای دفتر را

چهار بند اضافی چک‌لیست بازرسی در بازار فارسی
نمودار از سپنتا پویا برای این ترجمه (sepantapouya.com)

چهار بند که در چک‌لیست وارداتی نیست و اینجا اغلب مهم‌ترین یافته‌ها را می‌دهد.

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

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

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

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

جمع‌بندی

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

منبع

این نوشته «بازنویسی آزاد» است از مطلب What are Design Audits? در وب‌سایت بنیاد طراحی تعامل (Interaction Design Foundation — IxDF؛ بدون نام نویسندهٔ مشخص). مفاهیم پایه — تعریف بازرسی طراحی به‌عنوان ارزیابی عناصر و رهنمودها و دارایی‌ها برای یکدستی و کیفیت و هم‌راستایی با اهداف برند، نگاهش به هویت بصری و تجربه کاربری و فرایند طراحی، سنجش در برابر محک‌های پژوهش کاربر و بینش رقبا و بهترین‌روش‌ها، هدف دوگانهٔ تجربه و اهداف کسب‌وکار با اشاره به نقاط اصطکاک و نرخ تبدیل، هشت نشانهٔ نیاز به بازرسی (افت درگیری، نقاط درد، برندینگ قدیمی، ناهمخوانی محتوا و هویت، کارایی ضعیف، نرخ تبدیل پایین، نرخ پرش بالا، بازخورد منفی)، سه گزینهٔ بازرس (تیم درون‌سازمانی و سرگروه، آژانس یا مشاور بیرونی، بازرس مستقل)، هشت مؤلفهٔ چک‌لیست (ارزیابی کلی هویت با لوگو و رنگ و تایپوگرافی، تحلیل جریان کاربر با نمونهٔ رساندن کاربر به فراخوان اقدام، ارزیابی طراحی بصری با تأکید بر نگاه تازه و بی‌سوگیری، ارزیابی معماری اطلاعات، ارزیابی اکتشافی، آزمون کاربردپذیری، ارزیابی کارایی روی دستگاه‌ها و شبکه‌های مختلف، ارزیابی دسترس‌پذیری)، فرایند پنج‌مرحله‌ای تعیین هدف و گردآوری داده و تحلیل و گزارش و اجرای تغییرات، و فایده‌های برشمرده شامل حل مسائل کاربردپذیری و انسجام بصری و کیفیت محتوا با نمونهٔ اطلاعات غیرضروری در آشناسازی و بهینه‌کردن طراحی تعامل با نمونهٔ چیدن دسته‌ها کنار هم و تضمین دسترس‌پذیری و بهبود کارایی با نمونهٔ واکنش‌گرایی ناقص در موبایل — از این منبع گرفته شده. منبع به ویدیوهایی از William Hudson ارجاع می‌دهد. متن فارسی، ساختار بخش‌ها و همهٔ تحلیل‌ها کاملاً مستقل نوشته شده‌اند.

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

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

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

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

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

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

دربارهٔ من

در این مقاله

  • - تعریف
  • - کِی سراغش می‌روند
  • - هشت مؤلفه
  • - فرایند و فایده‌ها
  • - مسئلهٔ زیاد‌یافتن
  • - چه‌کسی بازرسی می‌کند
  • - در بافت فارسی

برچسب‌ها

  • بازرسی طراحی
  • ارزیابی
  • کاربردپذیری
  • UX
  • ترجمه