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

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


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

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

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

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


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

   

پستهای اخیر

چگونه با ساختن کیو آر کد در آیفون، دیگران به را وای‌فای خود وصل کنیم؟

به جای آنکه یک میهمان، شبکه وای‌فای شما را انتخاب کند و بعد با وارد کردن رمزعبور کاملا ساده به آن وصل شود؛ از کدهای QR برای اشتراک‌گذاری رمزعبور وای‌فای و اتصال میهمان‌ها به اینترنت استفاده کنید. این روزها هم در آیفون و iOS و هم در اندروید…

نمونه‌هایی تحسین‌برانگیز از ابتکارات خلاقانه‌ای که سرویس‌های بهداشتی را تبدیل به مکان‌های مناسب‌تری…

چرا توالت‌ها و سرویس‌های بهداشتی برای ما ایرانی‌ها خاطرات بدی را زنده می‌کنند؟! خاطرات ما می‌گویند که از زمان دبستان تا بزرگسالی، از سرویس‌های شرکت‌ها تا ترمینال‌ها و امکان بین‌راهی، سرویس‌های بهداشتی حس انزجار پنهانی در ما نزده می‌کردند.…

این بلندگوی ۱۸۰۰ دلاری، صدای سه بعدی کنسرت‌ها را به خانه شما می‌آورد

اگر فکر می‌کنید بلندگوی HomePod با قیمت ۳۵۰ دلار گران است: در نظرتان تجدیدنظر کنید؛ چون بلندگوی مهندس سابق اپل به نام Cell Alpha قیمتی ۱۸۰۰ دلار دارد. «کریستوفر استرینگر»؛ طراح و مهندسی که نزدیک به ۲۲ سال (از سال ۱۹۹۵ تا ۲۰۱۷) برای شرکت…

با توجه به سن‌تان چقدر باید بخوابید؟ با چه ترفندهایی خواب خوب کافی داشته باشیم؟

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

اولین «درون» زیردریایی بی‌سیم جهان با ارتباطات نوری ساخته شد

با وجود پیشرفت‌های زیادی که در فناوری وسایل نقلیه زیرآبی با اتصالات از راه دور (ROVs) انجام گرفته است؛ هنوز آن‌ها از طریق کابل‌های ارتباطی با سطح زمین در تماس هستند. اما درون ExRay از این رویه پیروی نمی‌کند و به جای کابل از نور برای برقراری…

ماژول‌های رم DDR5 کورسیر ۴ برابر بهتر از DDR4 هستند

شرکت Corsair به جمع تولیدکنندگان حافظه رم پیوسته است و در حال آماده شدن برای عرضه ماژول‌های رم سازگار با پردازنده‌های Intel Alder Lake است. کورسیر اعلام کرده روند آماده‌سازی به خوبی پیش رفته و انتظار می‌رود ماژول‌های رم DDR5 جدید در…
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. محمد رضا می گوید

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

پاسخ به کوروش
لغو پاسخ

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