ݺߣ

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

More Related Content

What's hot (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
Tema 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
Сайдпроекты БВШД 2016
Igor 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
Прототип как первый шаг на пути к MVP
Rodion Salnik
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
Tema 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
Сайдпроекты БВШД 2016
Igor 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
Прототип как первый шаг на пути к MVP
Rodion Salnik

Viewers also liked (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
Agilie 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 business
Agilie 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 design
Agilie Team
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
Agilie 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 business
Agilie 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 design
Agilie Team

Similar to Прото типо типирование (20)

Обзор и анализ инструментов проектирования и прототипирования интерфейсов
Обзор и анализ инструментов проектирования и прототипирования интерфейсовОбзор и анализ инструментов проектирования и прототипирования интерфейсов
Обзор и анализ инструментов проектирования и прототипирования интерфейсов
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
Роман Петров - юнит-тестирование мобильных приложений на примере платформы iOS
Provectus
Разработка прототипов на Axure
Разработка прототипов на AxureРазработка прототипов на Axure
Разработка прототипов на Axure
Softline
Lectora & Snap! Webinar Qoveo 26/06
Lectora & Snap! Webinar Qoveo 26/06Lectora & Snap! Webinar Qoveo 26/06
Lectora & Snap! Webinar Qoveo 26/06
QOVEO
Web documentary, веб-документалистика
Web documentary, веб-документалистикаWeb documentary, веб-документалистика
Web documentary, веб-документалистика
Владимирская областная научная библиотека
презентация1
презентация1презентация1
презентация1
alka101
Прототипирование мобильных приложений
Прототипирование мобильных приложенийПрототипирование мобильных приложений
Прототипирование мобильных приложений
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
Вводный вебинар по iRidium
iRidiumMobile365
DESIGN PATTERNS? EASY!
DESIGN PATTERNS? EASY!DESIGN PATTERNS? EASY!
DESIGN PATTERNS? EASY!
DrupalCamp Kyiv
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
Технический писатель: ожидание vs реальность (Ольга Кириченко) - DocFactor 2016
Технический писатель: ожидание vs реальность (Ольга Кириченко) - DocFactor 2016Технический писатель: ожидание vs реальность (Ольга Кириченко) - DocFactor 2016
Технический писатель: ожидание vs реальность (Ольга Кириченко) - DocFactor 2016
Unigine Corp.
Обзор и анализ инструментов проектирования и прототипирования интерфейсов
Обзор и анализ инструментов проектирования и прототипирования интерфейсовОбзор и анализ инструментов проектирования и прототипирования интерфейсов
Обзор и анализ инструментов проектирования и прототипирования интерфейсов
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
Роман Петров - юнит-тестирование мобильных приложений на примере платформы iOS
Provectus
Разработка прототипов на Axure
Разработка прототипов на AxureРазработка прототипов на Axure
Разработка прототипов на Axure
Softline
Lectora & Snap! Webinar Qoveo 26/06
Lectora & Snap! Webinar Qoveo 26/06Lectora & Snap! Webinar Qoveo 26/06
Lectora & Snap! Webinar Qoveo 26/06
QOVEO
презентация1
презентация1презентация1
презентация1
alka101
Прототипирование мобильных приложений
Прототипирование мобильных приложенийПрототипирование мобильных приложений
Прототипирование мобильных приложений
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
Вводный вебинар по iRidium
iRidiumMobile365
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
Технический писатель: ожидание vs реальность (Ольга Кириченко) - DocFactor 2016
Технический писатель: ожидание vs реальность (Ольга Кириченко) - DocFactor 2016Технический писатель: ожидание vs реальность (Ольга Кириченко) - DocFactor 2016
Технический писатель: ожидание vs реальность (Ольга Кириченко) - DocFactor 2016
Unigine Corp.

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