5 вызовов мобильного UI-дизайна, на которые до сих пор нет простых ответов
Опубликовано: 2016-03-04[ Proto .io — это инструмент для создания прототипов мобильных приложений, используемый предпринимателями и стартапами для создания полностью интерактивных реалистичных прототипов, которые выглядят и работают как настоящие приложения.]
Мы так долго живем в мире, оптимизированном для мобильных устройств, что легко воспринимаем дизайн пользовательского интерфейса для мобильных устройств как нечто само собой разумеющееся. Подростки, поступающие в старшие классы в этом году, только шли в детский сад, когда впервые появился iPhone. Веб-сайты, на которых отсутствуют мобильные возможности, кажутся реликвиями ушедшей эпохи, поддерживаемыми неолуддитами, которые насмехаются над идеей носить крошечный компьютер в бумажнике или даже носить его на запястье. На данный момент, спустя почти десятилетие после того, как смартфоны стали духом времени, мы наверняка нашли ответы на все наши проблемы с дизайном мобильных интерфейсов, верно?
Неправильный. Несмотря на продуманные планы мышей и людей, адаптивный дизайн не сгладил все недостатки взаимодействия с пользователем при переходе с настольного компьютера на планшет и на мобильный телефон, и несколько шипов продолжают подкалывать дизайнеров и разработчиков мобильных интерфейсов — не говоря уже о чем-то другом. пользователей. Мы все изо всех сил пытались мысленно автозаполнять заголовки статей, которые были усечены до неузнаваемости на наших смартфонах, или сталкивались с элементом пользовательского интерфейса, который просто не двигался, независимо от того, как сильно мы нажимали на него.
Дизайнеры, разработчики и предприниматели продолжают страдать от следующих проблем дизайна мобильных интерфейсов. Вот как они справляются:
1. Простота и многофункциональность .
Саги Гидали — соучредитель и главный директор SaferVPN (@SaferVPN). Имея более чем десятилетний опыт работы с UI и UX, он решил немало задач мобильного UI-дизайна, но следующая головоломка остается занозой в боку его команды:
«Я бы сказал, что наша задача дизайна/UX будет состоять в том, чтобы интегрировать более сложные функции нашего приложения с наименьшим количеством текста или визуальных помех.
VPN — очень технический продукт, часто используемый очень технически подкованными пользователями. Наша задача состоит в том, чтобы сделать наш сервис как можно более доступным для наших пользователей, которые менее технически подкованы, а также предложить индивидуальные варианты для тех, кто более технически грамотен.
Таким образом, хотя у нас есть сложные функции и настройки, работающие в фоновом режиме, на переднем плане мы сохраняем наш UX чистым и простым. Например, многие из наших самых продвинутых настроек оптимизируются автоматически, а для тех, кто более технически подкован, мы предоставляем простые и понятные возможности для дальнейшей настройки в легко доступном меню настроек.
Это помогает нам не допустить, чтобы эти более продвинутые настройки загромождали наш общий UX и интерфейс, чтобы любой мог легко воспользоваться преимуществами нашего сервиса одним щелчком мыши.
Следуя этому подходу к дизайну и UX, мы призываем всех наших пользователей — независимо от технических знаний и навыков, которыми они обладают, — использовать наш продукт для доступа к своему любимому контенту с географическим ограничением и защиты своей конфиденциальности и безопасности в Интернете».
2. Мобильный поиск: все еще альбатрос .
3. Иногда кажется, что элементы мобильного пользовательского интерфейса виляют собакой.
Ричард Тригг — креативный директор по UX/UI в Decibel Digital (@DecibelDigital), агентстве по взаимодействию с пользователями, базирующемся в Великобритании. Для Trigg поиск баланса между тем, что должно происходить на экране, и тем, что пользователям удобно делать физически, остается сложной задачей дизайна пользовательского интерфейса для мобильных устройств.
«Постоянная проблема для многих дизайнеров связана с кнопками. Кнопки в мобильных приложениях должны иметь правильный размер (для пальцев любого размера), но должны быть разработаны таким образом, чтобы они не диктовали экран. На мобильных устройствах меньше места на экране, поэтому дизайнерам приходится делать кнопки и призывы к действию четкими и лаконичными.
Рекомендуется для вас:
Что означает положение о борьбе со спекуляцией для индийских стартапов?
Как стартапы Edtech помогают повысить квалификацию рабочей силы Индии и стать готовыми к будущему ...
Технологические акции нового века на этой неделе: проблемы Zomato продолжаются, EaseMyTrip публикует...
Индийские стартапы срезают путь в погоне за финансированием
Цифровая маркетинговая платформа Logicserve Bags Финансирование 80 CR INR, ребрендинг как LS Dig...
Отчет предупреждает о возобновлении нормативного контроля над Lendingtech Space
Что касается обходных путей, мы увидели очевидные преимущества использования CX-аналитики и инструментов тестирования удобства использования для измерения уровней эффективности и вовлеченности. Затем становится кристально ясной картина того, какие взаимодействия совершают пользователи. Если элементы нуждаются в настройке, мы изменяем дизайн или расположение этих кнопок».
4. Радовать большие пальцы всех размеров.
Райан Колгин — UI/UX-дизайнер в LookFar (@LookFar_Ideas), агентстве по развитию, чьи клиенты работают в разных отраслях. Удовлетворение разнообразных потребностей этих клиентов является особым камнем преткновения, особенно когда у каждого из этих разнообразных клиентов есть уникальный набор рук:
«Одна небольшая проблема UI/UX, которую мы еще не решили, заключается в следующем: как, черт возьми, мы позиционируем навигацию сайта так, чтобы она была легкодоступна для большого пальца? Большинство сайтов размещают меню в правом верхнем углу, что делает его удобным только для левшей.
По мере того, как телефоны становятся больше, нам приходится использовать две руки, чтобы нажимать на меню на многих сайтах, даже если они оптимизированы для мобильных устройств. Если у них нет статического меню, вам в конечном итоге придется прокручивать вверх, чтобы перейти к навигации или вернуться на домашнюю страницу».
5. Фрагментация Android: стала лучше, но никуда не исчезла.
Джейсон Суриано (@jasonsuriano) — основатель и генеральный директор Rocketfuel Productions. На данный момент вечная проблема фрагментации ОС Android кажется извечной, но она все еще всплывает в кошмарах мобильных дизайнеров пользовательского интерфейса:
«Одной из основных проблем мобильного пользовательского интерфейса и дизайна приложений, которая существует в 2016 году, является непрекращающийся страх перед фрагментацией в экосистеме Android. Эта фрагментация включает в себя количество производителей устройств Android, разнообразие устройств, которые производит каждый производитель, а также проблему расхождений операционных систем, которые неизбежно приводят к проблемам с пользовательским интерфейсом.
В то время как большинство UI/UX дизайнеров и разработчиков заявляют, что они могут запустить эмулятор для проверки различий и решения проблемы фрагментации, правда в том, что не существует системы, которая действительно могла бы эмулировать окончательный пользовательский интерфейс приложения на каждом устройстве Android. в продаже.
Это означает, что дизайнеры и разработчики неизбежно получат несколько плохих оценок или отзывов о своем приложении в магазине Google Play просто потому, что приложение не оптимизировано для работы на конкретном устройстве или устаревшей версии ОС Android, что в конечном итоге влияет на пользователя в целом. опыт."
Адаптация к вызовам мобильного пользовательского интерфейса с помощью потребительской психологии
По словам Слоана Берри (@SloaneBerry), UX-дизайнера в BPM Technologies, один из способов решить даже самые непростые задачи мобильного пользовательского интерфейса — просто проникнуть в головы ваших пользователей. Она пишет, что какой бы ни была конкретная проблема, знакомство с вашим пользователем может помочь вам решить ее:
«Хорошее мобильное приложение похоже на тайцзицюань: каждое действие плавно перетекает в следующее действие. Большинство проблем с UX возникают из-за слишком большого количества информации или просто из-за физических ограничений. В таких случаях меньше значит больше. Вам не нужно показывать все, вместо этого сосредоточьтесь на том, чтобы показать достаточно.
Если пользователь прокручивает список и сталкивается с усеченным текстом, вы должны иметь возможность расширить текст, продолжая прокручивать список вниз. Не раздувайте свое приложение, переходя на новую страницу и заставляя пользователя переходить туда и обратно. Точно так же, если они щелкают, они должны иметь возможность щелкнуть, чтобы развернуться, без необходимости сильно двигать глазами или большим пальцем. Просто плывите по течению.
На очень практическом уровне, независимо от того, что вы разрабатываете, вы хотите, чтобы клиент чувствовал себя хорошо. Tinder — это фантастический пользовательский интерфейс, потому что это катарсис, когда вы удаляете людей, которые вам не нужны, и вы получаете только хорошие новости, которые вам подходят. Самые сложные проблемы, с которыми сталкиваются дизайнеры UX, — это негативные вещи, например, если пользователю приходится долго ждать или ему нужно произвести оплату, но для этих вещей существуют практические решения.
Не останавливаясь на достигнутом: общие болевые точки дизайна пользовательского интерфейса для мобильных устройств
Время отклика является основным источником разочарования пользователей, но его можно использовать таким образом, чтобы вызвать ожидание. Будь то часы обратного отсчета из приложения для доставки еды или точка слежения за водителем такси, пользователям нравится визуальное подтверждение того, что они сделали что-то. Это в основном эстетический выбор, так как ваше такси или еда все равно прибудут, но это дает пользователям возможность вернуться. Это может даже помочь сделать ваше приложение «прилипчивым».
Платежи могут быть очень сложным опытом для клиентов. Клиенты хотят прозрачности, но также не хотят, чтобы их беспокоили или обременяли тем, как они платят. Это легко решить на бэкенде после первого платежа, но когда и как спросить пользователя, где платить, это проблема. Если вы просто скажете покупателю, что услуга будет стоить фиксированную плату, это не очень захватывающий или удовлетворительный опыт — клиент думает об этой плате.
Но если вы покажете им, что они получают в момент покупки, людям будет легче открывать свои кошельки. Приложения для обмена поездками, такие как Uber/Lyft, отлично справляются со своей задачей, смягчая эффект «таксометра», просто гарантируя вам хорошую ставку авансом. Они не обременяют вас спецификой цены до конца услуги. В этот момент они готовы заплатить, так как услуга привела их в «точку Б». Клиент всегда должен чувствовать удовлетворение от использования вашего приложения».
Преодоление проблем мобильного пользовательского интерфейса там, где это безопасно: прототип
Несмотря на то, что мир дизайна мобильных интерфейсов прошел долгий путь с того судьбоносного дня в 2007 году, когда мир впервые увидел iPhone, это ясно каждому, кто создал мобильное приложение или перенес пользовательский опыт с настольного компьютера на смартфон или планшет — остается еще много проблем. Что делать дизайнеру?
Один из способов избавиться от этих проблем, не тратя слишком много времени на разработку, — провести обширное UI/UX-тестирование реалистичного цифрового прототипа вашего мобильного пользовательского интерфейса. С помощью инструмента для создания цифровых прототипов, такого как Proto.io, вы можете за считанные минуты создать реалистичный интерактивный макет вашего окончательного проекта с помощью редактора с функцией перетаскивания, что сэкономит неисчислимые часы процесса проектирования. Кроме того, Proto.io позволяет вам собирать отзывы от неограниченного числа пользователей, так что вы можете многократно выполнять итерации, сохраняя при этом свои заметки прямо в приложении.
[Proto.io — это инструмент для создания прототипов мобильных приложений, используемый предпринимателями и стартапами для создания полностью интерактивных реалистичных прототипов, которые выглядят и работают как настоящие приложения.]