ui/ux design course presentation

Базовий курс основ UI/UX дизайна

2

Цель курса UI/UX

Научить процессудизайна интерфейса

Лекции иворкшопы

3

Результат

Дизайн интерфейсасобственного проекта

Презентацияготового решения

4

Прототипготовое к разработке решение

Как сделать правильно?

Как сделать удобно?

Как сделать красиво?

Какую платформу выбрать?

5

О школе

• создана в 2012 году айтишниками для айтишников

• одна из лучших IT школ Украины

• только авторские курсы от лучших профессионалов

• преподаватели — только работающие айтишники

• отбор преподавателей

• отбор студентов

6

Автор курса

Николай Воронин

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

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

7

Преподаватели

Артем Костенко

Art-Director в Sigma

Дмитрий Куркин

Партнер в бюро «make»UX/UI Designer

Наталия Савченко

Senior UX Designer в EPAM

8

Кому это надо

• Графическим и веб-дизайнерам

• Бизнес-аналитикам

• Менеджерам проектов

• Front-end разработчикам

• И…

9

UX Эксперт

• Единственный «друг» пользователя

• Является квалифицированным специалистом

• Заботится о проведении независимых исследований

и получении объективных результатов

10

User Interface

User Experience

То, что пользователи видят и воспринимают

то, как пользователичувствуют и

взаимодействуют

11

13Процесс

01 02 03 04 05 06

IDEAINFORMATION

DESIGN

RESEARCH

VISUAL DESIGN

INTERACTIONDESIGN

DEVELOPMENT

UX DesignerFront-end Developer

Graphic Designer

14

01

IDEA

15Идея - Бизнес модель. Lean Canvas.

16Пример Бизнес модели. Заказ Фотокниг

Много цифровых фото на разных носителях

Нет времени для похода в фотосалон

Напечатанные снимки надо куда-то складывать

Активная молодежь с фотоаппаратами и смартфонами

Активные пользователи соц.сетей: instagram, FB, VK

Недорогая мини фотокнига в твердом переплете.

Заказ и оплата онлайн. Доставка домой.

Печать фото с разных каналов (соц.сети)

Конструктор для быстрого оформления фотокниги

Уникальная технология печати фотокниг, которая позволяет сделать их дешевыми и доступными

http://printstagr.am/

http://4funbooks.com/

http://gramofon.ua/

$10-15/ за книгу

Разработка сервиса

Техника и материалы

Персонал

…

Зарегистрированные пользователи

Кол-во созданных книг

Кол-во заказов

SEO

Соц.сети

Фото-выставки

17

18

02

RESEARCH

19

20Проектируя “для всех” -вы проектируете “ни для

кого”

21

Карта ЭмпатииEmphaty Map

инструмент визуализации идей, позволяющий поставить себя на место пользователя, взглянуть на

проблему, которую решает ваш продукт, его глазами.

22

23

24Пользовательский профиль -персона

25

26

27

03

INFORMATIONDESIGN

33

04

INTERACTIONDESIGN

35

36

Эволюциямобильных устройств

Мартин Купер, первый звонок в апреле 1973

37

REAL VIRTUALITY

38

Разнообразие платформ

39

47

40

41

Самые популярные платформы

iOS Android Windows Phone

RIP

42

43

44

05

VISUAL DESIGN

Принципы

Теория цвета

47

Логотипы

48

Serif Sans Serif - Gothic - Grotesk

Шрифты

Все вместе

50

Лекции

Research

Information Design

«Анализ идей и конкурентов»

«Персоны и сценарии»

«Информационная архитектура»

«Wireframes & Tools»

51

InteractionDesign

VisualDesign

«Дизайн веб-интерфейсов»

«Mobile Design»

«Лого и лэндинг пейдж»

«Коммуникативный дизайн»

52Вы научитесь:

Создаватьпрофессиональный

дизайн

Исследоватьпроблему

Работать с цветамии текстом

Презентоватьпроект

53

О системе преподавания

Нагрузка курса:

• Общая продолжительность 9 недель.

• 2 занятия в неделю.

• Еженедельные домашние задания

• Собственный проект

• Общая нагрузка — 9 часов в неделю.

54

О системе преподавания

В процессе обучения оцениваются:

• Посещаемость

• Выполнение домашних заданий

• Промежуточное оценивание, на основании которого

принимается решение о продолжении обучения

• Подведение итогов в формате презентации проекта

Спасибо за внимание