درس‌هایی برای طراحی بهترین UI

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

در اپلیکیشن‌های حمل و نقل نیز این سبک طراحی تقریبا همه‌گیر شده است. البته با کمی تغییر!

فرض کنید در حال استفاده از اوبر (Uber سرویس تاکسی آنلاین مانند اسنپ و تپسی در ایران) هستید. احتمالا نوتیفیکیشنی را دریافت کنید که به شما می‌گوید می‌توانید نوار جستجو را از بالا به پایین جابجا کنید.

(مثلا در نسخه جدید اسنپ، نوار جستجو پایین صفحه است و به محض کلیک روی آن به‌صورت اتوماتیک به بالای صفحه تغییر مکان می‌دهد.)

نکته جالب اینکه اپل در UI خود چنین پیشنهادی را به شما نمی‌دهد. HIG (استاندارد طراحی رابط کاربری) نیز با چنین قابلیتی در طراحی کاملا مخالف است.

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

تنوع طراحی نوار جستجو در اپلیکیشن‌های مختلف باعث شد طراح محصول شرکت «لیفت» (Lyft سرویس حمل و نقل آنلاین) با نگاهی از دیدگاه‌های مختلف، راه دیگری را انتخاب کند.

«لیفت» در طراحی خود به‌جای اینکه نوار جستجوی متحرک را در بالای صفحه اصلی قرار دهد، آن را به قسمت میانی صفحه منتقل کرد. این تغییر ساده که با توجه به نحوه قرار گرفتن دست روی صفحه موبایل انجام شد، دسترسی و لمس نوار جستجو را برای همه کاربران امکان‌پذیر ساخت.

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

به‌ویژه اگر کاربران دست‌های کوچکی داشته باشند یا به هر دلیلی نخواهند انگشتانشان را زیاد تکان دهند. شاید بپرسید چرا؟ زیرا قسمت بالای صفحه با جایی که انگشتانشان قرار گرفته فاصله دارد.

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

با این حال، نوار جستجوی «لیفت» دقیقا در بالای صفحه قرار نگرفته، حتی پایین صفحه هم نیست. بلکه با انگشت حرکت می‌کند.

در سال ۲۰۱۵ نموداری منتشر شد که نشان می‌داد تقریبا نیمی از کاربران تلفن همراه فقط با یک دست کار می‌کنند. در طراحی «لیفت» این نکته در نظر گرفته شده و برای دسترسی به نوار جستجو نیازی نیست دستتان را بکشید، چون نوار جستجو زیر انگشت شماست.

به نمودار بالا نگاه کنید. نیمی از بخش‌ها دور از دسترس انگشتان هستند که با رنگ‌های بنفش و نارنجی نشان داده شده‌اند. در این نمودار منطقه سبز جایی است که انگشت شست بدون کشیدگی به آن دسترسی دارد و  طراح محصول «لیفت» به این نکته دقت داشت.

از این طراحی چه درسی می‌آموزیم؟

تلاش کنید تا UI را از نگاه کاربر تحلیل کنید و با توجه به کارایی اپلیکیشن مورد نظر بینید المان‌های اصلی چقدر در دسترس کاربر قرار دارد؟ به‌عنوان نمونه در اپلیکیشن‌های حمل و نقل که همیشه نوار جستجو دارند، باید به دسترس‌پذیری نوار جستجو توجه کنید، در شبکه‌های اجتماعی که قرار است کاربران عکس ببینید یا مطلب بخوانند باید به محل قرار گرفتن پست، لایک و کامنت دقت کنید و در اپلیشکن‌های خرید باید محل انتخاب و خرید محصول را بررسی کنید.

اطمینان حاصل کنید که عناصر در دسترس کاربر هستند.

از شکست در طراحی نترسید و بدانید هر چقدر که با کاربر و نیازهایش بیشتر آشنا باشید، طراحی UI ساده‌تر است. درباره سایز دست و سن کاربران بیشتر فکر کنید و از خودتان بپرسید تجربه من برای کاربرانی با ویژگی‌های مختلف یکسان است؟

ترجمه آزاد: What every product designer should take away from Lyft’s new UI