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

6,247 views

Published on

Published in: Technology, Design
0 Comments
5 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
6,247
On SlideShare
0
From Embeds
0
Number of Embeds
24
Actions
Shares
0
Downloads
49
Comments
0
Likes
5
Embeds 0
No embeds

No notes for slide

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

  1. 1. Создание прототипов в Axure RP Pro <ul><li>Константин Рерих, </li></ul><ul><li>Системный аналитик </li></ul><ul><li>[email_address] </li></ul>
  2. 2. Что такое прототип?
  3. 3. <ul><li>Прототи́п  (от др.-греч. πρῶτος — первый и τύπος — отпечаток, оттиск) — прообраз, образец, оригинал. </li></ul><ul><li>Прототип   — быстрая, черновая реализация будущего интерфейса </li></ul>
  4. 4. Как это выглядит?
  5. 5. Может быть так?
  6. 6. … или так?
  7. 7. НЕТ!
  8. 8. Прототип веб-приложения
  9. 9. А действительно, зачем?
  10. 10. Кому нужны прототипы? <ul><li>Аналитику (визуализация сценариев, предупреждение появления ошибок проектирования на раннем этапе); </li></ul><ul><li>Заказчику (может «пощупать» будущую систему еще до начала реализации); </li></ul><ul><li>Разработчику (подтверждение возможности реализации с технической точки зрения, лучшее понимание сути поставленной задачи); </li></ul><ul><li>Дизайнеру (прототип = ТЗ); </li></ul><ul><li>Потенциальному пользователю (возможность провести юзабилити-тестирование); </li></ul>
  11. 11. Какой инструмент выбрать?
  12. 12. Требования к инструментам прототипирования <ul><li>Простота создания; </li></ul><ul><li>Интерактивность прототипа; </li></ul><ul><li>Доступность для всех участников проекта; </li></ul><ul><li>Приемлемый уровень детализации; </li></ul><ul><li>Возможность создания собственных или использования сторонних библиотек; </li></ul><ul><li>Возможность быстрого внесения изменений; </li></ul><ul><li>Возможность совместной работы; </li></ul>
  13. 13. Сравнение различных инструментов прототипирования Инструмент Скорость создания Интерактив - ность Уровень детализации Доступность Внесение изменений Сторонние/собственные библиотеки Бумага высокая нет высокий ограниченная нет нет Доска средняя нет средний ограниченная ограниченная нет MS Excel (OO Calc) средняя низкая низкий полная ограниченная да Balsamique Mockups высокая низкая высокий полная без ограничений нет MS Visio высокая низкая высокий полная без ограничений да Adobe InDesign средняя низкая высокий полная без ограничений да Adobe Fireworks средняя низкая высокий полная без ограничений да Axure RP высокая средняя высокий полная без ограничений да
  14. 14. Преимущества Axure RP Pro <ul><li>Стандарт де-факто; </li></ul><ul><li>Низкий порог вхождения; </li></ul><ul><li>Возможность совместной работы; </li></ul><ul><li>Многочисленные сторонние библиотеки компонентов и возможность создать свои; </li></ul><ul><li>Активное сообщество (сайт, форум, facebook, twitter); </li></ul>
  15. 15. Недостатки Axure RP Pro <ul><li>Специализированный инструмент (как правило для веб и мобильных приложений). </li></ul><ul><li>Относительная высокая стоимость ($580); </li></ul><ul><li>Есть версии только под Mac и Windows. </li></ul><ul><li>Несовершенная работа с таблицами; </li></ul><ul><li>При усложнении логики поведения прототипа, возможность реализации резко снижается (?) </li></ul>
  16. 16. Этапы создания прототипов
  17. 17. Интерфейс
  18. 18. Виджеты
  19. 19. Динамические панели <ul><li>Перемещение; </li></ul><ul><li>Скрытие/отображение; </li></ul><ul><li>Смена состояний; </li></ul>
  20. 20. Мастеры <ul><li>Повторяющиеся части страницы; </li></ul><ul><li>Шаблоны; </li></ul><ul><li>Кастомные виджеты; </li></ul>
  21. 21. События, условия, действия
  22. 22. Из личного опыта <ul><li>Обязательное именование всех элементов; </li></ul><ul><li>Использование мастеров; </li></ul><ul><li>Создание собственных библиотек компонентов; </li></ul><ul><li>Убедитесь в том, что заказчик понимает, что смотрит на прототип. </li></ul>
  23. 23. Что почитать? <ul><li>www.axure.com </li></ul><ul><li>www.analyst.by </li></ul><ul><li>http://www.axuregames.com/ </li></ul><ul><li>Вебинар «Живые прототипы» ( YouTube ) </li></ul><ul><li>http://www.twitter.com/axurerp </li></ul><ul><li>http://www.facebook.com/axurerp </li></ul>
  24. 24. Спасибо за внимание! <ul><li>[email_address] </li></ul><ul><li>Skype: konstantinr_sl </li></ul><ul><li>Twitter: @rerikh_kn </li></ul><ul><li>www.softline.ru </li></ul><ul><li>www.softlinegroup.com </li></ul>

×