ui/ux design course presentation
TRANSCRIPT
Базовий курс основ 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
О системе преподавания
В процессе обучения оцениваются:
• Посещаемость
• Выполнение домашних заданий
• Промежуточное оценивание, на основании которого
принимается решение о продолжении обучения
• Подведение итогов в формате презентации проекта
Спасибо за внимание