بررسی یک مشکل آزاردهنده: بسیاری از اپلکیشن‌های موبایل متناسب با صفحه‌های نمایش بزرگ موبایل‌ها طراحی نمی‌شوند

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

طراحی برای شست‌ها

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

اما در گوشی‌هایی که بیشتر از 4 اینچ اندازه دارند، برای این کار مردم باید انگشت شست خود را بسیار کشیده نگه دارند.

می‌دانید مشکل کجاست؟

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

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

برای مثل اپلیکیشن موسیقی آمازون را در نظر می‌گیریم:

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

راه‌حلی برای این مشکل در سطح سیستم‌عامل

اپل برای حل این مشکل، ابتکار جالبی به خرج داده است که اسم‌اش را Reachability گذاشته است:

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

این ترفند جالب است، اما خب ما با این کار باید 3 بار به جای یک بار تپ کنیم.

راه حل بهتر: اپلیکیشن را بهتر طراحی کنید!

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

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

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

مثلا می‌توان ترتیبی داد که برای احضار منوی یک برنامه، کاربر از لبه چپ به سمت راست، سوایپ کند.

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

اگر اپلیکیشن شما یک اپلیکیشن مشهور باشد که کاربرها لازم است مرتب از آن استفاده کنند، این شیوه تعامل را به تدریج به خاطر می‌سپارند، اما متأسفانه اگر تازه می‌خواهید یک اپ بنویسید که زیاد هم کاربر ندارد و میزان استفاده از آن پایین است، ممکن این شیوه مشکل فراموشی را که در بالا ذکر کردم داشته باشد.

راه حل دوم: اجزای اپ را در همان پایین قرار بدهید

خب، می‌شود چیزهایی ضروری را در همان پایین قرار داد.

در اینجا می‌بینید که منو به پایین آورده شده است و حتی اجزای ضروری منو در لیستی که متعاقب تپ ظاهر می‌شود، پایین‌تر درج شده‌اند.

جالب است که فیس‌بوک هم متوجه این مسئله مهم شده است:

راه حل سوم: دکمه‌های ضروی را به صورت شناور طراحی کنید

در راه حل دوم ما به یک مسئله مهم توجه نکردیم:

در سیستم عامل اندروید ما در پایین دکمه‌ها خود سیستم عامل اندروید را داریم و در این صورت کاربر ممکن غفلتا به جای دکمه‌های اپلیکیشن ما، روی دکمه‌های سیستم عامل کلیک کند!

پس اصلا در سیستم عامل اندروید باید قید درج اجزای ضروری اپ را در پایین بزنیم.

پس در اندروید چه می‌شود کرد؟

یک راه حل استفاده از دکمه‌های شناور است.

مثلا در همین اپلیکیشن موسیقی آمازون می‌توانیم، دکمه ضروری منو را به صورت شناور درآوریم:

متأسفانه همین نکات ساده را بسیاری از طراحان موبایل در نظر نمی‌گیرند.

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

تازه به باور من این مشکل محدود به گوشی‌های موبایل نیست و حتی در سطح تبلت‌ها هم به چشم می‌خورد.

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

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