1/14
Основы
UX/UI дизайна

Российский университет транспорта

Институт экономики и финансов

Что такое UX/UI дизайн?

UX/UI-дизайн — это проектирование удобных, понятных и эстетичных пользовательских интерфейсов.

UX — user experience — переводится на русский язык как «пользовательский опыт»

UI — user interface — это пользовательский интерфейс




Чем занимается UX/UI-дизайнер?

  • Исследует пользователей
  • Продумывает информационную архитектуру
  • Создает каркас продукта — Wireframing
  • Прототипирует: создает раннюю модель продукта, демонстрирующую его функциональность
  • Создает визуальный дизайн
  • Эффективно взаимодействует с командой


Рассмотрим примеры прототипирования и применения UX/UI-дизайна

Дизайн-мышление как методика UX/UI-дизайна


Чаще всего дизайн-мышление используют в UX/UI-дизайне и разработке, когда создают структуры и интерфейсы сайтов и приложений.

Его можно использовать в любой сфере, где нужно решить конкретную проблему конкретного пользователя: от проектирования бизнес-центра до реновации парковой зоны.

Что такое дизайн-мышление?

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

Как устроен процесс?
Знания и навыки UX/UI дизайнера
  • Знать основы разработки интерфейсов для веб-сервисов и мобильных приложений
  • Уметь работать с основными веб-программами и инструментами
  • Знать основы интернет-маркетинга
  • Владеть аналитическими навыками
  • Знать визуальный язык дизайна
Принципы дизайн-мышления

  • Показывайте, а не рассказывайте
  • Сфокусируйтесь на человеческих ценностях
  • Стремитесь к ясности
  • Экспериментируйте
  • Отнеситесь к процессу сознательно
  • Стремитесь действовать
  • Радикальное сотрудничество

Основы веб дизайна для начинающих — 7 главных правил
  • Правило внутреннего и внешнего
  • Правило группировки
  • Правило Паретта
  • Правило 7±2 (закон Миллера)
  • Правило упрощения навигации
  • Правило минимализма в дизайне
  • Правило «воздуха» в дизайне
Инструменты
Tilda
Figma
Инструменты, используемые для прототипирования веб-сайтов
Tilda как инструмент веб-дизайна
Figma как инструмент веб-дизайна
Это еще не все!
Теперь поможем банку «ЭБC-банк» сделать сайт, который будет направлен на привлечение новых пользователей.
Основные продукты банка:
- кредитование населения
- вклады.
В настоящее время у банка есть сайт.
Попробуем провести анализ и выявить недостатки и предложить улучшения.