SlideShare a Scribd company logo
1 of 25
Download to read offline
adn.agency
Проектирование.
Причины,инструменты,
профиты
Антон Гришин
Продакшн-директор @ ADN
adn.agency
UX и UI
UX
ИзучаетЦА и безнес-логику
Проектируетповеденческие
факторы
Анализируетварианты
исполнения
СводитвТЗ для создания
интерфейса
UI
Разрабатываетинтерфейс
Визуализируетповедение элементов
сайта
Наводиткрасоту и лаконичность
adn.agency
Цель проектирования
adn.agency
Цель проектирования
Минимизировать риски
adn.agency
Ожидание финального
результата у заказчика
совпадутс реальностью
Цель проектирования
Что это значит?
Минимизировать риски
adn.agency
Ожидание финального
результата у заказчика
совпадутс реальностью
Цель проектирования
Что это значит?
Минимизировать риски
Изменение на стадии
проектирования - сильно
дешевле, чем на этапе
разработки
adn.agency
Ожидание финального
результата у заказчика
совпадутс реальностью
Цель проектирования
Что это значит?
Изменение на стадии
проектирования - сильно
дешевле, чем на этапе
разработки
Позволяетполучить
точную оценку работы от
команды
Минимизировать риски
adn.agency
Прототипы - это круто
adn.agency
Что проектирование даетменеджменту?
adn.agency
Мне нужна форма обратной связи
руководителю отдела продаж. Чтобы
контакты были необходимые,
комментарий, вотэто всё.
Заказчик
Согласование и постановка задач
adn.agency
Быстрое согласование задачи с
заказчиком
Готовая задача исполнителю (для
дизайнеров, которые вообще не
читаютТЗ - это ценно)
Профиты:
Согласование и постановка мелких задач
5 минутработы в Balsamiq
adn.agency
Его не читают
Его можнотолковать по-разному*
*причем это делаюти заказчики и
разработчики
Слабое место документа под названиемТЗ
Взаимопонимание
adn.agency
Легко понять
Можетбыть интерактивным
 
*ТЗ - как сопровождающий документ
just4бюрократия
Прототип*
Взаимопонимание
adn.agency
До согласования дизайна разработчики
четко не понимаютфронтработ*
Хотятубить менеджера за очередное
“Конечно сделаем!”
Менеджер хочетубить команду за очередное
“Реализовать нельзя/Нужно over9000 часов
на выполнение”
Команда изначально втеме
Без прототипов
adn.agency
Команда ознакомлена с деталями
проекта до старта разработки
Максимально корректная оценка
реализации
Легче планировать задачи
По хорошему прототипу может
работать дизайнер джун
С прототипами
Команда изначально втеме
adn.agency
Пара слов отом как это происходиту нас
Основные исполнители:
UI
Art-Director
Вводные и коррекция:
Project Manager
Digital-Marketolog
Каждая итерация проектирования перед презентацией заказчику
показывается команде проекта для сбора фидбэка.
adn.agency
Пара слов отом как это происходиту нас
На основе итоговой
согласованной версии
готовится спецификация
презентация
Команда разработки
adn.agency
Пара слов отом как это происходиту
Уже втеме
Команда разработки
Точная оценка
Адекватное планирование
Продуманноетехническое решение
Прозрачность процесса
adn.agency
И самое важное
adn.agency
И самое важное
никаких сюрпризов на проекте в будущем
adn.agency
Что почитать начинающим?
Статьи потеме:
http://sketchapp.me/
http://uxgu.ru/
https://vk.com/ux_notes
Книги потеме:
Влад Головач "Дизайн
пользовательского интерфейса"
Стив Круг"Не заставляйте меня
думать"
adn.agency
Спасибо!
Вопросы?
Антон Гришин
CPO в ADN Digital Studio

adn.agency
skype/telegram: psslevl

Facebook: handllevl

More Related Content

What's hot

Как не получить «кота в мешке» или Scrum при разработке мобильного приложения
Как не получить «кота в мешке» или Scrum при разработке мобильного приложенияКак не получить «кота в мешке» или Scrum при разработке мобильного приложения
Как не получить «кота в мешке» или Scrum при разработке мобильного приложенияИнтернет-агентство Легион
 
Как дожить до запуска проекта и что делать, если он умер
Как дожить до запуска проекта и что делать, если он умерКак дожить до запуска проекта и что делать, если он умер
Как дожить до запуска проекта и что делать, если он умер#ТЫЖДИЗАЙНЕР
 
Kostenko ux november-2014_1
Kostenko ux november-2014_1Kostenko ux november-2014_1
Kostenko ux november-2014_1Alex Tumanoff
 
Дизайнеры и программисты: путь примирения
Дизайнеры и программисты: путь примиренияДизайнеры и программисты: путь примирения
Дизайнеры и программисты: путь примиренияSQALab
 
Практика работы с крупными проектами - от Scrum с XP к Kanban
Практика работы с крупными проектами - от Scrum с XP к KanbanПрактика работы с крупными проектами - от Scrum с XP к Kanban
Практика работы с крупными проектами - от Scrum с XP к KanbanAlexander Byndyu
 
К искусству записи пользовательских историй
К искусству записи пользовательских историйК искусству записи пользовательских историй
К искусству записи пользовательских историйDotNetConf
 
Agile на практике
Agile на практикеAgile на практике
Agile на практикеAlexander Byndyu
 
Дизайн-мышление: миф или полезный инструмент
Дизайн-мышление: миф или полезный инструментДизайн-мышление: миф или полезный инструмент
Дизайн-мышление: миф или полезный инструментArthur Arsyonov
 
Impact Mapping на практике v2
Impact Mapping на практике v2Impact Mapping на практике v2
Impact Mapping на практике v2Alexander Byndyu
 
Инструментарий веб студии от брифа до презентации. Кирилл Балахтин. 2 секция
Инструментарий веб студии от брифа до презентации. Кирилл Балахтин. 2 секцияИнструментарий веб студии от брифа до презентации. Кирилл Балахтин. 2 секция
Инструментарий веб студии от брифа до презентации. Кирилл Балахтин. 2 секцияBaikal_Internet_Forum
 
Оксана Басманова "Прийоми у спілкуванні із замовником при обговоренні обсягів...
Оксана Басманова "Прийоми у спілкуванні із замовником при обговоренні обсягів...Оксана Басманова "Прийоми у спілкуванні із замовником при обговоренні обсягів...
Оксана Басманова "Прийоми у спілкуванні із замовником при обговоренні обсягів...Lviv Startup Club
 
Продуктсорсинг - меняем аутсорсинг или как вместе с заказчиком создавать клас...
Продуктсорсинг - меняем аутсорсинг или как вместе с заказчиком создавать клас...Продуктсорсинг - меняем аутсорсинг или как вместе с заказчиком создавать клас...
Продуктсорсинг - меняем аутсорсинг или как вместе с заказчиком создавать клас...SQALab
 
Управление проектами в веб-студии
Управление проектами в веб-студииУправление проектами в веб-студии
Управление проектами в веб-студииNatalia Sakhnova
 
Customer satisfaction для программистов
Customer satisfaction для программистовCustomer satisfaction для программистов
Customer satisfaction для программистовAlexander Byndyu
 
Mobile developer day 2013. как рассчитать стоимость разработки
Mobile developer day 2013. как рассчитать стоимость разработки Mobile developer day 2013. как рассчитать стоимость разработки
Mobile developer day 2013. как рассчитать стоимость разработки Elena Voynova
 
Тренды в дизайне корпоративных систем 2017
Тренды в дизайне корпоративных систем 2017Тренды в дизайне корпоративных систем 2017
Тренды в дизайне корпоративных систем 2017Alexei Boronnikov
 
Дов Німрац "“Що таке проблемний продукт і як з цим боротись?" Lviv Project Ma...
Дов Німрац "“Що таке проблемний продукт і як з цим боротись?" Lviv Project Ma...Дов Німрац "“Що таке проблемний продукт і як з цим боротись?" Lviv Project Ma...
Дов Німрац "“Що таке проблемний продукт і як з цим боротись?" Lviv Project Ma...Lviv Startup Club
 
Pototska Hrustuna why product-manager-is-not-project-manager
Pototska Hrustuna why product-manager-is-not-project-managerPototska Hrustuna why product-manager-is-not-project-manager
Pototska Hrustuna why product-manager-is-not-project-managerLviv Startup Club
 
РИТ-2008: Взаимодействие отдела проектирования интерфейсов и разработчиков в ...
РИТ-2008: Взаимодействие отдела проектирования интерфейсов и разработчиков в ...РИТ-2008: Взаимодействие отдела проектирования интерфейсов и разработчиков в ...
РИТ-2008: Взаимодействие отдела проектирования интерфейсов и разработчиков в ...Yury Vetrov
 
D2D Чипец 2 Виталий Мазуревич - Engeneering design
D2D Чипец 2 Виталий Мазуревич - Engeneering designD2D Чипец 2 Виталий Мазуревич - Engeneering design
D2D Чипец 2 Виталий Мазуревич - Engeneering designDev2Dev
 

What's hot (20)

Как не получить «кота в мешке» или Scrum при разработке мобильного приложения
Как не получить «кота в мешке» или Scrum при разработке мобильного приложенияКак не получить «кота в мешке» или Scrum при разработке мобильного приложения
Как не получить «кота в мешке» или Scrum при разработке мобильного приложения
 
Как дожить до запуска проекта и что делать, если он умер
Как дожить до запуска проекта и что делать, если он умерКак дожить до запуска проекта и что делать, если он умер
Как дожить до запуска проекта и что делать, если он умер
 
Kostenko ux november-2014_1
Kostenko ux november-2014_1Kostenko ux november-2014_1
Kostenko ux november-2014_1
 
Дизайнеры и программисты: путь примирения
Дизайнеры и программисты: путь примиренияДизайнеры и программисты: путь примирения
Дизайнеры и программисты: путь примирения
 
Практика работы с крупными проектами - от Scrum с XP к Kanban
Практика работы с крупными проектами - от Scrum с XP к KanbanПрактика работы с крупными проектами - от Scrum с XP к Kanban
Практика работы с крупными проектами - от Scrum с XP к Kanban
 
К искусству записи пользовательских историй
К искусству записи пользовательских историйК искусству записи пользовательских историй
К искусству записи пользовательских историй
 
Agile на практике
Agile на практикеAgile на практике
Agile на практике
 
Дизайн-мышление: миф или полезный инструмент
Дизайн-мышление: миф или полезный инструментДизайн-мышление: миф или полезный инструмент
Дизайн-мышление: миф или полезный инструмент
 
Impact Mapping на практике v2
Impact Mapping на практике v2Impact Mapping на практике v2
Impact Mapping на практике v2
 
Инструментарий веб студии от брифа до презентации. Кирилл Балахтин. 2 секция
Инструментарий веб студии от брифа до презентации. Кирилл Балахтин. 2 секцияИнструментарий веб студии от брифа до презентации. Кирилл Балахтин. 2 секция
Инструментарий веб студии от брифа до презентации. Кирилл Балахтин. 2 секция
 
Оксана Басманова "Прийоми у спілкуванні із замовником при обговоренні обсягів...
Оксана Басманова "Прийоми у спілкуванні із замовником при обговоренні обсягів...Оксана Басманова "Прийоми у спілкуванні із замовником при обговоренні обсягів...
Оксана Басманова "Прийоми у спілкуванні із замовником при обговоренні обсягів...
 
Продуктсорсинг - меняем аутсорсинг или как вместе с заказчиком создавать клас...
Продуктсорсинг - меняем аутсорсинг или как вместе с заказчиком создавать клас...Продуктсорсинг - меняем аутсорсинг или как вместе с заказчиком создавать клас...
Продуктсорсинг - меняем аутсорсинг или как вместе с заказчиком создавать клас...
 
Управление проектами в веб-студии
Управление проектами в веб-студииУправление проектами в веб-студии
Управление проектами в веб-студии
 
Customer satisfaction для программистов
Customer satisfaction для программистовCustomer satisfaction для программистов
Customer satisfaction для программистов
 
Mobile developer day 2013. как рассчитать стоимость разработки
Mobile developer day 2013. как рассчитать стоимость разработки Mobile developer day 2013. как рассчитать стоимость разработки
Mobile developer day 2013. как рассчитать стоимость разработки
 
Тренды в дизайне корпоративных систем 2017
Тренды в дизайне корпоративных систем 2017Тренды в дизайне корпоративных систем 2017
Тренды в дизайне корпоративных систем 2017
 
Дов Німрац "“Що таке проблемний продукт і як з цим боротись?" Lviv Project Ma...
Дов Німрац "“Що таке проблемний продукт і як з цим боротись?" Lviv Project Ma...Дов Німрац "“Що таке проблемний продукт і як з цим боротись?" Lviv Project Ma...
Дов Німрац "“Що таке проблемний продукт і як з цим боротись?" Lviv Project Ma...
 
Pototska Hrustuna why product-manager-is-not-project-manager
Pototska Hrustuna why product-manager-is-not-project-managerPototska Hrustuna why product-manager-is-not-project-manager
Pototska Hrustuna why product-manager-is-not-project-manager
 
РИТ-2008: Взаимодействие отдела проектирования интерфейсов и разработчиков в ...
РИТ-2008: Взаимодействие отдела проектирования интерфейсов и разработчиков в ...РИТ-2008: Взаимодействие отдела проектирования интерфейсов и разработчиков в ...
РИТ-2008: Взаимодействие отдела проектирования интерфейсов и разработчиков в ...
 
D2D Чипец 2 Виталий Мазуревич - Engeneering design
D2D Чипец 2 Виталий Мазуревич - Engeneering designD2D Чипец 2 Виталий Мазуревич - Engeneering design
D2D Чипец 2 Виталий Мазуревич - Engeneering design
 

Similar to ADN @ UI/UX Design Meetup Barnaul - «Проектирование. Причины, инструменты, профиты»

Specification and feedback: from producer perspective
Specification and feedback: from producer perspectiveSpecification and feedback: from producer perspective
Specification and feedback: from producer perspectiveDevGAMM Conference
 
How to improve mobile UI/UX
How to improve mobile UI/UXHow to improve mobile UI/UX
How to improve mobile UI/UXiQSpace
 
GrowHack for Phoenix Realty
GrowHack for Phoenix RealtyGrowHack for Phoenix Realty
GrowHack for Phoenix RealtyBasil Boluk
 
Nigma
NigmaNigma
Nigmavss86
 
Инструмент прототипирования GUI Machine
Инструмент прототипирования GUI MachineИнструмент прототипирования GUI Machine
Инструмент прототипирования GUI MachineRustem Gayfutdinov
 
Как правильно инвестировать в Юзабилити
Как правильно инвестировать в ЮзабилитиКак правильно инвестировать в Юзабилити
Как правильно инвестировать в ЮзабилитиGena Drahun
 
Дизайн и Бизнес: грани взаимодействия
Дизайн и Бизнес: грани взаимодействия Дизайн и Бизнес: грани взаимодействия
Дизайн и Бизнес: грани взаимодействия Maria Stashenko
 
DevNightDnepr 2015: «Взаимодействие менеджера и дизайнера: техническое задани...
DevNightDnepr 2015: «Взаимодействие менеджера и дизайнера: техническое задани...DevNightDnepr 2015: «Взаимодействие менеджера и дизайнера: техническое задани...
DevNightDnepr 2015: «Взаимодействие менеджера и дизайнера: техническое задани...DevGAMM Conference
 
Константин Кичинский, Microsoft
Константин Кичинский, MicrosoftКонстантин Кичинский, Microsoft
Константин Кичинский, MicrosoftDiana Dymolazova
 
Digital без силикона: Алексей Амётов, Look At Media
Digital без силикона: Алексей Амётов, Look At MediaDigital без силикона: Алексей Амётов, Look At Media
Digital без силикона: Алексей Амётов, Look At MediaCossa
 
Пользовательский интерфейс - передний край битвы
Пользовательский интерфейс - передний край битвыПользовательский интерфейс - передний край битвы
Пользовательский интерфейс - передний край битвыUIDesign Group
 
Юзабилити - есть такая профессия
Юзабилити - есть такая профессияЮзабилити - есть такая профессия
Юзабилити - есть такая профессияЕвген Гуринович
 
Предпроектная работа над сайтом
Предпроектная работа над сайтомПредпроектная работа над сайтом
Предпроектная работа над сайтомNimax
 
«Шустрый дизайн: подходы к декомпозиции задач проектирования UI в Agile-коман...
«Шустрый дизайн: подходы к декомпозиции задач проектирования UI в Agile-коман...«Шустрый дизайн: подходы к декомпозиции задач проектирования UI в Agile-коман...
«Шустрый дизайн: подходы к декомпозиции задач проектирования UI в Agile-коман...Nikita Filippov
 

Similar to ADN @ UI/UX Design Meetup Barnaul - «Проектирование. Причины, инструменты, профиты» (20)

Specification and feedback: from producer perspective
Specification and feedback: from producer perspectiveSpecification and feedback: from producer perspective
Specification and feedback: from producer perspective
 
How to improve mobile UI/UX
How to improve mobile UI/UXHow to improve mobile UI/UX
How to improve mobile UI/UX
 
GrowHack for Phoenix Realty
GrowHack for Phoenix RealtyGrowHack for Phoenix Realty
GrowHack for Phoenix Realty
 
Nigma
NigmaNigma
Nigma
 
NIGMA
NIGMANIGMA
NIGMA
 
Инструмент прототипирования GUI Machine
Инструмент прототипирования GUI MachineИнструмент прототипирования GUI Machine
Инструмент прототипирования GUI Machine
 
Как правильно инвестировать в Юзабилити
Как правильно инвестировать в ЮзабилитиКак правильно инвестировать в Юзабилити
Как правильно инвестировать в Юзабилити
 
Дизайн и Бизнес: грани взаимодействия
Дизайн и Бизнес: грани взаимодействия Дизайн и Бизнес: грани взаимодействия
Дизайн и Бизнес: грани взаимодействия
 
DevNightDnepr 2015: «Взаимодействие менеджера и дизайнера: техническое задани...
DevNightDnepr 2015: «Взаимодействие менеджера и дизайнера: техническое задани...DevNightDnepr 2015: «Взаимодействие менеджера и дизайнера: техническое задани...
DevNightDnepr 2015: «Взаимодействие менеджера и дизайнера: техническое задани...
 
Константин Кичинский, Microsoft
Константин Кичинский, MicrosoftКонстантин Кичинский, Microsoft
Константин Кичинский, Microsoft
 
Mobile credentials
Mobile credentialsMobile credentials
Mobile credentials
 
InDev Group
InDev GroupInDev Group
InDev Group
 
продающий лендинг
продающий лендингпродающий лендинг
продающий лендинг
 
дайджест челны сентябрь2
дайджест челны сентябрь2дайджест челны сентябрь2
дайджест челны сентябрь2
 
Digital без силикона: Алексей Амётов, Look At Media
Digital без силикона: Алексей Амётов, Look At MediaDigital без силикона: Алексей Амётов, Look At Media
Digital без силикона: Алексей Амётов, Look At Media
 
Митап "Выбираем дизайн-концепцию сайта"
Митап "Выбираем дизайн-концепцию сайта"Митап "Выбираем дизайн-концепцию сайта"
Митап "Выбираем дизайн-концепцию сайта"
 
Пользовательский интерфейс - передний край битвы
Пользовательский интерфейс - передний край битвыПользовательский интерфейс - передний край битвы
Пользовательский интерфейс - передний край битвы
 
Юзабилити - есть такая профессия
Юзабилити - есть такая профессияЮзабилити - есть такая профессия
Юзабилити - есть такая профессия
 
Предпроектная работа над сайтом
Предпроектная работа над сайтомПредпроектная работа над сайтом
Предпроектная работа над сайтом
 
«Шустрый дизайн: подходы к декомпозиции задач проектирования UI в Agile-коман...
«Шустрый дизайн: подходы к декомпозиции задач проектирования UI в Agile-коман...«Шустрый дизайн: подходы к декомпозиции задач проектирования UI в Agile-коман...
«Шустрый дизайн: подходы к декомпозиции задач проектирования UI в Agile-коман...
 

ADN @ UI/UX Design Meetup Barnaul - «Проектирование. Причины, инструменты, профиты»