1.1. UI / UX дизайн

Обновлено: 9 мар.

Для начала давайте разберёмся кто же такой веб-дизайнер.


Люди часто думают, что дизайн-это стиль и красивая оболочка.

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


Дизайн (от англ. design) — проектировать



Веб дизайн — это планирование и создание контента (текст, фотографии, графика) таким образом, чтобы сайт был красивым, функциональным и удобным. Отсюда пошло разделение на UX /UI design


UX (англ. user experience) дословно означает «опыт пользователя». В более широком смысле это понятие про весь опыт, который получает пользователь при взаимодействии с сайтом или приложением.

UX-дизайн отвечает за функции, адаптивность продукта и то, какие эмоции он вызывает у пользователей. Чем понятнее интерфейс, тем легче пользователю получить результат и совершить целевое действие.


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

  • Польза;

  • Удобство использования;

  • Легкость в поиске;

  • Доверие;

  • Желанность;

  • Доступность;

  • Ценность.

UI (User Interface) — в переводе с английского «пользовательский интерфейс». Это внешний вид, эстетика сайта. UI design — это визуализация, графическая проработка идей UX дизайнера: меню, кнопки, слайдеры, формы, иллюстрации, анимация, фото и видео, шрифты и цвета.

Разница между UX и UI — в том, что UX-дизайнер планирует, как пользователь взаимодействует с интерфейсом, какие шаги ему нужно предпринять, чтобы достичь цели. А UI-дизайнер продумывает, как эти шаги и путь к цели выглядят.

На деле UX и UI так тесно связаны, что иногда грань между понятиями размывается. Поэтому обычно проектированием интерфейсов занимается один дизайнер и его профессия пишется через слеш.


Спроектировать хороший сайт — это чёткая технология, которую мы разберём на этом курсе и разработаем полноценный сайт.



 

Задание:

  1. Определитесь какой сайт вы будете разрабатывать на этом курсе

  2. Подумайте в чём основная идея и задача

  3. Найдите пять конкурентов (Яндекс, Гугл, 2ГИС) и определите хорошие решения на ваш взгляд. Оцените как выглядят сайты, из чего состоят, что пишут и как.

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


Важно! В комментариях не допускаются ссылки на сторонние сайты и ресурсы. К сожалению, такие комментарии сразу удаляются модераторами.