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

سبد خرید پر — نمونه‌ای از مدل ذهنی مشترک که در طراحی رابط بازتاب می‌یابد
نویسنده: بنیاد طراحی تعامل (IxDF) · منبع: بنیاد طراحی تعامل (IxDF) · بازنویسی آزاد: سپنتا پویا · تیر ۱۴۰۵ · زمان مطالعه: حدود ۸ دقیقه

مدل ذهنی (Mental Model) چیست؟ راهنمای کامل مدل‌های ذهنی در طراحی

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

وقتی برای نخستین‌بار وارد یک وب‌سایت فروشگاهی می‌شوید، بی‌آنکه کسی چیزی به شما بگوید می‌دانید که آیکون سبد خرید یعنی «کالاهای انتخابی‌ام اینجا جمع می‌شوند»، ذره‌بین یعنی «جستجو» و سطل زباله یعنی «حذف». این دانستنِ بی‌واسطه از کجا می‌آید؟ از یک مدل ذهنی (Mental Model) — تصویری درونی که ذهن شما بر پایهٔ تجربه‌های پیشین از «اینکه چیزها چطور کار می‌کنند» ساخته است. مدل ذهنی، شاید نامرئی‌ترین اما تعیین‌کننده‌ترین نیرویی است که پشت هر تعامل موفق یا ناکام کاربر با یک محصول نشسته است.

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

مدل ذهنی چیست؟

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

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

چرا ذهن ما به مدل نیاز دارد؟

یک نقشهٔ قدیمی — نمونه‌ای از تقلیل واقعیت پیچیده به بازنماییِ ساده و قابل‌استفاده
نقشهٔ ادارهٔ نقشه‌برداری بریتانیا (۱۸۳۰) — © Ordnance Survey، مالکیت عمومی (Public Domain)

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

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

مدل ذهنی چطور رفتار کاربر را شکل می‌دهد؟

هر باور درونی‌ای که کاربر دربارهٔ کارکرد یک رابط دارد، مستقیماً بر رفتارش اثر می‌گذارد. کاربر آیکون سبد خرید را می‌بیند و بی‌درنگ می‌داند کجا باید کلیک کند؛ ذره‌بین را می‌بیند و دنبال کادر جستجو می‌گردد؛ آیکون سطل زباله را نشانهٔ حذف می‌گیرد. این‌ها همه ثمرهٔ مدل‌های ذهنیِ مشترکی‌اند که سال‌ها استفاده از محصولات مشابه در ذهن‌ها ساخته است.

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

مدل ذهنی و نخستین برخورد

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

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

مدل ذهنی و یادگیری

پژوهش کلاسیک Kieras و Bovair در سال ۱۹۸۴ نشان داد کاربرانی که یک مدل ذهنیِ درست از دستگاه دارند، به‌مراتب سریع‌تر و کم‌خطاتر کار با آن را یاد می‌گیرند. برعکس، مدل ذهنیِ ناقص یا نادرست، به خطاهای عملکردی و یادگیریِ کند می‌انجامد؛ کاربر مدام با پیش‌بینی‌های غلط روبه‌رو می‌شود و اعتمادش به سیستم فرومی‌ریزد.

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

چطور برای مدل ذهنی طراحی کنیم؟ گام‌به‌گام

هم‌راستا‌کردنِ طراحی با مدل ذهنیِ کاربر، فرایندی روشمند دارد. پنج گام کلیدی:

  • - گام ۱ — انتظارهای کاربر را کشف کنید: با مصاحبهٔ کاربر، مشاهدهٔ میدانی (Contextual Inquiry)، مرتب‌سازی کارت (Card Sorting) و آزمون درختی (Tree Testing) بفهمید کاربر چه انتظاری از محصول دارد و کلمات و استعاره‌هایش را با چه چیزی گره می‌زند. این‌جا همان مرحله‌ای است که در نقشهٔ همدلی و ساخت پرسونا هم رویش تکیه می‌کنیم.
  • - گام ۲ — به‌دنبال الگو بگردید: پاسخ‌های کیفی را کدگذاری کنید و واژه‌ها و استعاره‌های تکرارشونده را بیرون بکشید. جاهایی را که انتظارِ کاربر با طراحیِ فعلی نمی‌خوانَد شناسایی کنید؛ این «ناهم‌خوانی‌های شناختی» همان نقاطی‌اند که بار ذهنی را بالا می‌برند و تجربهٔ روان را می‌شکنند.
  • - گام ۳ — با ذهنِ هم‌راستا طراحی کنید: از استعاره‌ها، آیکون‌ها و جریان‌های آشنا استفاده کنید و پروتوتایپ را با کاربران واقعی بیازمایید. اپلیکیشن‌های موسیقی که آلبوم و کاور و دکمهٔ پخش را مثل صفحه‌های وینیلِ قدیمی می‌چینند، یا اپ‌های رزرو که جریانِ کار را مثل تجربهٔ آشنای دنیای واقعی می‌سازند، نمونه‌های خوبِ همین اصل‌اند.
  • - گام ۴ — معماری اطلاعات را بر همین پایه بسازید: نتایج مرتب‌سازی کارت را به ساختار منوها و دسته‌بندی‌ها تبدیل کنید. اطلاعات را بر اساس منطقِ ذهنیِ کاربر بچینید، نه صرفاً منطقِ درونیِ سازمان؛ تحلیل رقبا هم کمک می‌کند الگوهای جاافتادهٔ حوزه‌تان را بشناسید.
  • - گام ۵ — برای شکاف‌ها پشتیبان بگذارید: هر جا ناچارید از قراردادِ آشنا فاصله بگیرید، با تولتیپ، آنبوردینگ و پرسش‌های پرتکرار (FAQ) به کاربر کمک کنید مدل ذهنی‌اش را به‌روز کند. مستندسازیِ درون‌محصول یک لایهٔ واقعیِ تجربهٔ کاربری است، نه یک ضمیمهٔ فرعی.

اینرسی مدل ذهنی و اسکئومورفیسم

فلاپی‌دیسک‌های قدیمی — ریشهٔ آیکون «ذخیره» که با وجود منسوخ‌شدن هنوز پابرجاست
© Kevin Savetz، لایسنس CC BY 2.0 (فلیکر / ویکی‌مدیا کامنز)

مدل‌های ذهنی به‌سختی تغییر می‌کنند؛ این ویژگی را اینرسیِ مدل ذهنی می‌نامیم. مشهورترین نمونه‌اش آیکون فلاپی‌دیسک برای «ذخیره» است: نسلی که هرگز فلاپی‌دیسک ندیده هم می‌داند این نماد یعنی «ذخیره کن». شیءِ فیزیکی سال‌هاست منسوخ شده، اما مدل ذهنیِ گره‌خورده به آن هنوز زنده است — و همین، تغییرِ ناگهانیِ آن آیکون را پرریسک می‌کند.

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

سیاههٔ بهترین‌شیوه‌ها

  • - به آشنایی احترام بگذارید، مگر آنکه نوآوری سودِ روشنی برای کاربر داشته باشد.
  • - وقتی از قراردادها فاصله می‌گیرید، یادگیری را پشتیبانی کنید (آنبوردینگ، تولتیپ، FAQ).
  • - پیوسته آزمون و تکرار کنید؛ مدل ذهنی چیزی نیست که یک‌بار حدس بزنید و تمام شود.
  • - برای تغییر طراحی کنید و اینرسیِ مدل ذهنی را جدی بگیرید (پدیدهٔ آیکون فلاپی‌دیسک).
  • - پرسوناهای قابل‌اتکا بسازید تا مدل‌های ذهنیِ گروه‌های مختلف کاربر را نمایندگی کنند.
  • - سرنخ‌های بصریِ روشن و بازخوردِ شفاف بدهید تا یافتنی‌بودن و کشف‌پذیری بالا برود.
  • - سوءبرداشت‌های محتمل را از پیش پیش‌بینی کنید و آزمون کاربردپذیریِ منظم اجرا کنید.
  • - در بازطراحی، تمرکز را روی شکاف‌هایی بگذارید که کارهای اصلیِ کاربر را مختل می‌کنند.

جمع‌بندی

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

منبع

این نوشته بازنویسی آزادی است از مقالهٔ What are Mental Models? منتشرشده در وب‌سایت بنیاد طراحی تعامل (Interaction Design Foundation — IxDF).

متن کامل نسخهٔ اصلی همراه با همهٔ تصاویرش در لینک بالا در دسترس است. تصاویر مقالهٔ اصلی (نماهایی از گوگل‌مپ، آمازون، اسپاتیفای و ایربی‌ان‌بی) با ادعای استفادهٔ منصفانه (Fair Use) به‌کار رفته‌اند و مجوز آزاد ندارند؛ فقط در همان مقاله قابل‌مشاهده‌اند. تصاویر این صفحه از منابع با مجوز آزاد انتخاب شده‌اند: تصویر شاخص (سبد خرید) © Sander van der Wel (CC BY-SA 2.0)، نقشهٔ قدیمی © Ordnance Survey (مالکیت عمومی) و فلاپی‌دیسک‌ها © Kevin Savetz (CC BY 2.0).

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

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

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

دربارهٔ من

در این مقاله

  • - مدل ذهنی چیست؟
  • - چرا ذهن به مدل نیاز دارد؟
  • - شکل‌دادن به رفتار کاربر
  • - مدل ذهنی و نخستین برخورد
  • - مدل ذهنی و یادگیری
  • - طراحی گام‌به‌گام
  • - اینرسی و اسکئومورفیسم
  • - سیاههٔ بهترین‌شیوه‌ها

برچسب‌ها

  • مدل ذهنی
  • کاربردپذیری
  • UX
  • ترجمه