6 простых настроек дизайна пользовательского интерфейса, которые превратят ваше приложение из «нехорошего» в потрясающее
Опубликовано: 2015-09-16Вы создали прототип мобильного приложения в соответствии со спецификациями, но что-то не так. Может быть, все идет не так гладко, как хотелось бы, или дизайн пользовательского интерфейса не дает вам эффекта «вау». Вы хотите, чтобы ваше приложение было похоже на волшебство, но сейчас это больше похоже на то, как ваш папа вытаскивает четвертак из вашего уха, чем как Дэвид Копперфильд заставляет пирамиды исчезнуть.
Что вы делаете? Вы отказываетесь от всего этого и начинаете свой дизайн с нуля?
Или, может быть, каким-то чудом приложение может быть сохранено с помощью простой настройки дизайна. В конце концов, вы посвятили себя дизайну еще до создания прототипа или бета-версии, поэтому в нем должно быть что-то хорошее — и было бы обидно пропустить всю эту тяжелую работу впустую.
Мы спросили 6 дизайнеров, какие незначительные корректировки, по их мнению, имеют наибольшее значение для дизайнера пользовательского интерфейса. Возможно, их ответы вдохновят вас на завершение работы над вашим приложением, превратив его из хорошего в великолепное (или из отличного в потрясающее!)
1. Когда дело доходит до копирования, избавьтесь от лишних слов.
Если вы используете приложение на небольшом устройстве, скорее всего, вы не хотите тратить уйму времени на чтение. Избыток текста не только замедляет работу вашего пользователя, но и вытесняет дизайн вашего пользовательского интерфейса.
Морин Кервин — дизайнер взаимодействия в Nokia Networks (@nokianetworks). Совет Кервина по мгновенному улучшению любого приложения? Выполните аудит копии и вырежьте все, что вам не нужно.
«Проверьте текст на наличие повторов или слишком большого количества слов», — говорит Кервин. «Почти всегда есть что-то, что вы можете удалить или пересмотреть, чтобы сделать его более ясным и лаконичным».
В этом случае иногда лучшим другом дизайнера пользовательского интерфейса является редактор или корректор. Если вы не можете решить, какую копию вырезать (или сжать), второй объективный взгляд на ваше приложение имеет решающее значение.
2) Получить обратную связь от пользователей.
Если вы застряли, пытаясь понять, что именно в дизайне вашего пользовательского интерфейса просто не работает, самый быстрый способ получить ответ — просто спросить своих пользователей.
Майк Де'Шазер (@itsdeshazer) — соучредитель и генеральный директор CodeCloud.me (@CodeCloudMe), интерактивной платформы, которая помогает пользователям научиться программировать и позволяет им создавать приложения. По словам Де'Шазера, знание своих пользователей и получение их отзывов — это самый надежный способ сделать дизайн вашего пользовательского интерфейса эффективным.
«Существуют разные виды UX-оптимизации с разными целями, — говорит Де’Шазер, — но лучший способ оптимизировать дизайн и работу пользовательского интерфейса для любой технологии — лучше понять людей, которые ее используют».
Когда ваше приложение не работает, отправьте свой прототип группе пользователей бета-версии. Их предложения о том, как улучшить опыт, могут быть самой ценной обратной связью, которую вы можете получить.
3) Сделать это быстро.
Всем вашим пользователям (и потенциальным пользователям) нужна скорость. Если вы заметите, что ваш пользовательский интерфейс работает не так, как вы хотите, это может быть не столько проблемой дизайна пользовательского интерфейса, сколько скоростью работы самого приложения.
Амна Ризви — разработчик приложений в GadgTecs (@GadgTecs), блоге о науке и технологиях, в котором представлены приложения, гаджеты и научные новости. Как создатель и наблюдатель мобильных приложений, Ризви считает, что скорость и время запуска являются двумя наиболее важными аспектами оптимизации взаимодействия с пользователем.
«Одним из самых важных аспектов для меня является время запуска приложения», — говорит Ризви. «У приложения должна быть потрясающая заставка, и оно должно загружаться очень-очень быстро».
Рекомендуется для вас:
Что означает положение о борьбе со спекуляцией для индийских стартапов?
Как стартапы Edtech помогают повысить квалификацию рабочей силы Индии и стать готовыми к будущему ...
Технологические акции нового века на этой неделе: проблемы Zomato продолжаются, EaseMyTrip публикует...
Индийские стартапы срезают путь в погоне за финансированием
Цифровая маркетинговая платформа Logicserve Bags Финансирование 80 CR INR, ребрендинг как LS Dig...
Отчет предупреждает о возобновлении нормативного контроля над Lendingtech Space
Первые впечатления, конечно, самые важные, говорит Ризви. «Пользователи быстро отключаются, когда нажимают на приложение, и им приходится ждать целую вечность, прежде чем они смогут что-либо сделать. Так что, на мой взгляд, приложение должно быть мгновенным, каким бы большим оно ни было».
Вас не впечатлила ваша последняя работа? Посмотрите, сможете ли вы оптимизировать опыт. Сократите время загрузки и подумайте о том, чтобы любые анимации, которые вы включаете в дизайн пользовательского интерфейса, длились более короткие периоды времени. Если это не заставит ваше приложение сиять немного ярче, читайте дальше.
4) Украсьте свой дизайн пользовательского интерфейса анимацией.
Эндрю Райли является основателем Ticketlab (@ticketlabUK), онлайн-сервиса по продаже билетов, который позволяет исполнителям создавать и продавать билеты на мероприятия. Он также является цифровым консультантом и фронтенд-разработчиком.
По мнению Райли, лучший способ мгновенного воздействия на дизайн пользовательского интерфейса — это движение.
«Мой главный совет по улучшению восприятия веб-страницы или приложения очень прост: анимация. Я говорю не о подпрыгивающих логотипах и бликах эпохи Flash, а о тонкой анимации», — говорит Райли. «В самой простой форме, когда состояние наведения включает изменение цвета фона, просто примените к нему 0,3-секундный линейный переход. Вы обнаружите, что это мгновенно сделает ваш пользовательский интерфейс меньше похожим на веб-сайт и больше на приложение».
По словам Райли, лучшая часть этой настройки дизайна заключается в том, что это не займет много времени, но эффект может быть огромным. «Переход можно разумно применить практически к любому изменению состояния, чтобы действительно оживить дизайн. Несмотря на то, что эта функция CSS доступна уже несколько лет, во многих новых приложениях она по-прежнему недостаточно используется, но во многих случаях для ее реализации требуется всего несколько минут».
Герт Хаттинг, технический директор One Click Here (@Oneclickhere1), соглашается. По словам Хаттинга, в One Click Here дизайнеры и разработчики тратят время на тестирование дизайна пользовательского интерфейса на нескольких этапах, чтобы убедиться, что процесс идет правильно.
«Работа в гибкой среде дает вам возможность тестировать пользовательский интерфейс по ходу разработки. Нам нравится играть с переходами, чтобы помочь пользователю сделать следующий шаг», — говорит Хаттинг. «Добавление тонкой анимации к кнопке, когда она используется, помогает пользователю понять, что делать, и улучшает общее впечатление».
Анимация привлекает внимание ваших пользователей, помогает направлять их в процессе работы и может добавить столь необходимую дополнительную привлекательность вашему дизайну пользовательского интерфейса, но помните, что не переусердствуйте — как напоминает нам наш следующий разработчик, иногда меньше значит больше.
5) Упрощать, упрощать, упрощать.
Ни один пользователь не хочет быть засыпанным какофонией визуальной стимуляции, будь то цветовая палитра, допускающая слишком много вольностей, или вопиющее злоупотребление визуальными текстурами (даже если вы приверженец скевоморфизма, вы все равно можете зайти слишком далеко с тени и блеск).
Амрита Талвар — разработчик, который работал над несколькими приложениями для Android и iOS, включая PoolMyRide (@poolmyride), кроссплатформенное приложение, которое позволяет пользователям находить партнеров по совместному использованию автомобилей. По опыту Талвара, ключ к превращению дизайна пользовательского интерфейса из хорошего в отличный — сделать его простым:
«Разработка приложения похожа на создание песни без текста — ее нужно понимать глобально. Чтобы сделать приложение удобным и красивым, я выполняю следующие шаги:
– Рассмотрите возможность использования материального дизайна с плоскими значками и убедитесь, что дизайн вашего пользовательского интерфейса масштабируется для разных устройств.
– Сведение к минимуму количества кликов, жестов и взаимодействий, которые должен совершить пользователь. Все, что вы намереваетесь сделать с пользователем, должно быть сделано с наименьшим количеством кликов.
- Сохранение дизайна пользовательского интерфейса в чистоте. Может показаться заманчивым загромождать пользовательский интерфейс функциями, но расставьте приоритеты в том, что действительно нужно пользователю. Иногда лучше оставить только самые важные функции и пропустить то, что «приятно иметь», так как это отрицательно скажется на общем дизайне».
Оптимизированный дизайн означает меньше нагрузки на ваших пользователей. Ваш дизайн пользовательского интерфейса должен работать за них, а не наоборот.
6) Ищите вдохновение за пределами своей зоны комфорта.
Иногда причиной неудачного дизайна является просто отсутствие свежих идей. Это особенно распространено, если у вас есть несколько лет опыта работы в отрасли, особенно в одном и том же агентстве. Вы заметили, что дизайн вашего пользовательского интерфейса начинает выглядеть одинаково — один и тот же экран-заставка, одни и те же анимации, похожие кнопки, значки или шрифты?
Возможно, пришло время отложить ваш текущий проект и взглянуть на некоторые другие мобильные приложения, чтобы подтолкнуть вашу рутину. Отличным местом для начала может быть список 10 лучших инновационных дизайнов пользовательского интерфейса от перспективных фирм. Внимательно посмотрите, что эти приложения делают по-другому, и подумайте, как вы можете сделать некоторые из этих концепций своими.
Чтобы получить еще более свежий взгляд, посмотрите за пределы индустрии мобильных приложений в целом. Например, игра в видеоигру может стать ценным уроком в рассказывании историй, а поход в художественный музей может привести к некоторым из ваших лучших идей. Даже если вы просто проведете немного больше времени со своими детьми (или племянницами и племянниками), это может улучшить вашу игру в дизайне пользовательского интерфейса.
Не хочется вставать со стула? Просто прочитайте о том, как другие дизайнеры получают свои лучшие идеи, когда они впадают в творческий фанк. Иногда вдохновение приходит из самых неожиданных мест.
[Первоначально опубликовано на blog.proto.io 28 августа]