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