HolyGrail Святой Грааль прототипирования для менеджеров Коноплицкий Павел

Предпосылки Точный прототип позволяет проработать требования к интерфейсу и позиционированию функциональных блоков уже на этапе проектирования. Дизайнеры будут задавать меньше вопросов и не будут отрисовывать несуществующую функциональность. С прототипом дизайн чаще рисуется «с первого раза». Заказчикам прототип дает четкое представление того, что они получат по итогу проекта. Интерактивный прототип понятнее для заказчика.

Проблема В большинстве компаний отсутствует этап прототипирования web-проектов или он выполняется людьми не всегда обладающими необходимыми знаниями в области юзабилити и web-технологий.

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

Проблема Неудовлетворённость текущей ситуацией с прототипированием web-проектов.

Потребности Автоматизировать типовые решения, сохранив пространство для творчества. Быстро создавать интерактивные, детализированные прототипы, доступные всем участникам проекта, с возможностью вносить изменения. Учитывать невысокий уровень знаний и опыта у человека выполняющего прототипирование. Веские и достаточные аргументы в пользу прототипирования. Выгода должна выражаться цифрами.

HolyGrail. Решение Open Source Части layoutа (header, footer и другие) реализованы с помощью SSI вставок Набор паттернов проектирования (snippets) для программы Dreamweaver Типичный проект Usability Guidelines

HolyGrail. Процесс

HolyGrail. Процесс

HolyGrail для менеджера Делает предметным общение с клиентом о проекте. Уменьшает время на создание прототипа. Больше времени для выполнения творческих задач. Повышает качество проектов уменьшая количество ошибок связанных с юзабилити. Снижает требования к знаниям менеджера необходимых для получения приемлемого прототипа. Позволяет сразу же протестировать интерактивный прототип на пользователях.

HolyGrail для девелопера Интеграция (x)HTML и CSS прототипа c используемым в компании фреймворком. Позволяет копировать элементы из прототипа и сразу же вставлять в проект. Сокращает время на создание и вёрстку типовых элементов. С помощью правил и стандартов позволяет избежать негативного эффекта от домысливания недостающих элементов управления в интерфейсе.

HolyGrail. Пример Главная страница

Страница контактов HolyGrail. Пример

Авторизованный пользователь. Изменение данных профиля

HolyGrail. Пример Администратор. Рассылка

HolyGrail. Пример Adobe.com

HolyGrail. Пример Amazon.com

HolyGrail. Узкие места Менеджеру всё же иногда приходится разбираться и править HTML код. Иногда есть необходимость делать фейковую функциональность. Симулировать будущую реальную (AJAX, pop-up). Поддержка SSI на хостингах не всегда бывает включена по-умолчанию.

ToDo. Внесите свой вклад Поддержка IT сообщества Обратная связь от менеджеров Переход к полной поддержке web-стандартов Создание большего количества типовых лэйаутов (блог, интернет-магазин, корпоративный сайт, социальная сеть и т.д.) Пополнение библиотеки сниппетов (вёрстка новых элементов) Создание мастера генерации прототипа Оформление Русско-английский перевод

Спасибо за внимание. Вопросы? Коноплицкий Павел