Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

Holygrail. Система прототипирования

6.464 visualizaciones

Publicado el

Презентация HolyGrail - системы прототипирования динамических веб-сайтов на базе Adobe Dreamweaver, сделанная Коноплицким Павлом на конференции КИБ 2008, минисекция юзабилити

Сайт HolyGrail
http://www.amazedev.com/holygrail/

Publicado en: Diseño, Tecnología
  • Inicia sesión para ver los comentarios

Holygrail. Система прототипирования

  1. 1. HolyGrail Святой Грааль прототипирования для менеджеров http://www.amazedev.com/holygrail Коноплицкий Павел
  2. 2. Предпосылки <ul><li>Точный прототип позволяет проработать требования к интерфейсу и позиционированию функциональных блоков уже на этапе проектирования. </li></ul><ul><li>Дизайнеры будут задавать меньше вопросов и не будут отрисовывать несуществующую функциональность. С прототипом дизайн чаще рисуется «с первого раза». </li></ul><ul><li>Заказчикам прототип дает четкое представление того, что они получат по итогу проекта. Интерактивный прототип понятнее для заказчика. </li></ul>http://www.amazedev.com/holygrail
  3. 3. Проблема http://www.amazedev.com/holygrail В большинстве компаний отсутствует этап прототипирования web- проектов или он выполняется людьми не всегда обладающими необходимыми знаниями в области юзабилити и web- технологий.
  4. 4. Проблема C овременные средства прототипирования не способны полностью удовлетворить потребности и требования к прототипу всех участников проекта. <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>http://www.amazedev.com/holygrail http://www.amazedev.com/prototipirovanie-web-proektov-sobiraya-voedino/
  5. 5. Проблема Неудовлетворённость текущей ситуацией с прототипированием web- проектов. http://www.amazedev.com/holygrail
  6. 6. Потребности <ul><li>Автоматизировать типовые решения, сохранив пространство для творчества. </li></ul><ul><li>Быстро создавать интерактивные, детализированные прототипы, доступные всем участникам проекта, с возможностью вносить изменения. </li></ul><ul><li>Учитывать невысокий уровень знаний и опыта у человека выполняющего прототипирование. </li></ul><ul><li>Веские и достаточные аргументы в пользу прототипирования. Выгода должна выражаться цифрами. </li></ul>http://www.amazedev.com/holygrail
  7. 7. HolyGrail. Решение <ul><li>Open Source </li></ul><ul><li>Части layout’ а (header , footer и другие ) реализованы с помощью SSI вставок </li></ul><ul><li>Набор паттернов проектирования (snippets) для программы Dreamweaver </li></ul><ul><li>Типичный проект </li></ul><ul><li>Usability Guidelines </li></ul>http://www.amazedev.com/holygrail
  8. 8. HolyGrail . Процесс http://www.amazedev.com/holygrail
  9. 9. HolyGrail . Процесс http://www.amazedev.com/holygrail
  10. 10. HolyGrail для менеджера <ul><li>Делает предметным общение с клиентом о проекте. </li></ul><ul><li>Уменьшает время на создание прототипа. Больше времени для выполнения творческих задач. </li></ul><ul><li>Повышает качество проектов уменьшая количество ошибок связанных с юзабилити. </li></ul><ul><li>Снижает требования к знаниям менеджера необходимых для получения приемлемого прототипа. </li></ul><ul><li>Позволяет сразу же протестировать интерактивный прототип на пользователях. </li></ul>http://www.amazedev.com/holygrail
  11. 11. HolyGrail для девелопера http://www.amazedev.com/holygrail <ul><li>Интеграция (x)HTML и CSS прототипа c используемым в компании фреймворком. Позволяет копировать элементы из прототипа и сразу же вставлять в проект. </li></ul><ul><li>Сокращает время на создание и вёрстку типовых элементов. </li></ul><ul><li>С помощью правил и стандартов позволяет избежать негативного эффекта от домысливания недостающих элементов управления в интерфейсе. </li></ul>
  12. 12. HolyGrail . Пример http://www.amazedev.com/holygrail Главная страница
  13. 13. HolyGrail . Пример http://www.amazedev.com/holygrail Страница контактов
  14. 14. HolyGrail . Пример http://www.amazedev.com/holygrail Авторизованный пользователь. Изменение данных профиля
  15. 15. HolyGrail . Пример http://www.amazedev.com/holygrail Администратор. Рассылка
  16. 16. HolyGrail . Пример http://www.amazedev.com/holygrail Adobe.com
  17. 17. HolyGrail . Пример http://www.amazedev.com/holygrail Amazon.com
  18. 18. HolyGrail. Узкие места <ul><li>Менеджеру всё же иногда приходится разбираться и править HTML код. </li></ul><ul><li>Иногда есть необходимость делать фейковую функциональность. Симулировать будущую реальную ( AJAX, pop-up) . </li></ul><ul><li>Поддержка SSI на хостингах не всегда бывает включена по-умолчанию. </li></ul>http://www.amazedev.com/holygrail
  19. 19. ToDo . Внесите свой вклад <ul><li>Поддержка IT сообщества </li></ul><ul><li>Обратная связь от менеджеров </li></ul><ul><li>Переход к полной поддержке web -стандартов </li></ul><ul><li>Создание большего количества типовых лэйаутов (блог, интернет-магазин, корпоративный сайт, социальная сеть и т.д.) </li></ul><ul><li>Пополнение библиотеки сниппетов (вёрстка новых элементов) </li></ul><ul><li>Создание мастера генерации прототипа </li></ul><ul><li>Оформление </li></ul><ul><li>Русско-английский перевод </li></ul>http://www.amazedev.com/holygrail
  20. 20. Спасибо за внимание . Вопросы? Коноплицкий Павел [email_address] +7 985 414 906 1 http://www.amazedev.com http://www.amazedev.com/holygrail http://pkonoplitskiy.moikrug.ru

×