|
|
@@ -0,0 +1,51 @@
|
|
|
+# Что такое UX/UI-дизайн
|
|
|
+**Графический интерфейс** — это совокупность элементов во внешнем виде сайта или приложения, с которыми может взаимодействовать пользователь. Парадокс, но хороший интерфейс — это не тот, что заставляет о нём думать. Наоборот: его задача — быть незаметным. Настолько, чтобы пользователь не отвлекался от своей цели, а быстро и без труда достиг её. А ещё лучше — заинтересовался чем-то ещё.
|
|
|
+
|
|
|
+За всё это отвечает особая ветвь разработки — UX/UI-дизайн.
|
|
|
+**UX/UI-дизайн** — это процесс, при котором специалист продумывает и создаёт удобный для пользователя, стильный и функциональный интерфейс. Эти специалисты — и есть UX/UI-дизайнеры. У них важная задача — создать такой интерфейс, который понравится пользователю и внешне, и функционально. Поэтому их работу можно разделить на две сферы: UX и UI.
|
|
|
+
|
|
|
+**UX-дизайн** (User Experience или пользовательский опыт) — это проработка грамотной навигации внутри сайта и добавление всех нужных функций именно там, где их ждёт пользователь. Представьте, что вы хотите купить новую игру в Steam, но нигде не можете найти кнопку корзины. Или нажимаете «Заказать», однако попадаете не на форму оплаты, а на страницу с отзывами. Это путает и раздражает. Чтобы такого не было, разработчики продумывают UX-дизайн.
|
|
|
+
|
|
|
+**UI-дизайн** (User Interface или интерфейс пользователя) — это создание привлекательного внешнего вида страницы по правилам дизайна и типографики. Интерфейс должен быть приятен глазу. Даже если все кнопки на сайте ведут куда надо, пользователь всё равно может уйти с него из-за обилия элементов, нечитаемых шрифтов или ярких оттенков.
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+## 3 принципа хорошего UX/UI-дизайна
|
|
|
+### Пользователь важнее всего
|
|
|
+Как бы сильно разработчик ни хотел показать себя, он должен помнить, для кого делает интерфейс. Нажимать кнопки и заполнять формы будет пользователь. А значит, важно сделать сайт или приложение так, чтобы с ним было удобно взаимодействовать. Это не поле для экспериментов. Здесь важно угодить.
|
|
|
+
|
|
|
+### Хороший интерфейс — это смесь психологии и типографики
|
|
|
+Чтобы добиться качественного результата, не нужно изобретать велосипед. Правила, как создать удобный и приятный интерфейс, давно придуманы — ими пользовались ещё при вёрстке бумажных газет. В них было просто найти глазами нужную колонку или раздел, что и есть главная задача крутого интерфейса.
|
|
|
+
|
|
|
+А теперь представьте, как человек оплачивает товар в интернете, и на его экране появляется окно с просьбой подтвердить заказ. Но кнопка «Подтвердить» красного цвета, а «Отмена» — зелёного. Скорее всего, человек автоматически нажмёт зелёную, потому что мозг воспринимает её как «да». И тогда он случайно отменит заказ и не поймёт, что произошло.
|
|
|
+Чтобы такого не случалось, UX/UI-дизайнеры изучают поведение людей и их реакцию на разные элементы.
|
|
|
+
|
|
|
+### Тренды
|
|
|
+Представьте ситуацию: вы создаёте интерфейс для сайта крупной инвестиционной компании и хотите сделать трендовый дизайн. Например, сочные оттенки, крафтовые иллюстрации или весёлые микроанимации на кнопках. В итоге заказчик недоволен работой, потому что это не вяжется с его брендом. Такой подход был бы в тему магазина одежды или кафе, но здесь это неуместно.
|
|
|
+
|
|
|
+Другая некрасивая сторона трендов — то, как быстро они распространяются. Как только кто-то найдёт свежее решение, будьте уверены — скоро многие подхватят его. И тогда интернет наполнится почти одинаковыми проектами. Поэтому сперва важно проанализировать всё и понять, стоит ли оно того.
|
|
|
+
|
|
|
+## Этапы работы UX/UI-дизайнера
|
|
|
+
|
|
|
+**1. Анализ целевой аудитории **
|
|
|
+Чтобы понять, как построить грамотный интерфейс, этот специалист должен взглянуть в глаза тем, кто будет им пользоваться, узнать о желаниях пользователей, а значит — понять, как найти к ним подход.
|
|
|
+
|
|
|
+**2. Изучение конкурентов**
|
|
|
+Перед активной фазой работы UX/UI-дизайнеру важно проанализировать сферу и посмотреть на интерфейсы конкурентов. И нет, не для того, чтобы украсть чью-то идею. Специалист должен понять, какие подходы уже используют другие проекты, чтобы создать нечто новое и непохожее, но при этом уместное.
|
|
|
+
|
|
|
+**3. Работа с продуктом**
|
|
|
+На этой стадии UX/UI-дизайнеры пытаются вжиться в роль пользователя и продумать, как именно тот будет взаимодействовать с продуктом.
|
|
|
+
|
|
|
+**4. Разработка прототипа **
|
|
|
+Базовый прототип или вайрфрейм мало чем похож на готовый интерфейс. Он выглядит как схема страницы и показывает, где какие элементы будут расположены. На нём можно увидеть все кнопки, формы и разделы с информацией, но пока всё это — просто подписанные серые прямоугольники.
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+**5. Тестирование**
|
|
|
+Когда дизайн готов, важно проверить, что он подойдёт пользователям. Для этого разработчики собирают фокус-группу — людей из целевой аудитории — и дают им «потрогать» интерфейс. После теста фокус-группа рассказывает о своих впечатлениях и отвечает на вопросы. Это позволяет разработчикам внести правки в дизайн.
|
|
|
+
|
|
|
+**6. Поддержка **
|
|
|
+Это этап после релиза, на котором разработчики следят за состоянием проекта. И если что-то идёт не так, они вовремя исправляют ошибки, пока те ещё не успели отпугнуть пользователей.
|
|
|
+
|
|
|
+**7. Развитие**
|
|
|
+Это не совсем отдельная стадия — её проводят одновременно с поддержкой готового проекта. В это время разработчики ищут новые пути, которые помогут улучшить UX/UI-дизайн. А затем — тестируют гипотезы, создают и внедряют новые подходы. Это помогает проекту оставаться актуальным.
|
