SlideShare une entreprise Scribd logo
1  sur  19
Télécharger pour lire hors ligne
Дизайн-процессы в
энтерпрайз-проекте.
Советы и рекомендации.
Яна Кремер
Провалы Удачи
Полезный опыт,
который пригодится
коллегам
Где я? Кто все эти люди?
Что происходит?
Где я?
Концепт для Story №6578???
Где найти того, кто может знать
того, кто знает ответ на вопрос.
Концепт для Story №6578???
Что происходит?
UI-
дизайнер
UX-
специалист
Разработчики
Бизнес
Бизнес-
Аналитик
Заказчик
QA User-тесты
Дизайн-команда
“On the same page”
Можно начинать создавать с первого
спринта, проанализировав аналоги и
учитывая опыт взаимодействия
пользователей с предшествующей
системой, а так же специфику сферы.
UX-гайд
UX-гайд
• Модальность
• Поведение иконок и контролов
• Виды нотификаций и эрроров
• Легенда для подсветок и иконок
• Порядок отображения дат
• Сокращения, скейты, аббревиатуры
• Многое другое, зависит от проекта
Лучше собирать постепенно,
основываясь на концепте, который
понравился заказчику. Идеальный
вариант - создать на его основе
библиотеку компонентов в React JS.
UI-гайд
UI-гайд
• Сетка и шаг
• Цвета и стили кнопок, контролов, панелей и пр.
• Шрифты
• Легенда для подсветок и иконок (!)
• Многое другое, зависит от проекта
Откуда берутся задачи
Творческие
идеи
заказчика
QA
нашли
UX-багу
User-
feedback
Собственные
идеи как
сделать ещё
лучше
Редизайн
существующего
функционала из-за
добавления
непредвиденной

фичи
Backlog
Процесс
UI/UX-
дизайнер
Frontend
QA
User-
feedback
Backend/
Mashine
Learning
BA1
2 3
4
… и его подводные камни
UI/UX-
дизайнер
Frontend
QA
User-
feedback
Backend/
Mashine
Learning
BA1
2 3
4
База
приложение
медленнее
работает
Измененияв
других стримах
Лайфхаки общения с заказчиком
• Заказчики любят интерактивные концепты. Пусть самые простые, но
чтобы по клику панели выезжали и уезжали, а дропдауны
раскрывались.
• Сложные кейсы полезно бывает дополнять презентациями, где
действия показаны пошагово.
• В мокапах для финансовых систем никаких Lorem Ipsum!

Только строчки из реальных финансовых репортов, только хардкор.
• Кстати, все вычисления тоже должны сходиться.
• Не говорите резкое “нет” идее заказчика если у вас нет
альтернативного концепта.
О любви
Представьте, что вы пользуетесь своим приложением

каждый день 8 часов подряд 5 дней в неделю.

Представили?



А теперь верните в таблицы бордеры,
уберите непонятные иконки,
убавьте количество всплывающих окон

и подумайте о тех, 

чьи зрение или монитор отличаются от ваших.



СПАСИБО :)

Contenu connexe

Tendances

Место аналитики в процессе проектирования интерфейса
Место аналитики в процессе проектирования интерфейсаМесто аналитики в процессе проектирования интерфейса
Место аналитики в процессе проектирования интерфейсаNikita Efimov
 
Continuous UX: встраиваем IxD в процесс гибкой разработки ПО
Continuous UX: встраиваем IxD в процесс гибкой разработки ПОContinuous UX: встраиваем IxD в процесс гибкой разработки ПО
Continuous UX: встраиваем IxD в процесс гибкой разработки ПОСобака Павлова
 
Уравления продуктом в SCRUM.
Уравления продуктом в SCRUM.Уравления продуктом в SCRUM.
Уравления продуктом в SCRUM.Evgeniy Skuratov
 
Дизайн-процесс: работаем над мобильным приложением
Дизайн-процесс: работаем над мобильным приложениемДизайн-процесс: работаем над мобильным приложением
Дизайн-процесс: работаем над мобильным приложениемAlexander Kirov
 
Кросс-продуктовая аналитика в облаке (Глеб Сологуб, SkyEng)
Кросс-продуктовая аналитика в облаке (Глеб Сологуб, SkyEng)Кросс-продуктовая аналитика в облаке (Глеб Сологуб, SkyEng)
Кросс-продуктовая аналитика в облаке (Глеб Сологуб, SkyEng)PCampRussia
 
Курсы по User Experience от ITMINE
Курсы по User Experience от ITMINEКурсы по User Experience от ITMINE
Курсы по User Experience от ITMINEAnastasia Schebrova
 
Успешный запуск продукта: совместная работа BA, PO, PM
Успешный запуск продукта: совместная работа BA, PO, PMУспешный запуск продукта: совместная работа BA, PO, PM
Успешный запуск продукта: совместная работа BA, PO, PMAnton Vityaz
 
Intorduction for Open Data Hackathon 2014: Hack for Piter
Intorduction for Open Data Hackathon 2014: Hack for PiterIntorduction for Open Data Hackathon 2014: Hack for Piter
Intorduction for Open Data Hackathon 2014: Hack for PiterVitaly Vlasov
 
Саша Куценко: "Cпецификация формы и поведения — зачем, кому, когда и как?" (p...
Саша Куценко: "Cпецификация формы и поведения — зачем, кому, когда и как?" (p...Саша Куценко: "Cпецификация формы и поведения — зачем, кому, когда и как?" (p...
Саша Куценко: "Cпецификация формы и поведения — зачем, кому, когда и как?" (p...Sasha Kutsenko
 
IT-Nonstop. Продукт и пользователь: дружба начинается с UX
IT-Nonstop. Продукт и пользователь: дружба начинается с UXIT-Nonstop. Продукт и пользователь: дружба начинается с UX
IT-Nonstop. Продукт и пользователь: дружба начинается с UXNick Grachov
 

Tendances (12)

Место аналитики в процессе проектирования интерфейса
Место аналитики в процессе проектирования интерфейсаМесто аналитики в процессе проектирования интерфейса
Место аналитики в процессе проектирования интерфейса
 
Continuous UX: встраиваем IxD в процесс гибкой разработки ПО
Continuous UX: встраиваем IxD в процесс гибкой разработки ПОContinuous UX: встраиваем IxD в процесс гибкой разработки ПО
Continuous UX: встраиваем IxD в процесс гибкой разработки ПО
 
Launched startup
Launched startupLaunched startup
Launched startup
 
Уравления продуктом в SCRUM.
Уравления продуктом в SCRUM.Уравления продуктом в SCRUM.
Уравления продуктом в SCRUM.
 
Дизайн-процесс: работаем над мобильным приложением
Дизайн-процесс: работаем над мобильным приложениемДизайн-процесс: работаем над мобильным приложением
Дизайн-процесс: работаем над мобильным приложением
 
Кросс-продуктовая аналитика в облаке (Глеб Сологуб, SkyEng)
Кросс-продуктовая аналитика в облаке (Глеб Сологуб, SkyEng)Кросс-продуктовая аналитика в облаке (Глеб Сологуб, SkyEng)
Кросс-продуктовая аналитика в облаке (Глеб Сологуб, SkyEng)
 
Курсы по User Experience от ITMINE
Курсы по User Experience от ITMINEКурсы по User Experience от ITMINE
Курсы по User Experience от ITMINE
 
Успешный запуск продукта: совместная работа BA, PO, PM
Успешный запуск продукта: совместная работа BA, PO, PMУспешный запуск продукта: совместная работа BA, PO, PM
Успешный запуск продукта: совместная работа BA, PO, PM
 
Intorduction for Open Data Hackathon 2014: Hack for Piter
Intorduction for Open Data Hackathon 2014: Hack for PiterIntorduction for Open Data Hackathon 2014: Hack for Piter
Intorduction for Open Data Hackathon 2014: Hack for Piter
 
Scrum 2.0
Scrum 2.0Scrum 2.0
Scrum 2.0
 
Саша Куценко: "Cпецификация формы и поведения — зачем, кому, когда и как?" (p...
Саша Куценко: "Cпецификация формы и поведения — зачем, кому, когда и как?" (p...Саша Куценко: "Cпецификация формы и поведения — зачем, кому, когда и как?" (p...
Саша Куценко: "Cпецификация формы и поведения — зачем, кому, когда и как?" (p...
 
IT-Nonstop. Продукт и пользователь: дружба начинается с UX
IT-Nonstop. Продукт и пользователь: дружба начинается с UXIT-Nonstop. Продукт и пользователь: дружба начинается с UX
IT-Nonstop. Продукт и пользователь: дружба начинается с UX
 

Similaire à It talk SPb «дизайн процессы в энтерпрайз-проекте. советы и рекомендации»

IDealMachine October 2014
IDealMachine October 2014IDealMachine October 2014
IDealMachine October 2014cgvictor
 
UX наоборот - введение в UX
UX наоборот - введение в UXUX наоборот - введение в UX
UX наоборот - введение в UXcgvictor
 
Geek week 2015. Создание полезных приложений в оговоренный срок.
Geek week 2015. Создание полезных приложений в оговоренный срок.Geek week 2015. Создание полезных приложений в оговоренный срок.
Geek week 2015. Создание полезных приложений в оговоренный срок.Anna Tarasenko
 
SECON'2017, Журавлев Денис, Маркетинг без маркетолога
SECON'2017, Журавлев Денис, Маркетинг без маркетологаSECON'2017, Журавлев Денис, Маркетинг без маркетолога
SECON'2017, Журавлев Денис, Маркетинг без маркетологаSECON
 
Аналитик 2.0. Расширенная версия
Аналитик 2.0. Расширенная версияАналитик 2.0. Расширенная версия
Аналитик 2.0. Расширенная версияSQALab
 
Проектирование и UX
Проектирование и UXПроектирование и UX
Проектирование и UXUplab_University
 
Гибкое прототипирование для гибкой разработки (Максим Гапонов)
Гибкое прототипирование для гибкой разработки (Максим Гапонов)Гибкое прототипирование для гибкой разработки (Максим Гапонов)
Гибкое прототипирование для гибкой разработки (Максим Гапонов)Ontico
 
Бумажное прототипирование
Бумажное прототипированиеБумажное прототипирование
Бумажное прототипированиеMaxim Gaponov
 
UX Research для интенсива UX&UI Британская Школа Дизайна
UX Research для интенсива UX&UI Британская Школа ДизайнаUX Research для интенсива UX&UI Британская Школа Дизайна
UX Research для интенсива UX&UI Британская Школа ДизайнаKsenia Sternina
 
Как производить изменения на сайте, основываясь на данных, а не интуиции?
Как производить изменения на сайте, основываясь на данных, а не интуиции?Как производить изменения на сайте, основываясь на данных, а не интуиции?
Как производить изменения на сайте, основываясь на данных, а не интуиции?Olshansky & Partners
 
А кем будете вы?
А кем будете вы?А кем будете вы?
А кем будете вы?Maria Makarova
 
Веб-дизайнер: учимся делать скетчи
Веб-дизайнер: учимся делать скетчиВеб-дизайнер: учимся делать скетчи
Веб-дизайнер: учимся делать скетчиНетология
 
Работа с требованиями в условиях Agile трансформации
Работа с требованиями в условиях Agile трансформацииРабота с требованиями в условиях Agile трансформации
Работа с требованиями в условиях Agile трансформацииAndrii Mandrika
 
Структурированные данные, Юлия Тихоход, лекция в Школе вебмастеров Яндекса
Структурированные данные, Юлия Тихоход, лекция в Школе вебмастеров ЯндексаСтруктурированные данные, Юлия Тихоход, лекция в Школе вебмастеров Яндекса
Структурированные данные, Юлия Тихоход, лекция в Школе вебмастеров ЯндексаYandex
 
Евгений Козяк. Tips & Tricks мобильного прототипирования
Евгений Козяк. Tips & Tricks мобильного прототипированияЕвгений Козяк. Tips & Tricks мобильного прототипирования
Евгений Козяк. Tips & Tricks мобильного прототипированияVolha Banadyseva
 

Similaire à It talk SPb «дизайн процессы в энтерпрайз-проекте. советы и рекомендации» (20)

IDealMachine October 2014
IDealMachine October 2014IDealMachine October 2014
IDealMachine October 2014
 
UX наоборот - введение в UX
UX наоборот - введение в UXUX наоборот - введение в UX
UX наоборот - введение в UX
 
Geek week 2015. Создание полезных приложений в оговоренный срок.
Geek week 2015. Создание полезных приложений в оговоренный срок.Geek week 2015. Создание полезных приложений в оговоренный срок.
Geek week 2015. Создание полезных приложений в оговоренный срок.
 
SECON'2017, Журавлев Денис, Маркетинг без маркетолога
SECON'2017, Журавлев Денис, Маркетинг без маркетологаSECON'2017, Журавлев Денис, Маркетинг без маркетолога
SECON'2017, Журавлев Денис, Маркетинг без маркетолога
 
презентация 2
презентация 2презентация 2
презентация 2
 
Аналитик 2.0. Расширенная версия
Аналитик 2.0. Расширенная версияАналитик 2.0. Расширенная версия
Аналитик 2.0. Расширенная версия
 
Проектирование и UX
Проектирование и UXПроектирование и UX
Проектирование и UX
 
Chb digital
Chb digitalChb digital
Chb digital
 
Гибкое прототипирование для гибкой разработки (Максим Гапонов)
Гибкое прототипирование для гибкой разработки (Максим Гапонов)Гибкое прототипирование для гибкой разработки (Максим Гапонов)
Гибкое прототипирование для гибкой разработки (Максим Гапонов)
 
Бумажное прототипирование
Бумажное прототипированиеБумажное прототипирование
Бумажное прототипирование
 
Paper prototyping
Paper prototypingPaper prototyping
Paper prototyping
 
Обучение дизайну продуктов на базе ценностей Customer Experience
Обучение дизайну продуктов  на базе ценностей  Customer Experience Обучение дизайну продуктов  на базе ценностей  Customer Experience
Обучение дизайну продуктов на базе ценностей Customer Experience
 
UX Research для интенсива UX&UI Британская Школа Дизайна
UX Research для интенсива UX&UI Британская Школа ДизайнаUX Research для интенсива UX&UI Британская Школа Дизайна
UX Research для интенсива UX&UI Британская Школа Дизайна
 
Как производить изменения на сайте, основываясь на данных, а не интуиции?
Как производить изменения на сайте, основываясь на данных, а не интуиции?Как производить изменения на сайте, основываясь на данных, а не интуиции?
Как производить изменения на сайте, основываясь на данных, а не интуиции?
 
А кем будете вы?
А кем будете вы?А кем будете вы?
А кем будете вы?
 
Веб-дизайнер: учимся делать скетчи
Веб-дизайнер: учимся делать скетчиВеб-дизайнер: учимся делать скетчи
Веб-дизайнер: учимся делать скетчи
 
Работа с требованиями в условиях Agile трансформации
Работа с требованиями в условиях Agile трансформацииРабота с требованиями в условиях Agile трансформации
Работа с требованиями в условиях Agile трансформации
 
Структурированные данные, Юлия Тихоход, лекция в Школе вебмастеров Яндекса
Структурированные данные, Юлия Тихоход, лекция в Школе вебмастеров ЯндексаСтруктурированные данные, Юлия Тихоход, лекция в Школе вебмастеров Яндекса
Структурированные данные, Юлия Тихоход, лекция в Школе вебмастеров Яндекса
 
Евгений Козяк. Tips & Tricks мобильного прототипирования
Евгений Козяк. Tips & Tricks мобильного прототипированияЕвгений Козяк. Tips & Tricks мобильного прототипирования
Евгений Козяк. Tips & Tricks мобильного прототипирования
 
Работа с Usability
Работа с UsabilityРабота с Usability
Работа с Usability
 

Plus de DataArt

DataArt Custom Software Engineering with a Human Approach
DataArt Custom Software Engineering with a Human ApproachDataArt Custom Software Engineering with a Human Approach
DataArt Custom Software Engineering with a Human ApproachDataArt
 
DataArt Healthcare & Life Sciences
DataArt Healthcare & Life SciencesDataArt Healthcare & Life Sciences
DataArt Healthcare & Life SciencesDataArt
 
DataArt Financial Services and Capital Markets
DataArt Financial Services and Capital MarketsDataArt Financial Services and Capital Markets
DataArt Financial Services and Capital MarketsDataArt
 
About DataArt HR Partners
About DataArt HR PartnersAbout DataArt HR Partners
About DataArt HR PartnersDataArt
 
Event management в IT
Event management в ITEvent management в IT
Event management в ITDataArt
 
Digital Marketing from inside
Digital Marketing from insideDigital Marketing from inside
Digital Marketing from insideDataArt
 
What's new in Android, Igor Malytsky ( Google Post I|O Tour)
What's new in Android, Igor Malytsky ( Google Post I|O Tour)What's new in Android, Igor Malytsky ( Google Post I|O Tour)
What's new in Android, Igor Malytsky ( Google Post I|O Tour)DataArt
 
DevOps Workshop:Что бывает, когда DevOps приходит на проект
DevOps Workshop:Что бывает, когда DevOps приходит на проектDevOps Workshop:Что бывает, когда DevOps приходит на проект
DevOps Workshop:Что бывает, когда DevOps приходит на проектDataArt
 
IT Talk Kharkiv: «‎Soft skills в IT. Польза или вред? Максим Бастион, DataArt
IT Talk Kharkiv: «‎Soft skills в IT. Польза или вред? Максим Бастион, DataArtIT Talk Kharkiv: «‎Soft skills в IT. Польза или вред? Максим Бастион, DataArt
IT Talk Kharkiv: «‎Soft skills в IT. Польза или вред? Максим Бастион, DataArtDataArt
 
«Ноль копеек. Спастись от выгорания» — Сергей Чеботарев (Head of Design, Han...
 «Ноль копеек. Спастись от выгорания» — Сергей Чеботарев (Head of Design, Han... «Ноль копеек. Спастись от выгорания» — Сергей Чеботарев (Head of Design, Han...
«Ноль копеек. Спастись от выгорания» — Сергей Чеботарев (Head of Design, Han...DataArt
 
Communication in QA's life
Communication in QA's lifeCommunication in QA's life
Communication in QA's lifeDataArt
 
Нельзя просто так взять и договориться, или как мы работали со сложными людьми
Нельзя просто так взять и договориться, или как мы работали со сложными людьмиНельзя просто так взять и договориться, или как мы работали со сложными людьми
Нельзя просто так взять и договориться, или как мы работали со сложными людьмиDataArt
 
Знакомьтесь, DevOps
Знакомьтесь, DevOpsЗнакомьтесь, DevOps
Знакомьтесь, DevOpsDataArt
 
DevOps in real life
DevOps in real lifeDevOps in real life
DevOps in real lifeDataArt
 
Codeless: автоматизация тестирования
Codeless: автоматизация тестированияCodeless: автоматизация тестирования
Codeless: автоматизация тестированияDataArt
 
Selenoid
SelenoidSelenoid
SelenoidDataArt
 
Selenide
SelenideSelenide
SelenideDataArt
 
A. Sirota "Building an Automation Solution based on Appium"
A. Sirota "Building an Automation Solution based on Appium"A. Sirota "Building an Automation Solution based on Appium"
A. Sirota "Building an Automation Solution based on Appium"DataArt
 
Эмоциональный интеллект или как не сойти с ума в условиях сложного и динамичн...
Эмоциональный интеллект или как не сойти с ума в условиях сложного и динамичн...Эмоциональный интеллект или как не сойти с ума в условиях сложного и динамичн...
Эмоциональный интеллект или как не сойти с ума в условиях сложного и динамичн...DataArt
 
IT talk: Как я перестал бояться и полюбил TestNG
IT talk: Как я перестал бояться и полюбил TestNGIT talk: Как я перестал бояться и полюбил TestNG
IT talk: Как я перестал бояться и полюбил TestNGDataArt
 

Plus de DataArt (20)

DataArt Custom Software Engineering with a Human Approach
DataArt Custom Software Engineering with a Human ApproachDataArt Custom Software Engineering with a Human Approach
DataArt Custom Software Engineering with a Human Approach
 
DataArt Healthcare & Life Sciences
DataArt Healthcare & Life SciencesDataArt Healthcare & Life Sciences
DataArt Healthcare & Life Sciences
 
DataArt Financial Services and Capital Markets
DataArt Financial Services and Capital MarketsDataArt Financial Services and Capital Markets
DataArt Financial Services and Capital Markets
 
About DataArt HR Partners
About DataArt HR PartnersAbout DataArt HR Partners
About DataArt HR Partners
 
Event management в IT
Event management в ITEvent management в IT
Event management в IT
 
Digital Marketing from inside
Digital Marketing from insideDigital Marketing from inside
Digital Marketing from inside
 
What's new in Android, Igor Malytsky ( Google Post I|O Tour)
What's new in Android, Igor Malytsky ( Google Post I|O Tour)What's new in Android, Igor Malytsky ( Google Post I|O Tour)
What's new in Android, Igor Malytsky ( Google Post I|O Tour)
 
DevOps Workshop:Что бывает, когда DevOps приходит на проект
DevOps Workshop:Что бывает, когда DevOps приходит на проектDevOps Workshop:Что бывает, когда DevOps приходит на проект
DevOps Workshop:Что бывает, когда DevOps приходит на проект
 
IT Talk Kharkiv: «‎Soft skills в IT. Польза или вред? Максим Бастион, DataArt
IT Talk Kharkiv: «‎Soft skills в IT. Польза или вред? Максим Бастион, DataArtIT Talk Kharkiv: «‎Soft skills в IT. Польза или вред? Максим Бастион, DataArt
IT Talk Kharkiv: «‎Soft skills в IT. Польза или вред? Максим Бастион, DataArt
 
«Ноль копеек. Спастись от выгорания» — Сергей Чеботарев (Head of Design, Han...
 «Ноль копеек. Спастись от выгорания» — Сергей Чеботарев (Head of Design, Han... «Ноль копеек. Спастись от выгорания» — Сергей Чеботарев (Head of Design, Han...
«Ноль копеек. Спастись от выгорания» — Сергей Чеботарев (Head of Design, Han...
 
Communication in QA's life
Communication in QA's lifeCommunication in QA's life
Communication in QA's life
 
Нельзя просто так взять и договориться, или как мы работали со сложными людьми
Нельзя просто так взять и договориться, или как мы работали со сложными людьмиНельзя просто так взять и договориться, или как мы работали со сложными людьми
Нельзя просто так взять и договориться, или как мы работали со сложными людьми
 
Знакомьтесь, DevOps
Знакомьтесь, DevOpsЗнакомьтесь, DevOps
Знакомьтесь, DevOps
 
DevOps in real life
DevOps in real lifeDevOps in real life
DevOps in real life
 
Codeless: автоматизация тестирования
Codeless: автоматизация тестированияCodeless: автоматизация тестирования
Codeless: автоматизация тестирования
 
Selenoid
SelenoidSelenoid
Selenoid
 
Selenide
SelenideSelenide
Selenide
 
A. Sirota "Building an Automation Solution based on Appium"
A. Sirota "Building an Automation Solution based on Appium"A. Sirota "Building an Automation Solution based on Appium"
A. Sirota "Building an Automation Solution based on Appium"
 
Эмоциональный интеллект или как не сойти с ума в условиях сложного и динамичн...
Эмоциональный интеллект или как не сойти с ума в условиях сложного и динамичн...Эмоциональный интеллект или как не сойти с ума в условиях сложного и динамичн...
Эмоциональный интеллект или как не сойти с ума в условиях сложного и динамичн...
 
IT talk: Как я перестал бояться и полюбил TestNG
IT talk: Как я перестал бояться и полюбил TestNGIT talk: Как я перестал бояться и полюбил TestNG
IT talk: Как я перестал бояться и полюбил TestNG
 

It talk SPb «дизайн процессы в энтерпрайз-проекте. советы и рекомендации»