Примеры хорошего UX-дизайна | Полное руководство по UX №16

Откуда черпать вдохновение в работе UX-дизайнера? Как отличить хороший UX-дизайн от плохого? Сегодня мы рассмотрим эти и многие другие вопросы, касающиеся хорошего UX-дизайна, а также покажем некоторые интерфейсы, представляющие высокий уровень в области UX. Надеюсь, вы найдете вдохновение в примерах, которые мы демонстрируем.

Примеры хорошего UX-дизайна — оглавление:

1. Где черпать дизайнерское вдохновение?
2. Как распознать хороший UX-дизайн
3. Пример хорошего UX-дизайна – Google
4. Пример хорошего UX-дизайна — Apple
5. Пример хорошего UX-дизайна — Airbnb

Где черпать дизайнерское вдохновение?

Индустрия UX в настоящее время является быстрорастущей и динамично меняющейся отраслью. Одна из обязанностей хорошего UX-дизайнера — быть в курсе текущих тенденций, быть в курсе меняющихся технологий и искать вдохновение у лидеров отрасли. Дизайнер, который избегает этих занятий — просто не развивается. Индустрия UX требует постоянного интереса, исследований, поиска вдохновения и новых методов исследования или проектирования, сравнения и внедрения инноваций.

Как вдохновиться? Многие люди порекомендуют известные порталы для дизайнеров, такие как Dribble или Behance. Там есть одна вещь, за которой нужно следить. На этих порталах вы найдете огромное количество кейсов проектов из разных отраслей, созданных дизайнерами со всего мира. Вы увидите разные точки зрения, но помните, что любой, кто создаст там учетную запись, может публиковать свои проекты. Многие из них — некоммерческие проекты, созданные « на вынос » в рамках курса UX или самостоятельно людьми, которые не работают UX-дизайнером — а, например, только учатся.

В таких проектах часто акцент делается на визуальную часть — UI, а сам UX остается позади. Не хватает исследований, бизнес-требований, определения проблемы, цели всего процесса или потребностей пользователей, что делает проект визуально привлекательным, но не обязательно хорошо продуманным и подкрепленным исследованиями и данными. Так что здесь трудно говорить о хорошем вдохновении для UX-дизайнера. Мы можем найти гораздо более ценный контент в исследованиях известных UX-агентств или даже на веб-сайтах компаний, которые считаются лидерами в области пользовательского опыта. Мы подробнее рассмотрим некоторые из них ниже.

Как распознать хороший UX-дизайн

Ведь богатство интернета позволяет черпать вдохновение из многих источников (включая Dribble или Behance — мы не отрицаем их полностью). Как мы уже не раз писали — основная характеристика хорошего дизайнера — умение проводить исследования и делать выводы. Это также может быть переведено в способность искать дизайнерское вдохновение. Но что должен представлять собой проект, который можно отнести к категории хороших с точки зрения пользовательского опыта?

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

Пример : Возьмем магазин электроники. Проблема заключается в большом количестве отказов от корзины пользователями. Целью проекта будет выяснить причину такого поведения и решить эту проблему.

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

Здесь у нас есть четко определенная проблема — как с точки зрения бизнеса, так и с точки зрения пользователя, у нас есть цель и установленные меры успеха.

2. Конечно, недостаточно просто провести исследование правильно — их анализ и результаты должны быть воплощены в окончательный дизайн интерфейса. Поэтому во время кейса мы уделяем пристальное внимание тому, отвечает ли дизайн потребностям пользователей и решает ли он задачу дизайна.
3. Дизайн, который хорош с точки зрения UX, также, конечно, соответствует требованиям, установленным эвристикой юзабилити Nielsen. Мы уже подробно описали их в отдельной статье. Эвристика — это универсальные принципы, являющиеся основным методом анализа интерфейсов на предмет удобства использования. Следуя им, дизайнер полностью оптимизирует как внешний вид, так и работу сайта.

Конечно, проведение комплексных исследований, а также взращивание и развитие UX на высоком уровне требует не только больших средств, но и времени, а также опытной команды UX- и UI-специалистов, разработчиков, аналитиков и руководителей. Неудивительно, что крупные международные технологические компании, такие как Google и Apple, могут похвастаться очень хорошим UX.

Пример хорошего UX-дизайна – Google

Google, который существует на рынке с 1998 года, безусловно, является отличным примером того, как может выглядеть хороший UX. Поисковая система Google — один из самых простых инструментов, доступных в Интернете. Его работа интуитивно понятна и не вызывает затруднений у рядового пользователя Интернета. Он соответствует требованиям, вытекающим из эвристики Нильсена, — он прост, понятен, понятен и эстетичен. Он не содержит лишних ссылок, кнопок или баннеров. Сразу становится ясно, как ориентироваться. Более того, вы можете сразу увидеть, для чего это нужно — поиск.

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

Пример хорошего UX-дизайна — Apple

Сайт Apple — это не только красивый дизайн, но и тщательно проработанный UX. На сайте очень простая, интуитивно понятная навигация. Панель навигации содержит не только названия категорий, но и небольшие изображения товаров, что позволяет быстро перемещаться по сайту. Язык, используемый на сайте, прост, но креативен. Без лишнего описания он представляет пользователю конкретную ценность данного продукта.

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

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

Пример хорошего UX-дизайна — Airbnb

С момента своего появления в 2008 году Airbnb (платформа для аренды жилья у частных лиц) пользуется большой популярностью среди пользователей — одна из главных причин, конечно же, ее хорошо продуманный UX.

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

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

Airbnb, как и Apple, делится передовым опытом, интересными кейсами и новостями из мира дизайна на своем сайте.

Если вам нравится наш контент, присоединяйтесь к нашему сообществу занятых пчел в Facebook, Twitter, LinkedIn, Instagram, YouTube, Pinterest.

Автор: Клаудия Ковальчик

Графический и UX-дизайнер, который передает в дизайне то, что невозможно передать словами. Для него каждый использованный цвет, линия или шрифт имеют значение. Увлекается графическим и веб-дизайном.

Просмотреть все сообщения

Полное руководство по UX:

1. Что такое UX и чем он НЕ является
2. UX и UI — сопоставимы ли они?
3. 7 факторов (выдающегося) пользовательского опыта
4. Вы знаете, что такое UX-дизайн?
5. Вы разрабатываете пользовательский опыт? Позаботьтесь об этих вещах!
6. 10 эвристик юзабилити для UX-дизайна, которые вам нужно знать
7. Процесс проектирования UX за 5 простых шагов
8. Ориентированный на пользователя дизайн и его основные принципы
9. Этапы процесса проектирования, ориентированного на пользователя
10. Что такое клиентский опыт?
11. Пользовательский опыт против клиентского опыта. Простое объяснение их отношений
12. Что такое опыт бренда?
13. Что такое взаимодействие человека с компьютером (HCI)?
14. Почему UX важен?
15. Юзабилити против функциональности в UX
16. Примеры хорошего UX-дизайна