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

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

قانون بستار (Law of Closure) چیست؟

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

مغز شکل ناقص را کامل می‌کند، بی‌آنکه بپرسد. و این هم مؤثرترین ابزار طراح بصری است و هم پرریسک‌ترینش.

تعریف

قانون بستار، اصلی گشتالتی است که توصیف می‌کند «انسان تمایل طبیعی دارد عنصرهای بصری ناقص یا تکه‌تکه را به‌عنوان یک شیء کامل ادراک کند.»

و سازوکارش این است که مغز بخش‌های جاافتاده را پر می‌کند تا فرم یکپارچه و منسجمی بسازد.

و کلمهٔ «تمایل طبیعی» مهم است، چون این یک انتخاب نیست.

یعنی کاربر نمی‌تواند تصمیم بگیرد شکل را ناقص ببیند. و به همین دلیل، بستار هم فرصت است و هم دام.

خاستگاه

و این اصل از مکتب روان‌شناسی گشتالت آلمان در دههٔ ۱۹۲۰ بیرون آمد.

و «گشتالت واژه‌ای آلمانی است به معنای شکل» — و به کل‌های سازمان‌یافته‌ای اشاره دارد که از مجموع اجزایشان بیشترند.

و پژوهشگران کلیدی‌اش ماکس ورتهایمر، ولفگانگ کهلر و کورت کوفکا بودند که شواهد تجربی اولیه را فراهم کردند.

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

و آن تأییدیه چیزی را روشن می‌کند: پرکردن شکل، کار می‌برد.

یعنی ناحیه‌ای از مغز فعال می‌شود که در دیدن شکل کامل فعال نمی‌شد — و همین، هزینهٔ پنهان این اصل است.

خاستگاه گشتالت و سازوکار بستار
نمودار از سپنتا پویا برای این ترجمه (sepantapouya.com)

چطور کار می‌کند

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

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

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

و به همین دلیل، هرچه نشانهٔ ناقص شبیه‌تر به چیز آشنایی باشد، سریع‌تر و اشتباه‌تر خوانده می‌شود.

کاربردها در طراحی

طراحی نشان (لوگو) — ساختن نشان‌های ساده و در عین حال گیرا با فضای منفی.

آیکون رابط — ساختن نمادهای مینیمال و قابل تشخیص.

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

و مورد سوم از دو مورد اول جنس متفاوتی دارد و کم‌شناخته‌تر است.

و کارکردش این است: کارتی که نصفش بریده شده، به کاربر می‌گوید که کارت‌های بیشتری هست.

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

سه فایده

  • - ساده‌کردن اطلاعات پیچیده، برای ناوبری بی‌واسطه.
  • - بالابردن درگیری بصری و به‌یادماندنی‌بودن.
  • - و تسهیل تشخیص سریع الگو.

و فایدهٔ دوم دلیل روشنی دارد که ارزش گفتن دارد. ذهنی که کاری انجام داده، نتیجه را بهتر به یاد می‌آورد.

و کاربری که شکل را خودش کامل کرده، در ساختن آن نشان مشارکت کرده — و همین کوچک‌ترین صورت همان اثری است که در اثر آیکیا نوشتم.

ریسک‌ها، و یک قاعدهٔ عملی
نمودار از سپنتا پویا برای این ترجمه (sepantapouya.com)

هفت بهترین‌روش

  • - عنصرهای بصری را ساده کنید و شلوغی را کم.
  • - از فضای منفی راهبردی استفاده کنید.
  • - الگوهای طراحی را یکدست نگه دارید.
  • - از اصول مکمل گشتالت هم استفاده کنید.
  • - با انتظارها و مدل‌های ذهنی کاربر هم‌راستا شوید.
  • - آیکون‌های مینیمال و کارآمد طراحی کنید.
  • - و مفصل با کاربران واقعی آزمون کنید.

و بند پنجم شرط بقیه است. بستار فقط وقتی کار می‌کند که شکل کامل‌شده در ذهن کاربر از قبل وجود داشته باشد.

و اگر آن شکل را نمی‌شناسد، هیچ چیزی پر نمی‌شود — فقط یک شکل ناقص می‌ماند.

پنج ریسک

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

و ریسک آخر ظریف‌ترین است و کمتر جدی گرفته می‌شود.

و معنایش این است: کاربری که صفحه را کامل می‌بیند، پایین‌تر نمی‌رود.

و در موبایل، جایی که برش صفحه اتفاقی است، ممکن است بخش پایینی کاملاً دیده نشود — چون کاربر فرض کرده تمام شده.

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

یک قاعدهٔ عملی

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

و قاعده‌ای که در عمل جواب می‌دهد این است: هرچه پیامد اشتباه بیشتر باشد، شکل باید کامل‌تر باشد.

و در نشان و تصویر تزئینی، بستار زیاد اشکالی ندارد. اگر کسی اشتباه ببیندش، چیزی خراب نمی‌شود.

و در آیکون کارکردی، بستار باید محافظه‌کارانه باشد. آیکونی که نیمی‌اش را ذهن پر می‌کند، نیمی از کاربران را اشتباه راهنمایی می‌کند.

و در نشانگر وضعیت و هشدار، بستار را کنار بگذارید. هیچ چیزی که کاربر باید بفهمد نباید حدس زده شود.

و یک آزمون ساده: شکل را برای کسی نشان دهید که موضوع محصول را نمی‌داند.

و اگر همان چیزی را دید که شما می‌خواستید، بستار کار کرده. و اگر چیز دیگری دید، همان چیزِ دیگر است که در بازار دیده خواهد شد.

نسبتش با بقیهٔ قوانین گشتالت

و بند چهارم بهترین‌روش‌ها — استفاده از اصول مکمل گشتالت — ارزش باز کردن دارد، چون بستار به‌تنهایی کم پیش می‌آید.

و در عمل، بستار با سه قانون دیگر همراه می‌شود.

با مجاورت: تکه‌هایی که نزدیک هم‌اند، راحت‌تر یک شکل خوانده می‌شوند. و فاصله، بستار را می‌شکند.

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

با زمینه و شکل: بستار تعیین می‌کند کدام بخش شکل است و کدام زمینه — و در نشان‌های مبتنی بر فضای منفی، همین دوگانگی خودِ ایده است.

و نتیجهٔ عملی این سه، یک ابزار عیب‌یابی است: اگر بستار کار نکرد، اول فاصله را کم کنید و رنگ را یکدست.

و اگر باز هم کار نکرد، مسئله از شکل کامل‌شده است، نه از تکه‌ها — یعنی کاربر آن شکل را نمی‌شناسد.

در بافت فارسی

یک: شکل‌های آشنا اینجا همان شکل‌های آشنای جهانی نیستند. بستار به حافظهٔ بصری تکیه دارد، و حافظهٔ بصری فرهنگی است.

و همان‌طور که در توهم در طراحی نوشتم، نمادی که در یک فرهنگ بی‌واسطه است، در فرهنگ دیگر بی‌معناست.

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

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

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

و ذهنش همان را کامل فرض می‌کند و می‌رود. و راه‌حلش نشانگر بارگذاری صریح است، نه فضای خالی — چون فضای خالی به‌عنوان «تمام‌شده» خوانده می‌شود.

چهار: نشان‌های مبتنی بر فضای منفی، در راست‌به‌چپ باید بازآزمون شوند. نشانی که با حرف لاتین بازی می‌کند، معادل فارسی‌اش را ندارد.

و راه عملی‌اش این است که نشان را از شکل بسازید، نه از حرف — چون شکل در هر دو زبان یکی می‌ماند و حرف نه.

چهار مسئلهٔ قانون بستار در بافت ایران
نمودار از سپنتا پویا برای این ترجمه (sepantapouya.com)

جمع‌بندی

  • - قانون بستار: انسان تمایل طبیعی دارد عنصرهای بصری ناقص را به‌عنوان یک شیء کامل ادراک کند
  • - و این یک انتخاب نیست — کاربر نمی‌تواند تصمیم بگیرد شکل را ناقص ببیند
  • - مکتب گشتالت آلمان، دههٔ ۱۹۲۰ · ورتهایمر · کهلر · کوفکا — و «گشتالت» یعنی شکل
  • - اف‌ام‌آر‌آی تأیید کرده که نواحی مشخصی از مغز هنگام پردازش محرک ناقص فعال می‌شوند — یعنی پرکردن شکل، کار می‌برد
  • - سازوکارش خودکار است و احتمالاً تطبیقی تکاملی برای تشخیص سریع خطر بوده
  • - و همین یعنی بستار برای تشخیص سریع ساخته شده، نه برای تشخیص دقیق
  • - کاربردها: طراحی نشان با فضای منفی · آیکون مینیمال · و نشانه‌دادن به محتوای بیشتر
  • - سه فایده: ساده‌کردن اطلاعات پیچیده · درگیری و به‌یادماندنی‌بودن · تشخیص سریع الگو
  • - هفت بهترین‌روش — و هم‌راستایی با مدل ذهنی کاربر شرط بقیه است
  • - چون بستار فقط وقتی کار می‌کند که شکل کامل‌شده از قبل در ذهن کاربر باشد
  • - پنج ریسک: بار شناختی · ابهام · دسترس‌پذیری · تکیهٔ بیش از حد · و بستار پیش از موعد
  • - قاعدهٔ عملی: هرچه پیامد اشتباه بیشتر باشد، شکل باید کامل‌تر باشد
  • - بستار با مجاورت و شباهت و زمینه‌و‌شکل همراه می‌شود — اگر کار نکرد، اول فاصله را کم کنید و رنگ را یکدست
  • - و در فارسی: شکل‌های آشنا فرهنگی‌اند · خط فارسی فضای خطای کمتری دارد · بارگذاری کند بستار پیش از موعد می‌سازد · و نشان را از شکل بسازید نه از حرف

منبع

این نوشته «بازنویسی آزاد» است از مطلب What is the Law of Closure? در وب‌سایت بنیاد طراحی تعامل (Interaction Design Foundation — IxDF؛ بدون نام نویسندهٔ مشخص). مفاهیم پایه — تعریف قانون بستار به‌عنوان اصلی گشتالتی و نقل‌قولش دربارهٔ تمایل طبیعی انسان به ادراک عنصرهای بصری ناقص یا تکه‌تکه به‌عنوان شیء کامل، و سازوکار پرکردن بخش‌های جاافتاده توسط مغز برای ساختن فرم یکپارچه؛ خاستگاه یعنی مکتب روان‌شناسی گشتالت آلمان در دههٔ ۱۹۲۰ و نقل‌قول دربارهٔ معنای واژهٔ گشتالت و اشاره‌اش به کل‌های سازمان‌یافتهٔ بیشتر از مجموع اجزا، پژوهشگران ماکس ورتهایمر و ولفگانگ کهلر و کورت کوفکا و شواهد تجربی اولیه‌شان، و تأیید علوم اعصاب امروزی با اف‌ام‌آر‌آی دربارهٔ فعال‌شدن نواحی مشخص مغز هنگام پردازش محرک ناقص؛ بخش چطور کار می‌کند شامل فرایندهای شناختی خودکار و کامل‌کردن بی‌درنگ الگو و توضیح تکاملی تطبیق برای بقا و تشخیص سریع خطر با اطلاعات ناقص؛ سه کاربرد یعنی طراحی نشان با فضای منفی و آیکون رابط مینیمال و نشانه‌دادن به محتوای بیشتر در چرخ‌فلک و پایین صفحه؛ سه فایده یعنی ساده‌کردن اطلاعات پیچیده و بالابردن درگیری بصری و به‌یادماندنی‌بودن و تسهیل تشخیص سریع الگو؛ هر هفت بهترین‌روش؛ هر پنج ریسک یعنی بار شناختی اضافه و ابهام و موانع دسترس‌پذیری و تکیهٔ بیش از حد و ادراک بستار پیش از موعد در موبایل؛ و شرط توازن دربارهٔ دادن اطلاعات بصری کافی بدون غرق‌کردن کاربر و رساندن بی‌درنگ کارکرد — از این منبع گرفته شده. متن فارسی، ساختار بخش‌ها و همهٔ تحلیل‌ها کاملاً مستقل نوشته شده‌اند.

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

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

تصاویر: هیچ تصویری از مطلب اصلی بازتولید نشده است. هر سه نمودار این صفحه طراحی مستقل مترجم است.

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

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

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

دربارهٔ من

در این مقاله

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

برچسب‌ها

  • قانون بستار
  • گشتالت
  • فضای منفی
  • UX
  • ترجمه