SlideShare uma empresa Scribd logo
1 de 37
55
Прото типо типирование
Немножечко о прототипировании
Что такое прототип?
Прототип - это симуляция финального
продукта. Интерактивность решает!
Это не прототип
И это тоже
Прототип - это не
финальный продукт,
поэтому он может
выглядеть как-то так:)
Зачем и Почему
Прототип - это самый эффективный
канал коммуникации
Это быстро!
Дешево!
Супер наглядно!
Экономно
Не то же самое, что и «Дешево»
Можно тестировать!
55
Прототипирование на разных
стадиях проектирования
Скетчи
Wireframes
UI
Инструменты
?
Marvel & InVision
Экспорт мокапов из Illustrator/Photoshop/Sketch
Возможность просмотра прототипа на девайсе
Низкий порог вхождения
Большой набор стандартных переходов и интерекшенов
Возможность собрать фидбек (запись видео, комментарии)
Транзишены только между экранами. Нет доступа к отдельным слоям.
Principle
Интуитивно понятный интерфейс
Гибкие переходы и анимации
Простота использования
Работа со слоями и несколькими артбордами
Возможность просмотра прототипа на девайсе
Pixate
Весьма сложный для гуманитария консольный интерфейс
Гибкие переходы и анимации
Довольно высокий порог вхождения
Работа со слоями, но в пределах только одного артборда
Возможность просмотра прототипа на девайсе
Ваши вопросы!
Без слишком интимных

Mais conteúdo relacionado

Mais procurados

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
 
«Особенности Agile-разработки интернет-проектов»
«Особенности Agile-разработки интернет-проектов»«Особенности Agile-разработки интернет-проектов»
«Особенности Agile-разработки интернет-проектов»DataArt
 
Прототип сайта: виды, плюсы и минусы
Прототип сайта: виды, плюсы и минусыПрототип сайта: виды, плюсы и минусы
Прототип сайта: виды, плюсы и минусыСергей Кондауров
 
04 - Практика UML. Описание прецедентов
04 - Практика UML. Описание прецедентов04 - Практика UML. Описание прецедентов
04 - Практика UML. Описание прецедентовRoman Brovko
 
Вадим Зубович - Sikuli script - идеальный инструмент для обучения автоматизации
Вадим Зубович - Sikuli script - идеальный инструмент для обучения автоматизацииВадим Зубович - Sikuli script - идеальный инструмент для обучения автоматизации
Вадим Зубович - Sikuli script - идеальный инструмент для обучения автоматизацииCOMAQA.BY
 
Создание прототипа как этап разработки сайта: задачи, методы, преимущества
Создание прототипа как этап разработки сайта: задачи, методы, преимуществаСоздание прототипа как этап разработки сайта: задачи, методы, преимущества
Создание прототипа как этап разработки сайта: задачи, методы, преимуществаTechart Marketing Group
 
Обзор средств прототипирования веб-сайтов
Обзор средств прототипирования веб-сайтовОбзор средств прототипирования веб-сайтов
Обзор средств прототипирования веб-сайтовPavel Konoplitski
 
Интерактивная революция или что нужно знать об анимации в интерфейсах, чтобы ...
Интерактивная революция или что нужно знать об анимации в интерфейсах, чтобы ...Интерактивная революция или что нужно знать об анимации в интерфейсах, чтобы ...
Интерактивная революция или что нужно знать об анимации в интерфейсах, чтобы ...Dmitriy Chuta
 
01 - Практика UML. Нужен ли UML?
01 - Практика UML. Нужен ли UML?01 - Практика UML. Нужен ли UML?
01 - Практика UML. Нужен ли UML?Roman Brovko
 
прототипирование юзабилити
прототипирование юзабилитипрототипирование юзабилити
прототипирование юзабилитиElena Kotina
 
CodeFest2015: Ю.Ветров — От дизайн-команды к дизайн-культуре
CodeFest2015: Ю.Ветров — От дизайн-команды к дизайн-культуреCodeFest2015: Ю.Ветров — От дизайн-команды к дизайн-культуре
CodeFest2015: Ю.Ветров — От дизайн-команды к дизайн-культуреYury Vetrov
 
Прототипирование сайтов
Прототипирование сайтовПрототипирование сайтов
Прототипирование сайтовИван Рябов
 
UXPeople 2015: Юрий Ветров — Платформенное мышление
UXPeople 2015: Юрий Ветров — Платформенное мышлениеUXPeople 2015: Юрий Ветров — Платформенное мышление
UXPeople 2015: Юрий Ветров — Платформенное мышлениеYury Vetrov
 
Преимущества создания кроссплатформенных приложений с использованием Phone ga...
Преимущества создания кроссплатформенных приложений с использованием Phone ga...Преимущества создания кроссплатформенных приложений с использованием Phone ga...
Преимущества создания кроссплатформенных приложений с использованием Phone ga...geekfamilyrussia
 
Сайдпроекты БВШД 2016
Сайдпроекты БВШД 2016Сайдпроекты БВШД 2016
Сайдпроекты БВШД 2016Igor Silkin
 
UXPeople2013: Юрий Ветров — UX-стратегия. Теория и практика
UXPeople2013: Юрий Ветров — UX-стратегия. Теория и практикаUXPeople2013: Юрий Ветров — UX-стратегия. Теория и практика
UXPeople2013: Юрий Ветров — UX-стратегия. Теория и практикаYury Vetrov
 
WUD2013: Юрий Ветров — Унификация, vol. 1. Фреймворк Mail.Ru для мобильного веба
WUD2013: Юрий Ветров — Унификация, vol. 1. Фреймворк Mail.Ru для мобильного вебаWUD2013: Юрий Ветров — Унификация, vol. 1. Фреймворк Mail.Ru для мобильного веба
WUD2013: Юрий Ветров — Унификация, vol. 1. Фреймворк Mail.Ru для мобильного вебаYury Vetrov
 
Прототип как первый шаг на пути к MVP
Прототип как первый шаг на пути к MVPПрототип как первый шаг на пути к MVP
Прототип как первый шаг на пути к MVPRodion Salnik
 

Mais procurados (19)

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
 
«Особенности Agile-разработки интернет-проектов»
«Особенности Agile-разработки интернет-проектов»«Особенности Agile-разработки интернет-проектов»
«Особенности Agile-разработки интернет-проектов»
 
Прототип сайта: виды, плюсы и минусы
Прототип сайта: виды, плюсы и минусыПрототип сайта: виды, плюсы и минусы
Прототип сайта: виды, плюсы и минусы
 
04 - Практика UML. Описание прецедентов
04 - Практика UML. Описание прецедентов04 - Практика UML. Описание прецедентов
04 - Практика UML. Описание прецедентов
 
Вадим Зубович - Sikuli script - идеальный инструмент для обучения автоматизации
Вадим Зубович - Sikuli script - идеальный инструмент для обучения автоматизацииВадим Зубович - Sikuli script - идеальный инструмент для обучения автоматизации
Вадим Зубович - Sikuli script - идеальный инструмент для обучения автоматизации
 
Создание прототипа как этап разработки сайта: задачи, методы, преимущества
Создание прототипа как этап разработки сайта: задачи, методы, преимуществаСоздание прототипа как этап разработки сайта: задачи, методы, преимущества
Создание прототипа как этап разработки сайта: задачи, методы, преимущества
 
Обзор средств прототипирования веб-сайтов
Обзор средств прототипирования веб-сайтовОбзор средств прототипирования веб-сайтов
Обзор средств прототипирования веб-сайтов
 
Интерактивная революция или что нужно знать об анимации в интерфейсах, чтобы ...
Интерактивная революция или что нужно знать об анимации в интерфейсах, чтобы ...Интерактивная революция или что нужно знать об анимации в интерфейсах, чтобы ...
Интерактивная революция или что нужно знать об анимации в интерфейсах, чтобы ...
 
01 - Практика UML. Нужен ли UML?
01 - Практика UML. Нужен ли UML?01 - Практика UML. Нужен ли UML?
01 - Практика UML. Нужен ли UML?
 
прототипирование юзабилити
прототипирование юзабилитипрототипирование юзабилити
прототипирование юзабилити
 
CodeFest2015: Ю.Ветров — От дизайн-команды к дизайн-культуре
CodeFest2015: Ю.Ветров — От дизайн-команды к дизайн-культуреCodeFest2015: Ю.Ветров — От дизайн-команды к дизайн-культуре
CodeFest2015: Ю.Ветров — От дизайн-команды к дизайн-культуре
 
Artsofte для dump2013
Artsofte для dump2013Artsofte для dump2013
Artsofte для dump2013
 
Прототипирование сайтов
Прототипирование сайтовПрототипирование сайтов
Прототипирование сайтов
 
UXPeople 2015: Юрий Ветров — Платформенное мышление
UXPeople 2015: Юрий Ветров — Платформенное мышлениеUXPeople 2015: Юрий Ветров — Платформенное мышление
UXPeople 2015: Юрий Ветров — Платформенное мышление
 
Преимущества создания кроссплатформенных приложений с использованием Phone ga...
Преимущества создания кроссплатформенных приложений с использованием Phone ga...Преимущества создания кроссплатформенных приложений с использованием Phone ga...
Преимущества создания кроссплатформенных приложений с использованием Phone ga...
 
Сайдпроекты БВШД 2016
Сайдпроекты БВШД 2016Сайдпроекты БВШД 2016
Сайдпроекты БВШД 2016
 
UXPeople2013: Юрий Ветров — UX-стратегия. Теория и практика
UXPeople2013: Юрий Ветров — UX-стратегия. Теория и практикаUXPeople2013: Юрий Ветров — UX-стратегия. Теория и практика
UXPeople2013: Юрий Ветров — UX-стратегия. Теория и практика
 
WUD2013: Юрий Ветров — Унификация, vol. 1. Фреймворк Mail.Ru для мобильного веба
WUD2013: Юрий Ветров — Унификация, vol. 1. Фреймворк Mail.Ru для мобильного вебаWUD2013: Юрий Ветров — Унификация, vol. 1. Фреймворк Mail.Ru для мобильного веба
WUD2013: Юрий Ветров — Унификация, vol. 1. Фреймворк Mail.Ru для мобильного веба
 
Прототип как первый шаг на пути к MVP
Прототип как первый шаг на пути к MVPПрототип как первый шаг на пути к MVP
Прототип как первый шаг на пути к MVP
 

Destaque

New designer's tool for promotion shot bucket
New designer's tool for promotion shot bucketNew designer's tool for promotion shot bucket
New designer's tool for promotion shot bucketAgilie Team
 
Эволюция внутренних процессов в большой команде
Эволюция внутренних процессов в большой командеЭволюция внутренних процессов в большой команде
Эволюция внутренних процессов в большой командеAgilie Team
 
Ошибки проектирования дизайна с точки зрения SEO-оптимизации
Ошибки проектирования дизайна с точки зрения SEO-оптимизацииОшибки проектирования дизайна с точки зрения SEO-оптимизации
Ошибки проектирования дизайна с точки зрения SEO-оптимизацииAgilie Team
 
Как взять и удержать проект
Как взять и удержать проектКак взять и удержать проект
Как взять и удержать проектAgilie Team
 
Mobile apps for restaurants business
Mobile apps for restaurants businessMobile apps for restaurants business
Mobile apps for restaurants businessAgilie Team
 
9 заповедей ux-аниматора
9 заповедей ux-аниматора9 заповедей ux-аниматора
9 заповедей ux-аниматораAgilie Team
 
Фрилансер: помоги себе сам
Фрилансер: помоги себе самФрилансер: помоги себе сам
Фрилансер: помоги себе самAgilie Team
 
The past of modern design
The past of modern designThe past of modern design
The past of modern designAgilie Team
 

Destaque (9)

New designer's tool for promotion shot bucket
New designer's tool for promotion shot bucketNew designer's tool for promotion shot bucket
New designer's tool for promotion shot bucket
 
Эволюция внутренних процессов в большой команде
Эволюция внутренних процессов в большой командеЭволюция внутренних процессов в большой команде
Эволюция внутренних процессов в большой команде
 
Ошибки проектирования дизайна с точки зрения SEO-оптимизации
Ошибки проектирования дизайна с точки зрения SEO-оптимизацииОшибки проектирования дизайна с точки зрения SEO-оптимизации
Ошибки проектирования дизайна с точки зрения SEO-оптимизации
 
Как взять и удержать проект
Как взять и удержать проектКак взять и удержать проект
Как взять и удержать проект
 
Mobile apps for restaurants business
Mobile apps for restaurants businessMobile apps for restaurants business
Mobile apps for restaurants business
 
Mamah1
Mamah1Mamah1
Mamah1
 
9 заповедей ux-аниматора
9 заповедей ux-аниматора9 заповедей ux-аниматора
9 заповедей ux-аниматора
 
Фрилансер: помоги себе сам
Фрилансер: помоги себе самФрилансер: помоги себе сам
Фрилансер: помоги себе сам
 
The past of modern design
The past of modern designThe past of modern design
The past of modern design
 

Semelhante a Прото типо типирование

Обзор и анализ инструментов проектирования и прототипирования интерфейсов
Обзор и анализ инструментов проектирования и прототипирования интерфейсовОбзор и анализ инструментов проектирования и прототипирования интерфейсов
Обзор и анализ инструментов проектирования и прототипирования интерфейсовRustem Gayfutdinov
 
Никита Цуканов - "Avalonia UI Cross-platform Open Source UI Framework"
Никита Цуканов - "Avalonia UI Cross-platform Open Source UI Framework"Никита Цуканов - "Avalonia UI Cross-platform Open Source UI Framework"
Никита Цуканов - "Avalonia UI Cross-platform Open Source UI Framework"Elias Fofanov
 
Дмитрий Чута - Интерактивная революция или что нужно знать об анимации в инте...
Дмитрий Чута - Интерактивная революция или что нужно знать об анимации в инте...Дмитрий Чута - Интерактивная революция или что нужно знать об анимации в инте...
Дмитрий Чута - Интерактивная революция или что нужно знать об анимации в инте...GeeksLab Odessa
 
Mortal Sins and Guilty Pleasures of Automation Engineers
Mortal Sins and Guilty Pleasures of Automation EngineersMortal Sins and Guilty Pleasures of Automation Engineers
Mortal Sins and Guilty Pleasures of Automation EngineersÞorgeir Ingvarsson
 
Роман Петров - юнит-тестирование мобильных приложений на примере платформы iOS
Роман Петров - юнит-тестирование мобильных приложений на примере платформы iOSРоман Петров - юнит-тестирование мобильных приложений на примере платформы iOS
Роман Петров - юнит-тестирование мобильных приложений на примере платформы iOSProvectus
 
Разработка прототипов на Axure
Разработка прототипов на AxureРазработка прототипов на Axure
Разработка прототипов на AxureSoftline
 
Lectora & Snap! Webinar Qoveo 26/06
Lectora & Snap! Webinar Qoveo 26/06Lectora & Snap! Webinar Qoveo 26/06
Lectora & Snap! Webinar Qoveo 26/06QOVEO
 
презентация1
презентация1презентация1
презентация1alka101
 
Прототипирование мобильных приложений
Прототипирование мобильных приложенийПрототипирование мобильных приложений
Прототипирование мобильных приложенийSQALab
 
Никита Ефимов Lead UX Architect, New Cloud Technologies
Никита Ефимов Lead UX Architect, New Cloud Technologies Никита Ефимов Lead UX Architect, New Cloud Technologies
Никита Ефимов Lead UX Architect, New Cloud Technologies Anton Anokhin
 
опыт проектирования интерфейса Smart nut
опыт проектирования интерфейса Smart nutопыт проектирования интерфейса Smart nut
опыт проектирования интерфейса Smart nutИлья Котельников
 
Андрей Кирпичев "Гибкая модульность инструментами АОП"
Андрей Кирпичев  "Гибкая модульность инструментами АОП"Андрей Кирпичев  "Гибкая модульность инструментами АОП"
Андрей Кирпичев "Гибкая модульность инструментами АОП"MskDotNet Community
 
Унификация взаимодействия
Унификация взаимодействияУнификация взаимодействия
Унификация взаимодействияNikita Efimov
 
Вводный вебинар по iRidium
Вводный вебинар по iRidiumВводный вебинар по iRidium
Вводный вебинар по iRidiumiRidiumMobile365
 
Flat Design - Мейнстрим или будущее UI (by Vadim Orlov at IT Club Mykolaiv)
Flat Design - Мейнстрим или будущее UI (by Vadim Orlov at IT Club Mykolaiv)Flat Design - Мейнстрим или будущее UI (by Vadim Orlov at IT Club Mykolaiv)
Flat Design - Мейнстрим или будущее UI (by Vadim Orlov at IT Club Mykolaiv)GlobalLogic Ukraine
 
анимация
анимацияанимация
анимацияandreu_190
 
Технический писатель: ожидание vs реальность (Ольга Кириченко) - DocFactor 2016
Технический писатель: ожидание vs реальность (Ольга Кириченко) - DocFactor 2016Технический писатель: ожидание vs реальность (Ольга Кириченко) - DocFactor 2016
Технический писатель: ожидание vs реальность (Ольга Кириченко) - DocFactor 2016Unigine Corp.
 

Semelhante a Прото типо типирование (20)

Обзор и анализ инструментов проектирования и прототипирования интерфейсов
Обзор и анализ инструментов проектирования и прототипирования интерфейсовОбзор и анализ инструментов проектирования и прототипирования интерфейсов
Обзор и анализ инструментов проектирования и прототипирования интерфейсов
 
Никита Цуканов - "Avalonia UI Cross-platform Open Source UI Framework"
Никита Цуканов - "Avalonia UI Cross-platform Open Source UI Framework"Никита Цуканов - "Avalonia UI Cross-platform Open Source UI Framework"
Никита Цуканов - "Avalonia UI Cross-platform Open Source UI Framework"
 
Дмитрий Чута - Интерактивная революция или что нужно знать об анимации в инте...
Дмитрий Чута - Интерактивная революция или что нужно знать об анимации в инте...Дмитрий Чута - Интерактивная революция или что нужно знать об анимации в инте...
Дмитрий Чута - Интерактивная революция или что нужно знать об анимации в инте...
 
Mortal Sins and Guilty Pleasures of Automation Engineers
Mortal Sins and Guilty Pleasures of Automation EngineersMortal Sins and Guilty Pleasures of Automation Engineers
Mortal Sins and Guilty Pleasures of Automation Engineers
 
Роман Петров - юнит-тестирование мобильных приложений на примере платформы iOS
Роман Петров - юнит-тестирование мобильных приложений на примере платформы iOSРоман Петров - юнит-тестирование мобильных приложений на примере платформы iOS
Роман Петров - юнит-тестирование мобильных приложений на примере платформы iOS
 
Разработка прототипов на Axure
Разработка прототипов на AxureРазработка прототипов на Axure
Разработка прототипов на Axure
 
Lectora & Snap! Webinar Qoveo 26/06
Lectora & Snap! Webinar Qoveo 26/06Lectora & Snap! Webinar Qoveo 26/06
Lectora & Snap! Webinar Qoveo 26/06
 
Web documentary, веб-документалистика
Web documentary, веб-документалистикаWeb documentary, веб-документалистика
Web documentary, веб-документалистика
 
презентация1
презентация1презентация1
презентация1
 
Прототипирование мобильных приложений
Прототипирование мобильных приложенийПрототипирование мобильных приложений
Прототипирование мобильных приложений
 
Никита Ефимов Lead UX Architect, New Cloud Technologies
Никита Ефимов Lead UX Architect, New Cloud Technologies Никита Ефимов Lead UX Architect, New Cloud Technologies
Никита Ефимов Lead UX Architect, New Cloud Technologies
 
опыт проектирования интерфейса Smart nut
опыт проектирования интерфейса Smart nutопыт проектирования интерфейса Smart nut
опыт проектирования интерфейса Smart nut
 
Андрей Кирпичев "Гибкая модульность инструментами АОП"
Андрей Кирпичев  "Гибкая модульность инструментами АОП"Андрей Кирпичев  "Гибкая модульность инструментами АОП"
Андрей Кирпичев "Гибкая модульность инструментами АОП"
 
Унификация взаимодействия
Унификация взаимодействияУнификация взаимодействия
Унификация взаимодействия
 
Вводный вебинар по iRidium
Вводный вебинар по iRidiumВводный вебинар по iRidium
Вводный вебинар по iRidium
 
DESIGN PATTERNS? EASY!
DESIGN PATTERNS? EASY!DESIGN PATTERNS? EASY!
DESIGN PATTERNS? EASY!
 
Flat Design - Мейнстрим или будущее UI (by Vadim Orlov at IT Club Mykolaiv)
Flat Design - Мейнстрим или будущее UI (by Vadim Orlov at IT Club Mykolaiv)Flat Design - Мейнстрим или будущее UI (by Vadim Orlov at IT Club Mykolaiv)
Flat Design - Мейнстрим или будущее UI (by Vadim Orlov at IT Club Mykolaiv)
 
анимация
анимацияанимация
анимация
 
Технический писатель: ожидание vs реальность (Ольга Кириченко) - DocFactor 2016
Технический писатель: ожидание vs реальность (Ольга Кириченко) - DocFactor 2016Технический писатель: ожидание vs реальность (Ольга Кириченко) - DocFactor 2016
Технический писатель: ожидание vs реальность (Ольга Кириченко) - DocFactor 2016
 
tech_writer_2016_fin
tech_writer_2016_fintech_writer_2016_fin
tech_writer_2016_fin
 

Прото типо типирование