Окей, Google, як щодо оптимізувати інтерфейс для роботи зі смартфоном однією рукою?


Тут зовсім недавно закінчив редизайн для клієнта, чиє ім'я не останнє на терені мобільного adblocking'a. Переробив їм android-версію повністю за гайдів Google Material Design (далі GMD)… Зрозуміло довелося капітально слідувати інструкції. Почуття змішані: начебто і трендово, а ніби і своїх проблем вистачає. Однак, я спокійно можу сказати про GMD — там є, переосмислити і поліпшити. Точно є речі, які можна зробити зручніше. І ось, можливо, одна з них…

Гамбургер-меню! Ні, я не буду в черговий раз якісь незрозумілі концепції переказувати, корінням сягають у часи Xerox. Я про те, що екрани мобільників виросли і великим пальцем руки в той кут вже не потрапити. А іконка з трьома рисками, як і раніше, на старому місці. І саме дивне, що Google абсолютно з цим нічого не робить. Окремі дизайнери може й намагалися, але далі сотні лайків всередині спільнот це не пішло, на жаль.

Пам'ятаєте часи, коли краще Iphone 5 нічого не було? За різними, зрозуміло, рейтингів. Тоді без проблем пальцем однієї руки можна було потрапити в протилежний лівий кут. А зараз екрани виросли і доводиться вдаватися до допомоги другої руки. Пропоную трохи нехитрих маніпуляцій, щоб незалежно від розміру «лопати», все одно можна було зручно працювати однією рукою. І концепція гамбургер-меню знову стає актуальною.


Зараз справи йдуть як-то так. Зелена зона це приблизна зона досягнення пальцем на приблизному На e. І не більше. Але хтось з Вас скаже «Стривай, а як же свайп фор меню?». Я Вам відповім, що отсвайпить меню справа-наліво трохи зручніше. Це раз. А два — на жаль, щоб повернутися вже ніяк не отсвайпить, і до стрілки ми аналогічно не дотянемся однією рукою. Вона ж породжується на місці гамбургера по GMD:


Я вважаю, що всьому цьому місце… Знизу! Okay, Google, може ми просто перевернемо action bar по осях X і Y? Наприклад, ось так:


Виходить, що ми усунули всі важливі контроли якраз у зону досягнення. Ще і в самий низ, де в рамках осі X найбільша площа охоплення! Дивіться самі:


До речі, потримав в руках старий китайський смартфон Dexp — кінець великого пальця по всій траєкторії за коло не виходить. Напевно високим людям тут трохи легше. Хоча стрілка тому і для них занадто далеко. Мій зріст близько не більше 172см. Гаразд, давайте тепер тапнем по гамбургеру або витягнемо меню:


Зрозуміло, його ми теж флипаем по обох осях. Ну а як інакше? Адже з поточним розташуванням іконок як описано в меню по GMD виникає аналогічна проблема. Тепер і іконки меню теж досяжні одним пальцем:


А може бути сенсу в управлінні однією рукою в наші часи вже немає? Є в наші дні стільки функціоналу першої необхідності, що фізично він не вкладеться весь в низ екрану? Нашу увагу рано чи пізно все одно почне скакати як м'ячик. Бо частенько в GMD ми натикаємося на контроли по різні сторони екрану. Наприклад, згадаємо про таби. Але ж і їх можна буде «приліпити» до низу:


Начебто все нічого, але хто скаже, що "Ієрархія порушується!". Вірно, спершу заголовок екрану, щоб розуміти про що мова взагалі. Нижче вже контент. А при перевороті це дивно вийшло. Але якщо порівняти цінність ієрархії або зручність роботи однією рукою, то що б Ви обрали?

до Речі, тут є складання непоганих ресурсів для GMDЯк-то, коли цей проект починався, я зібрав всі необхідні ресурси для дизайнера в рамках гайдлайнов GMD.

Джерело: Хабрахабр

0 коментарів

Тільки зареєстровані та авторизовані користувачі можуть залишати коментарі.