SlideShare une entreprise Scribd logo
1  sur  16
Télécharger pour lire hors ligne
Средства прототипирования

                           Сергей Кудряшов
                         21‐й онлайн‐семинар 
                               UX Russia


                                                1



23 апреля 2009 г.
Зачем нужны средства прототипирования?

      • Для создания наброска
      • Для создания макета
      • Для создания интерактивности
      • Для создания спецификаций




                                           2

23 апреля 2009 г.
Какие методы прототипирования вы используете?



 Набросок на бумаге/доске -83,75 %                                              134


                       Wireframes - 44,38%                 71


                    Детальные макеты - 50%                      80


         Интерактивные макеты - 52,5%                                84


                    Спецификации - 38,13%             61


                                             0   35        70             105         140




                                                                                            3

23 апреля 2009 г.
Пример




                    4

23 апреля 2009 г.
Для создания наброска

      • Бумага
      • Магнитная бумага
      • Доска
      • Интерактивная доска




                              5

23 апреля 2009 г.
Набросок




                    6

23 апреля 2009 г.
Для создания макета

      • Graphic tools: Photoshop, InDesign, etc
      • Средства построения диаграмм: Visio, OmniGraffle
      • Специализированные средства: Axure, Fireworks




                                                         7

23 апреля 2009 г.
Макет




                    8

23 апреля 2009 г.
Создание макета




                    9

23 апреля 2009 г.
Для создания интерактивности

      • HTML
      • Flash
      • PDF
      • Presentanons
      • Development Tools
      • Video Tools




                                 10

23 апреля 2009 г.
Интеракивность




                    11

23 апреля 2009 г.
Для создания спецификаций

      • Текстовый редактор: Word, Pages
      • Сайт: Wiki
      • D3 document




                                          12

23 апреля 2009 г.
Какие типы приложений для прототипирования вы используете?

                          Набросок (доска, бумага, флипчарт) - 77,5%                                            124

                        Wireframe (Visio, OmniGraffle, Axure) - 48,13%                              77

                      Детальный макет (Photoshop, InDesign) - 53,13%                                    85

                        Интерактивный макет (HTML, Axure) - 46,25%                                74

                                           Среда разработки - 17,5%              28

                                                        Flash - 8,13%       13

                                                      HTML - 24,38%                   39

   Интерактивный макет (PDF, PowerPoint, Keynote) - 16,25%                       26

                    Спецификации (Word, Pages, Axure, Wiki) - 39,38%                         63

                                                                        0             37,5         75        112,5    150



                                                                                                                       13

23 апреля 2009 г.
Ваш опыт проектирования?



                           6%
                                21%
                     14%
                                      Менее 1 года - 21% - 34 человека
                                      От 1 года до 3 лет - 37% - 59 человек
                                      От 3 лет до 5 лет - 21% - 34 человека
                                      От 5 лет до 10 лет - 14% - 23 человека
                    21%
                                      Более 10 лет - 6% - 10 человек
                                37%




                                                                               14

23 апреля 2009 г.
Какие приложения для прототипирования вы используете?
                                                                                                            129
                     Бумага - 81%
                                                                                      71
               Photoshop - 44%
                                                                                 65
                       Visio - 41%
                                                                            50
                Axure RP - 31%
                                                                       44
             Whiteboard - 28%
                                                                  35
               HTML/CSS - 22%
                                                                 33
                      Word - 21%
                                                            24
               VisualStudio - 15
                                                           23
                       Wiki - 14%
                                                      18
           Dreamweaver - 11%
                                                      18
                Fireworks - 11%
                                                      18
                Illustrator - 11%
                                                    16
                       Flash - 10%
                                                   14
                    InDesign - 9%
                                                   14
              OmniGraffle - 9%
                                              10
                       GIMP - 6%
                                              10
               PowerPoint - 6%
                                               9
                       SnagIt - 6%
                                              8
                     Acrobat - 5%
                                          6
        Магнитная бумага - 4%
                                          6
                        Paint - 4%
                                         5
   Interactive Whiteboard - 3%
                                         5
                        Xara - 3%
                                        4
                       Blend - 3%
                                        4
       GUI Design Studio 2,5%
                                        4
             QT Designer - 3%
                                       3
                     Keynote - 2%
                                       3
          InterfaceBuilder - 2%
                                      2
                CorelDraw - 1%
                                     1
          ConceptDraw - 0,6%
                                     1
              OpenDraw - 0,6%
                                     1
           Pencil Project - 0,6%
                                                                                                                           15
                                     0                             37,50                   75,00   112,50         150,00
23 апреля 2009 г.
Какие приложения для прототипирования вы используете? (по категориям)
                                                                                                                    129
                     Бумага - 81%
                                              6
        Магнитная бумага - 4%
                                                                               44
             Whiteboard - 28%
                                             5
   Interactive Whiteboard - 3%
                                                                                         65
                       Visio - 41%
                                                       14
              OmniGraffle - 9%
                                                            18
                Fireworks - 11%
                                          4
        GUI Design Studio - 3%
                                                                                    50
                Axure RP - 31%
                                                                       35
               HTML/CSS - 22%
                                          4
                       Blend - 3%
                                                                 24
             VisualStudio - 15%
                                         3
          InterfaceBuilder - 2%
                                          4
             QT Designer - 3%
                                                                                              71
               Photoshop - 44%
                                                            18
                Illustrator - 11%
                                                  10
                       GIMP - 6%
                                      2
                CorelDraw - 1%
                                     1
          ConceptDraw - 0,6%
                                                       14
                    InDesign - 9%
                                     1
              OpenDraw - 0,6%
                                             5
                        Xara - 3%
                                              6
                        Paint - 4%
                                     1
           Pencil Project - 0,6%
                                                        16
                       Flash - 10%
                                                         18
           Dreamweaver - 11%
                                                  8
                     Acrobat - 5%
                                         3
                     Keynote - 2%
                                                  10
               PowerPoint - 6%
                                                                      33
                      Word - 21%
                                                                 23
                       Wiki - 14%
                                                  9
                       SnagIt - 6%
                                                                                                                                   16
                                     0                                     37,50                   75,00   112,50         150,00
23 апреля 2009 г.

Contenu connexe

En vedette

Project Management Software
Project Management SoftwareProject Management Software
Project Management SoftwareBusiness Tools
 
Web 2.0 Tools For Project Management
Web 2.0 Tools For Project ManagementWeb 2.0 Tools For Project Management
Web 2.0 Tools For Project ManagementDouglas Tokuno
 
Project Management Tools
Project Management ToolsProject Management Tools
Project Management Toolsostephens
 
Chapter 9 software maintenance
Chapter 9 software maintenanceChapter 9 software maintenance
Chapter 9 software maintenancedespicable me
 
Software engineering project management
Software engineering project managementSoftware engineering project management
Software engineering project managementjhudyne
 
Software Project Management ppt
Software Project Management pptSoftware Project Management ppt
Software Project Management pptAndreea Usatenco
 
Software project management
Software project managementSoftware project management
Software project managementR A Akerkar
 
Lect 1. introduction to programming languages
Lect 1. introduction to programming languagesLect 1. introduction to programming languages
Lect 1. introduction to programming languagesVarun Garg
 
Introduction to project management
Introduction to project managementIntroduction to project management
Introduction to project managementBarun_agnihotri
 
Software engineering lecture notes
Software engineering lecture notesSoftware engineering lecture notes
Software engineering lecture notesSiva Ayyakutti
 
Introduction To Software Engineering
Introduction To Software EngineeringIntroduction To Software Engineering
Introduction To Software EngineeringLeyla Bonilla
 

En vedette (16)

Computer Sided Software Engineering
Computer Sided Software EngineeringComputer Sided Software Engineering
Computer Sided Software Engineering
 
Software engineering
Software engineeringSoftware engineering
Software engineering
 
Project Management Software
Project Management SoftwareProject Management Software
Project Management Software
 
Web 2.0 Tools For Project Management
Web 2.0 Tools For Project ManagementWeb 2.0 Tools For Project Management
Web 2.0 Tools For Project Management
 
Case tools
Case toolsCase tools
Case tools
 
Project Management Tools
Project Management ToolsProject Management Tools
Project Management Tools
 
Project Management Tools and Techniques
Project Management Tools and TechniquesProject Management Tools and Techniques
Project Management Tools and Techniques
 
Chapter 9 software maintenance
Chapter 9 software maintenanceChapter 9 software maintenance
Chapter 9 software maintenance
 
Software engineering project management
Software engineering project managementSoftware engineering project management
Software engineering project management
 
Software Project Management ppt
Software Project Management pptSoftware Project Management ppt
Software Project Management ppt
 
Software project management
Software project managementSoftware project management
Software project management
 
Lect 1. introduction to programming languages
Lect 1. introduction to programming languagesLect 1. introduction to programming languages
Lect 1. introduction to programming languages
 
Introduction to project management
Introduction to project managementIntroduction to project management
Introduction to project management
 
Software engineering lecture notes
Software engineering lecture notesSoftware engineering lecture notes
Software engineering lecture notes
 
Project management
Project managementProject management
Project management
 
Introduction To Software Engineering
Introduction To Software EngineeringIntroduction To Software Engineering
Introduction To Software Engineering
 

Plus de Sergey Kudryashov

Mac AppStore для разработчика, стоит ли связываться?
Mac AppStore для разработчика, стоит ли связываться?Mac AppStore для разработчика, стоит ли связываться?
Mac AppStore для разработчика, стоит ли связываться?Sergey Kudryashov
 
User Experience by 3 experts for 6 products and for millions of end-users
User Experience by 3 experts for 6 products and for millions of end-usersUser Experience by 3 experts for 6 products and for millions of end-users
User Experience by 3 experts for 6 products and for millions of end-usersSergey Kudryashov
 
Долгосрочное упрощение интерфейсов на примере Parallels Desktop for Mac
Долгосрочное упрощение интерфейсов на примере Parallels Desktop for MacДолгосрочное упрощение интерфейсов на примере Parallels Desktop for Mac
Долгосрочное упрощение интерфейсов на примере Parallels Desktop for MacSergey Kudryashov
 
Разработка для iOS на примере "Счёты для iPad"
Разработка для iOS на примере "Счёты для iPad"Разработка для iOS на примере "Счёты для iPad"
Разработка для iOS на примере "Счёты для iPad"Sergey Kudryashov
 
Федор Михайлов, Забота об экологии и людях с особыми нуждами (блиц)
Федор Михайлов, Забота об экологии и людях с особыми нуждами (блиц)Федор Михайлов, Забота об экологии и людях с особыми нуждами (блиц)
Федор Михайлов, Забота об экологии и людях с особыми нуждами (блиц)Sergey Kudryashov
 
Александр Безбородов, Юзабилити в 1С
Александр Безбородов, Юзабилити в 1САлександр Безбородов, Юзабилити в 1С
Александр Безбородов, Юзабилити в 1СSergey Kudryashov
 
Андрей Сикорский, Юзабилити-сообщества. Еще один год (блиц)
Андрей Сикорский, Юзабилити-сообщества. Еще один год (блиц)Андрей Сикорский, Юзабилити-сообщества. Еще один год (блиц)
Андрей Сикорский, Юзабилити-сообщества. Еще один год (блиц)Sergey Kudryashov
 
Артем Кузнецов, Эффективное использование концептуальной модели в проектирова...
Артем Кузнецов, Эффективное использование концептуальной модели в проектирова...Артем Кузнецов, Эффективное использование концептуальной модели в проектирова...
Артем Кузнецов, Эффективное использование концептуальной модели в проектирова...Sergey Kudryashov
 
Prototyping tool survey results
Prototyping tool survey resultsPrototyping tool survey results
Prototyping tool survey resultsSergey Kudryashov
 

Plus de Sergey Kudryashov (16)

Mas v2
Mas v2Mas v2
Mas v2
 
рифокиб
рифокибрифокиб
рифокиб
 
Sk cap 2012
Sk cap 2012Sk cap 2012
Sk cap 2012
 
Mac AppStore для разработчика, стоит ли связываться?
Mac AppStore для разработчика, стоит ли связываться?Mac AppStore для разработчика, стоит ли связываться?
Mac AppStore для разработчика, стоит ли связываться?
 
User Experience by 3 experts for 6 products and for millions of end-users
User Experience by 3 experts for 6 products and for millions of end-usersUser Experience by 3 experts for 6 products and for millions of end-users
User Experience by 3 experts for 6 products and for millions of end-users
 
Долгосрочное упрощение интерфейсов на примере Parallels Desktop for Mac
Долгосрочное упрощение интерфейсов на примере Parallels Desktop for MacДолгосрочное упрощение интерфейсов на примере Parallels Desktop for Mac
Долгосрочное упрощение интерфейсов на примере Parallels Desktop for Mac
 
Разработка для iOS на примере "Счёты для iPad"
Разработка для iOS на примере "Счёты для iPad"Разработка для iOS на примере "Счёты для iPad"
Разработка для iOS на примере "Счёты для iPad"
 
iOS guidelines (RUS)
iOS guidelines (RUS)iOS guidelines (RUS)
iOS guidelines (RUS)
 
Федор Михайлов, Забота об экологии и людях с особыми нуждами (блиц)
Федор Михайлов, Забота об экологии и людях с особыми нуждами (блиц)Федор Михайлов, Забота об экологии и людях с особыми нуждами (блиц)
Федор Михайлов, Забота об экологии и людях с особыми нуждами (блиц)
 
Александр Безбородов, Юзабилити в 1С
Александр Безбородов, Юзабилити в 1САлександр Безбородов, Юзабилити в 1С
Александр Безбородов, Юзабилити в 1С
 
Андрей Сикорский, Юзабилити-сообщества. Еще один год (блиц)
Андрей Сикорский, Юзабилити-сообщества. Еще один год (блиц)Андрей Сикорский, Юзабилити-сообщества. Еще один год (блиц)
Андрей Сикорский, Юзабилити-сообщества. Еще один год (блиц)
 
Артем Кузнецов, Эффективное использование концептуальной модели в проектирова...
Артем Кузнецов, Эффективное использование концептуальной модели в проектирова...Артем Кузнецов, Эффективное использование концептуальной модели в проектирова...
Артем Кузнецов, Эффективное использование концептуальной модели в проектирова...
 
Alex Bourt on WUD'09
Alex Bourt on WUD'09Alex Bourt on WUD'09
Alex Bourt on WUD'09
 
Interface team
Interface teamInterface team
Interface team
 
Prototyping tool survey results
Prototyping tool survey resultsPrototyping tool survey results
Prototyping tool survey results
 
Boxes (in Russian)
Boxes (in Russian)Boxes (in Russian)
Boxes (in Russian)
 

Prototyping Tools