Документ описывает создание прототипов интерфейсов с использованием Axure RP Pro, объясняя, что такое прототип и его важные функции для аналитиков, заказчиков и разработчиков. Основные выборы инструмента прототипирования направлены на простоту создания, интерактивность и возможность совместной работы, с сравнением различных инструментов. В заключение, обсуждаются этапы создания прототипов и рекомендации по использованию, а также ресурсы для дальнейшего изучения.

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

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

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

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

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

6. … или так?

7. НЕТ!

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

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

10. Кому нужны прототипы? Аналитику (визуализация сценариев, предупреждение появления ошибок проектирования на раннем этапе); Заказчику (может «пощупать» будущую систему еще до начала реализации); Разработчику (подтверждение возможности реализации с технической точки зрения, лучшее понимание сути поставленной задачи); Дизайнеру (прототип = ТЗ); Потенциальному пользователю (возможность провести юзабилити-тестирование);

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

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

13. Сравнение различных инструментов прототипирования Инструмент Скорость создания Интерактив - ность Уровень детализации Доступность Внесение изменений Сторонние/собственные библиотеки Бумага высокая нет высокий ограниченная нет нет Доска средняя нет средний ограниченная ограниченная нет MS Excel (OO Calc) средняя низкая низкий полная ограниченная да Balsamique Mockups высокая низкая высокий полная без ограничений нет MS Visio высокая низкая высокий полная без ограничений да Adobe InDesign средняя низкая высокий полная без ограничений да Adobe Fireworks средняя низкая высокий полная без ограничений да Axure RP высокая средняя высокий полная без ограничений да

14. Преимущества Axure RP Pro Стандарт де-факто; Низкий порог вхождения; Возможность совместной работы; Многочисленные сторонние библиотеки компонентов и возможность создать свои; Активное сообщество (сайт, форум, facebook, twitter);

15. Недостатки Axure RP Pro Специализированный инструмент (как правило для веб и мобильных приложений). Относительная высокая стоимость ($580); Есть версии только под Mac и Windows. Несовершенная работа с таблицами; При усложнении логики поведения прототипа, возможность реализации резко снижается (?)

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

17. Интерфейс

18. Виджеты

19. Динамические панели Перемещение; Скрытие/отображение; Смена состояний;

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

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

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

23. Что почитать? www.axure.com www.analyst.by http://www.axuregames.com/ Вебинар «Живые прототипы» ( YouTube ) http://www.twitter.com/axurerp http://www.facebook.com/axurerp

24. Спасибо за внимание! [email_address] Skype: konstantinr_sl Twitter: @rerikh_kn www.softline.ru www.softlinegroup.com