Введение в UX|UI дизайн. День 1

1.

Введение в UX|UI дизайн
Преподаватель: Бронникова Анна Сергеевна
Day 1

2.

Что такое дизайн?
Design
В переводе с
английского:
• дизайн;
• конструкция;
• проект;
• замысел;
• разработка;
• оформление;
• образец и др.
Дизайн – конструирование
вещей, машин, интерьеров,
основанное на принципах
сочетания удобства,
экономичности и красоты.
Дизайном является и
процесс проектирования и
результат этого процесса

3.

Кто такой дизайнер?
Дизайнер – человек, который занимается дизайном.
Популярные разновидности дизайна:
• Промышленный дизайн (от ложки до автомобиля);
• Графический дизайн (дизайн плоскости: модели,
анимации, иллюстрации);
• Дизайн пространства (архитектура, ландшафт,
интерьер);
• Дизайн одежды и обуви.

4.

Какими навыками должен
обладать графический дизайнер?
• Креативное мышление и визуализация (изобразить свои идеи на
бумаге);
• Типографика (работа с текстом и шрифтами);
• Профессиональное ПО (Illustrator, Photoshop, Aftereffects, Figma и
т.д.);
• Теория цвета (сочетание и смешение цветов, работа с тенями и
светом);
• Базовые знания HTML и CSS (базовые знания для возможности
самостоятельно внести правки);
• Оптимизация шаблона (структура и расположение элементов,
пользователь должен интуитивно прийти к ключевому элементу);
• Полиграфический дизайн (дизайн печатной продукции).

5.

Что же такое UX|UI дизайн?
UX|UI дизайн – это проектирование любых пользовательских
интерфейсов в которых удобство использования так же
важно как и внешний вид.
Цель UX/UI дизайнера — довести пользователя до какой-то
логической точки в интерфейсе. Сделать так, чтобы
пользователь достиг своей цели.

6.

7.

Что такое UX?
UX (User Experience) – в переводе с английского –
пользовательский опыт, т.е. это тот опыт, который получает
пользователь при работе с интерфейсом. Может ли он
достичь назначенной цели или же нет, было это сложно или
легко.
UX отвечает за то, как интерфейс работает.
При работе с UX, дизайнер составляет схему пользовательских
сценариев, «рисует» портрет пользователя, обозначает
целевую аудиторию, думает над основными функциями
интерфейса.

8.

Пользовательский сценарий (User Scenario) — это схема, которая позволяет
определить, почему пользователи сталкиваются с вашим продуктом и как с
его помощью реализуют свои планы.
Целевая аудитория - это те пользователи, которые в силу своих ценностей
и интересов будут заинтересованы в конкретном продукте.
Портрет пользователя (User Segment) — это представление определенной группы
клиентов продукта, которое содержит информацию по вопросам «что
пользователи чувствуют, как думают, чего хотят, какие функции и результаты им
важны, а также какую ценность потребляют и в каком объеме».

9.

10.

Например, целевая аудитория приложения для покупки
детской одежды:
Женщины 20-50 лет – мамы детей.
Женщины >50 лет – бабушки детей.
Портрет пользователя:
• Женщина,
• 30 лет,
• Двое детей,
• Работает из дома,
• Доход 70 тыс. рублей в месяц,
• Нуждается в приложении, в котором можно будет
выбрать и заказать одежду для детей, чтобы сэкономить
время.

11.

Что такое UI?
UI (User Interface) – в переводе с английского –
пользовательский интерфейс, т.е. то как внешне выглядит
интерфейс и какие свойства приобретает. Определяет, какого
цвета будет «изделие», читабелен ли будет текст, удобны ли
будут кнопки.
UI отвечает за то, как интерфейс выглядит.

12.

Список источников
• https://www.youtube.com/watch?v=jfHUzASld3c&t=79s
• https://translate.yandex.ru/?source_lang=en&target_lang=ru&text=design
• https://tolkovyj-slovar-ozhegova.slovaronline.com/6941-ДИЗАЙН
• https://spark.ru/startup/shuba-lab/blog/9841/8-navikov-kotorimi-dolzhenobladat-kazhdij-graficheskij-dizajner
• https://habr.com/ru/post/321312/
• https://practicum.yandex.ru/blog/chto-takoe-ux-ui-dizayn/
• https://www.powerpointbase.com
• https://l-a-b-a.com/blog/2651-polzovatelskie-scenarii-chto-eto-kak-i-dlyachego-ih-nuzhno-stroit
• https://appcraft.pro/blog/kak-voiti-na-rynok-prilozheni/