UI/UX ДИЗАЙН

PRESENTATION

ІНЖЕНЕРІЯ ПРОГРАМНОГО ЗАБЕЗПЕЧЕННЯ

01/11

UX/UI дизайн - це створення інтерфейсів для користувачів, причому важливий не тільки зовнішній вигляд, але і зручність

UX

ЗАВДАННЯ UX та UI дизайну

02/11

ІНСТРУМЕНТИ

03/11

FIGMA

PHOTOSHOP

Що таке UI/UX-дизайн

UI (User Interface) — візуальна частина інтерфейсу

UX (User Experience) — досвід користувача

04/11

UX

UI

- Тестування зручності користування

- Інформаційна архітектура

- Визначення сценаріїв поведінки користувачів на сторінці

- Каркасна структура та прототипування сайту

- Дослідження користувача спрямовані на розуміння поведінки на сайті

- Візуальна частина дизайну сайту

- Визначення колірної гами

- Відображення графічних елементів

- Добір шрифтів

- Малювання макету з розміщенням всіх візуальних елементів на сторінці

05/11

UI/UX — ключ до успіху будь-якого вебсайту чи мобільного додатку

06/11

Етапи створення UI/UX дизайну

1. Дослідження (Research)

​

3. Прототипування (Wireframing)

2. Побудова користувацьких сценаріїв

​

4. Створення візуального дизайну (UI)

07/11

5. Тестування (Usability Testing)

​

Принципи ефективного UX

08/12

• Простота використання
• Логічність навігації
• Адаптивність
• Візуальна ієрархія
• Зворотний зв’язок користувача

​

09/11

Принципи якісного UI

• Контрастність і читабельність
• Узгодженість елементів
• Використання кольорів і типографіки
• Мінімалізм і чистота дизайну

​

Практичні завдання курсу

— Call to Action, CTA

10/11

• Створення користувацьких сценаріїв
• Створення прототипів у Figma
• Розробка дизайн-системи
• Проєктування головного екрана сайту або додатку
• Тестування зручності інтерфейсу

​

— це синтез мистецтва, психології та технологій

​

UI/UX ДИЗАЙН

11/11