{"id":14275,"url":"\/distributions\/14275\/click?bit=1&hash=bccbaeb320d3784aa2d1badbee38ca8d11406e8938daaca7e74be177682eb28b","title":"\u041d\u0430 \u0447\u0451\u043c \u0437\u0430\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u044e\u0442 \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0440\u043e\u0434\u0430\u0432\u0446\u044b \u0430\u0432\u0442\u043e?","buttonText":"\u0423\u0437\u043d\u0430\u0442\u044c","imageUuid":"f72066c6-8459-501b-aea6-770cd3ac60a6"}

Веб-дизайн — основы

Как распознать хороший дизайн, что такое UX и UI

Давайте сразу определимся, что «вкусовщина» это миф. Дизайн в вебе либо 💩, либо 💎 — решает задачи бизнеса и пользователей, а также выделяется из тех, что были открыты в соседних вкладках. Чтобы было понятней, разделим сайт на сущности UX/UI и рассмотрим их с примерами.

UX

UX (user experience) — опыт пользователя. Занимаются этим UX, UX/UI и CX дизайнеры:

  • UX дизайнер сфокусирован на изготовлении каркаса (wireframe), пути пользователя (user flow) и опыте пользователя (user experience).
  • UX/UI дизайнер — распространенная практика в России, когда дизайнер отвечает и за интерфейс и за опыт.
  • CX дизайнер заботится об общем впечатлении потребителя о бренде. Как бренд-менеджер в маркетинге, только в дизайне.

Плохой UX

Актуальная информация не обновляется и вводит пользователей в заблуждение. https://www.nintendo.ru/
Длинный и сложный текст никто не читает. https://cdek.ru/
Бесконечные страницы без фильтров.
Всплывающих окон и рекламы больше, чем контента. http://forbes.ru/

Хороший UX

Всё самое нужное на одной странице, разделы упрощены до невозможности. А превосходная метафора с двойным дном «Почта доставляет» просто обезоруживает. https://www.pochta.ru/
С помощью эмодзи пользователь быстрее понимает контекст и не успевает заскучать. https://www.reg.ru/
Наверное, самая понятная форма в мире. Да и UI прекрасен, что уж там. https://www.airbnb.ru/
Понятная структура большого массива информации. https://www.reg.ru/

UI

UI (user interface) — интерфейс пользователя. Над ним работают: UI, Product, Interaction и Web дизайнеры:

  • UI дизайнер имеет более глубокие знания в композиции, колористике и типографике.
  • Product дизайнер, как правило, имеет обширные знания о сфере и самом продукте, над которым он работает и не скучает, постоянно его улучшая.
  • Interaction дизайнер занимается анимацией в широком смысле этого слова.
  • Web дизайнер — универсал, у которого может быть довольно много навыков не связанных с дизайном. Например в маркетинге, графике, разработке и продакшене.

Плохой UI

Всё свалено в кучу, а 25% экрана вообще не используются. https://www.dhl.ru/
Отсутствие сетки. https://www.nintendo.ru/
Неудачные попытки креатива.
Фото и иллюстрации в плохом разрешении.
Стоковые фото.
Старый и унылый дизайн. https://www.stanford.edu/

Хороший UI

Приятная видео-анимация, объясняющая вариант использования продукта. https://slack.com/
Идеальная сетка. https://www.airbnb.ru/
Гифка с демонстрацией одной из фич. https://www.figma.com/
Фиксированное оглавление — удобно всегда. https://framer.com/
На всем сайте идеально выдержанная идентичность. Все иллюстрации имеют единый стиль, а элементы — цвет. https://www.figma.com/
Криповая, но стильная и запоминающаяся видео-заставка. Кстати, это любимый суши-бар нашей команды — рекомендуем. https://subzerosushi.ru/

Вместо заключения

Нельзя забывать, что во главе угла всегда стоит пользователь и его удобство. Если ему будет неудобно, непонятно, долго или странно, то он закроет страницу и забудет об этом через секунду. Нужно думать о пользователе и его удобстве, чтобы он радовался и умилялся при использовании вашего продукта, рассказывал о своем опыте друзьям, тем самым снижая ваш CAC (Customer Acquisition Cost — стоимость привлечения пользователя).

Это ли не счастье? 🙂

Если хотите получить быстрый и хороший результат, пишите на [email protected] или заглядывайте к нам на сайт:

0
4 комментария
Семен Давыдыч

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

Ответить
Развернуть ветку
Михаил Петухов

Визуализация и дизайн сайта, сейчас встают на первое место для заинтересованности клиентов

Ответить
Развернуть ветку
Арсений Щеглов

Хоть и статья достаточно старя, хочется отметить, что написаны действительно очень правильные вещи. Выводы вообще огонь! 

Ответить
Развернуть ветку
El Studio
Автор

Спасибо!

Ответить
Развернуть ветку
1 комментарий
Раскрывать всегда