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

نمودار سه سطح طراحی احساسی: سطح غریزی با نماد چشم، سطح رفتاری با نماد نشانگر و دکمه، و سطح تأملی با نماد حباب گفت‌وگو، روی یک خط زمانی
منبع: بنیاد طراحی تعامل (IxDF) · بازنویسی آزاد: سپنتا پویا · مرداد ۱۴۰۵ · زمان مطالعه: حدود ۹ دقیقه

طراحی احساسی (Emotional Design) چیست؟

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

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

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

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

سه سطحی که نورمن معرفی کرد

طراحی احساسی سه سطح شناختی را هدف می‌گیرد. مهم است بدانید این سه، سه لحظهٔ متفاوت‌اند، نه سه سلیقهٔ متفاوت:

  • - سطح غریزی (Visceral): واکنش آنی و برداشت اول، پیش از آنکه کاربر حتی یک کلیک کرده باشد. اینجا ظاهر است که پیام می‌دهد — و پیامی که می‌دهد معمولاً این است: «کار کردن با من آسان است» یا «من پیچیده و خسته‌کننده‌ام».
  • - سطح رفتاری (Behavioral): ارزیابی نیمه‌آگاهانه‌ای که هنگام استفاده اتفاق می‌افتد: آیا به هدفم رسیدم؟ آیا کنترل دستم بود؟ آیا این کار کمترین زحمت ممکن را داشت؟ این سطح، قلمرو کاربردپذیری است.
  • - سطح تأملی (Reflective): قضاوت آگاهانه‌ای که بعد از استفاده شکل می‌گیرد: این محصول چه ارزشی داشت؟ استفاده از آن چه چیزی دربارهٔ من می‌گوید؟ همین سطح است که وفاداری و تبلیغ دهان‌به‌دهان می‌سازد.

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

هرم نیازهای کاربر

راه دیگری برای دیدن همین ماجرا، هرمی است که آرون والتر پیشنهاد کرده و عمداً شبیه هرم مازلو ساخته شده است:

هرم نیازهای کاربر آرون والتر با چهار سطح از پایین به بالا: کارکردی، قابل‌اتکا، قابل‌استفاده و لذت‌بخش
هرم نیازهای کاربر آرون والتر: لذت‌بخش‌بودن بالای هرم می‌نشیند، نه پایین آن — © Interaction Design Foundation، لایسنس CC BY-SA 4.0

پایین هرم کارکردی است: محصول اصلاً کار می‌کند؟ بعد قابل‌اتکا: هر بار کار می‌کند و می‌شود به آن اعتماد کرد؟ بعد قابل‌استفاده: می‌شود بدون رنج از آن استفاده کرد؟ و در رأس، لذت‌بخش: استفاده از آن حس خوبی می‌دهد؟

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

طراحی احساسی چه اثری بر تجربه می‌گذارد؟

مطلب اصلی شش مسیر اثرگذاری را با نمونه‌های شناخته‌شده توضیح می‌دهد:

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

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

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

چرخهٔ احساسات پلاچیک

اگر بخواهید دربارهٔ احساسات دقیق حرف بزنید، به یک واژگان مشترک نیاز دارید. مشهورترین واژگان را رابرت پلاچیک (۱۹۲۶–۲۰۰۶) ساخت؛ روان‌شناسی با هشت کتاب و حدود سیصد مقاله در حوزهٔ احساسات.

چرخهٔ احساسات پلاچیک با هشت گلبرگ رنگی: شادی، اعتماد، ترس، شگفتی، اندوه، انزجار، خشم و انتظار، با شدت‌های مختلف از مرکز به بیرون
چرخهٔ احساسات پلاچیک؛ هرچه به مرکز نزدیک‌تر، احساس شدیدتر — © Machine Elf 1735، مالکیت عمومی (Public Domain)

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

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

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

جفت‌های متضاد و ترکیب‌ها

هشت احساس پایه در چهار جفت متضاد سازمان می‌یابند: شادی ↔ اندوه، اعتماد ↔ انزجار، ترس ↔ خشم و شگفتی ↔ انتظار.

نمودار ترکیب احساسات پلاچیک: چرخهٔ هشت‌بخشی در سمت چپ و فهرست ترکیب‌های دوتایی مانند عشق، شرم، پشیمانی و خوش‌بینی در سمت راست
ترکیب دو احساس پایه، یک احساس مرکب می‌سازد — © xdxd_vs_xdxd، لایسنس CC BY-SA 2.0

و ترکیب دوتایی این‌ها احساسات مرکب می‌سازد؛ چند نمونه که برای طراحان کاربردی‌ترند:

  • - انتظار + شادی = خوش‌بینی (متضادش: ناخرسندی)
  • - شادی + اعتماد = عشق (متضادش: پشیمانی)
  • - اعتماد + ترس = تسلیم (متضادش: تحقیر)
  • - ترس + شگفتی = هیبت (متضادش: پرخاشگری)
  • - اندوه + انزجار = پشیمانی (متضادش: عشق)
  • - خشم + انتظار = پرخاشگری (متضادش: هیبت)

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

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

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

با این حال، چرخهٔ احساسات نقطهٔ شروع محکمی است. نبودِ یک ابزار کامل، دلیل خوبی برای استفاده‌نکردن از ابزار مفید نیست؛ فقط یعنی نباید تنها ابزارتان باشد.

چطور طراحی احساسی را به کار ببندیم؟

ده تاکتیک عملی که مطلب اصلی برمی‌شمارد:

  • - ۱. یک شخصیت امضا بسازید. شخصیت‌هایی مثل «فردی»، نماد میل‌چیمپ، محصول را از یک ابزار بی‌چهره به یک همراه تبدیل می‌کنند.
  • - ۲. کاربر را مثل یک آدم خطاب کنید، نه مثل یک ردیف در پایگاه داده.
  • - ۳. از رنگ حساب‌شده استفاده کنید. آبی در حوزهٔ مالی حس اعتماد و اتکاپذیری منتقل می‌کند و تصادفی نیست که این‌همه بانک آبی‌اند.
  • - ۴. لحن متن را درست انتخاب کنید. پیام خوش‌آمد اسلک نمونهٔ خوبی از لحنی است که گرم است بدون آنکه فضولی کند.
  • - ۵. ریزمتن‌ها را با همان لحن بنویسید. ناهماهنگی لحن در متن دکمه‌ها، سریع‌تر از هر چیزی حس «مصنوعی‌بودن» می‌سازد.
  • - ۶. از صدا و ویدئو برای تقویت پیام استفاده کنید — به‌شرط آنکه بشود خاموششان کرد.
  • - ۷. تجربه را شخصی‌سازی کنید، بر پایهٔ داده‌ای که کاربر آگاهانه در اختیارتان گذاشته.
  • - ۸. جایزه، غافلگیری و تخم‌مرغ عید بگذارید. لحظه‌های کوچک کشف‌شدنی، خاطره می‌سازند.
  • - ۹. از قصه‌گویی استفاده کنید. آدم‌ها فهرست ویژگی‌ها را فراموش می‌کنند، اما روایت را نه.
  • - ۱۰. پیام خطا را جدی بگیرید. لحن انسانی، کمی شوخ‌طبعی و در صورت امکان جبران خسارت — چون لحظهٔ خطا دقیقاً همان‌جایی است که رابطه یا ساخته می‌شود یا می‌شکند.
نمودار نمادشناسی رنگ: آبی با مفاهیم اعتماد، اصالت، وفاداری، آرامش، اندوه، عمق و صلح؛ نارنجی با مفاهیم ماجراجویی، خلاقیت، شادی، موفقیت، گرما، تازگی و جذابیت
نمادشناسی رنگ در فرهنگ‌های غربی؛ توجه کنید که این معناها فرهنگی‌اند، نه جهانی — © Interaction Design Foundation، لایسنس CC BY-SA 4.0

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

مرز باریک میان طراحی احساسی و دستکاری

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

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

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

جمع‌بندی

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

منبع

این نوشته «بازنویسی آزاد» است از مطلب What is Emotional Design? منتشرشده در وب‌سایت بنیاد طراحی تعامل (Interaction Design Foundation — IxDF). مفاهیم و چارچوب کلی از این منبع الهام گرفته شده، اما متن فارسی و مثال‌ها کاملاً مستقل نوشته شده‌اند و بخش «مرز باریک میان طراحی احساسی و دستکاری» افزودهٔ مترجم است.

هرم نیازهای کاربر و نمودار نمادشناسی رنگ اثر Interaction Design Foundation با لایسنس CC BY-SA 4.0، چرخهٔ احساسات اثر Machine Elf 1735 با وضعیت مالکیت عمومی، و نمودار ترکیب‌ها اثر xdxd_vs_xdxd با لایسنس CC BY-SA 2.0 بازنشر شده‌اند. تصویر ابتدای صفحه تصویرسازی اختصاصیِ همین نوشته است. تصویر بطری کوکاکولا در مطلب اصلی با شرایط Fair Use منتشر شده و اینجا بازتولید نشده است؛ متن کامل انگلیسی به‌همراه همهٔ تصاویر در لینک زیر در دسترس است.

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

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

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

دربارهٔ من

در این مقاله

  • - طراحی احساسی چیست؟
  • - سه سطح نورمن
  • - هرم نیازهای کاربر
  • - اثرش بر تجربه
  • - چرخهٔ احساسات پلاچیک
  • - جفت‌های متضاد و ترکیب‌ها
  • - نقدهای مدل پلاچیک
  • - ده تاکتیک عملی
  • - مرز با دستکاری

برچسب‌ها

  • طراحی احساسی
  • دان نورمن
  • روان‌شناسی طراحی
  • ترجمه