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