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

17

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

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

به تازگی «استیون هوبر» با بررسی ۱۳۳۳ مورد گوشی و اپ‌ها و کاربری آنها، متوجه شده است که ۷۵ درصد مردم ترجیح می‌دهند که برای کار با موبایل از انگشت شست استفاده کنند و ۴۹ درصد گوشی‌ها را یک دستی می‌گیرند.

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

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

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

تازه‌های سایت گلونی:
لیزر هموروئید درمان بواسیر در کلینیک تخصصی هموروئید تهران

10-30-2014 10-34-49 AM

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

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

10-30-2014 10-35-13 AM

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

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

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

10-30-2014 10-36-12 AM

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

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

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

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

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

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

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

10-30-2014 10-37-30 AM

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

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

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

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

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

10-30-2014 10-40-29 AM

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

10-30-2014 10-41-32 AM

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

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

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

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

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

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

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

10-30-2014 10-42-00 AM


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

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

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

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


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

   

پستهای اخیر

چرا نباید کامپیوترهای رومیزی دارای یکی از پردازنده‌های نسل یازدهم اینتل را بخریم؟

یک دهه است هر ساله اینتل نسل جدیدی از پردازنده‌های سری Core خود را منتشر می‌کند و ما هر ساله به کاربران توصیه می‌کنیم جدیدترین نسخه را خریداری و استفاده کنند. اگر صدها یا هزاران دلار برای کامپیوتر پی‌سی می‌پردازید؛ باید مدلی را تهیه کنید…

اینها ۱۰ عادتی هستند که کمابیش بیشتر ما داریم، ولی باید سعی کنیم ترکشان کنیم!

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

سریال The One – اگر واقعا امکان داشت که هر کسی بتواند نیمه گم‌شده خود را با میزان تطابق صد…

مینی سریال نسبتا سرگرم‌کننده و تامل‌برانگیزی که به تازگی پخش آن از نت‌فلیکس به پایان رسیده، سریال The One نام دارد. این سریال 8 قسمت دارد و هر قسمت آن حدود 40 دقیقه است. ایده داستان جالب و تا حدی یکتاست: چه می‌شد اگر با کمک فناوری‌های…

باورنکردنی: بیل گیتس و همسرش -ملیندا- بعد از ۲۷ سال زندگی مشترک، در حال جدایی از هم هستند!

روز گذشته بیل گیتس در توییتر خود اعلام کرد که در حال جدایی از همسرش -ملیندا فرنچ گیتس- است. این دو 27 سال زندگی مشترک داشتند. در عین حال اعلام شده که این دو همچنان تلاش‌های خیرخواهانه خود را در بنیادشان، در کنار هم ادامه خواهند داد و در…

معلومات سینمایی خود را بیازمایید: فقط کسانی که واقعا این ۲۷ فیلم‌ را دیده‌اند، می‌توانند با این…

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

چگونه از فرمت تصاویر جدید ProRaw آیفون ۱۲ پرو استفاده کنیم؟

هنگامی که اپل خانواده آیفون‌های ۱۲ را معرفی کرد؛ ضمن معرفی آیفون ۱۲ پرو و آیفون ۱۲ پرو مکس در کنار نسخه آیفون ۱۲ مینی، یک فرمت تصاویر RAW جدید هم معرفی کرد. فرمت ProRaw یک نسخه سفارشی شده از فرمت خام فایل‌های RAW به همراه ترفندهای…
17 نظرات
  1. فرشاد می گوید

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

  2. سعید می گوید

    به نکته خوبی اشاره شد

  3. ashkan می گوید

    واسه من که فرقی نمیکنه
    چون لومیا ۱۵۲۰ اونقدر بزرگ هست که باید با دو دست کار کنیم

  4. امیر می گوید

    بعنوان طراح این موضوع رو فراموش نخواهم کرد. متشکرم

  5. کوروش می گوید

    در اندروید یک امکانی که از نسخه ۴.۲ آن در نظر گرفته شد، این بود که منوی کشویی سمت چپ، بجز دکمه ای که در قسمت بالا قرار گرفته بود، با سوایپ از چپ به راست هم امکان باز کردن منو قرار داشت. در ضمن یک دکمه Back هم در بیشتر اپ ها در قسمت بالا سمت چپ دیده می شود که در اندروید با دکمه Back که در قسمت پایین وجود فرقی ندارد و می شود از هر کدام استفاده کرد. اما این مشکل در iOS حل نشده است.

  6. پویا می گوید

    فکر کنم همینطور پیش بره طبق اصل تکامل انسانهای نسلهای بعد دارای شصتی بزرگ خواهند شد! 🙂

  7. محمد می گوید

    بسی لذت بردیم
    دکتر کیبورد فارسی قابل قبول هنوز برای آیپد نیومده ؟

  8. sina می گوید

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

    1. پویا می گوید

      و نوت ۳ البته

  9. amir می گوید

    رعایت این موضوع در طراحی اپلیکیشن خیلی مهمه
    ممنون

  10. روسول می گوید

    دادا اونو میشه یه کاریش کرد .
    بزرگ شدن اپهایی مثل وایبر تو سری پلاس آیفون رو چه میشه کرد؟
    این مشکل رو اندروید نداره ولی اپهای IOS دارن که نمیتونن خودشون رو متناسب با صفحه بزرگ ، کش بدن.

  11. ساره می گوید

    سلام من یه فون پد شش اینچى دارم خود گوشى یا بهتر بگم فبلتم قابلیتى داره که میشه صفحه نمایش رو دو سایز کوچکتر کرد.حتى میپرسه که چپ دست میخواى یا راست دست!
    نکته خوبى بود که طراحان هم ازش استقبال کردن ولى چه خوبه اگه قراره تو طراحى به مشکلى راحتى شصت بیچاره توجه بشه به چپ دست یا راست دست بودن کاربر هم توجه بشه.همون قضیه معروف قیچى!!!!
    اصلا میشه در ارتقا نسخه هاى اندروید و ios هم این نکته رو به کلى لحاظ کرد و مثلا همون زمان که داریم گوشى براى اولین بار فعال میکنیم تو مشخصات وضعیت دست غالب رو به عنوان یه معیار داشته باشیم:)

  12. sabt می گوید

    واقعا نکته مهمی هست تو اپلیکشیشن ها

    1. ثبت شرکت می گوید

      آره درسته

  13. آویژه می گوید

    من هم در این وب سایت چند نمونه مشابه رو دیدم:

    http://e-avijeh.ir/services/mobile-marketing/mobile-application-development/android-application-development

  14. ثبت شرکت می گوید

    جالب بود

  15. محمد رضا می گوید

    خیلی عالی بود
    ممنون از شما

پاسخ به amir
لغو پاسخ

آدرس ایمیل شما منتشر نخواهد شد.