Обычно в большинстве приложений строка поиска расположена вверху экрана. На платформах социальных сетей, таких как Facebook, Instagram, LinkedIn и даже Snapchat, строка поиска находится вверху почти каждого главного экрана. В транспортных приложениях этот стиль также почти повсеместен.

Возможно, вы заметили, что Uber переместил строку поиска вниз
Возможно, вы заметили, что Uber переместил строку поиска вниз
Поиск Facebook Поиск Instagram Поиск LinkedIn Поиск Uber Результаты поиска Lyft

Почему? Apple не дает рекомендаций располагать строку поиска в верхней части интерфейса приложения, а HIG не указывает, что она должна быть постоянной.

Если вы загуглите, почему строка поиска находятся наверху, вы найдете пост на Quora, рассматривающий этот вопрос. «Пользователи привыкли, что поиск (если он есть) находится вверху. Это принятое правило, которое дизайнер ломает на свой страх и риск», — гласит топ-ответ.

Продакт-дизайнер из Lyft великолепным способом нарушил это общепринятое правило.

Прекрасный пример осознанного дизайна Lyft
Обратите внимание на разнообразие рук, держащих макеты? Прекрасный пример осознанного дизайна.
Поиск Lyft Что продакт-дизайнеры должны для себя вынести из нового интерфейса Lyft

Lyft применил другой подход к строке поиска. Вместо плавающего поля вверху, они добавили его в оверлей в середине экрана. Это простое изменение сделало его доступнее почти для 100% пользователей.

Что продакт-дизайнеры должны для себя вынести из нового интерфейса Lyft

Хотя мы не слишком часто об этом задумываемся, трудно достать строку поиска в верхней части экрана. Особенно пользователям, у которых маленькие руки или пользователям, у которых менее гибкие руки. Необходимость тянуться к строке поиска раздражает, главным образом потому, что верх экрана находится далеко от пальцев пользователя.

Если вы визуализируете большинство приложений, основной контент находится в середине или в нижней части середины экрана. Панель вкладок для навигации, сообщения в социальных сетях и клавиатуры на платформах обмена сообщениями — это все примеры важной составляющей пользовательского опыта, расположенные в наиболее доступном месте.

Строка поиска Lyft не находится вверху или внизу экрана, она находится в самом удобном месте для больших пальцев.

около половины пользователей взаимодействуют со смартфоном одной рукой

Как вы можете видеть на этом графике 2015 года, около половины пользователей взаимодействуют со смартфоном одной рукой. И, как вы можете видеть из этого замечательного мема, именно так и делают люди. Lyft не заставляет вас тянуть большой палец, ведь строка поиска находится там, где надо.

Половина всех строк поиска находится в области «Вне досягаемости»

Только взгляните на этот график из того же исследования. Половина всех строк поиска находится в области «Вне досягаемости». На этой диаграмме строка поиска в приложении Lyft находится прямо под большим пальцем в зеленой (хорошей) области.

Какой урок дизайнеры могут извлечь из этого

Посмотрите на аналитику своего интерфейса, проведите пользовательские интервью, посмотрите, с какими элементами интерфейса пользователи больше всего взаимодействуют. В транспортных приложениях обычно это строка поиска. В социальных сетях это могут быть фотографии или кнопки лайка. В торговых приложениях это, вероятно, продукты.

Убедитесь, что элементы, с которыми чаще всего взаимодействуют пользователи, являются наиболее доступными элементами вашего интерфейса.

Не бойтесь сломать шаблон, кто-то должен сделать это первым. Хотя вы хотите, чтобы ваш интерфейс был знаком пользователям, учитывайте также то, насколько он удобен.

Подумайте о руках пользователей (разного размера и возраста), использующих ваш интерфейс, и о демографии своих пользователей. Спросите себя: «Является ли мой опыт адаптированным и учитывающим разные способности моих пользователей?»

И, наконец, не становитесь слишком привязанными к общепринятым тенденциям. Стили меняются, новые дизайнеры могут присоединиться к вашей компании. Помните трехмерные элементы в iOS 6? Принимайте перемены, не отталкивайте их.

Понравилась статья? Ставьте лайк.

Мне 17 лет, и я начинающий дизайнер, подписывайтесь на мой аккаунт на Medium, чтобы узнать больше о дизайне, буквально, с новой точки зрения. В течение следующих нескольких месяцев я буду писать о том, как дизайн будет пересекаться с будущим. На этой странице вы увидите кейс-стади, в которых рассматриваются беспилотные автомобили и публикации, посвященные интерфейсам, которые нарушают устоявшиеся границы UI / UX.

Подписывайтесь на автора в Instagram и Twitter!