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

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

شناخت فضایی (Spatial Cognition) چیست؟

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

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

آن پانزده دقیقهٔ اضافه، هزینهٔ پاک شدن یک نقشهٔ ذهنی است. همین اتفاق هر روز در اپلیکیشن‌ها و وب‌سایت‌ها می‌افتد، فقط کمتر کسی اسمش را می‌گذارد. اسمش آسیب زدن به شناخت فضایی کاربر است.

شناخت فضایی چیست؟

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

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

برای طراح، جزء دوم از همه مهم‌تر است. ادراک و استدلال بیشتر به کار محیط‌های سه‌بعدی می‌آیند. اما حافظهٔ فضایی در ساده‌ترین صفحهٔ وب هم کار می‌کند، چه طراح به آن فکر کرده باشد چه نه.

نقشهٔ ذهنی، و چرا جابه‌جایی گران است

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

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

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

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

در رابط دوبعدی چه شکلی است؟

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

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

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

راه‌حل هم ساده است، هرچند رعایتش سخت. چیزهایی که کاربر زیاد سراغشان می‌رود، جای ثابت داشته باشند. ساختار معماری اطلاعات کم‌عمق بماند. و هر تغییری در چیدمان، هزینه‌ای حساب شود که باید دلیل محکمی پشتش باشد.

در فضای سه‌بعدی: ناحیهٔ راحت

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

نمای از بالای یک کاربر با بادبزنی رو به جلو. بخش میانی صورتی تا ۳۰ درجه از مرکز نگاه است و ناحیهٔ راحت نام دارد و یک مستطیل صورتی، یعنی محتوا، داخل آن قرار دارد. دو بخش خاکستری در دو طرف، بین ۳۰ تا ۵۰ درجه، با برچسب گردن خسته می‌شود. دو کمان خط‌چین فاصله‌های ۱٫۲۵ متر و ۵ متر را مشخص می‌کنند
ناحیه‌ای که بدن بی‌زحمت به آن می‌رسد — نمودار از سپنتا پویا برای این ترجمه (sepantapouya.com)

مقالهٔ منبع چند عدد مشخص می‌دهد. محتوای اصلی بهتر است حداکثر ۳۰ درجه از مرکز نگاه فاصله داشته باشد. بین ۳۰ تا ۵۰ درجه، گردن خسته می‌شود و نباید زیاد از آن استفاده کرد. فراتر از ۵۰ درجه، برای بیشتر آدم‌ها عملاً در دسترس نیست. از نظر فاصله هم محتوا بهتر است بین ۱٫۲۵ تا ۵ متر از کاربر باشد. نزدیک‌تر از آن شلوغ و آزارنده می‌شود و دورتر از آن خوانا نیست.

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

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

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

چند هشدار دربارهٔ همین عددها

این بخش در منبع نیست. عددهای بالا مفیدند، اما چند نکته دربارهٔ آن‌ها باید گفته شود.

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

عددها به سخت‌افزار بسته‌اند. ۳۰ و ۵۰ درجه از ارگونومی گردن می‌آیند و نسبتاً ثابت‌اند. اما میدان دید هدست‌ها با هم فرق دارد و از نسلی به نسل دیگر بزرگ‌تر می‌شود. فاصلهٔ ۱٫۲۵ تا ۵ متر هم به فاصلهٔ کانونی نمایشگر بستگی دارد. این‌ها نقطهٔ شروع‌اند، نه قانون.

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

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

شناخت فضایی در بافت فارسی

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

فهرست شماره‌دار پنج نکته دربارهٔ شناخت فضایی در بافت فارسی: آینه شدن نقشهٔ ذهنی در چیدمان راست‌به‌چپ، آدرس‌دهی ایرانی بر پایهٔ نشانه، نقشه نساختن منوی پنهان، جابه‌جایی مداوم در سوپراپ‌ها، و آزمون با مخاطب خود
پنج نکته‌ای که در منبع نیست — نمودار از سپنتا پویا برای این ترجمه (sepantapouya.com)

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

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

منوی پنهان نقشه نمی‌سازد. منوی همبرگری در بسیاری از محصولات بومی همه‌چیز را در خود جا داده است. چیزی که همیشه پشت یک آیکون پنهان است، هیچ‌وقت جای ثابتی در ذهن پیدا نمی‌کند. کاربر هر بار باید منو را باز کند و بخواند.

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

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

جمع‌بندی

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

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

منبع

این نوشته «بازنویسی آزاد» است از موضوع What is Spatial Cognition in UX? (بدون نام نویسندهٔ مشخص) و مقالهٔ مرتبط با آن، Spatial UI Design: Tips and Best Practices نوشتهٔ Riley Hunt بر پایهٔ ویدیویی از Frank Spillers، منتشرشده در وب‌سایت بنیاد طراحی تعامل (Interaction Design Foundation — IxDF). مفاهیم پایهٔ برگرفته از این منبع — تعریف شناخت فضایی، چهار جزء ادراک و حافظه و استدلال و حل مسئلهٔ فضایی، نقشهٔ ذهنی و هزینهٔ جابه‌جایی، اشاره به مقالهٔ لابهایمر دربارهٔ حافظهٔ فضایی، نشانه‌های ثابت مثل لوگو و ناوبری و مسیر راهنما، اثر صفحهٔ شلوغ و ناوبری متغیر و منوی عمیق، اشاره به اثر فرهنگ و جهت خواندن، عددهای ۳۰ و ۵۰ درجه و فاصلهٔ ۱٫۲۵ تا ۵ متر، دستکاری مستقیم، کنترل دوربین به دست کاربر، رفتار واقعی اشیا، طراحی برای قطع شدن، آموزش در لحظه، و تنظیم‌پذیری برای بدن‌های متفاوت — از این منبع گرفته شده، اما متن فارسی و توضیح‌ها کاملاً مستقل نوشته شده‌اند.

متن مقالهٔ اصلی تحت هیچ لایسنس بازی منتشر نشده است؛ به همین دلیل اینجا ترجمهٔ کلمه‌به‌کلمه ارائه نشده و متن کامل انگلیسی (به‌همراه همهٔ تصاویر) در لینک زیر در دسترس است.

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

تصاویر: هیچ تصویری از منبع اینجا نیامده است. سه نمودار مقاله، یعنی زاویه‌های افقی راحت، میدان دید عمودی، و ناحیهٔ بهینهٔ فاصله، با لایسنس CC BY-SA 4.0 منتشر شده‌اند، اما هر سه برچسب‌ها و متن انگلیسی روی خود دارند و بازنشر نشده‌اند. تصویر قهرمان مقاله با شرایط «استفادهٔ منصفانه» (Fair Use) آمده است. هر سه نمودار این صفحه طراحی اختصاصی مترجم است.

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

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

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

دربارهٔ من

در این مقاله

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

برچسب‌ها

  • شناخت فضایی
  • حافظهٔ فضایی
  • واقعیت افزوده
  • ترجمه