خانه - مقالات تجربه کاربری
مقالات تجربه کاربری
مقالات تجربه کاربری مقالات تخصصی UI و UX را از معتبرترین منابع جهانی به فارسی ترجمه میکنم تا دانش طراحی برای فارسیزبانها در دسترستر باشد. منبع اصلی هر مقاله همیشه ذکر میشود.
طراحی مشارکتی (Participatory Design) چیست؟ راهنمای کامل
تفاوت طراحی «با» کاربر و «برای» کاربر در یک حرف اضافه خلاصه میشود، اما مرحلهای که این دو را جدا میکند مرحلهٔ تصمیم است. نردبان مشارکت را میبینید — از نظرخواهی تشریفاتی تا قدرت واقعی — و میفهمید چرا این روش از دل بحث حقوق کار بیرون آمده، نه بازاریابی. یک بخش هم به تعارف و ذینفع سازمانی میپردازد.
خواندن مقاله
ناوبری (Navigation) در طراحی رابط چیست؟ راهنمای کامل
منو فقط به یکی از سه پرسش ناوبری جواب میدهد: کجا هستم، کجا میتوانم بروم، چطور برمیگردم. هشت گونهٔ ناوبری و سازش هرکدام را میبینید، پنج عددی که ناوبری را میسنجند، و شش جایی که خراب میشود. یک بخش هم به قرینهسازی ناوبری در رابطهای راستبهچپ میپردازد.
خواندن مقاله
افشای تدریجی (Progressive Disclosure) چیست؟ راهنمای کامل
پنهانکردن، سادهسازی نیست. تفاوت افشای تدریجی با افشای مرحلهای و فعالسازی وابسته به زمینه را میبینید، میفهمید چرا «کار پیشرفتهای که روزمره شده» خطرناکترین حالت است، و با یک آزمون یکجملهای مرز این تکنیک را از الگوهای فریبنده جدا میکنید. یک بخش هم به رابطهای راستبهچپ میپردازد.
خواندن مقاله
طوفان فکری (Brainstorming) چیست؟ راهنمای کامل
هشت قاعدهٔ اسبورن، و بعد چیزی که کمتر گفته میشود: پژوهشها از ۱۹۵۸ نشان دادهاند جلسهٔ گفتاری گروهی معمولاً از همان آدمها در حالت انفرادی کمتر ایده میسازد. دلیلش «صف حرفزدن» است و سه بدیل خاموش برای دورزدنش وجود دارد. یک بخش هم به سختترین قسمت میپردازد: رسیدن از صد ایده به یک تصمیم.
خواندن مقاله
نمودار خویشاوندی (Affinity Diagram) چیست؟ راهنمای کامل
پلی که دادهٔ خام پژوهش را به تم قابلتصمیم تبدیل میکند: هر مشاهده روی یک برگه، بدون دستهٔ از پیشساخته. ریشهاش روش KJ کاواکیتاست و ایدهٔ اصلیاش این است که معنا در چیدمان دادههاست، نه در خودشان. یک بخش به قانونهای نوشتن برگه میپردازد، یک بخش به جایی که کار به «تئاتر دیوار» تبدیل میشود.
خواندن مقاله
آزمون اولین کلیک (First-Click Testing) چیست؟ راهنمای کامل
سادهترین آزمون جدیای که میشود روی یک طرح گرفت: یک تصویر، یک کار، و فقط یک پرسش — «اول کجا کلیک میکنید؟» میبینید چرا کلیک اولِ درست نرخ موفقیت را تقریباً دو برابر میکند، چطور پراکندگی کلیکها را بخوانید، و کجا این آزمون گمراهتان میکند. یک بخش هم به چیدمان راستبهچپ میپردازد.
خواندن مقاله
آزمون درختی (Tree Testing) چیست؟ راهنمای کامل
بیرحمترین آزمونی که میشود روی معماری اطلاعات اجرا کرد: بدون تصویر، بدون رنگ، بدون جستوجو — فقط اسمها. چهار نوع نتیجه را میبینید و میفهمید چرا «موفقیت غیرمستقیم» در واقع شکستی است که با حوصلهٔ شرکتکننده پنهان شده. یک بخش هم به وظیفههایی میپردازد که نتیجه را خراب میکنند، و یک بخش به برچسبهای فارسی.
خواندن مقاله
گروه کانونی (Focus Group) چیست؟ راهنمای کامل
گروه کانونی میگوید مردم چطور حرف میزنند، نه اینکه چطور رفتار میکنند. ساختار جلسه و نقش تسهیلگر را میبینید، با اثر لنگر و همرنگی جماعت و صدای غالب آشنا میشوید و سه تکنیک ساده برای خنثیکردنشان یاد میگیرید. یک بخش هم به این میپردازد که کِی نباید از این روش استفاده کرد، و یک بخش به اجرای آن در ایران.
خواندن مقاله
مصاحبهٔ زمینهای (Contextual Inquiry) چیست؟ راهنمای کامل
آدمها میتوانند کاری را انجام دهند که نمیتوانند توصیفش کنند. با مدل استاد و شاگرد آشنا میشوید، چهار اصل زمینه و مشارکت و تفسیر مشترک و تمرکز را مرور میکنید و میبینید این روش با مصاحبهٔ معمولی و آزمون کاربردپذیری چه فرقی دارد. یک بخش هم به اجرای آن در ایران اختصاص دارد: تعارف، راهحلهای غیررسمی و سلسلهمراتب سازمانی.
خواندن مقاله
ردیابی چشم (Eye Tracking) چیست؟ راهنمای کامل
ردیابی چشم میگوید چشم کجا بود، نه اینکه ذهن کجا بود. با تثبیت و پرش نگاه آشنا میشوید، تفاوت نقشهٔ حرارتی و مسیر نگاه و ناحیهٔ توجه را میبینید و میفهمید چرا نگاه کردن با دیدن یکی نیست. یک بخش هم به این میپردازد که اصلاً به این روش نیاز دارید یا نه، و یک بخش به الگوی آینهشدهٔ نگاه در رابطهای راستبهچپ.
خواندن مقاله
تست A/B (A/B Testing) چیست؟ راهنمای کامل
تست A/B بحث سلیقهای را با شواهد جایگزین میکند، اما فقط اگر درست اجرا شود. معناداری آماری را به زبان ساده میفهمید، میبینید چرا این روش به «کدام» جواب میدهد و نه به «چرا»، و با خطاهایی آشنا میشوید که نتیجه را بیاعتبار میکنند. یک بخش هم به محصولات ایرانی اختصاص دارد: ترافیک کم، تقویم، راستبهچپ و سنجش درست تبدیل.
خواندن مقاله
اسپرینت طراحی (Design Sprint) چیست؟ راهنمای کامل
اسپرینت میانبری است از بحث به واقعیت: پنج روز، شش نفر، یک هدف. ساختار پنجروزه را از فهم تا آزمون مرور میکنید، میبینید چرا طوفان فکری گروهی عمداً حذف شده و چرا نمونهٔ روز چهارم باید یک دکور باشد نه محصول. یک بخش هم به اجرای اسپرینت در تیمهای ایرانی اختصاص دارد: تقویم شنبه تا چهارشنبه، سلسلهمراتب و نسخهٔ فشردهٔ سهروزه.
خواندن مقاله
لین یوایکس (Lean UX) چیست؟ راهنمای کامل
در لین یوایکس، کار وقتی تمام میشود که چیزی یاد گرفته باشیم، نه وقتی فایلی تحویل داده باشیم. تفاوت خروجی و نتیجه را میبینید، یاد میگیرید فرض را به فرضیهای تبدیل کنید که بتواند غلط از آب دربیاید، و با چرخهٔ فکر و ساخت و سنجش آشنا میشوید. یک بخش هم به لین در تیمهای ایرانی اختصاص دارد: قرارداد سفارشمحور، دسترسی به کاربر و فرهنگ اشتباهگریز.
خواندن مقاله
طراحی خدمات (Service Design) چیست؟ راهنمای کامل
کاربر تجربهٔ ضعیفترین حلقه را به یاد میآورد، نه میانگین حلقهها را. تفاوت خدمت با محصول را میبینید، پنج اصل استیکدورن و اشنایدر را مرور میکنید و با خط دید آشنا میشوید: اینکه خرابی پشت صحنه چطور جلوی صحنه ظاهر میشود. یک بخش هم به طراحی خدمات در بستر ایران اختصاص دارد: تماس تلفنی، نشانی توصیفی، تقویم کاری و یکدستی لحن.
خواندن مقاله
طراحی واکنشگرا (Responsive Design) چیست؟ راهنمای کامل
صفحهٔ واکنشگرا آن نیست که در هر اندازهای جا شود، آن است که در هر اندازهای بداند چه میخواهد بگوید. با سه ستون شبکهٔ سیال و تصویر سیال و مدیا کوئری آشنا میشوید، یاد میگیرید نقطهٔ شکست را از محتوا بگیرید نه از فهرست دستگاهها، و تفاوت رزولوشن و ویوپورت را میبینید. یک بخش هم به وب فارسی و راستبهچپ اختصاص دارد: ویژگیهای جهتدار، متن دوجهته و آینهشدن آیکونها.
خواندن مقاله
مصورسازی اطلاعات (Information Visualization) چیست؟ راهنمای کامل
نمودار خوب چیزی را نشان نمیدهد، چیزی را روشن میکند. میبینید چرا چشم اختلاف طول را بهتر از زاویه تشخیص میدهد، چهار اصل طراحی نمودار و نگاشت «کدام نمودار برای کدام پرسش» را مرور میکنید و با دروغهای بیصدای نمودارها آشنا میشوید. یک بخش هم به داشبورد فارسیزبان اختصاص دارد: جهت محور زمان، تقویم شمسی و برچسبهای فارسی.
خواندن مقاله
نقد طراحی (Design Critique) چیست؟ راهنمای کامل
جلسهٔ نقد طراحی نه دادگاه است و نه صندوق پیشنهادها. تفاوت «واکنش»، «دستور» و «نقد» را میبینید، قالب مشاهده+هدف+پیامد را یاد میگیرید، ساختار یک جلسهٔ شصتدقیقهای و قاعدههای زمین بازی را مرور میکنید و میبینید نقد کجا به طراحی با کمیته تبدیل میشود. یک بخش هم به نقد ناهمزمان و ایرادهای همیشهنادیدهٔ طرحهای راستبهچپ اختصاص دارد.
خواندن مقاله
میکرواینتراکشن (ریزتعامل) چیست؟ راهنمای کامل
قلبی که موقع لایک میپرد، نوار پیشرفتی که پر میشود، نشانگر «در حال نوشتن…» — هیچکدام «قابلیت» محصول نیستند، اما همانهایند که یک رابط کارکردی را به رابطی دلپذیر تبدیل میکنند. با چهار جزء ریزتعامل از نگاه دن سفر (محرک، قاعده، بازخورد، حلقه و حالت)، تفاوتش با میکروانیمیشن و پنج نمونهٔ درخشان آشنا میشوید. یک بخش کامل هم به این اختصاص دارد که ریزتعامل کجا به ضد خودش تبدیل میشود.
خواندن مقاله
تایپوگرافی چیست؟ راهنمای جامع تایپ در طراحی رابط
بیش از ۹۰٪ اطلاعات آنلاین متن است؛ یعنی وقتی از «طراحی رابط» حرف میزنیم، عملاً بیشتر وقتمان صرف چیدن متن میشود. با آناتومی حروف و اهمیت پنهان x-height، مقیاس تایپ، طول سطر و ارتفاع خط، و قواعد جفتکردن قلمها آشنا میشوید. یک بخش کامل هم به تایپوگرافی فارسی اختصاص دارد — چیزی که هیچ راهنمای انگلیسیای پوشش نمیدهد.
خواندن مقاله
جریان کاربر (یوزر فلو) چیست؟ راهنمای جامع
بیشتر مشکلات جدی محصول در صفحهها نیستند، در فاصلهٔ میان صفحههایند — و این را فقط وقتی میبینید که کل مسیر را روی یک صفحه بکشید. با چهار شکل استاندارد فلوچارت، چهار نوع جریان و اهمیت نقاط ورود مختلف آشنا میشوید. مهمترین بخش هم آنجاست که میبینید مسیر خوشبینانه نیمهٔ آسان کار است و ارزش واقعی در شاخههای خطاست.
خواندن مقاله
استوریبورد در طراحی UX چیست؟ راهنمای جامع
سند مشخصات میگوید محصول چه کاری میکند؛ استوریبورد میگوید استفاده از آن چه شکلی است — و این دومی چیزی است که جلسههای محصول معمولاً دربارهاش حدس میزنند. با سه جزء استوریبورد، منحنی احساس که بیشتر تیمها حذفش میکنند، و تفاوت دقیقش با سناریو و نقشهٔ سفر و جریان کاربر آشنا میشوید. بهعلاوهٔ هشت قدم ساخت، محدودیتها، و پاسخ به «من که نقاشی بلد نیستم».
خواندن مقاله
نظریهٔ رنگ (کالر تئوری) چیست؟ راهنمای جامع
مفصلترین مقالهٔ این مجموعه: از چرخهٔ رنگ نیوتن و تفکیک سه مدل رنگ تا ساختن طیف با تینت و شید، هفت طرح رنگی، قاعدهٔ ۶۰-۳۰-۱۰ و رنگهای معنایی. بخش کنتراست با اعداد واقعی WCAG محاسبه شده و میبینید چرا آن خاکستری ملایمِ همیشگی استاندارد را رد میکند. بهعلاوهٔ کوررنگی با شبیهسازی، حالت تاریک، رنگ در نمودار و اشتباههای رایج.
خواندن مقاله
یوایکس رایتینگ چیست؟ راهنمای کامل میکروکاپی
کلمهها بُعد اول طراحی تعاملاند، ولی در بیشتر تیمها آخر از همه و با کمترین دقت پر میشوند. با تفاوت یوایکس رایتینگ و کپیرایتینگ تبلیغاتی، پنج محک متن خوب و آناتومی میکروکاپی آشنا میشوید و میبینید پیام خطای درست چطور نوشته میشود. در پایان چند نکته که مخصوص نوشتن فارسی است اضافه شده.
خواندن مقاله
بار شناختی (کاگنیتیو لود) چیست؟ راهنمای کامل
هر چیزی که کاربر مجبور باشد از صفحهٔ قبل به یاد بیاورد، برداشت از یک منبع کمیاب است: حافظهٔ کاری. با مفهوم شناخت بیرونی و سه راهش — برونسپاری حافظه، برونسپاری محاسبه و حاشیهنویسی — آشنا میشوید و میبینید رابط طبیعی چطور بهجای آموزش مهارت تازه از مهارتهای موجود کاربر استفاده میکند. در پایان یک چکلیست عملی برای کمکردن بار شناختی میگیرید.
خواندن مقاله
الگوهای فریبنده (دارک پترن) چیست؟ راهنمای کامل
الگوی فریبنده اشتباه نیست، مهارت است: کسی که دکمهٔ «رد کردن» را خاکستریِ کمکنتراست میکند دقیقاً میداند دارد چه میکند. با روانشناسی پشت این الگوها و شش نمونهٔ رایج — از پنهانکردن با رنگ و رقص opt-in تا رضایت ضمنی و فوریت ساختگی — آشنا میشوید. در پایان سه پرسش محک میبینید که پیش از انتشار هر جریان باید پرسید.
خواندن مقاله
طراحی تعامل (اینتراکشن دیزاین) چیست؟ راهنمای کامل
طراحی تعامل یعنی ساختن یک گفتوگو میان آدم و محصول؛ کاربر چیزی میگوید و محصول باید جواب بدهد. با پنج بُعد کلمه، بازنمایی بصری، فضا، زمان و رفتار آشنا میشوید و میبینید چرا نبودِ بازخورد، رایجترین دلیل حس خراببودن یک محصول سالم است. در ادامه شش پرسش کلیدی طراح تعامل و مرز دقیق IxD با UX و UI را مرور میکنیم.
خواندن مقاله
طراحی احساسی (اموشنال دیزاین) چیست؟ راهنمای کامل
بهقول دان نورمن همهچیز شخصیت دارد و سیگنال احساسی میفرستد؛ اگر شما تصمیم نگیرید محصولتان چه بگوید، خودش چیزی میگوید. با سه سطح غریزی، رفتاری و تأملی، هرم نیازهای آرون والتر و چرخهٔ احساسات پلاچیک آشنا میشوید. در پایان ده تاکتیک عملی میبینید و یک مرز مهم: اینکه احساس باید به تصمیم کاربر کمک کند، نه جایش را بگیرد.
خواندن مقاله
سیستم طراحی (دیزاین سیستم) چیست؟ راهنمای کامل
وقتی منبع واحدی برای تصمیمهای طراحی وجود ندارد، محصول بعد از دو سال هفت رنگ آبیِ کمی متفاوت و چهار نوع دکمهٔ «ذخیره» پیدا میکند. با نُه جزء اصلی سیستم طراحی، توکنهای طراحی و چهار لایهٔ توکن‑کامپوننت‑الگو‑صفحه آشنا میشوید. در ادامه میبینید مرز سیستم طراحی با استایلگاید کجاست، کِی اصلاً نباید سراغش رفت و با کدام شش قدم میشود ساختش را شروع کرد.
خواندن مقاله
طراحی کاربرمحور (UCD) چیست؟ راهنمای کامل
خیلی از تیمها فکر میکنند کاربرمحورند چون اول پروژه چند مصاحبه گرفتهاند؛ طراحی کاربرمحور دقیقاً یعنی برعکسِ این. با ریشههای تاریخی این نگاه در کار دان نورمن، حلقهٔ چهارفازی زمینه‑الزامات‑طراحی‑ارزیابی، استاندارد ایزو ۹۲۴۱ و چهار اصل راهنمای آن آشنا میشوید. در پایان میبینید سرمایهگذاری روی UCD از چه مسیرهایی برمیگردد و مرزش با تفکر طراحی، تفکر سیستمی و دیزاین اسپرینت کجاست.
خواندن مقاله
مصاحبهٔ کاربر (یوزر اینترویو) چیست؟ راهنمای کامل
دادههای تحلیلی میگویند چه اتفاقی افتاده، ولی هیچوقت نمیگویند چرا؛ مصاحبهٔ کاربر دقیقاً همانجا شروع میشود. با هشت نوع مصاحبه، سه گام آمادهسازی، هفت تکنیک اجرای جلسه و ده اشتباهی که دادهتان را خراب میکند آشنا میشوید. در ادامه میبینید یافتهها را با تحلیل مضمونی چطور به الگو تبدیل کنید، چند مصاحبه برای رسیدن به اشباع کافی است و کجا باید سراغ روشهای مکمل بروید.
خواندن مقاله
تست کاربردپذیری (یوزبیلیتی تست) چیست؟ راهنمای کامل
مطمئنترین راه فهمیدن اینکه طرحتان کار میکند یا نه، این است که کاربر واقعی را پای آن بنشانید و ساکت تماشا کنید. با چرخهٔ چهارمرحلهای تست، شیوهٔ نوشتن وظایف سناریومحور، قاعدهٔ «پنج کاربر، ۸۵ درصد مشکلات»، تفاوت حالتهای مدیریتشده و از راه دور، روش بلندبلند فکر کردن و سنجههای کمّی و کیفی آشنا میشوید — و اینکه یافتهها را چطور بر اساس شدت اولویتبندی کنید.
خواندن مقاله
سلسلهمراتب بصری (ویژوال هایرارکی) چیست؟ راهنمای کامل
چرا در یک صفحه، نگاهمان مستقیم میرود سراغ یک عنصر خاص؟ سلسلهمراتب بصری همان چیدمانی است که اهمیت نسبی عناصر را در یک نگاه منتقل میکند و کاربر را بیآنکه فکر کند بهسمت مهمترین چیز میبرد. با هشت نشانهٔ بصری — اندازه، رنگ، کنتراست، ترازبندی، تکرار، مجاورت، فضای خالی و بافت — الگوهای پویش F و Z، تایپوگرافیِ سهسطحی و پیوند این مفهوم با دسترسپذیری آشنا میشوید.
خواندن مقاله
اصول گشتالت در طراحی رابط کاربری؛ راهنمای کامل
چرا ذهن ما عناصر پراکندهٔ یک صفحه را خودبهخود گروهبندی میکند؟ اصول گشتالت همان قانونهای پیشفرض ادراکاند که تعیین میکنند کاربر چه چیزی را به چه چیزی مربوط ببیند. با پیشینهٔ روانشناسی گشتالت و دوازده اصل کلیدی — مجاورت، شباهت، بستهشدن، تداوم، شکل و زمینه، سادگی، سرنوشت مشترک و… — همراه با مثالهای کاربردی در طراحی رابط آشنا میشوید.
خواندن مقاله
کارتسورتینگ (Card Sorting) چیست؟ راهنمای کامل
چطور بفهمیم کاربر اطلاعات را در ذهنش چطور دستهبندی میکند؟ کارتسورتینگ همان روشی است که مدل ذهنی کاربر را قابلمشاهده میکند و ستون فقرات معماری اطلاعات است. با سه نوع باز، بسته و ترکیبی، هفت گام اجرای یک جلسه، تفاوت نسخهٔ حضوری و دیجیتال، تحلیل نتایج و مزایا و محدودیتهای این روش آشنا میشوید.
خواندن مقاله
تحقیق کاربر (User Research) چیست؟ راهنمای کامل
هر تیم محصولی دربارهٔ کاربرانش فرض میسازد؛ تحقیق کاربر همان کاری است که فرض را به شواهد تبدیل میکند. با تفاوت تحقیق کیفی و کمّی، محور دوم و کمترشناختهشدهٔ نگرشی در برابر رفتاری، طیف روشها از مردمنگاری تا آزمایشگاه، تحلیل وظیفه و چهار فاز کشف/کاوش/آزمون/شنیدن آشنا میشوید. در پایان هم میبینیم سوگیری از کدام سه در وارد میشود و چطور مهارش کنیم.
خواندن مقاله
معماری اطلاعات (Information Architecture) چیست؟ راهنمای کامل
چرا در فروشگاه یکراست سراغ قفسهٔ تنقلات میروید، اما در بعضی سایتها هیچ چیزی پیدا نمیشود؟ معماری اطلاعات همان نظم نامرئی است که پیداکردن را ممکن میکند. با سه دایرهٔ محتوا/بافت/کاربر، چهار جزء اصلی (سازماندهی، برچسبگذاری، ناوبری، جستوجو)، نقش مرتبسازی کارت، تفاوت IA با استراتژی محتوا و قواعد معماری اطلاعات روی موبایل آشنا میشوید.
خواندن مقاله
دسترسپذیری (Accessibility) چیست؟ راهنمای کامل
محصولی که برای همه کار نکند، در واقع برای بخشی از کاربران اصلاً وجود ندارد. دسترسپذیری یعنی طراحی برای هر توانایی و هر موقعیت. با معنای A11Y، تفاوت دسترسپذیری و کاربردپذیری، انواع محدودیتها، راهنمای عملی WCAG و اصول چهارگانهٔ POUR آشنا میشوید.
خواندن مقاله
نقشهٔ سفر مشتری (Customer Journey Map) چیست؟ راهنمای کامل
تجربهٔ کاربر یک روایتِ پیوسته است، نه مشتی صفحه و کلیکِ جدا از هم. نقشهٔ سفر مشتری این روایت را از آگاهی تا وفاداری تصویر میکند. با پنج جزء نقشه، هفت گام ساخت آن، تفاوت سفر مشتری با سفر خریدار و سفر کاربر، محدودیتها و اینکه چرا نقشهکشیدن اینقدر قدرتمند است آشنا میشوید.
خواندن مقاله
ارزیابی اکتشافی (Heuristic Evaluation) چیست؟ راهنمای کامل
چطور میشود پیش از رسیدن محصول به دست کاربر، بخش بزرگی از ایرادهای رابط را پیدا کرد؟ در ارزیابی اکتشافی، چند متخصص با تکیه بر «ده اصل کاربردپذیری نیلسن» رابط را وارسی میکنند. با تاریخچهٔ روش، هر ده اصل، مزایا و محدودیتها (از خطای مثبت کاذب تا پوشش محدود) و هشت گام اجرای آن آشنا میشوید.
خواندن مقاله
وایرفریم (Wireframe) چیست؟ راهنمای کامل وایرفریمینگ
وایرفریم اسکلتِ بصریِ یک رابط است؛ نقشهای ساده که میگوید چه چیزی روی صفحه هست و کجا، بیآنکه درگیر رنگ و جزئیاتِ نهایی شود. با اجزای کلیدی وایرفریم، تفاوتِ نسخهٔ کمجزئیات و پرجزئیات، پنج اصل، شش گام ساخت و رویکردِ «اول موبایل» آشنا میشوید.
خواندن مقاله
مدل ذهنی (Mental Model) چیست؟ راهنمای کامل
چرا بیآنکه کسی توضیح بدهد میدانیم آیکون سبد خرید یعنی چه و ذرهبین یعنی جستجو؟ چون ذهنمان از تجربههای پیشین یک «مدل» ساخته است. با استعارهٔ نقشه، نقش مدل ذهنی در رفتار کاربر و نخستین برخورد، پنج گام طراحیِ همراستا، اینرسیِ مدل ذهنی و پدیدهٔ آیکون فلاپیدیسک آشنا میشوید.
خواندن مقاله
افوردنس (Affordance) چیست؟ راهنمای کامل قابلیت کنش
چرا یک دستگیرهٔ در بیهیچ توضیحی میگوید «بکش» و یک دکمه میگوید «فشارم بده»؟ افوردنس همان دعوت به کنشی است که خودِ شیء صادر میکند. با دیدگاه گیبسون و نورمن، تفاوت نشانگر با افوردنس، انواع افوردنس (آشکار، پنهان و کاذب)، اصطکاک شناختی و شش اصل طراحی افوردنس خوب آشنا میشوید.
خواندن مقاله
کاربردپذیری (Usability) چیست؟ راهنمای جامع
کاربردپذیری یعنی سنجش اینکه یک کاربرِ مشخص در بستری مشخص تا چه اندازه میتواند اثربخش، کارآمد و رضایتبخش به هدفش برسد. تفاوتش با تجربهٔ کاربری، پنج عنصر سازندهاش (اثربخشی، کارایی، درگیرسازی، تحمل خطا و سهولت یادگیری)، اصول عملی طراحی و جایگاهش در سلسلهمراتب UX را مرور میکنیم.
خواندن مقاله
مرحلهٔ پنجم تفکر طراحی؛ آزمایش (Test)
بازخوردِ کاربر بیقیمت است؛ بدونِ آن چرخهٔ تکرارِ طراحی از کار میافتد. با پنج راهنمای عملیِ اجرای یک آزمونِ درست — از «نشان بده، توضیح نده» تا غنیمتشمردنِ بازخوردِ منفی — و سه معیارِ راهحلِ خوب (مطلوببودن، شدنیبودن و پایداربودن) آشنا میشوید. با این مرحله، دورِ پنجگانهٔ تفکر طراحی کامل میشود.
خواندن مقاله
مرحلهٔ چهارم تفکر طراحی؛ نمونهسازی (Prototype)
پروتوتایپها «ما را کُند میکنند تا تندتر برویم»: با ساختِ نسخهای ارزان و زودهنگام، مسائل را پیش از سرمایهگذاریِ سنگین کشف میکنیم. با تفاوتِ نمونهٔ کموفا و پرجزئیات، مزایا و معایب هرکدام و چهار راهنمای عملی برای ساختِ پروتوتایپ آشنا میشوید.
خواندن مقاله
مرحلهٔ سوم تفکر طراحی؛ ایدهپردازی و آمادهشدن برای جلسات آن
ایدهپردازی یعنی تولیدِ گستردهترین دامنهٔ ممکن از راهحلها، نه رسیدنِ فوری به «ایدهٔ درست». اما جلسهٔ بیآمادگی نتیجهٔ معکوس دارد. با سه حالتِ همدلی، تعریف و ایدهپردازی، قالب دیدگاه (POV)، پرسشهای «چطور میتوانیم»، هشت خصلت لازم و مروری بر تکنیکهای ایدهپردازی آشنا میشوید.
خواندن مقاله
مرحلهٔ دوم تفکر طراحی؛ تعریف مسئله و تفسیر نتایج
مسئلهای که بد تعریف شود، با بهترین اجرا هم به راهحل بد میرسد. در این مقاله با سنتز یافتههای همدلی، ویژگیهای بیانیهٔ مسئلهٔ خوب، قالب دیدگاه (POV)، پرسشهای «چطور میتوانیم» و نردبان چرا-چطور آشنا میشوید.
خواندن مقاله
نقشهٔ همدلی؛ چرا و چگونه از آن استفاده کنیم
نقشهٔ همدلی یافتههای تحقیق کاربر را در چهار ربع — گفت، انجام داد، فکر کرد، احساس کرد — سازماندهی میکند تا از سطح حرفها به عمق نیازهای واقعی برسید. با روش ساخت سهگامی، مزایا، محدودیتها و پنج نکته برای جلسهٔ نقشهکشی.
خواندن مقاله
تفکر طراحی چیست و چرا اینقدر محبوب است؟
تفکر طراحی فقط ابزار طراحها نیست؛ چارچوبی برای هر کسی است که با مسئلهٔ پیچیده سروکار دارد. از دیدگاه دان نورمن و تیم براون تا داستان معروف کامیونِ گیرکرده زیر پل — چرا این روش اینقدر فراگیر شده؟
خواندن مقاله
طراحی بد در برابر طراحی خوب؛ پنج مثال که از آنها درس بگیریم
بهترین راه یادگیری طراحی خوب، دیدن طراحی بد در کنار آن است. پنج الگوی رایج طراحی بد — از سرریز اطلاعات تا انیمیشنهای زائد — و نمونهٔ موفقِ مقابل هرکدام، با شش اصل کاربردی در پایان.
خواندن مقاله
پرسونا؛ چرا و چگونه باید از آن استفاده کنید
پرسوناها شخصیتهای خیالیِ مبتنی بر تحقیقاند که به تیم کمک میکنند بهجای حدس، نیاز واقعی کاربران را بشناسد. چهار نوع پرسونا و روش دهگامی نیلسن را میبینید، و یک آزمون ساده که میگوید آنچه ساختهاید پرسوناست یا فقط بخشبندی بازار. شش شکست متداول پرسونا هم آمده — از عکس استوک بهجای محتوا تا مرگ بعد از کارگاه — و یک بخش دربارهٔ پرسونای «واسطه» در خانوارهای ایرانی.
خواندن مقاله
پنج مرحله در فرایند تفکر طراحی (Design Thinking)
تفکر طراحی روشی انسانمحور برای حل مسئلههای پیچیده و بدتعریف است. در این مقاله با پنج مرحلهٔ مدل مؤسسهٔ طراحی استنفورد — همدلی، تعریف، ایدهپردازی، نمونهسازی و آزمایش — آشنا میشوید و میبینید چرا این فرایند خطی نیست.
خواندن مقاله
دربارهٔ مترجم
سپنتا پویا — طراح ارشد محصول. مقالات تخصصی طراحی را با حفظ ساختار و لحن نسخهٔ اصلی به فارسی برمیگردانم تا یادگیری UX برای فارسیزبانها سادهتر شود.
بیشتر دربارهٔ من