UXPUB

UXPUB - спільнота з 3,438 дизайнерів та креативних фахівців

Місце для обміну досвідом та дискусій навколо індустрії

Зареєструватися Увійти
Cover image for Нижняя навигация в дизайне мобильных приложений
Редакція
Редакція

Опубліковано • Оновлено

Нижняя навигация в дизайне мобильных приложений

#ux

Большие смартфоны больше никого не удивляют. У них есть много преимуществ, поэтому тенденция огромных телефонов, скорее всего, продолжится. Но больше не всегда лучше: большой дисплей не содержит больше контента. Фактический размер и количество функций одинаковы для дисплеев с высоким и низким разрешением. Проведенное в 2013 году Стивеном Хубером исследование мобильных устройств показало, что 49% пользователей смартфонов используют только одну руку для взаимодействия с интерфейсом, 36% при этом еще кладут смартфон на ладонь другой руки, и 15% используют обе руки. В 2017 году мало что изменилось. Поскольку бесшовный дизайн – это нечто большее, чем просто внешность, взаимодействия с помощью одной руки или одного пальца становятся нормой. Во-первых, это более удобно. Во-вторых, не всегда возможно использовать обе руки. Но вот мораль: использование одной руки ограниченно тем, насколько далеко может достать ваш большой палец. исследование мобильных устройств Источник картинки: uxmatters Вот почему лучше всего размещать часто используемые действия приложения в нижней части экрана. Поскольку топ-разработчики стали уделять больше внимания тому, как пользователи взаимодействуют со своими устройствами, то приложения, которые допускают использование одной руки теперь повсюду. Хорошая новость – стремясь улучшить свою продукцию, крупные корпорации также улучшают опыт пользователей. Facebook app Взаимодействие с мобильным устройством Голос пользователя неоценим, и самые популярные сервисы собирают и анализируют тонны информации о своих пользователях, что приводит к обновлениям и оптимизации продукта. Как правило, эти изменения включают удобство использования, хотя обновления не всегда визуально очевидны. Взаимодействуя с устройством, вы столкнетесь с улучшением и оцените, насколько ваш опыт стал более естественным и легким. Нижняя навигация в дизайне мобильных приложений Обновления, основанные на отзывах, становятся все более распространенными как на iOS, так и на Android платформах. И это касается не только крупных компаний, но и стартапов. В наши дни у каждого нового стартапа есть определенное преимущество: они могут с самого начала выпускать приложения, предназначенные для использования одной рукой. Flipboard и Ada – отличные примеры. Flipboard – это персонализированный журнал, который объединяет контент из новостных лент и социальных сетей, позволяя вам находить и делиться понравившимися вам историями, видео и фотографиями. Flipboard app Flipboard Скриншоты показывают, как организована основная функциональность Flipboard. Что необычно, так это отсутствие навигационной панели вверху, типичной для iOS. Она сдвинута в нижнюю часть экрана, в зону большого пальца. Обратите внимание, что кнопка профиля пользователя находится в труднодоступной красной зоне, поэтому Flipboard позволяет пользователям пролистывать вправо, чтобы открыть свои профили. Flipboard пролистывание вправо/влево Flipboard Иконка поиска отображается в центре дисплея без сдвига клавиатуры, поэтому он остается в желтой зоне, требуя некоторого усилия, чтобы дотянуться большим пальцем. Иконка поиска Flipboard Flipboard Разработчики Ada создали совершенно инновационный дизайн навигации. Ada – приложение для здоровья, которое задает правильные вопросы и представляет персонализированную информацию для улучшения самочувствия. Революционный интерфейс очень прост. Это зеркальное отражение основной структуры интерфейса. Все, что обычно находится наверху, здесь удобно находится внизу, в зеленой зоне. Стартовый экран выглядит следующим образом: Ada стартовый экран Ada Гамбургер-меню устарело, потому что оно скрывает функции приложения, поэтому Ada дублирует его с более естественным пролистыванием слева. Гамбургер-меню дублирование в Ada Ada Список меню помещается ниже, и никого не пугает отрицательное пространство, потому что оно явно преднамеренно. Ada нижнее меню Ada В прошлом году мы разработали концепцию приложения для набора номера, которое применяло принципы навигации одной рукой. Этот метод особенно интуитивно понятен с приложениями для звонков или обмена сообщениями, ведь мы, как правило, используем одну руку для набора телефонного номера и текстовых сообщений. Дизайн закончился на этапе концепции, потому что клиент опасался полного пересмотра функциональности, который может оттолкнуть пользователей, привыкших к структуре интерфейса. Приложение контакты, для работы одной рукой Контакты Мы хотели бы выделить Facebook Paper. Компания с огромным количеством подписчиков и чрезвычайно популярным приложением выпускает что-то новаторское и интуитивно понятное. С точки зрения UX это был смелый эксперимент, и, к сожалению, он был закрыт. Приложение было выпущено в 2014 году, и есть много подробных высококачественных обзоров, один из них ниже.

Заключение

Прежде всего, разработчики приложений должны считаться с пользователями и целевой аудиторией. Это краеугольные камни любого будущего UX приложения. Чем проще и удобнее ваше приложение, тем выше его шансы получить более широкую аудиторию. Сохранение тенденций является обязательным – то, что сегодня свежо и ново, может стать банальным к завтрашнему дню. Cuberto устанавливает тенденцию в творческих веб-сайтах и мобильных приложениях. Мы рискуем там, где другие пасуют. info@cuberto.com Подписывайтесь на нас на Dribbble и Behance


Перевод статьи Cuberto

Обговорення (0)