رابط کاربری خلوت چی رو پنهون می‌کنه؟
فرانتاندClaude Opus 5.5خلاصهٔ کامل‌تر
Karl Koch تو این مقاله می‌گه سبک طراحیش خیلی از functionalism دانمارکی تأثیر گرفته و همیشه دنبال چیزیه که حذف کنه. ولی نویسنده معتقده یه صفحه می‌تونه خیلی مرتب و خلوت باشه و همزمان از کاربر بخواد کلی کار ذهنی انجام بده. برای اینکه بحث affordance (یعنی اینکه ظاهر یه کنترل چقدر نشون می‌ده باهاش چی کار میشه کرد) انتزاعی نمونه، یه مثال ساده رو باز می‌کنه: ذخیره کردن یه مقاله برای بعد.
تو نسخه‌ی خلوت، یه لیست مقاله داریم و وقتی موس رو روی یه ردیف می‌بری، یه آیکون بوکمارک توخالی ظاهر میشه. بزنیش، پر میشه. برای کسی که محصول رو می‌شناسه این کافیه. ولی کاربر تازه نمی‌دونه این آیکون یعنی ذخیره، باز کردن ذخیره‌شده‌ها یا اضافه کردن به یه مجموعه. روی صفحه‌ی لمسی هم hover قابل اتکا نیست. نمایش با keyboard focus دسترسی رو درست می‌کنه ولی ابهام معنی رو نه، و accessible name هم فقط به کاربر screen reader کمک می‌کنه.
نسخه‌ی صریح‌تر یه دکمه‌ی کوچیک Save کنار عنوان می‌ذاره که بعد از کلیک میشه Saved و یه گزینه‌ی Undo هم کنارش میاد. نویسنده می‌گه این نسخه اطلاعات بیشتری نشون می‌ده ولی از کاربر کار کمتری می‌خواد، چون اون می‌تونه بخونه چی میشه به جای اینکه از یه آیکون حدس بزنه. البته خودش تأکید می‌کنه این قضاوت شخصیشه و باید با کاربر واقعی تستش کرد. یه نکته‌ی تکمیلی هم از Kevin Bonett نقل می‌کنه: اگه هر ردیف دکمه‌ی Save داره، accessible name اون باید عنوان مقاله رو هم داشته باشه.
نسخه‌ی صریح هم هزینه داره. تکرار Save روی هر ردیف، پیام‌های تأیید که خوندن رو قطع می‌کنن و لیستی که اسکن کردنش سخت‌تر میشه. پیشنهاد نویسنده اینه که Save دیده بشه ولی از نظر بصری کم‌رنگ‌تر از عنوان باشه، وضعیت Saved همون‌جا نشون داده بشه و Undo کنارش بیاد. بعدش هم یه گزینه‌ی دائمی Remove from saved باشه، چون پیام کوتاه‌مدت نباید تنها راه برگشت باشه. تو صفحه‌ی مخصوص مقاله‌های ذخیره‌شده هم برچسب Remove از Saved معنی‌دارتره.
جمع‌بندی نویسنده اینه که toast جداگونه‌ی موفقیت رو حذف کنیم اگه وضعیت Saved و Undo کافی‌ان، و tooltipی که فقط Save رو تکرار می‌کنه هم نذاریم. برای تست هم می‌گه از یه نفر بخواد مقاله رو ذخیره کنه، پیداش کنه و حذفش کنه، با لمس و کیبورد و screen reader. شمردن تعداد المان‌ها هیچ‌کدوم از اینا رو نشون نمی‌ده.
نکات کلیدی:
- کنترلی که فقط با hover ظاهر میشه روی صفحه‌ی لمسی قابل اتکا نیست
- آیکون بدون برچسب برای کاربر تازه مبهمه، حتی اگه با کیبورد قابل دسترسی باشه
- اگه هر ردیف دکمه‌ی Save داره، accessible name باید عنوان مقاله رو هم شامل بشه
- Undo موقت کافی نیست و یه گزینه‌ی دائمی Remove from saved هم لازمه
- تو صفحه‌ی ذخیره‌شده‌ها برچسب Remove از تکرار Saved مفیدتره
- طراحی رو باید با لمس، کیبورد و screen reader تست کرد، نه با شمردن المان‌ها
