Разработка прототипов на axure

24
Создание прототипов в Axure RP Pro Константин Рерих, Системный аналитик [email protected]

Upload: softline

Post on 04-Jun-2015

5.050 views

Category:

Technology


10 download

TRANSCRIPT

Page 1: Разработка прототипов на Axure

Создание прототипов в Axure RP Pro

Константин Рерих,Системный аналитик[email protected]

Page 2: Разработка прототипов на Axure

8-800-100-00-23 l [email protected]

Что такое прототип?

Page 3: Разработка прототипов на Axure

8-800-100-00-23 l [email protected]

Протот пи́� (от др.-греч. πρῶτος — первый и τύπος — отпечаток, оттиск) — прообраз, образец, оригинал.

Прототип — быстрая, черновая реализация будущего интерфейса

Page 4: Разработка прототипов на Axure

8-800-100-00-23 l [email protected]

Как это выглядит?

Page 5: Разработка прототипов на Axure

8-800-100-00-23 l [email protected]

Может быть так?

Page 6: Разработка прототипов на Axure

8-800-100-00-23 l [email protected]

…или так?

Page 7: Разработка прототипов на Axure

8-800-100-00-23 l [email protected]

НЕТ!

Page 8: Разработка прототипов на Axure

8-800-100-00-23 l [email protected]

Прототип веб-приложения

Page 9: Разработка прототипов на Axure

8-800-100-00-23 l [email protected]

А действительно, зачем?

Page 10: Разработка прототипов на Axure

8-800-100-00-23 l [email protected]

Кому нужны прототипы?

Аналитику (визуализация сценариев, предупреждение появления ошибок проектирования на раннем этапе);

Заказчику (может «пощупать» будущую систему еще до начала реализации);

Разработчику (подтверждение возможности реализации с технической точки зрения, лучшее понимание сути поставленной задачи);

Дизайнеру (прототип = ТЗ); Потенциальному пользователю

(возможность провести юзабилити-тестирование);

Page 11: Разработка прототипов на Axure

8-800-100-00-23 l [email protected]

Какой инструмент выбрать?

Page 12: Разработка прототипов на Axure

8-800-100-00-23 l [email protected]

Требования к инструментам прототипирования

Простота создания; Интерактивность прототипа; Доступность для всех участников проекта; Приемлемый уровень детализации; Возможность создания собственных или

использования сторонних библиотек; Возможность быстрого внесения изменений; Возможность совместной работы;

Page 13: Разработка прототипов на Axure

8-800-100-00-23 l [email protected]

Сравнение различных инструментов прототипированияИнструмент Скорость

созданияИнтерактив-

ностьУровень

детализацииДоступность Внесение

измененийСторонние/

собственные библиотеки

Бумагавысокая нет высокий ограниченная нет нет

Доскасредняя нет средний ограниченная ограниченная нет

MS Excel(OO Calc) средняя низкая низкий полная ограниченная да

Balsamique Mockups высокая низкая высокий полная

без ограничений

нет

MS Visioвысокая низкая высокий полная

без ограничений

да

Adobe InDesign средняя низкая высокий полная

без ограничений

да

Adobe Fireworks средняя низкая высокий полная

без ограничений

да

Axure RPвысокая средняя высокий полная

без ограничений

да

Page 14: Разработка прототипов на Axure

8-800-100-00-23 l [email protected]

Преимущества Axure RP Pro

Стандарт де-факто; Низкий порог вхождения; Возможность совместной работы; Многочисленные сторонние библиотеки

компонентов и возможность создать свои; Активное сообщество (сайт, форум, facebook,

twitter);

Page 15: Разработка прототипов на Axure

8-800-100-00-23 l [email protected]

Недостатки Axure RP Pro

Специализированный инструмент (как правило для веб и мобильных приложений).

Относительная высокая стоимость ($580);

Есть версии только под Mac и Windows.

Несовершенная работа с таблицами;

При усложнении логики поведения прототипа, возможность реализации резко снижается (?)

Page 16: Разработка прототипов на Axure

8-800-100-00-23 l [email protected]

Этапы создания прототипов

Page 17: Разработка прототипов на Axure

8-800-100-00-23 l [email protected]

Интерфейс

Page 18: Разработка прототипов на Axure

8-800-100-00-23 l [email protected]

Виджеты

Page 19: Разработка прототипов на Axure

8-800-100-00-23 l [email protected]

Динамические панели

Перемещение; Скрытие/отображение; Смена состояний;

Page 20: Разработка прототипов на Axure

8-800-100-00-23 l [email protected]

Мастеры

Повторяющиеся части страницы; Шаблоны; Кастомные виджеты;

Page 21: Разработка прототипов на Axure

8-800-100-00-23 l [email protected]

События, условия, действия

Page 22: Разработка прототипов на Axure

8-800-100-00-23 l [email protected]

Из личного опыта

Обязательное именование всех элементов; Использование мастеров; Создание собственных библиотек

компонентов; Убедитесь в том, что заказчик понимает, что

смотрит на прототип.

Page 23: Разработка прототипов на Axure

8-800-100-00-23 l [email protected]

Что почитать?

www.axure.com www.analyst.by http://www.axuregames.com/ Вебинар «Живые прототипы» (YouTube)

http://www.twitter.com/axurerp

http://www.facebook.com/axurerp

Page 24: Разработка прототипов на Axure

8-800-100-00-23 l [email protected]

Спасибо за внимание!

[email protected] Skype: konstantinr_sl Twitter: @rerikh_kn www.softline.ru www.softlinegroup.com