SlideShare a Scribd company logo
Прототипирование
  интерфейсов
Юрий Подорожный
CEO
Зачем делать прототипы?
1
Максимально быстрый переход от
идеи к тому, что можно обсудить с
    другими и начать делать.

 Вы оперируете продуктом, а не
         абстракцией.
2
Видны ошибки логики
3
Упрощает передачу проекта
       дизайнеру
4
Экономит время и деньги
Идеальный прототип

• Интерактивен
• Временные затраты на создание
 меньше затрат на использование
 выбранного инструмента
• Сделан с соблюдением гайдлайнов
«Волшебной таблетки» не
     существует :-(
1. Блокнот

        ✗                  ✓
• Неинтерактивно   • Очень быстро
• Сложно вносить
 изменения
• Неаккуратно
2. HTML
           ✗                  ✓
• Необходимы навыки   • Интерактивные
 верстки               прототипы
• Трудозатратно       • Просто вносить
                       изменения
                      • Отличный результат
                      • С каждым разом
                       быстрее и лучше
• iWebKit
• WebApp.net
• Universal iPhone UI Kit
• и множество других
3. PSD-шаблоны

        ✗                        ✓
• Необходимы навыки   • Огромное количество
 работы в Фотошопе     шаблонов
• Неинтерактивно      • Быстро
4. Сервисы и приложения


         ✗                  ✓
 • Ограниченность   • Быстро
  выбранного        • Иногда даже
  инструмента        интерактивно
App Cooker
Спасибо!
#feedback_ru
anyvoid.ru

                     facebook.com/anyvoid

                     github.com/anyvoid


Задавайте вопросы:
@see_yu
yu@anyvoid.ru

More Related Content

What's hot

Сервисы Google в образовании
Сервисы Google в образованииСервисы Google в образовании
Сервисы Google в образованииwhatsab
 
Иван Васильев
Иван ВасильевИван Васильев
Иван ВасильевCodeFest
 
Стартап за 1 день — скоростная командная разработка веб
Стартап за 1 день — скоростная командная разработка вебСтартап за 1 день — скоростная командная разработка веб
Стартап за 1 день — скоростная командная разработка вебKyrylo Melnychuk
 
Как улучшить удобство продукта минимальными затратами?
Как улучшить удобство продукта минимальными затратами?Как улучшить удобство продукта минимальными затратами?
Как улучшить удобство продукта минимальными затратами?Oleg Karapuzov
 
Continuous integration для java script проектов
Continuous integration для java script проектовContinuous integration для java script проектов
Continuous integration для java script проектовAndrey Kucherenko
 
Влияние UX на исходный код приложения. Валерий Сорокобатько
Влияние UX на исходный код приложения. Валерий СорокобатькоВлияние UX на исходный код приложения. Валерий Сорокобатько
Влияние UX на исходный код приложения. Валерий СорокобатькоEatDog
 
Унификация взаимодействия
Унификация взаимодействияУнификация взаимодействия
Унификация взаимодействияNikita Efimov
 
UWDC'12, Александр Макаров, О командной разработке и фреймворках
UWDC'12, Александр Макаров, О командной разработке и фреймворкахUWDC'12, Александр Макаров, О командной разработке и фреймворках
UWDC'12, Александр Макаров, О командной разработке и фреймворкахAlexander Makarov
 
Никита Ефимов 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
 
Бумажное прототипирование
Бумажное прототипированиеБумажное прототипирование
Бумажное прототипированиеMaxim Gaponov
 
Drupal vs Бизнес: почему Drupal лучше любого framework и как его правильно го...
Drupal vs Бизнес: почему Drupal лучше любого framework и как его правильно го...Drupal vs Бизнес: почему Drupal лучше любого framework и как его правильно го...
Drupal vs Бизнес: почему Drupal лучше любого framework и как его правильно го...PVasili
 
Wooppay. Продуктовая сторона стартапа.
Wooppay. Продуктовая сторона стартапа. Wooppay. Продуктовая сторона стартапа.
Wooppay. Продуктовая сторона стартапа. Wooppay_official
 
Алексей Трошин. Менеджер не нужен: быстрые шаблоны правильных коммуникаций
Алексей Трошин. Менеджер не нужен: быстрые шаблоны правильных коммуникацийАлексей Трошин. Менеджер не нужен: быстрые шаблоны правильных коммуникаций
Алексей Трошин. Менеджер не нужен: быстрые шаблоны правильных коммуникацийScrumTrek
 
Go для веба глазами PHP-разработчика
Go для веба глазами PHP-разработчикаGo для веба глазами PHP-разработчика
Go для веба глазами PHP-разработчикаUP2IT
 
Раскопки в интерфейсах
Раскопки в интерфейсахРаскопки в интерфейсах
Раскопки в интерфейсахAlisher Yakupov
 
О фреймворках Backend conf 2016
О фреймворках Backend conf 2016О фреймворках Backend conf 2016
О фреймворках Backend conf 2016Roman Ivliev
 
Основные ошибки при разработке интернет-магазинов
Основные ошибки при разработке интернет-магазиновОсновные ошибки при разработке интернет-магазинов
Основные ошибки при разработке интернет-магазиновГлавное интернет-бюро
 
Всему своё время Highload Junior 2016
Всему своё время   Highload Junior  2016Всему своё время   Highload Junior  2016
Всему своё время Highload Junior 2016Roman Ivliev
 

What's hot (18)

Сервисы Google в образовании
Сервисы Google в образованииСервисы Google в образовании
Сервисы Google в образовании
 
Иван Васильев
Иван ВасильевИван Васильев
Иван Васильев
 
Стартап за 1 день — скоростная командная разработка веб
Стартап за 1 день — скоростная командная разработка вебСтартап за 1 день — скоростная командная разработка веб
Стартап за 1 день — скоростная командная разработка веб
 
Как улучшить удобство продукта минимальными затратами?
Как улучшить удобство продукта минимальными затратами?Как улучшить удобство продукта минимальными затратами?
Как улучшить удобство продукта минимальными затратами?
 
Continuous integration для java script проектов
Continuous integration для java script проектовContinuous integration для java script проектов
Continuous integration для java script проектов
 
Влияние UX на исходный код приложения. Валерий Сорокобатько
Влияние UX на исходный код приложения. Валерий СорокобатькоВлияние UX на исходный код приложения. Валерий Сорокобатько
Влияние UX на исходный код приложения. Валерий Сорокобатько
 
Унификация взаимодействия
Унификация взаимодействияУнификация взаимодействия
Унификация взаимодействия
 
UWDC'12, Александр Макаров, О командной разработке и фреймворках
UWDC'12, Александр Макаров, О командной разработке и фреймворкахUWDC'12, Александр Макаров, О командной разработке и фреймворках
UWDC'12, Александр Макаров, О командной разработке и фреймворках
 
Никита Ефимов Lead UX Architect, New Cloud Technologies
Никита Ефимов Lead UX Architect, New Cloud Technologies Никита Ефимов Lead UX Architect, New Cloud Technologies
Никита Ефимов Lead UX Architect, New Cloud Technologies
 
Бумажное прототипирование
Бумажное прототипированиеБумажное прототипирование
Бумажное прототипирование
 
Drupal vs Бизнес: почему Drupal лучше любого framework и как его правильно го...
Drupal vs Бизнес: почему Drupal лучше любого framework и как его правильно го...Drupal vs Бизнес: почему Drupal лучше любого framework и как его правильно го...
Drupal vs Бизнес: почему Drupal лучше любого framework и как его правильно го...
 
Wooppay. Продуктовая сторона стартапа.
Wooppay. Продуктовая сторона стартапа. Wooppay. Продуктовая сторона стартапа.
Wooppay. Продуктовая сторона стартапа.
 
Алексей Трошин. Менеджер не нужен: быстрые шаблоны правильных коммуникаций
Алексей Трошин. Менеджер не нужен: быстрые шаблоны правильных коммуникацийАлексей Трошин. Менеджер не нужен: быстрые шаблоны правильных коммуникаций
Алексей Трошин. Менеджер не нужен: быстрые шаблоны правильных коммуникаций
 
Go для веба глазами PHP-разработчика
Go для веба глазами PHP-разработчикаGo для веба глазами PHP-разработчика
Go для веба глазами PHP-разработчика
 
Раскопки в интерфейсах
Раскопки в интерфейсахРаскопки в интерфейсах
Раскопки в интерфейсах
 
О фреймворках Backend conf 2016
О фреймворках Backend conf 2016О фреймворках Backend conf 2016
О фреймворках Backend conf 2016
 
Основные ошибки при разработке интернет-магазинов
Основные ошибки при разработке интернет-магазиновОсновные ошибки при разработке интернет-магазинов
Основные ошибки при разработке интернет-магазинов
 
Всему своё время Highload Junior 2016
Всему своё время   Highload Junior  2016Всему своё время   Highload Junior  2016
Всему своё время Highload Junior 2016
 

Viewers also liked

4я лекция - Прототипирование.
4я лекция - Прототипирование.4я лекция - Прототипирование.
4я лекция - Прототипирование.allileja
 
«Прототип за 60 секунд: о вайрфреймах и прототипах»
 «Прототип за 60 секунд: о вайрфреймах и прототипах» «Прототип за 60 секунд: о вайрфреймах и прототипах»
«Прототип за 60 секунд: о вайрфреймах и прототипах»DataArt
 
Прототипирование презентация
Прототипирование презентацияПрототипирование презентация
Прототипирование презентацияAlexandr
 
На 10 минут круче: скетчинг и прототипирование
На 10 минут круче: скетчинг и прототипированиеНа 10 минут круче: скетчинг и прототипирование
На 10 минут круче: скетчинг и прототипированиеНетология
 
Быстрое прототипирование сайтов
Быстрое прототипирование сайтовБыстрое прототипирование сайтов
Быстрое прототипирование сайтовRinat Shaikhutdinov
 
Прототипирование мобильных приложений
Прототипирование мобильных приложенийПрототипирование мобильных приложений
Прототипирование мобильных приложенийSQALab
 
Прототипирование сайтов
Прототипирование сайтовПрототипирование сайтов
Прототипирование сайтовИван Рябов
 
Проектирование пользовательских интерфейсов
Проектирование пользовательских интерфейсовПроектирование пользовательских интерфейсов
Проектирование пользовательских интерфейсовEkaterina Mironova
 
Презентация по курсу «Проектирования в Axure»
Презентация по курсу  «Проектирования в Axure» Презентация по курсу  «Проектирования в Axure»
Презентация по курсу «Проектирования в Axure» Ekaterina Mironova
 
User Experience 2011: Мастер-класс: Кросс-платформенное проектирование для мо...
User Experience 2011: Мастер-класс: Кросс-платформенное проектирование для мо...User Experience 2011: Мастер-класс: Кросс-платформенное проектирование для мо...
User Experience 2011: Мастер-класс: Кросс-платформенное проектирование для мо...Yury Vetrov
 

Viewers also liked (10)

4я лекция - Прототипирование.
4я лекция - Прототипирование.4я лекция - Прототипирование.
4я лекция - Прототипирование.
 
«Прототип за 60 секунд: о вайрфреймах и прототипах»
 «Прототип за 60 секунд: о вайрфреймах и прототипах» «Прототип за 60 секунд: о вайрфреймах и прототипах»
«Прототип за 60 секунд: о вайрфреймах и прототипах»
 
Прототипирование презентация
Прототипирование презентацияПрототипирование презентация
Прототипирование презентация
 
На 10 минут круче: скетчинг и прототипирование
На 10 минут круче: скетчинг и прототипированиеНа 10 минут круче: скетчинг и прототипирование
На 10 минут круче: скетчинг и прототипирование
 
Быстрое прототипирование сайтов
Быстрое прототипирование сайтовБыстрое прототипирование сайтов
Быстрое прототипирование сайтов
 
Прототипирование мобильных приложений
Прототипирование мобильных приложенийПрототипирование мобильных приложений
Прототипирование мобильных приложений
 
Прототипирование сайтов
Прототипирование сайтовПрототипирование сайтов
Прототипирование сайтов
 
Проектирование пользовательских интерфейсов
Проектирование пользовательских интерфейсовПроектирование пользовательских интерфейсов
Проектирование пользовательских интерфейсов
 
Презентация по курсу «Проектирования в Axure»
Презентация по курсу  «Проектирования в Axure» Презентация по курсу  «Проектирования в Axure»
Презентация по курсу «Проектирования в Axure»
 
User Experience 2011: Мастер-класс: Кросс-платформенное проектирование для мо...
User Experience 2011: Мастер-класс: Кросс-платформенное проектирование для мо...User Experience 2011: Мастер-класс: Кросс-платформенное проектирование для мо...
User Experience 2011: Мастер-класс: Кросс-платформенное проектирование для мо...
 

Similar to Презентация Ю. Подорожного

Методики управления развитием ис на базе 1с
Методики управления развитием ис на базе 1сМетодики управления развитием ис на базе 1с
Методики управления развитием ис на базе 1сHelen Kopteva
 
Лучшие практики на практике
Лучшие практики на практикеЛучшие практики на практике
Лучшие практики на практикеDenis Tuchin
 
WUD 2010: Microsoft Visio как инструмент проектирования интерфейсов. Баланс с...
WUD 2010: Microsoft Visio как инструмент проектирования интерфейсов. Баланс с...WUD 2010: Microsoft Visio как инструмент проектирования интерфейсов. Баланс с...
WUD 2010: Microsoft Visio как инструмент проектирования интерфейсов. Баланс с...Gevorg Glechyan
 
CodeFest 2011. Макаров А. — Как разрабатывается Yii
CodeFest 2011. Макаров А. — Как разрабатывается YiiCodeFest 2011. Макаров А. — Как разрабатывается Yii
CodeFest 2011. Макаров А. — Как разрабатывается YiiCodeFest
 
Product discovery. Наши шишки и успехи
Product discovery. Наши шишки и успехиProduct discovery. Наши шишки и успехи
Product discovery. Наши шишки и успехиNikita Efimov
 
методики управления развитием ис на базе 1с
методики управления развитием ис на базе 1сметодики управления развитием ис на базе 1с
методики управления развитием ис на базе 1сFFelix87
 
Devconf 2011 - PHP - Как разрабатывается фреймворк Yii
Devconf 2011 - PHP - Как разрабатывается фреймворк YiiDevconf 2011 - PHP - Как разрабатывается фреймворк Yii
Devconf 2011 - PHP - Как разрабатывается фреймворк YiiAlexander Makarov
 
Tech Talks @NSU: Проходим тест Джоэла
Tech Talks @NSU: Проходим тест ДжоэлаTech Talks @NSU: Проходим тест Джоэла
Tech Talks @NSU: Проходим тест ДжоэлаTech Talks @NSU
 
Гибкое прототипирование для гибкой разработки (Максим Гапонов)
Гибкое прототипирование для гибкой разработки (Максим Гапонов)Гибкое прототипирование для гибкой разработки (Максим Гапонов)
Гибкое прототипирование для гибкой разработки (Максим Гапонов)Ontico
 
Проходим тест Джоэла
Проходим тест ДжоэлаПроходим тест Джоэла
Проходим тест Джоэла0leGG
 
JS Lab2017_Алексей Зеленюк_Сбалансированное окружение для вашей продуктивности
JS Lab2017_Алексей Зеленюк_Сбалансированное окружение для вашей продуктивностиJS Lab2017_Алексей Зеленюк_Сбалансированное окружение для вашей продуктивности
JS Lab2017_Алексей Зеленюк_Сбалансированное окружение для вашей продуктивностиGeeksLab Odessa
 
Алексей Лустин. Непрерывная проверка качества кода.
Алексей Лустин. Непрерывная проверка качества кода.Алексей Лустин. Непрерывная проверка качества кода.
Алексей Лустин. Непрерывная проверка качества кода.ScrumTrek
 
прототипирование юзабилити
прототипирование юзабилитипрототипирование юзабилити
прототипирование юзабилитиElena Kotina
 
Инструменты разные нужны, инструменты разные важны
Инструменты разные нужны, инструменты разные важныИнструменты разные нужны, инструменты разные важны
Инструменты разные нужны, инструменты разные важныRoman Dvornov
 
Product development. Founder Institute
Product development. Founder InstituteProduct development. Founder Institute
Product development. Founder InstituteDenis Alaev
 
терминология vol.2
терминология vol.2терминология vol.2
терминология vol.2SBTech
 
Профессии в IT
Профессии в ITПрофессии в IT
Профессии в ITSam Faktorovich
 

Similar to Презентация Ю. Подорожного (20)

Методики управления развитием ис на базе 1с
Методики управления развитием ис на базе 1сМетодики управления развитием ис на базе 1с
Методики управления развитием ис на базе 1с
 
Лучшие практики на практике
Лучшие практики на практикеЛучшие практики на практике
Лучшие практики на практике
 
WUD 2010: Microsoft Visio как инструмент проектирования интерфейсов. Баланс с...
WUD 2010: Microsoft Visio как инструмент проектирования интерфейсов. Баланс с...WUD 2010: Microsoft Visio как инструмент проектирования интерфейсов. Баланс с...
WUD 2010: Microsoft Visio как инструмент проектирования интерфейсов. Баланс с...
 
CodeFest 2011. Макаров А. — Как разрабатывается Yii
CodeFest 2011. Макаров А. — Как разрабатывается YiiCodeFest 2011. Макаров А. — Как разрабатывается Yii
CodeFest 2011. Макаров А. — Как разрабатывается Yii
 
Как разраба
Как разрабаКак разраба
Как разраба
 
Product discovery. Наши шишки и успехи
Product discovery. Наши шишки и успехиProduct discovery. Наши шишки и успехи
Product discovery. Наши шишки и успехи
 
методики управления развитием ис на базе 1с
методики управления развитием ис на базе 1сметодики управления развитием ис на базе 1с
методики управления развитием ис на базе 1с
 
Devconf 2011 - PHP - Как разрабатывается фреймворк Yii
Devconf 2011 - PHP - Как разрабатывается фреймворк YiiDevconf 2011 - PHP - Как разрабатывается фреймворк Yii
Devconf 2011 - PHP - Как разрабатывается фреймворк Yii
 
Tech Talks @NSU: Проходим тест Джоэла
Tech Talks @NSU: Проходим тест ДжоэлаTech Talks @NSU: Проходим тест Джоэла
Tech Talks @NSU: Проходим тест Джоэла
 
Гибкое прототипирование для гибкой разработки (Максим Гапонов)
Гибкое прототипирование для гибкой разработки (Максим Гапонов)Гибкое прототипирование для гибкой разработки (Максим Гапонов)
Гибкое прототипирование для гибкой разработки (Максим Гапонов)
 
Проходим тест Джоэла
Проходим тест ДжоэлаПроходим тест Джоэла
Проходим тест Джоэла
 
JS Lab2017_Алексей Зеленюк_Сбалансированное окружение для вашей продуктивности
JS Lab2017_Алексей Зеленюк_Сбалансированное окружение для вашей продуктивностиJS Lab2017_Алексей Зеленюк_Сбалансированное окружение для вашей продуктивности
JS Lab2017_Алексей Зеленюк_Сбалансированное окружение для вашей продуктивности
 
Алексей Лустин. Непрерывная проверка качества кода.
Алексей Лустин. Непрерывная проверка качества кода.Алексей Лустин. Непрерывная проверка качества кода.
Алексей Лустин. Непрерывная проверка качества кода.
 
прототипирование юзабилити
прототипирование юзабилитипрототипирование юзабилити
прототипирование юзабилити
 
Инструменты разные нужны, инструменты разные важны
Инструменты разные нужны, инструменты разные важныИнструменты разные нужны, инструменты разные важны
Инструменты разные нужны, инструменты разные важны
 
Product development. Founder Institute
Product development. Founder InstituteProduct development. Founder Institute
Product development. Founder Institute
 
Критерии выбора системы электронного документооборота
Критерии выбора системы электронного документооборотаКритерии выбора системы электронного документооборота
Критерии выбора системы электронного документооборота
 
терминология vol.2
терминология vol.2терминология vol.2
терминология vol.2
 
Профессии в IT
Профессии в ITПрофессии в IT
Профессии в IT
 
Mobile UI @Levelapp.me
Mobile UI @Levelapp.meMobile UI @Levelapp.me
Mobile UI @Levelapp.me
 

More from GreenfieldProject

Презентация Леонида Жукова: От микромотивов до макроповедения
Презентация Леонида Жукова: От микромотивов до макроповеденияПрезентация Леонида Жукова: От микромотивов до макроповедения
Презентация Леонида Жукова: От микромотивов до макроповеденияGreenfieldProject
 
Проект Попутчик
Проект ПопутчикПроект Попутчик
Проект ПопутчикGreenfieldProject
 
Проект Формула Любви
Проект Формула ЛюбвиПроект Формула Любви
Проект Формула ЛюбвиGreenfieldProject
 
Проект Туда?Туда!
Проект Туда?Туда!Проект Туда?Туда!
Проект Туда?Туда!GreenfieldProject
 
Проект Оценок.net
Проект Оценок.netПроект Оценок.net
Проект Оценок.netGreenfieldProject
 
Презентация Людмилы Павловой "Мифы стартаперского мира"
Презентация Людмилы Павловой "Мифы стартаперского мира"Презентация Людмилы Павловой "Мифы стартаперского мира"
Презентация Людмилы Павловой "Мифы стартаперского мира"GreenfieldProject
 
Презентация SoFits.me для SSW Moscow
Презентация SoFits.me для SSW MoscowПрезентация SoFits.me для SSW Moscow
Презентация SoFits.me для SSW MoscowGreenfieldProject
 
Презентация Crossss для SSW Moscow
Презентация Crossss для SSW MoscowПрезентация Crossss для SSW Moscow
Презентация Crossss для SSW MoscowGreenfieldProject
 
ГиперМебель Startup Presentation
ГиперМебель Startup PresentationГиперМебель Startup Presentation
ГиперМебель Startup PresentationGreenfieldProject
 

More from GreenfieldProject (20)

Презентация Леонида Жукова: От микромотивов до макроповедения
Презентация Леонида Жукова: От микромотивов до макроповеденияПрезентация Леонида Жукова: От микромотивов до макроповедения
Презентация Леонида Жукова: От микромотивов до макроповедения
 
Проект Appetito
Проект AppetitoПроект Appetito
Проект Appetito
 
Проект EmailGuru
Проект EmailGuruПроект EmailGuru
Проект EmailGuru
 
Проект Netting
Проект NettingПроект Netting
Проект Netting
 
Проект Readry.net
Проект Readry.netПроект Readry.net
Проект Readry.net
 
Проект Mamfy
Проект MamfyПроект Mamfy
Проект Mamfy
 
Проект Попутчик
Проект ПопутчикПроект Попутчик
Проект Попутчик
 
Проект wGuide
Проект wGuideПроект wGuide
Проект wGuide
 
Проект Формула Любви
Проект Формула ЛюбвиПроект Формула Любви
Проект Формула Любви
 
Проект Quick Order
Проект Quick OrderПроект Quick Order
Проект Quick Order
 
Проект MakeMy.travel
Проект MakeMy.travelПроект MakeMy.travel
Проект MakeMy.travel
 
Проект Quoty Line
Проект Quoty LineПроект Quoty Line
Проект Quoty Line
 
Проект modishPerson
Проект modishPersonПроект modishPerson
Проект modishPerson
 
Проект Туда?Туда!
Проект Туда?Туда!Проект Туда?Туда!
Проект Туда?Туда!
 
Проект Оценок.net
Проект Оценок.netПроект Оценок.net
Проект Оценок.net
 
Презентация Людмилы Павловой "Мифы стартаперского мира"
Презентация Людмилы Павловой "Мифы стартаперского мира"Презентация Людмилы Павловой "Мифы стартаперского мира"
Презентация Людмилы Павловой "Мифы стартаперского мира"
 
You route presentation
You route presentationYou route presentation
You route presentation
 
Презентация SoFits.me для SSW Moscow
Презентация SoFits.me для SSW MoscowПрезентация SoFits.me для SSW Moscow
Презентация SoFits.me для SSW Moscow
 
Презентация Crossss для SSW Moscow
Презентация Crossss для SSW MoscowПрезентация Crossss для SSW Moscow
Презентация Crossss для SSW Moscow
 
ГиперМебель Startup Presentation
ГиперМебель Startup PresentationГиперМебель Startup Presentation
ГиперМебель Startup Presentation
 

Презентация Ю. Подорожного