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