SlideShare a Scribd company logo
1 of 23
Дизайн успешных продуктов.
Опыт Shopify
Андрей Гаргуль
twitter: d10k | dribbble: d10k
275,000 $17млрд.
магазинов продаж
Исследование
контекста
Желания
пользователей
User Persona
Jobs To Be Done
User Journey Map
Бизнес цели
Технические
возможности
Креатив – награда за
проделанную работу
Гипотеза
вместо решения
Shopify Buy Button
Мы поддерживаем все наиболее популярные
платформы
Пользователи согласны управлять товарами через
Shopify, а контентом сайта – через CMS
Настроек оформления, которые мы предлагаем,
достаточно
Пользователи способны сами встроить код
виджета на сайт
Покупателей не смущает, что форма оплаты
появляется в попапе
Мы верим, что …
Мы знаем, что мы правы, когда …
Гипотеза №1:
Мы верим, что продукт поддерживает все
наиболее популярные среди наших
пользователей платформы
Мы знаем, что мы правы, когда
пользователи укажут в качестве желаемых
платформы, которые мы поддерживаем
Гипотеза №2:
Мы верим, что пользователи согласны
управлять товарами через Shopify, а
контентом сайта – через CMS
Мы знаем, что мы правы, когда достаточное
число пользователей не только установит
продукт, но и воспользуется им
Выводы:
Задача дизайнера – приведение формы
в соответствие с контекстом
Контекст уточняется в течении разработки и
после запуска продукта
Предлагая и проверяя гипотезы, дизайнер
изучает контекст
Креативность – следствие понимания
контекста
Спасибо!
twitter: d10k
dribbble: d10k

More Related Content

What's hot

Стачка! 2016: Юрий Ветров — Дизайн с выхлопом
Стачка! 2016: Юрий Ветров — Дизайн с выхлопомСтачка! 2016: Юрий Ветров — Дизайн с выхлопом
Стачка! 2016: Юрий Ветров — Дизайн с выхлопомYury Vetrov
 
Design Management
Design ManagementDesign Management
Design ManagementStan Ru
 
Форум Технологий Mail.Ru 2011: Юрий Ветров — Как создаются интерфейсы в Mail.Ru
Форум Технологий Mail.Ru 2011: Юрий Ветров — Как создаются интерфейсы в Mail.RuФорум Технологий Mail.Ru 2011: Юрий Ветров — Как создаются интерфейсы в Mail.Ru
Форум Технологий Mail.Ru 2011: Юрий Ветров — Как создаются интерфейсы в Mail.RuYury Vetrov
 
UX-Марафон 2015: Ю.Ветров — Дайджест продуктового дизайна, выпуск 1
UX-Марафон 2015: Ю.Ветров — Дайджест продуктового дизайна, выпуск 1UX-Марафон 2015: Ю.Ветров — Дайджест продуктового дизайна, выпуск 1
UX-Марафон 2015: Ю.Ветров — Дайджест продуктового дизайна, выпуск 1Yury Vetrov
 
Будущее UX методологии и проблемы/«дорожная карта» // RIF'2014
Будущее UX методологии и проблемы/«дорожная карта» // RIF'2014Будущее UX методологии и проблемы/«дорожная карта» // RIF'2014
Будущее UX методологии и проблемы/«дорожная карта» // RIF'2014Andrew Sikorskiy
 
UXPeople 2015: Юрий Ветров — Платформенное мышление
UXPeople 2015: Юрий Ветров — Платформенное мышлениеUXPeople 2015: Юрий Ветров — Платформенное мышление
UXPeople 2015: Юрий Ветров — Платформенное мышлениеYury Vetrov
 
UX-Марафон 2016: Ю.Ветров — Дайджест продуктового дизайна, выпуск 2
UX-Марафон 2016: Ю.Ветров — Дайджест продуктового дизайна, выпуск 2UX-Марафон 2016: Ю.Ветров — Дайджест продуктового дизайна, выпуск 2
UX-Марафон 2016: Ю.Ветров — Дайджест продуктового дизайна, выпуск 2Yury Vetrov
 
Ярослав Шуваев – Lean ux strategy
Ярослав Шуваев – Lean ux strategyЯрослав Шуваев – Lean ux strategy
Ярослав Шуваев – Lean ux strategy404fest
 
Юзабилити Украина '10: Case Study: Московский Кредитный Банк. Повысить конвер...
Юзабилити Украина '10: Case Study: Московский Кредитный Банк. Повысить конвер...Юзабилити Украина '10: Case Study: Московский Кредитный Банк. Повысить конвер...
Юзабилити Украина '10: Case Study: Московский Кредитный Банк. Повысить конвер...Yury Vetrov
 
Искандер Мирмахмадов, UX-аналитика: определение аналитики в рамках пользовате...
Искандер Мирмахмадов, UX-аналитика: определение аналитики в рамках пользовате...Искандер Мирмахмадов, UX-аналитика: определение аналитики в рамках пользовате...
Искандер Мирмахмадов, UX-аналитика: определение аналитики в рамках пользовате...Mail.ru Group
 
CodeFest2015: Ю.Ветров — От дизайн-команды к дизайн-культуре
CodeFest2015: Ю.Ветров — От дизайн-команды к дизайн-культуреCodeFest2015: Ю.Ветров — От дизайн-команды к дизайн-культуре
CodeFest2015: Ю.Ветров — От дизайн-команды к дизайн-культуреYury Vetrov
 
User Experience 2011: Мастер-класс: Кросс-платформенное проектирование для мо...
User Experience 2011: Мастер-класс: Кросс-платформенное проектирование для мо...User Experience 2011: Мастер-класс: Кросс-платформенное проектирование для мо...
User Experience 2011: Мастер-класс: Кросс-платформенное проектирование для мо...Yury Vetrov
 
UX Research для интенсива UX&UI Британская Школа Дизайна
UX Research для интенсива UX&UI Британская Школа ДизайнаUX Research для интенсива UX&UI Британская Школа Дизайна
UX Research для интенсива UX&UI Британская Школа ДизайнаKsenia Sternina
 
User Experience 2012: Как меняется Mail.Ru — Продукты, процессы, команда
User Experience 2012: Как меняется Mail.Ru — Продукты, процессы, командаUser Experience 2012: Как меняется Mail.Ru — Продукты, процессы, команда
User Experience 2012: Как меняется Mail.Ru — Продукты, процессы, командаYury Vetrov
 
Павел Манахов, Поиск причин юзабилити-проблем
Павел Манахов, Поиск причин юзабилити-проблемПавел Манахов, Поиск причин юзабилити-проблем
Павел Манахов, Поиск причин юзабилити-проблемMail.ru Group
 
Основы быстрого прототипирования
Основы быстрого прототипированияОсновы быстрого прототипирования
Основы быстрого прототипированияMitya Osadchuk
 
DesignCamp2012: Юрий Ветров — Метро-дизайн в Mail.Ru
DesignCamp2012: Юрий Ветров — Метро-дизайн в Mail.RuDesignCamp2012: Юрий Ветров — Метро-дизайн в Mail.Ru
DesignCamp2012: Юрий Ветров — Метро-дизайн в Mail.RuYury Vetrov
 
UXRussia2014: Юрий Ветров ― Burger-Driven Design. Фреймворк Mail.Ru для унифи...
UXRussia2014: Юрий Ветров ― Burger-Driven Design. Фреймворк Mail.Ru для унифи...UXRussia2014: Юрий Ветров ― Burger-Driven Design. Фреймворк Mail.Ru для унифи...
UXRussia2014: Юрий Ветров ― Burger-Driven Design. Фреймворк Mail.Ru для унифи...Yury Vetrov
 

What's hot (20)

Стачка! 2016: Юрий Ветров — Дизайн с выхлопом
Стачка! 2016: Юрий Ветров — Дизайн с выхлопомСтачка! 2016: Юрий Ветров — Дизайн с выхлопом
Стачка! 2016: Юрий Ветров — Дизайн с выхлопом
 
Design Management
Design ManagementDesign Management
Design Management
 
Форум Технологий Mail.Ru 2011: Юрий Ветров — Как создаются интерфейсы в Mail.Ru
Форум Технологий Mail.Ru 2011: Юрий Ветров — Как создаются интерфейсы в Mail.RuФорум Технологий Mail.Ru 2011: Юрий Ветров — Как создаются интерфейсы в Mail.Ru
Форум Технологий Mail.Ru 2011: Юрий Ветров — Как создаются интерфейсы в Mail.Ru
 
UX-Марафон 2015: Ю.Ветров — Дайджест продуктового дизайна, выпуск 1
UX-Марафон 2015: Ю.Ветров — Дайджест продуктового дизайна, выпуск 1UX-Марафон 2015: Ю.Ветров — Дайджест продуктового дизайна, выпуск 1
UX-Марафон 2015: Ю.Ветров — Дайджест продуктового дизайна, выпуск 1
 
UX Strategy 101
UX Strategy 101UX Strategy 101
UX Strategy 101
 
Будущее UX методологии и проблемы/«дорожная карта» // RIF'2014
Будущее UX методологии и проблемы/«дорожная карта» // RIF'2014Будущее UX методологии и проблемы/«дорожная карта» // RIF'2014
Будущее UX методологии и проблемы/«дорожная карта» // RIF'2014
 
UXPeople 2015: Юрий Ветров — Платформенное мышление
UXPeople 2015: Юрий Ветров — Платформенное мышлениеUXPeople 2015: Юрий Ветров — Платформенное мышление
UXPeople 2015: Юрий Ветров — Платформенное мышление
 
UX-Марафон 2016: Ю.Ветров — Дайджест продуктового дизайна, выпуск 2
UX-Марафон 2016: Ю.Ветров — Дайджест продуктового дизайна, выпуск 2UX-Марафон 2016: Ю.Ветров — Дайджест продуктового дизайна, выпуск 2
UX-Марафон 2016: Ю.Ветров — Дайджест продуктового дизайна, выпуск 2
 
Ярослав Шуваев – Lean ux strategy
Ярослав Шуваев – Lean ux strategyЯрослав Шуваев – Lean ux strategy
Ярослав Шуваев – Lean ux strategy
 
Юзабилити Украина '10: Case Study: Московский Кредитный Банк. Повысить конвер...
Юзабилити Украина '10: Case Study: Московский Кредитный Банк. Повысить конвер...Юзабилити Украина '10: Case Study: Московский Кредитный Банк. Повысить конвер...
Юзабилити Украина '10: Case Study: Московский Кредитный Банк. Повысить конвер...
 
Искандер Мирмахмадов, UX-аналитика: определение аналитики в рамках пользовате...
Искандер Мирмахмадов, UX-аналитика: определение аналитики в рамках пользовате...Искандер Мирмахмадов, UX-аналитика: определение аналитики в рамках пользовате...
Искандер Мирмахмадов, UX-аналитика: определение аналитики в рамках пользовате...
 
CodeFest2015: Ю.Ветров — От дизайн-команды к дизайн-культуре
CodeFest2015: Ю.Ветров — От дизайн-команды к дизайн-культуреCodeFest2015: Ю.Ветров — От дизайн-команды к дизайн-культуре
CodeFest2015: Ю.Ветров — От дизайн-команды к дизайн-культуре
 
User Experience 2011: Мастер-класс: Кросс-платформенное проектирование для мо...
User Experience 2011: Мастер-класс: Кросс-платформенное проектирование для мо...User Experience 2011: Мастер-класс: Кросс-платформенное проектирование для мо...
User Experience 2011: Мастер-класс: Кросс-платформенное проектирование для мо...
 
UX Research для интенсива UX&UI Британская Школа Дизайна
UX Research для интенсива UX&UI Британская Школа ДизайнаUX Research для интенсива UX&UI Британская Школа Дизайна
UX Research для интенсива UX&UI Британская Школа Дизайна
 
User Experience 2012: Как меняется Mail.Ru — Продукты, процессы, команда
User Experience 2012: Как меняется Mail.Ru — Продукты, процессы, командаUser Experience 2012: Как меняется Mail.Ru — Продукты, процессы, команда
User Experience 2012: Как меняется Mail.Ru — Продукты, процессы, команда
 
Павел Манахов, Поиск причин юзабилити-проблем
Павел Манахов, Поиск причин юзабилити-проблемПавел Манахов, Поиск причин юзабилити-проблем
Павел Манахов, Поиск причин юзабилити-проблем
 
Основы быстрого прототипирования
Основы быстрого прототипированияОсновы быстрого прототипирования
Основы быстрого прототипирования
 
DesignCamp2012: Юрий Ветров — Метро-дизайн в Mail.Ru
DesignCamp2012: Юрий Ветров — Метро-дизайн в Mail.RuDesignCamp2012: Юрий Ветров — Метро-дизайн в Mail.Ru
DesignCamp2012: Юрий Ветров — Метро-дизайн в Mail.Ru
 
Prototyping
PrototypingPrototyping
Prototyping
 
UXRussia2014: Юрий Ветров ― Burger-Driven Design. Фреймворк Mail.Ru для унифи...
UXRussia2014: Юрий Ветров ― Burger-Driven Design. Фреймворк Mail.Ru для унифи...UXRussia2014: Юрий Ветров ― Burger-Driven Design. Фреймворк Mail.Ru для унифи...
UXRussia2014: Юрий Ветров ― Burger-Driven Design. Фреймворк Mail.Ru для унифи...
 

Viewers also liked

Dribbble meetup 2016 — Flinto for Mac
Dribbble meetup 2016 — Flinto for MacDribbble meetup 2016 — Flinto for Mac
Dribbble meetup 2016 — Flinto for MacNikolay Berezovskiy
 
Мусабеков Рустем Dribbble Meetup Russia 2016
Мусабеков Рустем Dribbble Meetup Russia 2016Мусабеков Рустем Dribbble Meetup Russia 2016
Мусабеков Рустем Dribbble Meetup Russia 2016exentrich
 
Конкурсы концептов — Moscow Dribbble Meetup 2016
Конкурсы концептов — Moscow Dribbble Meetup 2016Конкурсы концептов — Moscow Dribbble Meetup 2016
Конкурсы концептов — Moscow Dribbble Meetup 2016Денис Шумов
 
Единый стиль иллюстраций Mail.Ru
Единый стиль иллюстраций Mail.RuЕдиный стиль иллюстраций Mail.Ru
Единый стиль иллюстраций Mail.RuEvgeniy Dolgov
 
Миша Петрик и Женя Юдин — Mad Max
Миша Петрик и Женя Юдин — Mad MaxМиша Петрик и Женя Юдин — Mad Max
Миша Петрик и Женя Юдин — Mad MaxMail.Ru
 
Moscow Dribbble Meetup 2016 - Identity Making Of
Moscow Dribbble Meetup 2016 - Identity Making OfMoscow Dribbble Meetup 2016 - Identity Making Of
Moscow Dribbble Meetup 2016 - Identity Making OfAndrew Sundiev
 
Выбор метрики
Выбор метрикиВыбор метрики
Выбор метрикиIvan Mikhailov
 
Ponomarenko_BHSAD_Intensive_calligraphy
Ponomarenko_BHSAD_Intensive_calligraphyPonomarenko_BHSAD_Intensive_calligraphy
Ponomarenko_BHSAD_Intensive_calligraphyMike Ponomarenko
 
Ожидания от продукта
Ожидания от продуктаОжидания от продукта
Ожидания от продуктаIvan Mikhailov
 
BHSD - Systematic design process
BHSD - Systematic design processBHSD - Systematic design process
BHSD - Systematic design processAndrew Sundiev
 
Как презентовать проект
Как презентовать проектКак презентовать проект
Как презентовать проектIvan Mikhailov
 
BHSD MAIL.RU UI/UX 2016 Single interface
BHSD MAIL.RU UI/UX 2016 Single interfaceBHSD MAIL.RU UI/UX 2016 Single interface
BHSD MAIL.RU UI/UX 2016 Single interfaceTema Gladkov
 
Анимация БВШД 2016
Анимация БВШД 2016Анимация БВШД 2016
Анимация БВШД 2016Igor Silkin
 
BHSD - Design systems: from UI kit's to living guidelines
BHSD - Design systems: from UI kit's to living guidelinesBHSD - Design systems: from UI kit's to living guidelines
BHSD - Design systems: from UI kit's to living guidelinesAndrew Sundiev
 
BHSD MAIL.RU UI/UX 2016 Restrictions
BHSD MAIL.RU UI/UX 2016 RestrictionsBHSD MAIL.RU UI/UX 2016 Restrictions
BHSD MAIL.RU UI/UX 2016 RestrictionsTema Gladkov
 
Дизайн в хаосе
Дизайн в хаосеДизайн в хаосе
Дизайн в хаосеArtur Kasimov
 

Viewers also liked (20)

Dribbble meetup 2016 — Flinto for Mac
Dribbble meetup 2016 — Flinto for MacDribbble meetup 2016 — Flinto for Mac
Dribbble meetup 2016 — Flinto for Mac
 
Мусабеков Рустем Dribbble Meetup Russia 2016
Мусабеков Рустем Dribbble Meetup Russia 2016Мусабеков Рустем Dribbble Meetup Russia 2016
Мусабеков Рустем Dribbble Meetup Russia 2016
 
Конкурсы концептов — Moscow Dribbble Meetup 2016
Конкурсы концептов — Moscow Dribbble Meetup 2016Конкурсы концептов — Moscow Dribbble Meetup 2016
Конкурсы концептов — Moscow Dribbble Meetup 2016
 
Единый стиль иллюстраций Mail.Ru
Единый стиль иллюстраций Mail.RuЕдиный стиль иллюстраций Mail.Ru
Единый стиль иллюстраций Mail.Ru
 
Миша Петрик и Женя Юдин — Mad Max
Миша Петрик и Женя Юдин — Mad MaxМиша Петрик и Женя Юдин — Mad Max
Миша Петрик и Женя Юдин — Mad Max
 
VK dribbble
VK dribbbleVK dribbble
VK dribbble
 
Moscow Dribbble Meetup 2016 - Identity Making Of
Moscow Dribbble Meetup 2016 - Identity Making OfMoscow Dribbble Meetup 2016 - Identity Making Of
Moscow Dribbble Meetup 2016 - Identity Making Of
 
Dribbble Meetup 2016
Dribbble Meetup 2016Dribbble Meetup 2016
Dribbble Meetup 2016
 
Styleguides for mobile
Styleguides for mobileStyleguides for mobile
Styleguides for mobile
 
Sketch
SketchSketch
Sketch
 
Выбор метрики
Выбор метрикиВыбор метрики
Выбор метрики
 
Ponomarenko_BHSAD_Intensive_calligraphy
Ponomarenko_BHSAD_Intensive_calligraphyPonomarenko_BHSAD_Intensive_calligraphy
Ponomarenko_BHSAD_Intensive_calligraphy
 
Ожидания от продукта
Ожидания от продуктаОжидания от продукта
Ожидания от продукта
 
BHSD - Systematic design process
BHSD - Systematic design processBHSD - Systematic design process
BHSD - Systematic design process
 
Как презентовать проект
Как презентовать проектКак презентовать проект
Как презентовать проект
 
BHSD MAIL.RU UI/UX 2016 Single interface
BHSD MAIL.RU UI/UX 2016 Single interfaceBHSD MAIL.RU UI/UX 2016 Single interface
BHSD MAIL.RU UI/UX 2016 Single interface
 
Анимация БВШД 2016
Анимация БВШД 2016Анимация БВШД 2016
Анимация БВШД 2016
 
BHSD - Design systems: from UI kit's to living guidelines
BHSD - Design systems: from UI kit's to living guidelinesBHSD - Design systems: from UI kit's to living guidelines
BHSD - Design systems: from UI kit's to living guidelines
 
BHSD MAIL.RU UI/UX 2016 Restrictions
BHSD MAIL.RU UI/UX 2016 RestrictionsBHSD MAIL.RU UI/UX 2016 Restrictions
BHSD MAIL.RU UI/UX 2016 Restrictions
 
Дизайн в хаосе
Дизайн в хаосеДизайн в хаосе
Дизайн в хаосе
 

Similar to Дизайн успешных продуктов

Real eye дополненная реальность
Real eye дополненная реальностьReal eye дополненная реальность
Real eye дополненная реальностьDaniel Gudkov
 
Контекстная реклама интернет-магазина X-moda
Контекстная реклама интернет-магазина X-modaКонтекстная реклама интернет-магазина X-moda
Контекстная реклама интернет-магазина X-modaWebcreator1
 
контекстная реклама крупного интернет магазина немецкой одежды X-moda
контекстная реклама крупного интернет магазина немецкой одежды X-modaконтекстная реклама крупного интернет магазина немецкой одежды X-moda
контекстная реклама крупного интернет магазина немецкой одежды X-modaWebcreator1
 
Интернет-магазин
Интернет-магазинИнтернет-магазин
Интернет-магазинIRCIT
 
Articul media presentation_aug14
Articul media presentation_aug14Articul media presentation_aug14
Articul media presentation_aug14Articul Media
 
Sextant cases (1)
Sextant cases (1)Sextant cases (1)
Sextant cases (1)Andrew Te
 
Online retail concept
Online retail conceptOnline retail concept
Online retail conceptLatte Media
 
Продвижение мобильных приложений
Продвижение мобильных приложенийПродвижение мобильных приложений
Продвижение мобильных приложенийyourcitrine
 
Мобильное приложение для программы лояльности
Мобильное приложение для программы лояльностиМобильное приложение для программы лояльности
Мобильное приложение для программы лояльностиMax Semenchuk
 
О создании сайтов в Реаспекте
О создании сайтов в РеаспектеО создании сайтов в Реаспекте
О создании сайтов в РеаспектеАндрей Анисимов
 

Similar to Дизайн успешных продуктов (20)

Real eye дополненная реальность
Real eye дополненная реальностьReal eye дополненная реальность
Real eye дополненная реальность
 
Контекстная реклама интернет-магазина X-moda
Контекстная реклама интернет-магазина X-modaКонтекстная реклама интернет-магазина X-moda
Контекстная реклама интернет-магазина X-moda
 
контекстная реклама крупного интернет магазина немецкой одежды X-moda
контекстная реклама крупного интернет магазина немецкой одежды X-modaконтекстная реклама крупного интернет магазина немецкой одежды X-moda
контекстная реклама крупного интернет магазина немецкой одежды X-moda
 
INJIS Interactive
INJIS InteractiveINJIS Interactive
INJIS Interactive
 
На-Показ.ру (1)
На-Показ.ру (1)На-Показ.ру (1)
На-Показ.ру (1)
 
Интернет-магазин
Интернет-магазинИнтернет-магазин
Интернет-магазин
 
Articul media presentation_aug14
Articul media presentation_aug14Articul media presentation_aug14
Articul media presentation_aug14
 
Инвестиции в ИТ компанию
Инвестиции в ИТ компаниюИнвестиции в ИТ компанию
Инвестиции в ИТ компанию
 
Sextant cases (1)
Sextant cases (1)Sextant cases (1)
Sextant cases (1)
 
Online retail concept
Online retail conceptOnline retail concept
Online retail concept
 
Ecommerce
EcommerceEcommerce
Ecommerce
 
10 zadanie
10 zadanie10 zadanie
10 zadanie
 
RESULTANT portfolio
RESULTANT portfolioRESULTANT portfolio
RESULTANT portfolio
 
AREALIDEA, Interactive Agency
AREALIDEA, Interactive AgencyAREALIDEA, Interactive Agency
AREALIDEA, Interactive Agency
 
AREALIDEA,
AREALIDEA, AREALIDEA,
AREALIDEA,
 
Продвижение мобильных приложений
Продвижение мобильных приложенийПродвижение мобильных приложений
Продвижение мобильных приложений
 
Мобильное приложение для программы лояльности
Мобильное приложение для программы лояльностиМобильное приложение для программы лояльности
Мобильное приложение для программы лояльности
 
О создании сайтов в Реаспекте
О создании сайтов в РеаспектеО создании сайтов в Реаспекте
О создании сайтов в Реаспекте
 
2 Постановка целей и выбор CMS
2 Постановка целей и выбор CMS2 Постановка целей и выбор CMS
2 Постановка целей и выбор CMS
 
Internet Trends
Internet TrendsInternet Trends
Internet Trends
 

Дизайн успешных продуктов