نوشته های کیمیا براتی

چطور کامپوننت ها و اجزای دیزاین سیستم ها را حرفه‌ای مستندسازی و داکیومنت کنیم؟

کیمیا براتی — Sat, 12 Apr 2025 14:42:00 +0330

چطور کامپوننت ها و اجزای دیزاین سیستم ها را حرفه‌ای مستندسازی و داکیومنت کنیم؟دوست من، مستندسازی و داکیومنت کردن درست و حسابی کامپوننت‌ها (اجزای دیزاین سیستم) مثل یک نقشه گنج برای تیم طراحی و توسعه است! هدف اصلی اینه که همه بتونن از این اجزا درست استفاده کنن و وقتشون رو برای دوباره‌کاری هدر ندن.اول کارت رو با تحقیق شروع کن: 🔍 کمی کنجکاوی اولیه- **هدف کامپوننت چیه؟** خب، این دکمه، کارت یا منو قراره چه دردی رو دوا کنه؟ مثلاً یک دکمه "ثبت نام" کجاها کاربرد داره و چرا مهمه؟- **ببین چی داری و چی نداری.** نگاهی به کامپوننت‌های موجود بنداز. این جدیده که می‌خوای اضافه کنی، کجای سیستم طراحی قرار می‌گیره؟ شاید مشابهش رو قبلا داشتین!- **بهترین شیوه‌ها رو بررسی کن.** ببین دیگران این کامپوننت رو چطور استفاده می‌کنن. مثلاً دکمه‌های Call to Action معمولاً چه ویژگی‌هایی دارن؟- **با تیم فنی چک کن.** قبل از اینکه کلی وقت بذاری، با توسعه‌دهنده‌ها حرف بزن ببین این طرحت قابل پیاده‌سازی هست؟ محدودیت‌های فنی چیه؟ حالا وقت مستندسازی رسیده: 📝 همه چیز رو ساده و شفاف بنویس- **معرفی کوتاه و مفید.** مثلاً: "دکمه‌های اولیه برای اکشن‌های مهم مثل 'ثبت نام' یا 'خرید' استفاده میشن."- **اندازه‌ها رو دقیق بگو.** بگو این کامپوننت چه سایزی داره، فاصله‌ها و پدینگ‌هاش چقدره. مثلاً: "دکمه استاندارد ما 40px ارتفاع داره با پدینگ افقی 16px."- **همه حالت‌های ممکن رو نشون بده.** حالت عادی، هاور (hover)، disable و... همه رو با تصویر نشون بده.- **رفتار تعاملی رو توضیح بده.** اگه روی دکمه کلیک میشه چه اتفاقی می‌افته؟ انیمیشن داره؟ چقدر طول می‌کشه؟- **بگو چه کار کنن و چه کار نکنن.** مثلاً: "از این دکمه برای اکشن‌های اصلی صفحه استفاده کنید، نه برای لینک‌های ساده" یا "هیچوقت بیشتر از یک دکمه اصلی در یک صفحه نذارید."- **دسترسی‌پذیری رو فراموش نکن.** بگو این کامپوننت چطور برای کاربرهایی که از صفحه‌خوان استفاده می‌کنن یا با کیبورد کار می‌کنن، در دسترس خواهد بود.- **کد رو هم بذار.** یه نمونه کد بذار که توسعه‌دهنده‌ها بتونن کپی-پیست کنن و زود به نتیجه برسن.📣 مثال واقعییه دکمه ساده رو در نظر بگیر. مستنداتش میتونه اینطوری باشه:## دکمه اصلی (Primary Button)دکمه‌های اصلی برای جلب توجه کاربر به مهمترین اکشن‌های هر صفحه طراحی شدن. هر صفحه فقط یک دکمه اصلی باید داشته باشه.### اندازه و فاصله‌گذاری- ارتفاع: 48px (موبایل) / 40px (دسکتاپ)- پدینگ داخلی: 16px از چپ و راست- حاشیه (مارجین): حداقل 16px از سایر المان‌ها فاصله داشته باشه### حالت‌ها- **عادی**: رنگ پس‌زمینه #0066FF با متن سفید- **هاور (hover)**: کمی تیره‌تر میشه (#0055DD)- **فشرده شده (active)**: رنگ #0044BB با سایه داخلی- **غیرفعال (disabled)**: رنگ خاکستری #CCCCCC با متن #888888### رفتار تعاملی- موقع هاور، دکمه با انیمیشن 0.2 ثانیه‌ای تغییر رنگ میده- موقع کلیک، یک افکت ripple از مرکز دکمه پخش میشه### استفاده درست - برای اکشن‌های اصلی مثل "ثبت سفارش"، "ادامه" یا "ثبت‌نام" استفاده کنید- همیشه متن دکمه رو کوتاه و واضح بنویسید (ترجیحاً 1-3 کلمه)- برای دکمه حتماً یک آیکون متناسب با عملکردش انتخاب کنید### استفاده نادرست ❌- از این دکمه برای لینک‌های معمولی استفاده نکنید- بیش از یک دکمه اصلی در یک صفحه نذارید- از رنگ‌های متفرقه برای این دکمه استفاده نکنید### دسترسی‌پذیری- دکمه با کیبورد قابل انتخاب است (با کلید Tab)- رنگ متن و پس‌زمینه کنتراست کافی دارند (نسبت 4.5:1)- برای صفحه‌خوان‌ها از aria-label مناسب استفاده کنید### نمونه کد```html``` هنگام انتشار مستندات:🚀 همزمان طراحی و کد رو منتشر کن- طراحی‌ها رو تو Figma یا Sketch بذار و همزمان کدها رو هم آپدیت کن- یه جلسه کوتاه با تیم بذار و بهشون بگو این کامپوننت جدید چطور کار می‌کنه- راهنمایی کن که اگه کسی خواست تغییری بده یا مشارکت کنه، چطور اینکار رو انجام بده بعد از انتشار: 🔄 بازخورد بگیر و بهتر کن- یه فرم ساده یا یه کانال تو Slack درست کن که بقیه بتونن راحت نظر بدن- از کاربرهای واقعی (طراح‌ها و توسعه‌دهنده‌ها) بپرس که آیا این کامپوننت کارشون رو راحت‌تر کرده یا نه- بر اساس بازخوردها، فهرستی از تغییرات مورد نیاز تهیه کن و اونا رو اولویت‌بندی کننکات طلایی برای مستندسازی بهتر:💎 تجربه رو شیرین کن- از GIF و ویدیوهای کوتاه برای نمایش رفتار تعاملی استفاده کن- یه محیط پیش‌نمایش زنده (live preview) درست کن که بقیه بتونن با کامپوننت‌ها بازی کنن- داستان پشت طراحی هر کامپوننت رو بگو - چرا اینطوری طراحی شده و چه مشکلی رو حل می‌کنه- از زبان ساده و صمیمی استفاده کن، انگار داری با یه همکار حرف می‌زنی- برای کامپوننت‌های پیچیده‌تر، چند مثال واقعی از کاربردشون تو محصول بذاریادت باشه، هدف نهایی اینه که هر کسی بتونه بدون نیاز به پرسیدن سوال‌های زیاد، کامپوننت‌ها رو به درستی استفاده کنه. مستندات خوب مثل یه معلم صبوره که همیشه آماده‌ست تا راهنمایی کنه!

قوانین UX

کیمیا براتی — Mon, 23 Dec 2024 17:56:03 +0330

توی این محتوا مهم ترین اصول طراحی تجربه کاربری را مطابق با دانش حرفه ای ترین طراحان خلاصه کردم با رعایت این اصول و قوانین UX می‌توانید طراحی‌هایی مؤثرتر و کارآمدتر داشته باشید. و به کاهش بار ذهنی کاربران، جلوگیری از خستگی و سردرگمی، و بهبود تجربه کلی آنها کمک کنید. درباره محتوابا ذکر نام هر قانون تصویری برای درک بهتر آن مشاهده میکنید. هم چنین توضیح کوتاهی راجب اینکه اصل مورد نظر چه چیزی را بیان می‌کند و چگونه می‌توان از آن در طراحی استفاده کرد. این اصول از دیدگاه متخصصان معروف طراحی ارائه شده‌اند.قوانین UX۱. قانون آمارا (Amara's Law)🌟 تاثیر فناوری را در کوتاه‌مدت بیش از حد تخمین می‌زنیم، اما در بلندمدت دست کم می‌گیریم.این اصل یادآور می‌شود که نباید از تکنولوژی‌های جدید توقع معجزه فوری داشته باشید، بلکه باید به مرور زمان و با گسترش و تطبیق آن‌ها انتظار نتایج بزرگ‌تری داشته باشید.۲. قانون فیتس (Fitt's Law)🌟 زمان لازم برای رسیدن به یک هدف به فاصله تا آن هدف بستگی دارد، اما به صورت معکوس با اندازه آن هدف ارتباط دارد.به بیان ساده، هرچه دکمه‌ای بزرگ‌تر باشد یا به کاربر نزدیک‌تر قرار گیرد، دسترسی به آن سریع‌تر خواهد بود. در طراحی باید این موضوع را برای راحتی کاربر در نظر گرفت.۳. قانون نزدیکی (Law of Proximity)🌟 چیزهایی که نزدیک به هم قرار دارند، معمولاً به عنوان یک گروه دیده می‌شوند.برای مرتب کردن اطلاعات، قرار دادن موارد مرتبط کنار هم باعث می‌شود کاربر راحت‌تر ارتباط بین آنها را درک کند.۴. قانون تداوم (Law of Continuity)🌟 نقاطی که توسط خطوط صاف یا منحنی به هم متصل هستند، به گونه‌ای دیده می‌شوند که مسیر روان‌تری را دنبال کنند.این اصل در طراحی برای ایجاد ارتباط بصری مؤثر بین عناصر استفاده می‌شود.۵. قانون پرگنانز (Law of Prägnanz)🌟 اشیاء به ساده‌ترین شکل ممکن دیده می‌شوند.این اصل می‌گوید طراحی شما نباید پیچیده باشد؛ هرچه ساده‌تر و واضح‌تر باشد، بهتر درک خواهد شد.۶. قانون شباهت (Law of Similarity)🌟 اشیاء مشابه معمولاً با هم گروه‌بندی می‌شوند.استفاده از رنگ‌ها، اندازه‌ها یا شکل‌های مشابه به کاربر کمک می‌کند ارتباط بین عناصر را بهتر بفهمد.۷. قانون بستگی (Law of Closure)🌟 چیزهایی که با هم یک موجودیت کامل را تشکیل می‌دهند، گروه‌بندی می‌شوند.وقتی بخشی از یک شکل حذف شود، مغز ما سعی می‌کند آن را کامل کند. این قانون برای ایجاد اشکال جذاب کاربرد دارد.۸. قانون ناحیه مشترک (Law of Common Region)🌟 عناصر در یک ناحیه مشخص معمولاً با هم گروه‌بندی می‌شوند.برای جدا کردن بخش‌های مختلف در طراحی، می‌توانید از نواحی بصری استفاده کنید.۹. قانون هیک (Hick's Law)🌟 هرچه گزینه‌ها بیشتر و پیچیده‌تر باشند، تصمیم‌گیری بیشتر طول می‌کشد.برای کمک به کاربر در تصمیم‌گیری سریع، تعداد گزینه‌ها را محدود کنید.۱۰. قانون هافستادر (Hofstadter’s Law)🌟 همیشه کارها بیشتر از آنچه انتظار دارید زمان می‌برد، حتی اگر این قانون را در نظر گرفته باشید.زمان‌بندی دقیق در پروژه‌ها را دست کم نگیرید.۱۱. قانون میلر (Miller's Law)🌟 یک فرد به طور متوسط فقط می‌تواند ۷ مورد (با تلورانس ۲) را در حافظه کوتاه‌مدت خود نگه دارد.اطلاعات را ساده کنید و در هر بخش از طراحی، تعداد عناصر را محدود کنید.۱۲. آستانه دوهرتی (Doherty's Threshold)🌟 وقتی تعامل بین کاربر و سیستم کمتر از ۴۰۰ میلی‌ثانیه باشد، بهره‌وری به شدت افزایش می‌یابد.سرعت پاسخگویی سیستم به درخواست‌های کاربر بسیار مهم است.۱۳. قانون جیکوب (Jacob's Law)🌟 کاربران ترجیح می‌دهند وب‌سایت شما مشابه سایت‌های دیگر عمل کند.از الگوهای رایج طراحی پیروی کنید تا کاربران احساس آشنایی و راحتی داشته باشند.۱۴. اصل اوکام (Occam's Razor)🌟 وقتی با چندین فرضیه مواجه هستید، ساده‌ترین راه‌حل را انتخاب کنید.از پیچیدگی غیرضروری بپرهیزید و به دنبال ساده‌ترین راه‌حل‌ها باشید.۱۵. اصل ۸۰/۲۰ (Pareto Principle)🌟 تقریباً ۸۰٪ نتایج از ۲۰٪ تلاش‌ها حاصل می‌شود.روی بخش‌های کلیدی و اثرگذار طراحی تمرکز کنید.۱۶. قانون پارکینسون (Parkinson's Law)🌟 کار به اندازه زمانی که برای آن در نظر گرفته شود، گسترش پیدا می‌کند.برای انجام کارها محدودیت زمانی تعیین کنید.۱۷. قانون پستل (Postel's Law)🌟 در پذیرش ورودی‌ها انعطاف‌پذیر باشید، اما خروجی‌ها را دقیق و استاندارد ارائه دهید.سیستم شما باید خطاهای کاربران را تحمل کند اما خروجی باکیفیت ارائه دهد.۱۸. اثر جایگاه (Serial Position Effect)🌟 کاربران تمایل دارند آیتم‌های اول و آخر یک سری را بهتر به خاطر بسپارند.اطلاعات مهم را در ابتدا و انتهای فهرست قرار دهید.۱۹. قانون حفظ پیچیدگی (Tesler's Law)🌟 در هر سیستم، مقداری از پیچیدگی وجود دارد که نمی‌توان آن را کاهش داد.سعی کنید پیچیدگی‌ها را تا حد ممکن ساده کنید اما از حذف جزئیات مهم خودداری کنید.۲۰. اثر تمایز (Von Restorff Effect)🌟 آیتم‌هایی که از دیگران متمایز هستند، به یاد ماندنی‌تر خواهند بود.عناصر مهم را برجسته کنید تا توجه کاربران را جلب کنید.۲۱. اثر زیگارنیک (Zeigarnik Effect)🌟 افراد معمولاً کارهای نیمه‌تمام را بهتر به خاطر می‌آورند.برای جذب کاربر و بازگشت او، تجربه‌هایی ناتمام و جذاب ایجاد کنید.خلاصه قوانین رو میتونید در تصویر زیر مشاهده و دانلود نمایید.

21 روش تحقیق UX

کیمیا براتی — Sun, 24 Nov 2024 13:48:24 +0330

تست UX یکی از مهم‌ترین بخش‌های طراحی محصول دیجیتال است، چون نشان می‌دهد که کاربران واقعاً از محصول چه حسی دارند و چطور از آن استفاده می‌کنند. این مقاله ۲۱ روش تحقیق UX را معرفی می‌کند که از مرحله برنامه‌ریزی و طراحی تا ارزیابی نهایی کاربرد دارند. روش‌ها بر اساس نوع داده (کیفی/کمی)، رفتار یا نگرش کاربران، و میزان استفاده از محصول طبقه‌بندی شده‌اند. مهم نیست چقدر حرفه‌ای هستید، همه ما به نوعی محصولاتمان را آزمایش می‌کنیم، حتی اگر به آن اسم خاصی ندهیم.نمودار 21 روش انجام تحقیقات UX ابزار بسیار خوبی برای انتخاب روش مناسب تحقیق UX درهر مرحله مختلف از چرخه عمر محصول است. مطابق تصویر زیر میتوان می توان روش های انجام تحقیقات تجربه کاربری UX را به طور کلی با دو معیار اصلی تفکیک کرد: نوع داده: کیفی (Qualitative) /کمی (Quantitative)تحقیقات UX می‌تواند کیفی یا کمی باشد. تحقیقات کمی شامل داده‌های قابل اندازه‌گیری مانند نتایج نظرسنجی‌ها هستند، که معمولاً به تحلیل آماری نیاز دارند. تحقیقات کیفی بیشتر به درک دلایل و رفتار کاربران پرداخته و معمولاً از تعداد کمتری شرکت‌کننده استفاده می‌کند. در این نوع تحقیق، بیشتر بر تحلیل عمیق و تفسیر نظرات کاربران تمرکز می‌شود تا تعداد پاسخ‌ها.نوع اطلاعات:رفتاری (Behavioral) / نگرشی (Attitudinal) / ترکیبیروش‌های تحقیق رفتاری به این سوال پاسخ می‌دهند که "کاربران چه می‌کنند؟" در حالی که روش‌های نگرشی بیشتر بر "کاربران چه فکر می‌کنند؟" تمرکز دارند. این دو نوع تحقیق همیشه پاسخ‌های یکسانی ندارند، اما هر دو بسته به هدف مطالعه اهمیت دارند. مرحله توسعه محصول : استراتژی (Strategy) / اجرا (Execution) / ارزیابی (Assessment)محققان در UX می‌توانند مطالعات خود را بر اساس نحوه استفاده از محصول انجام دهند. این می‌تواند شامل استفاده طبیعی از محصول، سناریوی از پیش تعیین شده برای استفاده، بدون دخالت محصول یا ترکیبی از این روش‌ها باشد. همچنین، روش‌های تحقیق بسته به مرحله توسعه محصول متفاوت است. در مراحل ابتدایی بیشتر روش‌ها به طراحی و مفهوم‌سازی می‌پردازند، در حالی که در مراحل نهایی ارزیابی تجربه کاربری و نظرات کاربران اهمیت بیشتری پیدا می‌کند.ما با روش‌هایی که در اوایل استفاده می‌شوند شروع می‌کنیم و با روش‌هایی که در پایان چرخه توسعه محصول انجام می‌شوند، نتیجه می‌گیریم.متدهای تحقیقات کاربری (UX Research Methods)1. Concept Testing2. Card Sorting3. Focus Groups4. Ethnographic Field Studies5. Participatory Design6. Tree Testing7. Desirability studies8. Usability-Lab Studies9. Eyetracking10. Diary/Camera Studies11. Moderated Remote Usability Studies12. Five second test13. Unmoderated Remote Panel Studies14. A/B testing15. Usability benchmarking16. Expert review17. Clickstream analysis18. Customer Feedback19. Email surveys20. True intent studies21. Interviews1-تست مفهوم (Concept Testing)Qualitative / Quantitative: Either/Both are possibleBehavioral / Attitudinal: AttitudinalContext of Product Use: MixedProject Phase: Strategy برای ارزیابی نیاز بازار به یک ایده محصول جدید استفاده می‌شود. هدف این روش، بررسی این است که آیا محصول قادر است نیازهای مخاطبان هدف را برآورده کند یا خیر. این روش می‌تواند کیفی یا کمی باشد و بیشتر در مرحله استراتژی انجام می‌شود تا قبل از توسعه کامل محصول، اطمینان حاصل شود که این ایده بازار دارد. این تست می‌تواند به صورت فردی یا با گروهی انجام شود.2- کارت سورتینگ (Card Sorting)Qualitative / Quantitative: Either/Both are possibleBehavioral / Attitudinal: AttitudinalContext of Product Use: NaturalProject Phase: Strategyروشی است که به کاربران این امکان را می‌دهد تا کارت‌های اطلاعاتی را براساس منطق خود دسته‌بندی کنند. این روش برای طراحی معماری اطلاعات محصول مفید است و در مراحل ابتدایی طراحی محصول به کار می‌رود. کاربران معمولاً باید گروه‌بندی‌ها را نامگذاری کنند. از این روش می‌توان برای شناسایی اشتباهات در چارچوب اطلاعات موجود و همچنین در مواقعی که محصول رقیب ندارد، استفاده کرد.3- گروه‌های کانونی(Focus Groups) Qualitative / Quantitative: QualitativeBehavioral / Attitudinal: AttitudinalContext of Product Use: Not usedProject Phase: Strategy, Executionشامل ۳ تا ۱۰ شرکت‌کننده است که تحت هدایت یک مدیر جلسه، نظرات خود را درباره محصول آینده مطرح می‌کنند. مدیر جلسه نقش هدایت جریان نظرات را دارد، نه جهت‌دهی آن. این روش در مراحل ابتدایی پروژه برای درک انتظارات کاربران از محصول نهایی استفاده می‌شود و برای تصمیم‌گیری‌های استراتژیک و شکل‌دهی به مفهوم کلی محصول مفید است.4- مطالعات تحقیقاتی قوم‌نگاری(Ethnographic Research Studies) Qualitative / Quantitative: Either/Both are possibleBehavioral / Attitudinal: Either/Both are possibleContext of Product Use: NaturalProject Phase: Strategy, Executionبا استفاده از یک محصول موجود که مشابه محصول شما است، انجام می‌شود. هدف اصلی این است که کاربران را در محیط طبیعی خودشان مشاهده کنید و تعاملاتشان را بررسی کنید. این روش معمولاً شامل مشاهده غیرفعال passive observation، مشارکتی participatory observation و مصاحبه‌های زمینه‌ای contextual interviews است. از این روش در مراحل ابتدایی توسعه محصول استفاده می‌شود تا نیازهای کاربرانی شبیه به محصول خود را شناسایی کرده و مفهوم کلی محصول را پیش از عرضه به بازار اصلاح کنید.5- طراحی مشارکتی (Participatory Design)Qualitative / Quantitative: QualitativeBehavioral / Attitudinal: AttitudinalContext of Product Use: Natural or ScriptedProject Phase: Strategy, Executionشامل این است که از کاربران خواسته می‌شود ساختار یک اپلیکیشن را روی کاغذ یا تخته‌سفید طراحی کنند. کاربران با درک هدف محصول، آن را به شکلی ارائه می‌دهند که برای آن‌ها راحت‌تر باشد. این روش به کشف ایده‌های جدید و مفید برای بهبود تجربه کاربری کمک می‌کند و در جلسات طوفان فکری brainstorming session کاربرد دارد.6- تست درخت (Tree Testing)Qualitative / Quantitative: QuantitativeBehavioral / Attitudinal: BehavioralContext of Product Use: Not usedProject Phase: Strategy, Executionروشی کمی و رفتاری است که در آن شرکت‌کنندگان با نسخه‌ای متنی از سایت یا اپلیکیشن کار می‌کنند که ساختار آن به صورت درختی نمایش داده شده است. کاربران باید با استفاده از این ساختار درختی، یک آیتم یا عنصر خاص سایت را پیدا کنند. نتیجه بر اساس تعداد کلیک‌ها در هر دسته‌بندی اندازه‌گیری می‌شود. این روش برای شناسایی مشکلات ناوبری و درک بهتر منطق کاربران مفید است.7- مطالعات مطلوبیت (Desirability Studies)Qualitative / Quantitative: Either/Both are possibleBehavioral / Attitudinal: AttitudinalContext of Product Use: Natural, ScriptedProject Phase: Strategy, Execution یک روش تحقیقاتی است که در آن شرکت‌کنندگان چندین گزینه طراحی را ارزیابی می‌کنند. آنها هر گزینه را با ویژگی‌های کمی و کیفی مانند سرعت، سادگی، کاربرد، پیش‌بینی‌پذیری و غیره بررسی می‌کنند. این تحقیق برای درک احساسات ذهنی که طراحی در کاربران ایجاد می‌کند مفید است و بهتر است در مراحل اولیه توسعه محصول انجام شود.8-مطالعات آزمایشگاهی قابلیت استفاده (Usability-Lab Studies)Qualitative / Quantitative: QualitativeBehavioral / Attitudinal: BehavioralContext of Product Use: ScriptedProject Phase: Executionیک روش تحقیق است که در آن شرکت‌کنندگان وظایف خاصی را با استفاده از محصول تحت نظارت محقق انجام می‌دهند. محقق جزئیات مختلف عملیات‌ها را (مانند زمان و ترتیب انجام) ثبت می‌کند. این روش بیشتر برای تأیید یا رد فرضیات UX استفاده می‌شود و می‌تواند از مرحله طراحی اولیه (پروتوتایپ) آغاز شود.9- پیگیری حرکات چشم (Eyetracking)Qualitative / Quantitative: Either/Both are possibleBehavioral / Attitudinal: BehavioralContext of Product Use: Natural or ScriptedProject Phase: Executionیک دستگاه مخصوص به نام "ردیاب چشم" نقاط تمرکز نگاه کاربر را هنگام کار با یک وب‌سایت یا اپلیکیشن اندازه‌گیری می‌کند، همچنین انتقالات بین این نقاط را نیز شبیه‌سازی می‌کند. برای ثبت انعکاسات از چشم‌های کاربر، اغلب از ردیاب چشم مادون قرمز ثابت بر روی مانیتور استفاده می‌شود.این روش نشان می‌دهد که کدام عناصر رابط بیشترین توجه کاربر را جلب می‌کنند و همچنین می‌تواند مناطقی که برای کاربران گیج‌کننده است (مانند منوهای پیچیده‌ای که کاربران قادر به پیدا کردن یک عنصر خاص نیستند) شناسایی کند. مطالعات پیگیری حرکات چشم می‌توانند با دستورالعمل‌های برنامه‌ریزی‌شده یا بدون دستورالعمل‌های آماده انجام شوند.زمان استفادهاین مطالعه بهترین کارایی را در مرحله اجرا از توسعه محصول دارد، زمانی که نسخه قابل استفاده‌ای از محصول در دسترس است. این روش به‌طور معمول برای بهینه‌سازی ساختار و ناوبری رابط استفاده می‌شود.10-مطالعات دفترچه / دوربین (Diary / Camera Studies)Qualitative / Quantitative: Either/Both are possibleBehavioral / Attitudinal: AttitudinalContext of Product Use: NaturalProject Phase: Executionدر این مطالعه، شرکت‌کنندگان به طور منظم اطلاعاتی در مورد مواقعی که به محصول شما فکر می‌کنند، ثبت می‌کنند. برای درک بهتر، آنها اقداماتی که انجام داده‌اند، رویدادها و موقعیت‌هایی که منجر به چنین افکاری شده است را می‌نویسند.این اطلاعات می‌توانند به روش‌های مختلفی ثبت شوند، مانند استفاده از دفترچه کاغذی، اپلیکیشن‌های یادداشت‌برداری موبایل، یا پیام‌های صوتی و تصویری. زمان استفادهاین روش کمک می‌کند تا انگیزه‌ها و عادات روزانه کاربران را شناسایی کنید.11- مطالعات قابلیت استفاده از راه دور(Remote Usability Studies)Qualitative / Quantitative: More qualitative than quantitativeBehavioral / Attitudinal: BehavioralContext of Product Use: ScriptedProject Phase: Execution, Assessmentاین مطالعات معادل تحقیقات آزمایشگاهی هستند که از راه دور انجام می‌شوند، به عنوان مثال با استفاده از نرم‌افزار دسترسی از راه دور. این مطالعات در شرایط مشابه تحقیقات آزمایشگاهی استفاده می‌شوند، با این تفاوت که منابع کمتری نیاز دارند. مطالعات از راه دور به شما این امکان را می‌دهند که تعداد بیشتری از شرکت‌کنندگان را دعوت کنید و نتایج واقعی‌تری بدست آورید، زیرا شرکت‌کنندگان محصول را در محیطی راحت‌تر استفاده می‌کنند.12-آزمون پنج ثانیه (The Five Second Test)Qualitative / Quantitative: QualitativeBehavioral / Attitudinal: AttitudinalContext of Product Use: Not usedProject Phase: Execution, Assessmentآزمون پنج ثانیه یک نوع آزمایش سریع است که برای ارزیابی اولین برداشت‌های کاربران از طراحی محصول انجام می‌شود. در این مطالعه، شرکت‌کنندگان قسمتی از محصول را به مدت دقیقاً 5 ثانیه مشاهده می‌کنند و سپس به مجموعه‌ای از سوالات پاسخ می‌دهند. برخی از سوالات شامل یادآوری عناصر اصلی آنچه که نشان داده شده، برداشت آنها از برند، هدف صفحه نشان داده‌شده و مخاطب هدف آن است.آزمون پنج ثانیه زمانی استفاده می‌شود که بخواهید مطمئن شوید که دیدگاه طراحان محصول با دیدگاه کاربران هماهنگ است. اگر این تفاوت‌ها قابل توجه باشد، بهتر است زمان بگذارید و مفهوم طراحی را اصلاح کنید.13-مطالعات پنل از راه دور بدون هدایت (Unmoderated Remote Panel Studies)Qualitative / Quantitative: Either/Both are possibleBehavioral / Attitudinal: Either/Both are possibleContext of Product Use: Natural or ScriptedProject Phase: Execution, Assessmentدر این روش، یک گروه ویژه از کاربران که به طور مستقل از محصول استفاده می‌کنند و "بلند فکر می‌کنند"، مطالعه را انجام می‌دهند. برای این کار، از نرم‌افزارهای ضبط ویدیو استفاده می‌شود. این روش به عنوان یک جایگزین ساده‌تر برای تحقیقات قوم‌نگارانه در نظر گرفته می‌شود.مزایا: صرفه‌جویی در زمان، امکان تست اقدامات بیشتر و دریافت دیدگاه‌های جدید. معایب: مشکلات در تحلیل نتایج.این روش تحقیق بیشتر برای مطالعه محصولاتی که دوره‌های استفاده طولانی دارند (مانند اپلیکیشن‌های تناسب اندام، برنامه‌های نظارت بر سلامت و غیره) مناسب است. همچنین می‌تواند برای تحلیل رویدادهای در حال انتظار (مانند نوتیفیکیشن‌ها) و برنامه‌ریزی به‌روزرسانی‌های محصول مفید باشد.14-آزمون A/BQualitative / Quantitative: QuantitativeBehavioral / Attitudinal: BehavioralContext of Product Use: NaturalProject Phase: Execution, Assessmentآزمون A/B یک روش محبوب برای مقایسه دو نسخه از یک سایت یا اپلیکیشن است که در یک یا چند عنصر تفاوت دارند. مخاطبان به طور تصادفی به دو بخش تقسیم می‌شوند و هر بخش تنها یکی از دو نسخه را استفاده می‌کند.پس از رسیدن به اهمیت آماری، نتایج برای تعیین بهترین گزینه براساس KPI انتخابی (مانند خریدهای درون‌برنامه‌ای) استفاده می‌شود. این آزمون‌ها با استفاده از خدمات خاصی مانند Google Optimize برای وب‌سایت‌ها و Optimizely برای اپلیکیشن‌ها انجام می‌شود.آزمون A/B برای بهینه‌سازی نسخه قابل استفاده محصول، در مراحل آخر توسعه یا پس از انتشار محصول، استفاده می‌شود. این مطالعات به بهبود دقیق‌تر عناصر کلیدی رابط مانند دکمه‌های فراخوانی به عمل (CTA) یا عناصر ناوبری کمک می‌کند.15-ارزیابی قابلیت استفاده (Usability Benchmarking)Qualitative / Quantitative: QuantitativeBehavioral / Attitudinal: BehavioralContext of Product Use: ScriptedProject Phase: Execution, Assessmentاین یک روش تحقیق آزمایشگاهی است که به طور منظم انجام می‌شود تا تغییرات در قابلیت استفاده محصول را پیگیری کند. این روش مشابه روش‌های قبلی است، اما تفاوت اصلی در نحوه مقایسه نتایج است. ارزیابی قابلیت استفاده می‌تواند عملکرد نسخه‌های مختلف محصول یا مقایسه آن با رقبا در بازار را بررسی کند.این روش زمانی مفید است که بخواهید پیشرفت در بهینه‌سازی محصول را پیگیری یا نشان دهید. همچنین از ارزیابی قابلیت استفاده می‌توان برای ارزیابی کارآیی راه‌حل‌ها، به ویژه هنگام تغییر بین چرخه‌های توسعه استفاده کرد.16-بازبینی تخصصی (Expert Review)Qualitative / Quantitative: QualitativeBehavioral / Attitudinal: AttitudinalContext of Product Use: Natural or ScriptedProject Phase: Execution, Assessmentدر این روش، محصول توسط یک متخصص باتجربه UX بازبینی می‌شود، که مشاهدات خود را در قالب یک گزارش دقیق مستند می‌کند. این گزارش نقاط قوت و ضعف راه‌حل را توضیح می‌دهد، مشکلات و دلایل آن‌ها را شناسایی می‌کند و پیشنهاداتی برای رفع مشکلات و بهترین شیوه‌ها را ارائه می‌دهد.این روش برای به دست آوردن دیدگاه تازه‌ای از خارج به محصول استفاده می‌شود. همچنین کمک می‌کند تا جزئیات کوچکی که چشم ناآگاه نمی‌تواند به آن‌ها توجه کند، نمایان شود. این تحقیق زمانی مفید است که تیم طراحی UX به تخصص لازم برای "صاف کردن" محصول دسترسی نداشته باشد.17-تحلیل مسیر کلیک (Clickstream Analysis)Qualitative / Quantitative: QuantitativeBehavioral / Attitudinal: BehavioralContext of Product Use: NaturalProject Phase: Execution, Assessmentاین روش تحقیق شامل تحلیل داده‌هایی است که نشان می‌دهد کاربران کدام صفحات را بازدید کرده‌اند و به چه ترتیبی. این نوع تحقیق به راحتی با استفاده از سیستم‌هایی مانند Google Analytics، Yandex.Metrika، Firebase یا Mixpanel قابل انجام است. این تحلیل به شناسایی مشکلات مرتبط با ناوبری سایت یا اپلیکیشن کمک می‌کند، اما علت این مشکلات را مشخص نمی‌کند. برای شناسایی دلایل مشکلات، بهتر است از روش‌های تحقیق قابلیت استفاده #8 و #11 استفاده کنید.تحلیل مسیر کلیک زمانی مفید است که بخواهید بررسی کنید که آیا محصول همان‌طور که پیش‌بینی شده است، استفاده می‌شود یا خیر. این روش تحقیق می‌تواند بر روی نسخه نهایی یا نسخه‌های میانه محصول انجام شود.18-بازخورد مشتری (Customer Feedback)Qualitative / Quantitative: Either/Both are possibleBehavioral / Attitudinal: AttitudinalContext of Product Use: NaturalProject Phase: Assessmentدر این روش، یک پرسشنامه تجربی محصول به نمونه تصادفی از کاربران ارسال می‌شود. برای انجام این کار، روش‌های مختلفی وجود دارد: از فرم‌های وب و پاپ‌آپ‌ها تا خدمات نظرسنجی و نظرسنجی‌های ایمیلی. می‌توانید سوالات بسته و باز را ترکیب کنید، به شرطی که پاسخ‌دهندگان را بیش از حد بارگذاری نکنید.این روش تحقیق بهترین زمانی است که پس از انجام یک اقدام معنی‌دار از سوی کاربر در وب‌سایت یا اپلیکیشن، مانند ثبت سفارش یا درخواست پشتیبانی، انجام شود. راه‌اندازی یک نظرسنجی پس از چنین اقداماتی می‌تواند اطلاعات ارزشمندی ارائه دهد.19-نظرسنجی‌های ایمیلی (Email Surveys)Qualitative / Quantitative: Either/Both are possibleBehavioral / Attitudinal: AttitudinalContext of Product Use: Not usedProject Phase: Assessmentبرخلاف جمع‌آوری بازخورد از کاربران، نظرسنجی‌های ایمیلی عمومی هستند و توسط اقداماتی خاص تحریک نمی‌شوند. این نظرسنجی‌ها معمولاً درباره تعاملات قبلی کاربر با محصول پرسش می‌کنند، بنابراین تنها می‌توانند ارزیابی کنند که کاربر چه تصویری از محصول دارد. این روش تحقیق از مصاحبه‌ها (روش #21) راحت‌تر است، اما احتمال رد شدن توسط شرکت‌کنندگان بالقوه بیشتر است. تعداد سوالات معمولاً بیشتر از 10 سوال نیست تا از فراری شدن یا خستگی پاسخ‌دهندگان جلوگیری شود.نظرسنجی‌های ایمیلی برای تحلیل اثربخشی یک محصول موجود و مقایسه آن با رقبا استفاده می‌شوند.20-مطالعات هدف واقعی (True Intent Studies)Qualitative / Quantitative: QuantitativeBehavioral / Attitudinal: Either/Both are possibleContext of Product Use: NaturalProject Phase: Assessmentاین مطالعه شامل ارسال یک نظرسنجی به کاربران تصادفی سایت یا اپلیکیشن قبل و در حین استفاده از آن است. وقتی که کاربر سایت یا اپلیکیشن را باز می‌کند، از او خواسته می‌شود که هدف بازدید خود را بیان کند و سپس پس از گذشت مدتی، از او پرسیده می‌شود که آیا توانسته است به هدف خود برسد یا خیر.گاهی اوقات نظرسنجی همچنین اطلاعات جمعیت‌شناختی یا سوالات دیگر مرتبط با مطالعه را نیز می‌پرسد. مهم است که کاربران را با سوالات زیاد بارگذاری نکنید، زیرا این کار ممکن است باعث شود که بازدیدکنندگان تمایلی به تکمیل نظرسنجی نداشته باشند.مطالعات هدف واقعی بهترین زمان برای پیاده‌سازی را پس از راه‌اندازی محصول دارند، زمانی که سطح ترافیک کافی حاصل شده باشد. هدف این مطالعه این است که بررسی کند آیا محصول توسعه یافته نیازهای کاربران را برآورده می‌کند و آیا به هدف مورد نظر خود می‌رسد یا نه.21-مصاحبه‌ها (Interviews)Qualitative / Quantitative: QualitativeBehavioral / Attitudinal: AttitudinalContext of Product Use: Not usedProject Phase: Assessmentدر این مطالعه، مصاحبه‌های شخصی با افرادی که تجربه استفاده از محصول را دارند انجام می‌شود. هدف این مطالعه درک این است که سایت یا اپلیکیشن چه تأثیری بر روی کاربران خود می‌گذارد. از آنجا که مصاحبه اطلاعات مربوط به گذشته را جمع‌آوری می‌کند، امکان به دست آوردن داده‌های عددی دقیق وجود ندارد.مصاحبه‌ها زمانی مفید هستند که قصد دارید یک طراحی مجدد یا به‌روزرسانی برای یک راه‌حل موجود برنامه‌ریزی کنید. این روش به شما کمک می‌کند تا درک کاربران از محصول و برند را ارزیابی کرده و ضعف‌های فنی اصلی را شناسایی کنید.نتیجه‌گیریهمانطور که مشاهده می‌کنید، مجموعه‌ای گسترده از روش‌ها برای تحلیل و شناسایی دلایل رفتار کاربران و درک آنها از محصول وجود دارد. هر رویکرد می‌تواند نقش حیاتی در ایجاد یک راه‌حل UX ایفا کند، اگر بدانید چه زمانی باید از آن استفاده کنید (و یا شاید نباید استفاده کنید). امیدواریم این راهنما مفید واقع شده باشد.