Средства прототипирования

Сергей Кудряшов

21‐й онлайн‐семинар 

UX Russia

1

23 апреля 2009 г.

Зачем нужны средства прототипирования?

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

2

23 апреля 2009 г.

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

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

Wireframes - 44,38%

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

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

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

0 35 70 105 140

61

84

80

71

134

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%

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

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

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

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

Flash - 8,13%

HTML - 24,38%

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

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

0 37,5 75 112,5 150

63

26

39

13

28

74

85

77

124

13

23 апреля 2009 г.

Ваш опыт проектирования?

21%

37%

21%

14%

6%

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

14

23 апреля 2009 г.

Какие приложения для прототипирования вы используете?Бумага - 81%

Photoshop - 44%Visio - 41%

Axure RP - 31%Whiteboard - 28%HTML/CSS - 22%

Word - 21%VisualStudio - 15

Wiki - 14%Dreamweaver - 11%

Fireworks - 11%Illustrator - 11%

Flash - 10%InDesign - 9%

OmniGraffle - 9%GIMP - 6%

PowerPoint - 6%SnagIt - 6%

Acrobat - 5%Магнитная бумага - 4%

Paint - 4%Interactive Whiteboard - 3%

Xara - 3%Blend - 3%

GUI Design Studio 2,5%QT Designer - 3%

Keynote - 2%InterfaceBuilder - 2%

CorelDraw - 1%ConceptDraw - 0,6%

OpenDraw - 0,6%Pencil Project - 0,6%

0 37,50 75,00 112,50 150,00

1112334445566

891010

1414

16181818

2324

3335

4450

6571

129

15

23 апреля 2009 г.

Какие приложения для прототипирования вы используете? (по категориям)Бумага - 81%

Магнитная бумага - 4%Whiteboard - 28%

Interactive Whiteboard - 3%Visio - 41%

OmniGraffle - 9%Fireworks - 11%

GUI Design Studio - 3%Axure RP - 31%

HTML/CSS - 22%Blend - 3%

VisualStudio - 15%InterfaceBuilder - 2%

QT Designer - 3%Photoshop - 44%Illustrator - 11%

GIMP - 6%CorelDraw - 1%

ConceptDraw - 0,6%InDesign - 9%

OpenDraw - 0,6%Xara - 3%Paint - 4%

Pencil Project - 0,6%Flash - 10%

Dreamweaver - 11%Acrobat - 5%Keynote - 2%

PowerPoint - 6%Word - 21%Wiki - 14%SnagIt - 6%

0 37,50 75,00 112,50 150,00

923

3310

38

1816

16

51

1412

1018

714

324

435

504

1814

655

446

129

16

23 апреля 2009 г.