'

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

Понравилась презентация – покажи это...





Слайд 0

HolyGrail Святой Грааль прототипирования для менеджеров http://www.amazedev.com/holygrail Коноплицкий Павел


Слайд 1

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


Слайд 2

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


Слайд 3

Проблема Cовременные средства прототипирования не способны полностью удовлетворить потребности и требования к прототипу всех участников проекта. Требования: Скорость создания прототипа Интерактивность Детализация Необходимость повторной отрисовки Доступность для всех участников проекта Возможность простого внесения изменений http://www.amazedev.com/holygrail http://www.amazedev.com/prototipirovanie-web-proektov-sobiraya-voedino/


Слайд 4

Проблема Неудовлетворённость текущей ситуацией с прототипированием web-проектов. http://www.amazedev.com/holygrail


Слайд 5

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


Слайд 6

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


Слайд 7

HolyGrail. Процесс http://www.amazedev.com/holygrail


Слайд 8

HolyGrail. Процесс http://www.amazedev.com/holygrail


Слайд 9

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


Слайд 10

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


Слайд 11

HolyGrail. Пример http://www.amazedev.com/holygrail Главная страница


Слайд 12

http://www.amazedev.com/holygrail Страница контактов HolyGrail. Пример


Слайд 13

HolyGrail. Пример http://www.amazedev.com/holygrail Авторизованный пользователь. Изменение данных профиля


Слайд 14

HolyGrail. Пример http://www.amazedev.com/holygrail Администратор. Рассылка


Слайд 15

HolyGrail. Пример http://www.amazedev.com/holygrail Adobe.com


Слайд 16

HolyGrail. Пример http://www.amazedev.com/holygrail Amazon.com


Слайд 17

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


Слайд 18

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


Слайд 19

Спасибо за внимание. Вопросы? Коноплицкий Павел amazedev@gmail.com +7 985 414 9061 http://www.amazedev.com http://www.amazedev.com/holygrail http://pkonoplitskiy.moikrug.ru


×

HTML:





Ссылка: