Sepantapouya.ux

ترجمهٔ جدید اومد و این بار سراغ چیزی رفتیم که پشت خیلی از «رابط گیج‌کننده»هایی که دیدیم نشسته: بار شناختی (Cognitive Load) 🧠 تعریفش ساده‌ست: مقدار تلاش ذهنی‌ای که موقع فکرکردن خرج می‌شه. حافظه، ادراک، زبان — همه از یه منبع محدود مشترک برداشت می‌کنن. وقتی این بار بالا بره، آدم کندتر تصمیم می‌گیره، بیشتر اشتباه می‌کنه و زودتر خسته می‌شه. ⚠️ ولی یه نکتهٔ مهم: کم‌کردن بار شناختی یعنی ساده‌کردن مسئله نیست. مسئله‌های پیچیده پیچیده‌ان. کاری که می‌شه کرد حذف اون پیچیدگی اضافه‌ایه که خودِ رابط تحمیل می‌کنه. 🧩 گلوگاه اصلی حافظهٔ کاریه: کوچیک و زودگذر. یعنی هر بار که رابطتون از کاربر می‌خواد چیزی رو از صفحهٔ قبل به یاد بیاره، دارید از یه منبع کمیاب برداشت می‌کنید. مثالای آشنا: کد تأییدی که باید حفظ شه چون صفحه اجازهٔ paste نمی‌ده، یا قیمتی که مرحلهٔ اول نشون داده شده و مرحلهٔ چهارم دیگه دیده نمی‌شه. هیچ‌کدوم اشکال فنی نیستن — تصمیم طراحی‌ان که هزینه‌شو کاربر با حافظه‌ش می‌ده. 🌍 مفهوم محبوبم توی این مقاله: شناخت بیرونی. فکرکردن فقط تو سر ما اتفاق نمی‌افته؛ توی رفت‌وبرگشت بین ذهن و چیزای بیرونی شکل می‌گیره. سه راهش: ۱ــ برون‌سپاری حافظه (دفترچه تلفن — شماره رو حفظ نمی‌کنی، اسم رو می‌زنی) ۲ــ برون‌سپاری محاسبه (ماشین‌حساب، جمع زندهٔ صفحه‌گسترده) ۳ــ حاشیه‌نویسی و ردگیری شناختی (کامنت، چک‌لیست، نوار پیشرفت) اون سومی از همه بیشتر دست‌کم گرفته می‌شه: فرق بین فهرستی که فقط نمایش داده می‌شه و فهرستی که می‌تونی تیک بزنی و مرتبش کنی، فرق بین یه نمایشگر و یه ابزار فکره. 🤝 و یه تناقض جالب که خودِ منبع بهش اعتراف می‌کنه: توی رهنمودهای رابط طبیعی، «تخصص آنی» (تکیه بر مهارتی که کاربر داره) با «بار شناختی کم» (تکیه بر مهارت پایه) در تضادن. جواب من: این یه انتخابه نه پیش‌فرض — ابزاری که روزی هشت ساعت باهاش کار می‌کنن منطقش با ابزاری که سالی دو بار سراغش می‌رن فرق داره. ✅ آخر مقاله یه چک‌لیست عملی اضافه کردم؛ ساده‌ترین و پربازده‌ترین قاعده‌ش اینه: چیزی رو که لازمه به یاد بیارن، نشون بدید. و یه روش سنجش خیلی ساده: توی تست کاربردپذیری، هر جا شرکت‌کننده مکث کرد، برگشت عقب، یا چیزی رو روی کاغذ یادداشت کرد — یه نقطهٔ بار شناختی پیدا کردید. اون یادداشت‌برداشتن یعنی کاربر داره کمبود شناخت بیرونیِ رابط شما رو با دست جبران می‌کنه ✍️ 📖 لینک مقاله (زمان مطالعه: حدود ۹ دقیقه): sepantapouya.com/fa/cognitive-load.html

سلام رفقا 👋 ترجمهٔ جدید اومد و این بار رفتیم سراغ یه موضوع که همه‌مون هر روز قربانیش می‌شیم و بعضی وقتا — بیایید صادق باشیم — طراحشیم: الگوهای فریبنده (Dark Patterns) 🎭 اول از همه یه نکتهٔ مهم: این الگوها اشتباه نیستن، مهارت‌ان. کسی که دکمهٔ «رد کردن» رو خاکستریِ کم‌کنتراست می‌کنه دقیقاً می‌دونه داره چی‌کار می‌کنه. همون دانشی که می‌تونه رابط رو روشن‌تر کنه، می‌تونه گمراه‌کننده‌ش هم بکنه. 🧠 چرا این‌قدر خوب جواب می‌دن؟ چون به سازوکارهای واقعی ذهن وصلن نه به حماقت کاربر: ما رابط رو نمی‌خونیم، اسکنش می‌کنیم. طبق پژوهش دیلویت فقط ۹٪ آدما شرایط و مقررات رو می‌خونن. زیان‌گریزی (کار کانمن و تورسکی) هم می‌گه درد از دست دادن خیلی بزرگ‌تر از لذت به‌دست‌آوردنه — برای همین «فرصت رو از دست ندید» همیشه از «این فرصت رو به دست بیارید» قوی‌تره. 🎯 شش الگوی رایج که توی مقاله با مثال باز شدن: ۱ــ پنهان‌کردن با رنگ (کنتراست پایین، لینکی که شبیه متن معمولیه) ۲ــ رقص opt-in/opt-out (چک‌باکس زیر دکمه، منطق برعکس) ۳ــ انداختن محصول توی سبد بدون اجازه ۴ــ ثبت‌نام اجباری برای محتوایی که اصلاً حساب کاربری نمی‌خواد ۵ــ رضایت ضمنی (با ادامه‌دادن موافقت کردی!) ۶ــ فوریت ساختگی ⏳ ⏳ در مورد اون آخری یه نکتهٔ منصفانه: فوریت خودش فریب نیست. اگه واقعاً دو تا مونده، گفتنش خدمت به کاربره. چیزی که فریبش می‌کنه ساختگی‌بودنشه. محک ساده: اگه عدد رو از دیتابیس نمی‌خونی، ننویسش. 💸 و مهم‌ترین بحث مقاله از نظر من: این الگوها واقعاً کار می‌کنن — انکارش نکنیم. مسئله اینه که هزینه‌شون جای دیگه‌ای از صورت‌حساب ثبت می‌شه. نرخ تبدیل این هفته بالا می‌ره، ولی لغو اشتراک و تیکت پشتیبانی و نقد منفی و ریزش، ماه‌ها بعد میان و کسی وصلشون نمی‌کنه به اون تصمیم طراحی. ✅ سه سؤال محک که آخر مقاله اضافه کردم: ۱ــ تقارن: گزینه‌ای که نمی‌خوایم کاربر انتخاب کنه، به همون اندازه در دسترسه؟ ۲ــ شفافیت: اگه کاربر دقیقاً می‌دونست چرا این طراحی جواب می‌ده، بازم راحت بودی؟ ۳ــ پشیمانی: بعد از فروکش‌کردن هیجان، هنوز از انتخابش راضیه؟ ادامهٔ مستقیم بحثیه که توی طراحی احساسی شروع کردیم، و کنار دسترس‌پذیری هم خوب می‌شینه (کنتراست پایین فقط «زیرکانه» نیست، برای کاربر کم‌بینا مانعه). 📖 لینک مقاله (زمان مطالعه: حدود ۹ دقیقه): sepantapouya.com/fa/deceptive-patterns.html

ترجمهٔ جدید رسید و این بار رفتیم سراغ همون رشته‌ای که اسم خودِ بنیاد ازش اومده: طراحی تعامل (Interaction Design) 🔁 بهترین تعریفی که ازش سراغ دارم مال جان کولکوئه: «طراحی تعامل، ساختن یه گفت‌وگو بین یه انسان و یه محصوله؛ گفت‌وگویی که هم جسمانیه هم احساسی.» و کلمهٔ «گفت‌وگو» اینجا تشبیه تزئینی نیست — کاربر یه چیزی می‌گه (کلیک، تایپ، کشیدن انگشت) و محصول باید جواب بده. اگه جواب نده یا دیر جواب بده، همون حسی بهت دست می‌ده که موقع حرف‌زدن با یه آدم بی‌حواس 😐 📐 پنج بُعد طراحی تعامل (کار گیلیان کرمپتون اسمیت و کوین سیلور): ۱ــ کلمه‌ها (برچسب دکمه، پیام خطا) ۲ــ بازنمایی‌های بصری (آیکن، تایپوگرافی، چیدمان) ۳ــ اشیای فیزیکی و فضا (با گوشی توی مترو یا با ماوس پشت میز؟) ۴ــ زمان (انیمیشن، صدا، پیشرفت، ادامه‌دادن کار نیمه‌کاره) ۵ــ رفتار (اینکه چهارتای قبلی روی هم چه تعاملی می‌سازن) 🚇 مثال خودِ مقاله خیلی خوبه: تیمی که اپ مترو طراحی می‌کنه باید هم‌زمان حساب کنه فضا شلوغه، سفر کوتاهه و بخشی از مسیر اصلاً آنتن نداره. همین یه واقعیت، همهٔ تصمیم‌های بُعد پنجم رو عوض می‌کنه. 🔔 نکته‌ای که بیشترین اثر رو داره: هر کنش کاربر به یه بازخورد نیاز داره. فرق بین دکمه‌ای که بی‌صدا کار می‌کنه و دکمه‌ای که فوراً حالتش عوض می‌شه، از نظر فنی صفره و از نظر تجربه همه‌چیز. کاربری که مطمئن نیست کلیکش ثبت شده، دوباره کلیک می‌کنه — و حالا شما یه سفارش تکراری دارید 🙃 🧭 و یه تفکیک که همیشه قاتی می‌شه: UX کل سفره (برند، پژوهش، محتوا، پشتیبانی)، UI سطح بصریه (دکمه و آیکن و چیدمان)، و IxD روی «لحظهٔ استفاده» تمرکز می‌کنه — همون‌جایی که مقاله بهش می‌گه آزمون نهایی طراحی. ⚠️ یه بخش هم خودم اضافه کردم: چهار اشتباه رایج. طراحی برای بهترین حالت (اینترنت سریع، دادهٔ کامل، کاربر متمرکز)، انیمیشن به‌جای بازخورد، نادیده‌گرفتن بُعد سوم، و نوآوری توی الگوهای پایه مثل اسکرول و بازگشت. خوب کنار افوردنس و طراحی احساسی می‌شینه، و اگه دنبال یه قدم عملی برای فردایید: یه جریان مهم محصولتون رو بردارید و برای هر کنش کاربر ستون «سامانه چه جوابی می‌ده؟» رو پر کنید. سطرهایی که خالی می‌مونن، دقیقاً همون‌جاهاییه که کاربر گیج می‌شه ✍️ 📖 لینک مقاله (زمان مطالعه: حدود ۹ دقیقه): sepantapouya.com/fa/interaction-design.html

ترجمهٔ جدید اومد و این بار رفتیم سراغ چیزی که کمتر توی جلسه‌های محصول بهش اسم می‌دیم ولی همیشه هست: طراحی احساسی (Emotional Design) ❤️‍🔥 دان نورمن یه جملهٔ خیلی خوب داره: «همه‌چیز شخصیت داره؛ همه‌چیز یه سیگنال احساسی می‌فرسته.» یعنی محصول شما چه بخواید چه نخواید داره یه چیزی دربارهٔ خودش می‌گه. اگه شما تصمیم نگیرید چی بگه، خودش یه چیزی می‌گه — و معمولاً چیز خوبی نیست 😅 اینا توی مقاله‌ست: 👁 سه سطح: غریزی (برداشت اول، قبل از اولین کلیک)، رفتاری (حین استفاده — همون قلمروی کاربردپذیری) و تأملی (قضاوت بعدی، همونی که وفاداری و تعریف‌کردن پیش بقیه رو می‌سازه). و نکتهٔ مهم: ضعف توی یکی رو نمی‌شه با قوت توی اون یکی جبران کرد. 🔺 هرم نیازهای آرون والتر: کارکردی ← قابل‌اتکا ← قابل‌استفاده ← لذت‌بخش. یعنی «لذت‌بخش» بالای هرمه نه پایینش. انیمیشن بامزه روی محصولی که مدام قطع می‌شه حس خوب نمی‌سازه، فقط عصبانیت رو بیشتر می‌کنه. 😍 یافتهٔ جالب: آدم‌ها طرح‌های زیباتر رو کاربردپذیرتر ادراک می‌کنن، حتی وقتی تجربهٔ واقعی خلافش رو نشون می‌ده. این هم فرصته هم تله — چون توی تست کاربردپذیری ممکنه مشکلات واقعی رو از چشمتون پنهون کنه. درسش: به حرف کاربر دربارهٔ آسون‌بودن اکتفا نکنید، رفتارش رو اندازه بگیرید. 🎡 چرخهٔ احساسات پلاچیک: هشت احساس پایه، چهار جفت متضاد (شادی↔️اندوه، اعتماد↔️انزجار، ترس↔️خشم، شگفتی↔️انتظار) و ترکیباشون. کاربردی‌ترین بخشش برای طراح، بُعد شدته: «دلخوری» و «خشم» یه احساسن با دو شدت. وقتی متن یه پیام خطا رو می‌نویسی، داری تصمیم می‌گیری کاربر کجای این طیف وایسه. ⚖️ و یه بخش که خودم به مقاله اضافه کردم چون بدون اون اون ده‌تا تاکتیک خطرناکن: مرز طراحی احساسی و دستکاری. شمارش معکوس الکیِ «فقط ۲ اتاق باقی مونده!» هم داره دقیقاً از ترس و انتظار استفاده می‌کنه. سؤال محک اینه: این احساس داره کمک می‌کنه کاربر تصمیم بهتری بگیره، یا داره جای تصمیم‌گرفتنش رو می‌گیره؟ این مقاله خوب کنار افوردنس و مدل‌های ذهنی می‌شینه، و مکمل کاربردپذیریه — اون می‌گه چطور کار کنه، این می‌گه چه حسی بده. 📖 لینک مقاله (زمان مطالعه: حدود ۹ دقیقه): sepantapouya.com/fa/emotional-design.html منبع مقاله هم مثل همیشه توی صفحه ذکر شده ✅

ترجمهٔ جدید رسید و این بار رفتیم سراغ چیزی که تقریباً هر تیم محصولی یا داردش، یا آرزوش رو داره، یا یه بار ساختتش و ولش کرده: سیستم طراحی (Design System) 🎨 یه تست ساده: توی محصولتون چندتا آبیِ «تقریباً یکسان» دارید؟ چندتا مدل دکمهٔ «ذخیره»؟ اگه جواب دقیق رو نمی‌دونید، احتمالاً به این مقاله احتیاج دارید. چیزهایی که توش هست: 🧩 سیستم طراحی فقط رنگ و فونت نیست. قواعد تعامل، گرید، معنیِ هر آیکن، لحن محتوا و حتی این‌که «ذخیرهٔ خودکار داشته باشیم یا دکمهٔ ذخیره» هم جزئشه. 🎯 توکن‌های طراحی، قلب فنی ماجران: به‌جای این‌که یه رنگ رو سی جا دستی بنویسی، بهش اسم می‌دی و همه‌جا اسمشو صدا می‌زنی. بعد وقتی برند تصمیم می‌گیره رنگ اصلی عوض شه، یه مقدار رو عوض می‌کنی نه سی تا رو — و اون دوتایی که همیشه از قلم می‌افتن و ماه‌ها بعد یه گوشه پیدا می‌شن، دیگه وجود ندارن. 🏗 سیستم چهار لایه داره: توکن ← کامپوننت ← الگو ← صفحه. و یه نتیجهٔ عملی مهم: هرچی پایین‌تر تغییر بدی اثرش بزرگ‌تره. برای همین تغییر توکن باید کند و آگاهانه باشه، ولی تغییر یه صفحه می‌تونه سریع و آزمایشی باشه. 📐 فرق سیستم طراحی با استایل‌گاید: استایل‌گاید می‌گه محصول چه شکلی باشه، سیستم طراحی می‌گه چه شکلی باشه، چطور رفتار کنه و با چه اجزایی ساخته شه. یعنی استایل‌گاید زیرمجموعه‌ست، نه رقیب. 🚫 و یه بخش که کم‌تر جایی می‌بینید: کِی نباید سراغ سیستم طراحی رفت. پروژهٔ کوچیک و یک‌باره، کار هنری و تجربی، و مهم‌تر از همه تیمی که توان نگهداریش رو نداره. سیستمی که همه دورش می‌زنن از نداشتنش بدتره — هم پول دادی، هم بهش اعتماد نداری. ♿️ نکتهٔ موردعلاقهٔ من: دسترس‌پذیری اگه وظیفهٔ «هر طراح در هر صفحه» باشه عملاً هیچ‌وقت انجام نمی‌شه؛ ولی اگه کنتراست درست و اندازهٔ لمس کافی داخل خودِ کامپوننت باشه، رعایتش حالت پیش‌فرض می‌شه. این مقاله مکمل خوبیه برای سلسله‌مراتب بصری و وایرفریم، و یه یادآوری مهم هم داره: سیستم طراحی جای تحقیق کاربر و طراحی کاربرمحور رو نمی‌گیره. بهت می‌گه چیزها رو چطور بسازی که یکدست باشن، ولی این‌که چی باید ساخته شه هنوز از جای دیگه‌ای میاد. یه محصول می‌تونه کاملاً یکدست و کاملاً بی‌فایده باشه 🙂 📖 لینک مقاله (زمان مطالعه: حدود ۹ دقیقه): sepantapouya.com/fa/design-systems.html

ترجمهٔ جدید رسید و این بار رفتیم سراغ پایه‌ای‌ترین مهارت تحقیق کاربر: مصاحبهٔ کاربر (User Interview) 🎙 داده‌های تحلیلی بهت می‌گن چه اتفاقی افتاده — چند نفر توی صفحهٔ پرداخت رها کردن، کدوم دکمه کلیک نمی‌شه. ولی هیچ‌وقت نمی‌گن چرا. مصاحبه دقیقاً از همون‌جا شروع می‌شه که عددها ساکت می‌شن. چیزهایی که توی مقاله هست: 🗂 هشت نوع مصاحبه از ساختاریافته تا بافتاری و ذی‌نفعان. پرکاربردترینش نیمه‌ساختاریافته‌ست، ولی بیشترین یافتهٔ غافلگیرکننده از مصاحبهٔ بافتاریه — وقتی می‌ری سر محل واقعی کار و کاغذ چسبیده به مانیتور رو می‌بینی. 🧠 آدم‌ها در گزارش رفتار خودشون قابل‌اعتماد نیستن! نه از بدجنسی؛ حافظه انتخابیه. پس به‌جای عقیده، خاطره بخواه: «آخرین بار چیکار کردی؟» به‌جای «معمولاً چیکار می‌کنی؟» 🤫 سکوت رو تحمل کن. بعد از اینکه جملهٔ طرف تموم شد، سه‌چهار ثانیه صبر کن — خیلی وقت‌ها باارزش‌ترین حرف کل جلسه بعد از همین مکث گفته می‌شه. ⚠️ ده اشتباهی که داده‌ت رو خراب می‌کنه: از پرسش هدایت‌کننده و زبان جانب‌دارانه گرفته تا زیادی تعریف‌کردن از محصول (هرچی بیشتر تعریف کنی، طرف بیشتر سعی می‌کنه خوشحالت کنه) و تسلط بر گفت‌وگو. اگه بیشتر از ۲۰٪ وقت جلسه خودت حرف زدی، جاتون عوض شده! 🔢 چند تا کافیه؟ پنج تا هشت مصاحبه به‌ازای هر گروه کاربری. بعدش معمولاً به «اشباع» می‌رسی و چیز تازه‌ای نمی‌شنوی. 🧩 و در آخر: تحلیل مضمونی، یعنی چطور از انبوه یادداشت به الگو برسی — چون پنج مصاحبهٔ عالی که تحلیل نشن، پنج فایل صوتی بی‌مصرفن. اگه تحقیق کاربر و تست کاربردپذیری رو خونده باشین، این مقاله حلقهٔ اول همون زنجیره‌ست: مصاحبه مسئله رو کشف می‌کنه، تست راه‌حل رو می‌سنجه. خروجی‌ش هم مستقیم می‌ره توی نقشهٔ همدلی و پرسونا. 📖 لینک مقاله (زمان مطالعه: حدود ۹ دقیقه): sepantapouya.com/fa/user-interviews.html

سلام 👋 یه پروژهٔ شخصی دارم که فکر کردم شاید به درد بچه‌های اینجا هم بخوره. مدتیه دارم مقالات معتبر UX رو — عمدتاً از بنیاد طراحی تعامل (IxDF) — به فارسی برمی‌گردونم. ولی ترجمهٔ کلمه‌به‌کلمه نه؛ مفهوم رو می‌گیرم و با زبون خودم، ساختار خودم و مثال‌های بومی دوباره می‌نویسم. هدفم اینه که کم‌کم یه دانشنامهٔ فارسی جمع‌وجور ولی غنی از مفاهیم UX درست بشه — جایی که وقتی کسی می‌پرسه «سلسله‌مراتب بصری یعنی چی؟» یا «تست A/B رو از کجا شروع کنم؟»، بشه یه لینک فارسی درست‌وحسابی بهش داد، نه یه پست سطحی یا یه لینک انگلیسی هفت‌صفحه‌ای. تا الان چهل‌ودو تا مقاله منتشر شده؛ از اصول گشتالت و بار شناختی و سلسله‌مراتب بصری تا نقشهٔ سفر مشتری، طراحی خدمات، لین یو‌ایکس، اسپرینت طراحی و تست A/B. هر کدوم حدود ۱۰ تا ۱۳ دقیقه خوندن داره و تقریباً همه‌شون یه بخش اضافه دارن که توی متن اصلی نیست: این‌که اون مفهوم توی محصولات فارسی‌زبان و رابط راست‌به‌چپ چطور جواب می‌ده. همه‌ش رایگانه و منبع اصلی هم پای هر مقاله ذکر شده. 📚 آرشیو کامل: sepantapouya.com/fa/translations.html 📢 کانال: @sepantagraphy

سلام سلام لطفا ۱۵ دقیقه وقت بذارید و این رو مطالعه کنید https://claude.com/blog/the-new-rules-of-context-engineering-for-claude-5-generation-models واقعا اطلاعات جالبی داخلش در مورد استفاده بهتر از مدل‌های جدید هست.

همراهان عزیز، سلام 👋 جهت تفکیک ارتباطات شخصی و پاسخ‌دهی منظم‌تر به درخواست‌های شما، از این به بعد تمامی ارتباطات کاری و منتورینگ به آیدی اختصاصی زیر منتقل می‌شود: 📌 زمینه‌های ارتباطی: درخواست جلسات منتورینگ و بازخورد پورتفولیو سؤالات تخصصی حوزه طراحی محصول (UX/UI) پیشنهادات همکاری و پروژه‌های کاری 📩 آیدی جدید جهت ارسال پیام: 👉 @sepantapouya_ux پیشاپیش از همراهی و صبوری شما در پاسخ‌دهی ممنونم. 🌿

سلام رفقا 👋 ترجمهٔ جدید اومد و این بار سراغ یکی از مهم‌ترین مهارت‌های عملی کار UX رفتیم: تست کاربردپذیری (Usability Testing) 🔍 خلاصه‌اش اینه که به‌جای اینکه از کاربر بپرسی «نظرت چیه؟»، یه کار واقعی بهش بدی و فقط ساکت تماشا کنی. چیزهایی که توی مقاله بهشون پرداختیم: 🧪 چرخهٔ چهارمرحله‌ای تست: برنامه‌ریزی با یه فرضیهٔ مشخص → نوشتن وظایف → جذب شرکت‌کننده → مشاهده. و مهم‌تر از همه: تکرارش کن. 🗣 وظیفه بده، نه دستورالعمل! فرق «برو تنظیمات، بعد پرداخت، کارت جدید اضافه کن» با «کارتت منقضی شده، ترتیبشو بده» زمین تا آسمونه — اولی جواب رو لو داده. 5️⃣ قاعدهٔ معروف پنج کاربر: تقریباً ۸۵٪ مشکلات اصلی رو نشون می‌ده. یعنی به‌جای یه تست بزرگ ۱۵ نفره، سه دور تست پنج‌نفره بگیر و بین دورها طرح رو اصلاح کن. 🤐 سخت‌ترین مهارت تسهیل‌گری «سکوت»ه. همون لحظه‌ای که کاربر گیر می‌کنه، گران‌بهاترین دادهٔ کل جلسه‌ست — نپر وسط که کمکش کنی! 📊 عددها (نرخ موفقیت، زمان، خطا) می‌گن مشکل چقدر بزرگه، مشاهده‌های کیفی می‌گن چرا اتفاق می‌افته. اولی مدیر رو قانع می‌کنه، دومی به طراح می‌گه چیکار کنه. ⚠️ و تلهٔ همیشگی: تست با دوست و همکار. اونا محصول رو می‌شناسن و ناخودآگاه مهربونن — نتیجه‌ش خوش‌بینی کاذبه. اگه قبلاً ارزیابی اکتشافی و تحقیق کاربر رو خونده باشین، این مقاله دقیقاً حلقهٔ گمشدهٔ بین اون دوتاست: تحقیق کاربر مسئلهٔ درست رو پیدا می‌کنه، تست کاربردپذیری راه‌حل رو اصلاح می‌کنه. 📖 لینک مقاله (زمان مطالعه: حدود ۹ دقیقه): sepantapouya.com/fa/usability-testing.html

ترجمهٔ تازه رسید! این‌بار رفتیم سراغ یکی از کاربردی‌ترین روش‌های ارزیابی رابط کاربری: ارزیابی اکتشافی (Heuristic Evaluation) 🔍 قبل از اینکه محصول به دست کاربر برسه، چند متخصص با تکیه بر «ده اصل کاربردپذیری نیلسن» رابط رو وارسی می‌کنن و بخش بزرگی از ایرادها رو زود پیدا می‌کنن. سریع، ارزون و مناسب مراحل اولیهٔ کار. چیزایی که توی مقاله می‌خونی: 🚦 داستان شکل‌گیری روش؛ کار بنیادین نیلسن و مولیش توی سال ۱۹۹۰ 🔟 هر ده اصل نیلسن — از «مرئی‌بودن وضعیت سیستم» تا «کمک و مستندات» — با مثال ساده ⚖️ مزایا و محدودیت‌ها؛ چرا خطای مثبت کاذب و پوشش محدود باعث می‌شه این روش جایگزین آزمون کاربری نباشه، بلکه مکملش 🧭 هشت گام عملی برای اجرای یه ارزیابی درست 👥 چرا سه تا پنج ارزیاب بهترین تعادل بین پوشش و هزینه‌ست این مقاله دقیقاً کنار ترجمهٔ قبلی‌مون یعنی «کاربردپذیری (Usability)» می‌شینه — اونجا گفتیم قابل‌استفاده‌بودن یعنی چی، اینجا می‌گیم چطور اندازه‌ش بگیریم 💡 📖 لینک: sepantapouya.com/fa/heuristic-evaluation.html ⏱️ زمان مطالعه: حدود ۹ دقیقه ✅ منبع (بنیاد طراحی تعامل — IxDF) هم پای مقاله ذکر شده.

ترجمهٔ تازه اومد و این‌بار سراغ یکی از بنیادی‌ترین چیزهایی رفتیم که هر طراح رابط باید بلد باشه: اصول گشتالت 🧠✨ چرا ذهن ما یه مشت عنصر پراکنده روی صفحه رو خودبه‌خود گروه‌بندی می‌کنه؟ چرا یه صفحه یهو «مرتب» حس می‌شه و یکی دیگه «شلوغ»؟ جوابش همین قانون‌های صدساله از روان‌شناسی گشتالته که هنوز پشت هر رابط خوبی نشسته‌ن. چند تا از نکته‌هایی که توی مطلب هست: 🔹 «کل، چیزی متفاوت از جمع اجزاست» — شعارِ خودِ نظریه؛ مغز اول کل رو می‌بینه بعد جزئیات 🔹 مجاورت و شباهت: فقط با فاصله و ظاهرِ مشترک می‌تونی بگی چی به چی مربوطه، بدون یه خط کادر اضافه 🔹 بسته‌شدن و پدیداری: چرا با کمترین عناصر می‌شه بیشترین انسجام رو ساخت (لوگوی WWF و IBM دقیقاً همینن) 🔹 شکل/زمینه: پایهٔ سلسله‌مراتب بصری — همون کاری که مُدال و سایهٔ کارت‌ها می‌کنن 🔹 سادگی (پرگنانتس): کاربر همیشه ساده‌ترین خوانش رو انتخاب می‌کنه؛ پس مینیمالیسم سلیقه نیست، هم‌سو شدن با مغزه این مطلب حسابی به ترجمه‌های قبلی وصله: افوردنس، وایرفریمینگ و معماری اطلاعات — چون آخرش همهٔ اینا دربارهٔ «چطور کاربر یه صفحه رو می‌فهمه» حرف می‌زنن. 📖 بخونش اینجا (حدود ۹ دقیقه): sepantapouya.com/fa/gestalt-principles.html

ترجمهٔ تازه رسید! این‌بار رفتیم سراغ یکی از کاربردی‌ترین و در عین حال دست‌کم‌گرفته‌شده‌ترین روش‌های تحقیق کاربر: کارت‌سورتینگ (مرتب‌سازی کارت) 🃏 خیلی وقت‌ها ساختار منو و دسته‌بندی محصول رو از روی منطق سازمان خودمون می‌سازیم، بعد تعجب می‌کنیم چرا کاربر گم می‌شه. کارت‌سورتینگ دقیقاً همون پلیه که ذهن کاربر رو به ساختار محصول وصل می‌کنه. چیزهایی که توی این مقاله می‌خونی: 🧠 کارت‌سورتینگ چطور «مدل ذهنی» کاربر رو قابل‌مشاهده می‌کنه و چرا ستون فقرات معماری اطلاعاته 🗂 سه نوعش: باز (کاربر خودش گروه و اسم می‌سازه)، بسته (چیدن توی دسته‌های آماده) و ترکیبی 🪜 هفت گام عملی برای اجرای یک جلسهٔ درست‌وحسابی — از هدف روشن تا تحلیل نتایج 💻 حضوری یا دیجیتال؟ کدوم برای عمق کیفی و کدوم برای وسعت کمی ⚖️ مزایا و محدودیت‌ها؛ چرا این روش عالیه ولی به‌تنهایی کافی نیست اگه ترجمه‌های معماری اطلاعات و تحقیق کاربر رو خونده بودی، این مقاله حلقهٔ گمشدهٔ بین اون دوتاست — همون ابزاری که تئوری IA رو به یه ساختار واقعیِ تست‌شده تبدیل می‌کنه. 🔗 📖 لینک مقاله (زمان مطالعه حدود ۸ دقیقه): sepantapouya.com/fa/card-sorting.html منبع اصلی هم مثل همیشه از بنیاد طراحی تعامل (IxDF) و با ذکر کامل لایسنس آورده شده ✅ مق

سلام رفقا 👋 ترجمهٔ جدید اومد و این‌بار رفتیم سراغ چیزی که عملاً پیش‌نیاز همهٔ کارهای دیگه‌ست: تحقیق کاربر (User Research) 🔍 هر تیم محصولی، چه بخواد چه نخواد، دربارهٔ کاربراش فرض می‌سازه: «این دکمه رو پیدا می‌کنن»، «این اصطلاح رو می‌فهمن»، «این مرحلهٔ اضافه رو تحمل می‌کنن». تحقیق کاربر دقیقاً همون کاریه که فرض رو تبدیل به شواهد می‌کنه 👇 🎧 یه محور مهم که کمتر دربارش حرف می‌زنیم: نگرشی در برابر رفتاری. تحقیق نگرشی به حرف کاربر گوش می‌ده، رفتاری کارش رو می‌بینه. و معمولاً بین این دوتا شکاف هست — کسی که می‌گه «همیشه قبل خرید نقدها رو می‌خونم» شاید در عمل مستقیم بزنه رو دکمهٔ خرید. خودِ همین شکاف یکی از پربارترین یافته‌های تحقیقه 🔬 کیفی «چرا» رو کشف می‌کنه، کمّی «چه چیزی و چقدر» رو می‌سنجه. عدد بهت می‌گه ۴۰٪ کاربرا مرحلهٔ سوم فرم رو رها می‌کنن، ولی نمی‌گه چرا 📊 یه نمودار خیلی خوب از طیف روش‌ها: از مردم‌نگاری (کمترین دخالت، بیشترین اصالت) تا مطالعات کاربردپذیری آزمایشگاهی. هرچی به آزمایشگاه نزدیک‌تر شی کنترلت بیشتر می‌شه ولی رفتار مصنوعی‌تر 🗺 تحلیل وظیفه (Task Analysis) مسیر کاربر رو به گام‌های ریز می‌شکنه و دقیقاً نشون می‌ده کدوم گام بیشترین اصطکاک رو داره و کجا می‌شه دو تا گام رو یکی کرد 🧪 چهار فاز کشف / کاوش / آزمون / شنیدن — هر مرحله روش‌های متناسب خودش رو داره. تحقیق یه کار یه‌بار مصرف اول پروژه نیست ⚠️ و سوگیری: از سه در وارد می‌شه (پژوهشگر، شرکت‌کننده، خودِ روش). پادزهرش نظریهٔ زمینه‌ای، مشاهدهٔ طبیعت‌گرایانه و مثلث‌سازیه اگه پرسونا و نقشهٔ همدلی رو خونده بودید، این مقاله همون سرچشمه‌ایه که هر دوشون ازش آب می‌خورن — چون پرسونای معتبر از تحقیق زاده می‌شه، نه از تصور تیم توی اتاق جلسه 😅 📖 زمان مطالعه: حدود ۹ دقیقه 🔗 sepantapouya.com/fa/user-research.html

سنجه — نسخهٔ فارسی Officevibe 😍 یه مدتی است روی چیزی کار می‌کنم که خودم لازمش داشتم و نبود. هر سازمانی یک سؤال ساده دارد: حال آدم‌هایم چطور است؟ جواب معمول، نظرسنجی سالانه است — که تا نتیجه‌اش بیاید، یا مسئله خودش حل شده یا آدمش رفته. سنجه جور دیگری کار می‌کند: هر هفته ۵ پرسش کوتاه برای هر نفر می‌رود. کمتر از دو دقیقه. پاسخ‌ها روی ۱۰ سنجهٔ کلیدی تعامل و ۲۶ زیرسنجه تجمیع می‌شوند و به مدیر می‌گویند دقیقاً کجا اوضاع خوب است، کجا در حال فرسوده شدن، و چه کاری همین هفته می‌شود کرد. چه چیزهایی دارد • نظرسنجی نبض با بانک ۱۲۲ پرسشی — چرخشی، بدون تکرار تا ۹۰ روز • گفت‌وگوی ناشناس دوطرفه: کارمند می‌نویسد، مدیر جواب می‌دهد، هویت هیچ‌وقت فاش نمی‌شود • کارت‌های قدردانی «حال خوب» • جلسات یک‌به‌یک با دستور جلسهٔ مشترک و موضوع پیشنهادی بر پایهٔ داده • گزارش‌ها: روند، جدول حرارتی تیم‌ها، eNPS، مقایسه با معیار صنعت چیزی که برایم مهم‌تر از بقیه بود پرسش‌ها از روی حدس نوشته نشده‌اند. هر سنجه ریشه‌ای در پژوهش دارد — نظریهٔ خودتعیین‌گری، مدل تقاضا-منابع شغلی، ایمنی روانی، اصل پیشرفت. و ناشناسی یک تنظیم اختیاری نیست، بخشی از معماری است: امتیاز هیچ تیمی با کمتر از سه پاسخ‌دهنده نمایش داده نمی‌شود. اگر کارمند احساس امنیت نکند، داده‌ای که می‌گیری هم واقعی نیست. کاملاً فارسی، راست‌به‌چپ، با تقویم شمسی و فونت یکان‌بخ. در نسخهٔ بتا کاملاً رایگان است — بدون سقف کاربر، بدون امکانات قفل‌شده، بدون کارت بانکی. 🔗 sanje.sepantapouya.com اگر تیمی دارید، امتحانش کنید و بازخوردتان را بگویید — همین الان مهم‌ترین چیزی است که لازم دارم. حساب نمایشی هم در صفحهٔ ورود هست، بدون ثبت‌نام می‌توانید داخلش را ببینید.

سلام رفقا 👋 ترجمهٔ جدید اومد و این‌بار سراغ یکی از ستون‌های اصلی UX رفتیم: معماری اطلاعات (Information Architecture) 🗂 یه سؤال ساده: چرا توی سوپرمارکت بدون پرسیدن از کسی یک‌راست می‌رید سراغ قفسهٔ تنقلات، ولی توی بعضی سایت‌ها ده دقیقه دنبال یه صفحه می‌گردید و پیداش نمی‌کنید؟ جواب همین‌جاست 👇 🧭 معماری اطلاعات یعنی «یافتنی و فهمیدنی کردن اطلاعات» — همون نظم نامرئی که هم توی موزه و فروشگاه کار می‌کنه هم توی اپ و سایت 🎯 IA خوب از هم‌پوشانی سه دایره میاد بیرون: محتوا، بافت و کاربر. اگه فقط محتوا رو دسته‌بندی کنی و کاربر و بافتش رو یادت بره، ساختارت روی کاغذ قشنگه ولی توی عمل کار نمی‌کنه 🧩 چهار جزء اصلیش: سیستم سازمان‌دهی، برچسب‌گذاری، ناوبری و جست‌وجو 🃏 مرتب‌سازی کارت (Card Sorting) پنجره‌ایه به مدل ذهنی کاربر — می‌فهمی آدم‌ها خودشون چه چیزهایی رو هم‌خانواده می‌بینن، نه اینکه تیم محصول چی فکر می‌کنه ⚖️ فرق IA با استراتژی محتوا: یکی می‌گه اطلاعات چطور چیده بشه، اون‌یکی می‌گه چه محتوایی تولید و چطور مدیریت بشه 📱 و یه بخش کامل دربارهٔ موبایل: هزینهٔ کلیک، اصل KISS، کمتر از ۱۰ لینک، صفحهٔ خالی ممنوع، و برچسب‌گذاری روشن روی صفحه‌های کوچیک اگه مدل‌های ذهنی، وایرفریم و کاربردپذیری رو خونده بودید، این مقاله دقیقاً همون حلقهٔ گم‌شده‌ست که وصل‌شون می‌کنه — چون خروجی IA همون نقشهٔ سایت و وایرفریمیه که بعداً می‌کشید. 📖 زمان مطالعه: حدود ۹ دقیقه 🔗 sepantapouya.com/fa/information-architecture.html

سلام رفقا 👋 ترجمهٔ تازه رسید و این‌بار سراغ یکی از مهم‌ترین و در عین حال دست‌کم‌گرفته‌شده‌ترین مفاهیم طراحی رفتیم: دسترس‌پذیری (Accessibility) یا همان چیزی که با نام کوتاه A11Y می‌شناسیمش. 🦾 چند تا نکته که خواندنش را می‌ارزد: ♿️ دسترس‌پذیری یعنی محصولت برای همه کار کند؛ نه فقط برای کاربر «میانگین». محصولی که برای بخشی از آدم‌ها کار نکند، برای همان‌ها اصلاً وجود ندارد. 🔤 چرا بهش می‌گویند A11Y؟ چون بین حرف A و Y در واژهٔ Accessibility دقیقاً ۱۱ حرف هست! یک عددواژهٔ بامزه که در جامعهٔ طراحی حسابی جا افتاده. 🌧 قابلیت‌های دسترس‌پذیری فقط به نفع گروهی خاص نیست: زیرنویس ویدیو به کسی که توی مترو بدون هدفون است هم کمک می‌کند، کنتراست بالا زیر نور آفتاب به‌درد همه می‌خورد. همان «اثر حاشیهٔ پیاده‌رو» است. 🧭 و مهم‌ترین قاب ذهنی مقاله، اصول چهارگانهٔ POUR است: قابل‌ادراک، قابل‌عمل، قابل‌فهم و پایدار. هر تصمیم طراحی را از این چهار پنجره وارسی کن. این مقاله ادامهٔ طبیعی ترجمهٔ کاربردپذیری/یوزبیلیتی است — آنجا گفتیم محصول چطور «قابل‌استفاده» می‌شود، اینجا می‌گوییم چطور برای «همه» قابل‌استفاده می‌شود. 🔗 📖 لینک ترجمهٔ کامل (زمان مطالعه حدود ۸ دقیقه): sepantapouya.com/fa/accessibility.html

ترجمهٔ تازه رسید! این بار رفتیم سراغ یکی از کاربردی‌ترین ابزارهای تجربهٔ کاربری: نقشهٔ سفر مشتری (Customer Journey Map) 🗺 تجربهٔ کاربر فقط مشتی صفحه و کلیکِ جدا از هم نیست؛ یک روایتِ پیوسته است که آغاز و میانه و پایان دارد. نقشهٔ سفر همین روایت را از لحظهٔ آشنایی تا وفاداری تصویر می‌کند. چند نکتهٔ جالبِ مقاله: 🧩 هر نقشه از پنج جزء ساخته می‌شود: بازهٔ زمانی، سناریو، کانال‌ها، نقطه‌تماس‌ها و — مهم‌تر از همه — افکار و احساساتِ کاربر. 🪜 ساختِ نقشه یک فرایند پژوهش‌محورِ هفت‌گامیه؛ از تعریف هدف کسب‌وکار شروع می‌شه و به اشتراک‌گذاری با کل تیم ختم می‌شه. 🔀 سفر مشتری، سفر خریدار و سفر کاربر سه‌تا اصطلاح شبیه‌ان ولی یکی نیستن: اولی کل رابطه رو می‌بینه، دومی روی لحظهٔ خرید زوم می‌کنه، سومی روی تعامل با محصول دیجیتال. ⚠️ نقشه بی‌عیب نیست: ساده‌سازیِ بیش‌ازحد، سوگیری و کهنه‌شدن از تله‌هاشه. باید مثل قطب‌نما ازش استفاده کنی، نه فرمانِ قطعی. 🧭 و یه بخش خوشمزه: چرا نقشه‌کشیدن (که ۲۵ هزار ساله همراه بشره!) این‌قدر قدرتمنده؟ برای ساختِ لایهٔ احساسیِ نقشه هم اول سراغ نقشهٔ همدلی می‌ریم — اگه اون ترجمه رو خونده باشی، اینجا کنار هم می‌شینن 🤝 📖 لینک ترجمهٔ کامل (زمان مطالعه: حدود ۹ دقیقه): sepantapouya.com/fa/customer-journey-map.html

یه حرف کوتاه دربارهٔ منتورینگ❤️ این مدت خیلی ازم می‌پرسیدید که منتورینگم چطوریه و از کجا باید شروع کرد 💬 راستش هربار از این سؤال‌ها خوشحال می‌شم — چون یعنی یکی بهم اعتماد کرده که مسیرش رو باهام در میون بذاره 🤍 برای همین نشستم و همه‌چی رو ساده و شفاف یه‌جا نوشتم تا راحت‌تر باشه. 🧩 این چند سال کنار آدم‌های زیادی نشستم و یه چیز رو خوب فهمیدم: هیچ نسخهٔ واحدی برای همه نیست. ✨ جلسه‌ها یک‌به‌یک و روی گوگل میت‌ان و کاملاً دور نیاز خودت می‌چرخن. چیزی که می‌تونم قول بدم ساده‌ست — صادق باشم، با حوصله گوش بدم و تا جایی که از دستم برمیاد کنارت باشم. 📄 جزئیات و شرایط این‌جاست: 👈 sepantapouya.com/fa/mentoring.html 📨 اگه سؤالی داشتی یا خواستی حرف بزنیم، در تلگرام همیشه بازه: @sepantapouya

ترجمهٔ تازه رسید و این‌بار سراغ یکی از پایه‌ای‌ترین ابزارهای طراحی محصول رفتیم: وایرفریم (Wireframe)! 🧱 قبل از اینکه یک خط کد نوشته بشه یا یک پیکسل رنگ بخوره، طراح نقشهٔ خطیِ رابط رو می‌کشه؛ درست مثل نقشهٔ معمار قبل از ساختنِ ساختمان. توی این مقاله همه‌چیزِ وایرفریم رو مرور کردیم: 📐 وایرفریم چیه و چرا عمداً از رنگ و فونت و تصویر چشم‌پوشی می‌کنه 🧩 پنج ستونِ هر وایرفریم: چیدمان، ناوبری، سلسله‌مراتب محتوا، کارکرد و یادداشت‌ها ✏️ فرق وایرفریمِ کم‌جزئیات (Low-Fi) و پرجزئیات (High-Fi) و اینکه کی سراغ کدوم بریم 📱 شش گام ساختِ وایرفریم + چرا رویکردِ «اول موبایل» کار رو ساده‌تر می‌کنه 🛠 ابزارها (کاغذ، فیگما، میرو و…) و اینکه چطور وایرفریم رو توی نمونه‌کار نشون بدیم اگه مقالهٔ پروتوتایپ و کاربردپذیری رو خونده باشین، وایرفریم حلقهٔ پیش از اون‌هاست — نقطه‌ای که ایدهٔ خام برای اولین‌بار دیدنی و آزمودنی می‌شه. 🔗 📖 لینک ترجمهٔ کامل (زمان مطالعه: حدود ۸ دقیقه): sepantapouya.com/fa/wireframing.html منبع مقاله هم مثل همیشه ذکر شده (بنیاد طراحی تعامل — IxDF) و تصاویر آموزشیِ خودِ IxDF با لایسنس آزاد CC BY-SA 4.0 استفاده شدن. ✅