SlideShare a Scribd company logo
1 of 39
Download to read offline
ГЛЕБ КАЛИНИН

          ИНСТРУМЕНТЫ
          ПРОТОТИПИРОВАНИЯ:
       ГИБКОСТЬ VS.
       УДОБСТВО VS.
       СКОРОСТЬ




Tuesday, March 29, 2011
ПРОЦЕССЫ
           РАЗЛИЧАЮТСЯ


Tuesday, March 29, 2011
ПО СЛОЖНОСТИ



Tuesday, March 29, 2011
КОЛИЧЕСТВУ
             ВОВЛЕЧЁННЫХ
             ЛИЦ

Tuesday, March 29, 2011
ИХ
             ЗАИНТЕРЕСОВАННОСТИ




Tuesday, March 29, 2011
ТЕХНИЧЕСКОЙ
             ГРАМОТНОСТИ
             ETC.


Tuesday, March 29, 2011
ЧТО В НАШЕМ
             СЛУЧАЕ?



Tuesday, March 29, 2011
ТЕРМИНОЛОГИЯ



Tuesday, March 29, 2011
ПРОТОТИП

            СТРУКТУРНАЯ
            СХЕМА

Tuesday, March 29, 2011
ИНСТРУМЕНТЫ



Tuesday, March 29, 2011
ОНЛАЙН



Tuesday, March 29, 2011
ОНЛАЙН:
             MOCKFLOW
             PROTOSHARE
             QUPLOG
             ETC.

Tuesday, March 29, 2011
+         ВЗАИМОДЕЙСТВИЕ
             ВСЕГДА
             ПОСЛЕДНЯЯ
             ВЕРСИЯ
             КРОССПЛАТФОРМЕННО


Tuesday, March 29, 2011
−
             ТОЛЬКО ОНЛАЙН
             ПОДПИСКА
             ОГРАНИЧЕНИЯ

Tuesday, March 29, 2011
ОФФЛАЙН



Tuesday, March 29, 2011
MS VISIO
             AXURE RP
             OMNIGRAFFLE
             FIREWORKS

Tuesday, March 29, 2011
VISIO
Tuesday, March 29, 2011
VISIO:
             GUUUI WEB
             PROTOTYPING
             STENCIL 3

Tuesday, March 29, 2011
VISIO:
             GUUUI WEB
             PROTOTYPING
             STENCIL 3

Tuesday, March 29, 2011
VISIO:
             GUUUI WEB
             PROTOTYPING
             STENCIL 3

Tuesday, March 29, 2011
VISIO:
             GUUUI WEB
             PROTOTYPING
             STENCIL 3

Tuesday, March 29, 2011
+       УДОБНЫЕ ШАБЛОНЫ И
            СТЕНСИЛЫ
            GUUUI WEB
            PROTOTYPING
            STENCIL 3

Tuesday, March 29, 2011
−        ИНТЕРАКТИВ?
              ОДНА СХЕМА —
              ОДИН ФАЙЛ
              СЛОЖНОСТЬ
              РАЗРАБОТКИ СВОИХ
              СТЕНСИЛОВ
              КРИВОЙ ЭКСПОРТ
              WIN-ONLY
Tuesday, March 29, 2011
OMNIGRAFFLE


Tuesday, March 29, 2011
+ FOR MAC“
    „VISIO
            ДОСТАТОЧНО
            УДОБНЫЙ
            НАТИВНЫЙ
            ИНТЕРФЕЙС

Tuesday, March 29, 2011
Tuesday, March 29, 2011
Tuesday, March 29, 2011
Tuesday, March 29, 2011
−        ИНТЕРАКТИВ?
              НЕ ОЧЕНЬ УДОБНАЯ
              СИСТЕМА ШАБЛОНОВ
              СМЕШНЫЕ СТЕНСИЛЫ,
              «ИГРУШЕЧНЫЙ»
              ИНТЕРФЕЙС

Tuesday, March 29, 2011
Tuesday, March 29, 2011
FIREWORKS

Tuesday, March 29, 2011
+           ИНТЕРАКТИВ
            УДОБНЫЕ СТЕНСИЛЫ
            9-SLICE SCALING
            СТИЛИ
            МЕНЮ-КНОПКИ
            1:1
            ЛЁГКИЙ ПЕРЕХОД
            К ДИЗАЙНУ
            HTML НА ВЫХОДЕ
Tuesday, March 29, 2011
Tuesday, March 29, 2011
Tuesday, March 29, 2011
−
              RESOURCE HOG
              1 МАСТЕР-СТРАНИЦА
              STATES
              ОГРАНИЧЕННЫЙ
              ИНТЕРАКТИВ


Tuesday, March 29, 2011
HTML +
            JQUERY +
            BLUEPRINT +
            YII
Tuesday, March 29, 2011
+         НАСТОЯЩИЕ КОНТРОЛЫ
          РАБОТАЮЩИЕ ФОРМЫ
          ПОЛНОЦЕННЫЕ СЦЕНАРИИ,
          НЕ ТРЕБУЮЩИЕ
          ПОЯСНЕНИЙ
          ДАЖЕ ДАННЫЕ
          КОНТРОЛЬ ВЕРСИЙ
          CODE REUSE


Tuesday, March 29, 2011
−       ПРОЕКТИРОВЩИК
             ДОЛЖЕН УМЕТЬ ВСЁ:
             ПРОГРАММИРОВАТЬ,
             ВЕРСТАТЬ
             БАГИ
             СПЕЦИФИКАЦИИ

Tuesday, March 29, 2011
СПАСИБО
                          @GLEBIS
                          GLEBKALININ.RU
                          RAUM-7.COM

Tuesday, March 29, 2011

More Related Content

Viewers also liked

Balsamiq Mockups
Balsamiq MockupsBalsamiq Mockups
Balsamiq MockupsDave Ross
 
User stories
User storiesUser stories
User storiesudairaj
 
В Instagram можно найти фотографии авиабилетов и присвоить себе бонусные мили
В Instagram можно найти фотографии авиабилетов и присвоить себе бонусные милиВ Instagram можно найти фотографии авиабилетов и присвоить себе бонусные мили
В Instagram можно найти фотографии авиабилетов и присвоить себе бонусные милиAnatol Alizar
 
CodeFest 2011. Жердева А., Ложкин А. — Проектирование, пользователи, продукт....
CodeFest 2011. Жердева А., Ложкин А. — Проектирование, пользователи, продукт....CodeFest 2011. Жердева А., Ложкин А. — Проектирование, пользователи, продукт....
CodeFest 2011. Жердева А., Ложкин А. — Проектирование, пользователи, продукт....CodeFest
 
Balsamiq Mockups: User interface screen design tool
Balsamiq Mockups: User interface screen design toolBalsamiq Mockups: User interface screen design tool
Balsamiq Mockups: User interface screen design toolNathanael Boehm
 
Зачем и когда писать спецификацию. Саша Куценко
Зачем и когда писать спецификацию. Саша КуценкоЗачем и когда писать спецификацию. Саша Куценко
Зачем и когда писать спецификацию. Саша КуценкоПрофсоUX
 
Cтартап - жизненный цикл 2015.03.10
Cтартап - жизненный цикл 2015.03.10Cтартап - жизненный цикл 2015.03.10
Cтартап - жизненный цикл 2015.03.10Igor Pivovarov
 
Бизнес модели 2016.03.02
Бизнес модели 2016.03.02Бизнес модели 2016.03.02
Бизнес модели 2016.03.02Igor Pivovarov
 
Life Cycle of an Agile User Story
Life Cycle of an Agile User StoryLife Cycle of an Agile User Story
Life Cycle of an Agile User StoryMichelle D'Souza
 
Conducting An Agile Retrospective
Conducting An Agile RetrospectiveConducting An Agile Retrospective
Conducting An Agile RetrospectiveRussell Pannone
 
Проектирование с учетом пользовательских требований
Проектирование с учетом пользовательских требованийПроектирование с учетом пользовательских требований
Проектирование с учетом пользовательских требованийCEE-SEC(R)
 
From Use case to User Story
From Use case to User StoryFrom Use case to User Story
From Use case to User StoryKunta Hutabarat
 
CodeFest 2011. Галако О. — О Scala и Lift для тех, кому мало Java, и не только
CodeFest 2011. Галако О. — О Scala и Lift для тех, кому мало Java, и не толькоCodeFest 2011. Галако О. — О Scala и Lift для тех, кому мало Java, и не только
CodeFest 2011. Галако О. — О Scala и Lift для тех, кому мало Java, и не толькоCodeFest
 
User Stories for your Product Backlog
User Stories for your Product BacklogUser Stories for your Product Backlog
User Stories for your Product Backlogrwirdemann
 
User Story Maps: Secrets for Better Backlogs and Planning
 User Story Maps: Secrets for Better Backlogs and Planning User Story Maps: Secrets for Better Backlogs and Planning
User Story Maps: Secrets for Better Backlogs and PlanningAaron Sanders
 

Viewers also liked (20)

Balsamiq Mockups
Balsamiq MockupsBalsamiq Mockups
Balsamiq Mockups
 
User stories
User storiesUser stories
User stories
 
В Instagram можно найти фотографии авиабилетов и присвоить себе бонусные мили
В Instagram можно найти фотографии авиабилетов и присвоить себе бонусные милиВ Instagram можно найти фотографии авиабилетов и присвоить себе бонусные мили
В Instagram можно найти фотографии авиабилетов и присвоить себе бонусные мили
 
CodeFest 2011. Жердева А., Ложкин А. — Проектирование, пользователи, продукт....
CodeFest 2011. Жердева А., Ложкин А. — Проектирование, пользователи, продукт....CodeFest 2011. Жердева А., Ложкин А. — Проектирование, пользователи, продукт....
CodeFest 2011. Жердева А., Ложкин А. — Проектирование, пользователи, продукт....
 
Balsamiq Mockups: User interface screen design tool
Balsamiq Mockups: User interface screen design toolBalsamiq Mockups: User interface screen design tool
Balsamiq Mockups: User interface screen design tool
 
Зачем и когда писать спецификацию. Саша Куценко
Зачем и когда писать спецификацию. Саша КуценкоЗачем и когда писать спецификацию. Саша Куценко
Зачем и когда писать спецификацию. Саша Куценко
 
Use Cases Vs User Stories
Use Cases Vs User StoriesUse Cases Vs User Stories
Use Cases Vs User Stories
 
User stories
User storiesUser stories
User stories
 
презентация 2
презентация 2презентация 2
презентация 2
 
Cтартап - жизненный цикл 2015.03.10
Cтартап - жизненный цикл 2015.03.10Cтартап - жизненный цикл 2015.03.10
Cтартап - жизненный цикл 2015.03.10
 
Бизнес модели 2016.03.02
Бизнес модели 2016.03.02Бизнес модели 2016.03.02
Бизнес модели 2016.03.02
 
Основные правила эффективной Landing Page. Вебинар WebPromoExperts #212
Основные правила эффективной Landing Page. Вебинар WebPromoExperts #212 Основные правила эффективной Landing Page. Вебинар WebPromoExperts #212
Основные правила эффективной Landing Page. Вебинар WebPromoExperts #212
 
Life Cycle of an Agile User Story
Life Cycle of an Agile User StoryLife Cycle of an Agile User Story
Life Cycle of an Agile User Story
 
Conducting An Agile Retrospective
Conducting An Agile RetrospectiveConducting An Agile Retrospective
Conducting An Agile Retrospective
 
Проектирование с учетом пользовательских требований
Проектирование с учетом пользовательских требованийПроектирование с учетом пользовательских требований
Проектирование с учетом пользовательских требований
 
From Use case to User Story
From Use case to User StoryFrom Use case to User Story
From Use case to User Story
 
CodeFest 2011. Галако О. — О Scala и Lift для тех, кому мало Java, и не только
CodeFest 2011. Галако О. — О Scala и Lift для тех, кому мало Java, и не толькоCodeFest 2011. Галако О. — О Scala и Lift для тех, кому мало Java, и не только
CodeFest 2011. Галако О. — О Scala и Lift для тех, кому мало Java, и не только
 
How to write good user stories
How to write good user storiesHow to write good user stories
How to write good user stories
 
User Stories for your Product Backlog
User Stories for your Product BacklogUser Stories for your Product Backlog
User Stories for your Product Backlog
 
User Story Maps: Secrets for Better Backlogs and Planning
 User Story Maps: Secrets for Better Backlogs and Planning User Story Maps: Secrets for Better Backlogs and Planning
User Story Maps: Secrets for Better Backlogs and Planning
 

More from Rustem Gayfutdinov

Почему у нас менеджеры прототипируют GUI?
Почему у нас менеджеры прототипируют GUI?Почему у нас менеджеры прототипируют GUI?
Почему у нас менеджеры прототипируют GUI?Rustem Gayfutdinov
 
Инструмент прототипирования GUI Machine
Инструмент прототипирования GUI MachineИнструмент прототипирования GUI Machine
Инструмент прототипирования GUI MachineRustem Gayfutdinov
 
GUI Meetup Spring, Елена Снижко
GUI Meetup Spring, Елена СнижкоGUI Meetup Spring, Елена Снижко
GUI Meetup Spring, Елена СнижкоRustem Gayfutdinov
 
GUI Meetup Spring, Ольга Павлова
GUI Meetup Spring, Ольга ПавловаGUI Meetup Spring, Ольга Павлова
GUI Meetup Spring, Ольга ПавловаRustem Gayfutdinov
 
GUI Meetup Spring, Станислав Ким
GUI Meetup Spring, Станислав КимGUI Meetup Spring, Станислав Ким
GUI Meetup Spring, Станислав КимRustem Gayfutdinov
 
GUI Meetup Spring, Рустем Гайфутдинов
GUI Meetup Spring, Рустем ГайфутдиновGUI Meetup Spring, Рустем Гайфутдинов
GUI Meetup Spring, Рустем ГайфутдиновRustem Gayfutdinov
 
Презентация прототипа GUI Machine: "Система поддержки пользователей продуктов...
Презентация прототипа GUI Machine: "Система поддержки пользователей продуктов...Презентация прототипа GUI Machine: "Система поддержки пользователей продуктов...
Презентация прототипа GUI Machine: "Система поддержки пользователей продуктов...Rustem Gayfutdinov
 
Презентация прототипа GUI Machine: Система подтверждения подписи должностных лиц
Презентация прототипа GUI Machine: Система подтверждения подписи должностных лицПрезентация прототипа GUI Machine: Система подтверждения подписи должностных лиц
Презентация прототипа GUI Machine: Система подтверждения подписи должностных лицRustem Gayfutdinov
 
Проблемы и решения проектирования и прототипирования программных интерфейсов
Проблемы и решения проектирования и прототипирования программных интерфейсовПроблемы и решения проектирования и прототипирования программных интерфейсов
Проблемы и решения проектирования и прототипирования программных интерфейсовRustem Gayfutdinov
 
Обзор и анализ инструментов проектирования и прототипирования интерфейсов
Обзор и анализ инструментов проектирования и прототипирования интерфейсовОбзор и анализ инструментов проектирования и прототипирования интерфейсов
Обзор и анализ инструментов проектирования и прототипирования интерфейсовRustem Gayfutdinov
 

More from Rustem Gayfutdinov (13)

Почему у нас менеджеры прототипируют GUI?
Почему у нас менеджеры прототипируют GUI?Почему у нас менеджеры прототипируют GUI?
Почему у нас менеджеры прототипируют GUI?
 
Инструмент прототипирования GUI Machine
Инструмент прототипирования GUI MachineИнструмент прототипирования GUI Machine
Инструмент прототипирования GUI Machine
 
GUI Meetup Spring, Елена Снижко
GUI Meetup Spring, Елена СнижкоGUI Meetup Spring, Елена Снижко
GUI Meetup Spring, Елена Снижко
 
GUI Meetup Spring, Ольга Павлова
GUI Meetup Spring, Ольга ПавловаGUI Meetup Spring, Ольга Павлова
GUI Meetup Spring, Ольга Павлова
 
GUI Meetup Spring, Станислав Ким
GUI Meetup Spring, Станислав КимGUI Meetup Spring, Станислав Ким
GUI Meetup Spring, Станислав Ким
 
GUI Meetup Spring, Рустем Гайфутдинов
GUI Meetup Spring, Рустем ГайфутдиновGUI Meetup Spring, Рустем Гайфутдинов
GUI Meetup Spring, Рустем Гайфутдинов
 
Vaadin scalability-slides
Vaadin scalability-slidesVaadin scalability-slides
Vaadin scalability-slides
 
Liferay 6 and vaadin portlets
Liferay 6 and vaadin portletsLiferay 6 and vaadin portlets
Liferay 6 and vaadin portlets
 
Vaadin roadmap
Vaadin roadmapVaadin roadmap
Vaadin roadmap
 
Презентация прототипа GUI Machine: "Система поддержки пользователей продуктов...
Презентация прототипа GUI Machine: "Система поддержки пользователей продуктов...Презентация прототипа GUI Machine: "Система поддержки пользователей продуктов...
Презентация прототипа GUI Machine: "Система поддержки пользователей продуктов...
 
Презентация прототипа GUI Machine: Система подтверждения подписи должностных лиц
Презентация прототипа GUI Machine: Система подтверждения подписи должностных лицПрезентация прототипа GUI Machine: Система подтверждения подписи должностных лиц
Презентация прототипа GUI Machine: Система подтверждения подписи должностных лиц
 
Проблемы и решения проектирования и прототипирования программных интерфейсов
Проблемы и решения проектирования и прототипирования программных интерфейсовПроблемы и решения проектирования и прототипирования программных интерфейсов
Проблемы и решения проектирования и прототипирования программных интерфейсов
 
Обзор и анализ инструментов проектирования и прототипирования интерфейсов
Обзор и анализ инструментов проектирования и прототипирования интерфейсовОбзор и анализ инструментов проектирования и прототипирования интерфейсов
Обзор и анализ инструментов проектирования и прототипирования интерфейсов
 

GUI Meetup Spring, Глеб Калинин

  • 1. ГЛЕБ КАЛИНИН ИНСТРУМЕНТЫ ПРОТОТИПИРОВАНИЯ: ГИБКОСТЬ VS. УДОБСТВО VS. СКОРОСТЬ Tuesday, March 29, 2011
  • 2. ПРОЦЕССЫ РАЗЛИЧАЮТСЯ Tuesday, March 29, 2011
  • 4. КОЛИЧЕСТВУ ВОВЛЕЧЁННЫХ ЛИЦ Tuesday, March 29, 2011
  • 5. ИХ ЗАИНТЕРЕСОВАННОСТИ Tuesday, March 29, 2011
  • 6. ТЕХНИЧЕСКОЙ ГРАМОТНОСТИ ETC. Tuesday, March 29, 2011
  • 7. ЧТО В НАШЕМ СЛУЧАЕ? Tuesday, March 29, 2011
  • 9. ПРОТОТИП СТРУКТУРНАЯ СХЕМА Tuesday, March 29, 2011
  • 12. ОНЛАЙН: MOCKFLOW PROTOSHARE QUPLOG ETC. Tuesday, March 29, 2011
  • 13. + ВЗАИМОДЕЙСТВИЕ ВСЕГДА ПОСЛЕДНЯЯ ВЕРСИЯ КРОССПЛАТФОРМЕННО Tuesday, March 29, 2011
  • 14. ТОЛЬКО ОНЛАЙН ПОДПИСКА ОГРАНИЧЕНИЯ Tuesday, March 29, 2011
  • 16. MS VISIO AXURE RP OMNIGRAFFLE FIREWORKS Tuesday, March 29, 2011
  • 18. VISIO: GUUUI WEB PROTOTYPING STENCIL 3 Tuesday, March 29, 2011
  • 19. VISIO: GUUUI WEB PROTOTYPING STENCIL 3 Tuesday, March 29, 2011
  • 20. VISIO: GUUUI WEB PROTOTYPING STENCIL 3 Tuesday, March 29, 2011
  • 21. VISIO: GUUUI WEB PROTOTYPING STENCIL 3 Tuesday, March 29, 2011
  • 22. + УДОБНЫЕ ШАБЛОНЫ И СТЕНСИЛЫ GUUUI WEB PROTOTYPING STENCIL 3 Tuesday, March 29, 2011
  • 23. ИНТЕРАКТИВ? ОДНА СХЕМА — ОДИН ФАЙЛ СЛОЖНОСТЬ РАЗРАБОТКИ СВОИХ СТЕНСИЛОВ КРИВОЙ ЭКСПОРТ WIN-ONLY Tuesday, March 29, 2011
  • 25. + FOR MAC“ „VISIO ДОСТАТОЧНО УДОБНЫЙ НАТИВНЫЙ ИНТЕРФЕЙС Tuesday, March 29, 2011
  • 29. ИНТЕРАКТИВ? НЕ ОЧЕНЬ УДОБНАЯ СИСТЕМА ШАБЛОНОВ СМЕШНЫЕ СТЕНСИЛЫ, «ИГРУШЕЧНЫЙ» ИНТЕРФЕЙС Tuesday, March 29, 2011
  • 32. + ИНТЕРАКТИВ УДОБНЫЕ СТЕНСИЛЫ 9-SLICE SCALING СТИЛИ МЕНЮ-КНОПКИ 1:1 ЛЁГКИЙ ПЕРЕХОД К ДИЗАЙНУ HTML НА ВЫХОДЕ Tuesday, March 29, 2011
  • 35. RESOURCE HOG 1 МАСТЕР-СТРАНИЦА STATES ОГРАНИЧЕННЫЙ ИНТЕРАКТИВ Tuesday, March 29, 2011
  • 36. HTML + JQUERY + BLUEPRINT + YII Tuesday, March 29, 2011
  • 37. + НАСТОЯЩИЕ КОНТРОЛЫ РАБОТАЮЩИЕ ФОРМЫ ПОЛНОЦЕННЫЕ СЦЕНАРИИ, НЕ ТРЕБУЮЩИЕ ПОЯСНЕНИЙ ДАЖЕ ДАННЫЕ КОНТРОЛЬ ВЕРСИЙ CODE REUSE Tuesday, March 29, 2011
  • 38. ПРОЕКТИРОВЩИК ДОЛЖЕН УМЕТЬ ВСЁ: ПРОГРАММИРОВАТЬ, ВЕРСТАТЬ БАГИ СПЕЦИФИКАЦИИ Tuesday, March 29, 2011
  • 39. СПАСИБО @GLEBIS GLEBKALININ.RU RAUM-7.COM Tuesday, March 29, 2011