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

Август 30, 2022

Главная
Алгебра
HolyGrail Святой Грааль прототипирования для менеджеров http://www.amazedev.com/holygrail

Содержание

2. Предпосылки Точный прототип позволяет проработать требования к интерфейсу и позиционированию функциональных блоков уже на этапе проектирования.
3. Проблема В большинстве компаний отсутствует этап прототипирования web-проектов или он выполняется людьми не всегда обладающими необходимыми
4. Проблема Cовременные средства прототипирования не способны полностью удовлетворить потребности и требования к прототипу всех участников проекта.
5. Проблема Неудовлетворённость текущей ситуацией с прототипированием web-проектов. http://www.amazedev.com/holygrail
6. Потребности Автоматизировать типовые решения, сохранив пространство для творчества. Быстро создавать интерактивные, детализированные прототипы, доступные всем участникам
7. HolyGrail. Решение Open Source Части layout’а (header, footer и другие) реализованы с помощью SSI вставок Набор
8. HolyGrail. Процесс http://www.amazedev.com/holygrail
9. HolyGrail. Процесс http://www.amazedev.com/holygrail
10. HolyGrail для менеджера Делает предметным общение с клиентом о проекте. Уменьшает время на создание прототипа. Больше
11. HolyGrail для девелопера http://www.amazedev.com/holygrail Интеграция (x)HTML и CSS прототипа c используемым в компании фреймворком. Позволяет копировать
12. HolyGrail. Пример http://www.amazedev.com/holygrail Главная страница
13. http://www.amazedev.com/holygrail Страница контактов HolyGrail. Пример
14. HolyGrail. Пример http://www.amazedev.com/holygrail Авторизованный пользователь. Изменение данных профиля
15. HolyGrail. Пример http://www.amazedev.com/holygrail Администратор. Рассылка
16. HolyGrail. Пример http://www.amazedev.com/holygrail Adobe.com
17. HolyGrail. Пример http://www.amazedev.com/holygrail Amazon.com
18. HolyGrail. Узкие места Менеджеру всё же иногда приходится разбираться и править HTML код. Иногда есть необходимость
19. ToDo. Внесите свой вклад Поддержка IT сообщества Обратная связь от менеджеров Переход к полной поддержке web-стандартов
21. Скачать презентацию

Слайд 2

Предпосылки
Точный прототип позволяет проработать требования к интерфейсу и позиционированию функциональных блоков

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

http://www.amazedev.com/holygrail

Слайд 3

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

не всегда обладающими необходимыми знаниями в области юзабилити и web-технологий.

http://www.amazedev.com/holygrail

Слайд 4

Проблема
Cовременные средства прототипирования не способны полностью удовлетворить потребности и требования к

прототипу всех участников проекта.

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

http://www.amazedev.com/holygrail

http://www.amazedev.com/prototipirovanie-web-proektov-sobiraya-voedino/

Слайд 5

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

Слайд 6

Потребности
Автоматизировать типовые решения, сохранив пространство для творчества.
Быстро создавать интерактивные, детализированные прототипы,

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

http://www.amazedev.com/holygrail

Слайд 7

HolyGrail. Решение
Open Source
Части layout’а (header, footer и другие) реализованы с помощью

SSI вставок
Набор паттернов проектирования (snippets) для программы Dreamweaver
Типичный проект
Usability Guidelines

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

Слайд 11

HolyGrail для девелопера
http://www.amazedev.com/holygrail
Интеграция (x)HTML и CSS прототипа c используемым в компании

фреймворком. Позволяет копировать элементы из прототипа и сразу же вставлять в проект.
Сокращает время на создание и вёрстку типовых элементов.
С помощью правил и стандартов позволяет избежать негативного эффекта от домысливания недостающих элементов управления в интерфейсе.

Слайд 12

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

Слайд 13

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

Слайд 14

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

Слайд 15

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

Слайд 16

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

Слайд 17

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

Слайд 18

HolyGrail. Узкие места
Менеджеру всё же иногда приходится разбираться и править HTML

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

http://www.amazedev.com/holygrail

Слайд 19

ToDo. Внесите свой вклад
Поддержка IT сообщества
Обратная связь от менеджеров
Переход к полной

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

http://www.amazedev.com/holygrail

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

Содержание

ПредпосылкиТочный прототип позволяет проработать требования к интерфейсу и позиционированию функциональных блоков

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

ПроблемаCовременные средства прототипирования не способны полностью удовлетворить потребности и требования к

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

ПотребностиАвтоматизировать типовые решения, сохранив пространство для творчества.Быстро создавать интерактивные, детализированные прототипы,

HolyGrail. РешениеOpen SourceЧасти layout’а (header, footer и другие) реализованы с помощью

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

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

HolyGrail для менеджераДелает предметным общение с клиентом о проекте. Уменьшает время

HolyGrail для девелопераhttp://www.amazedev.com/holygrailИнтеграция (x)HTML и CSS прототипа c используемым в компании

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

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

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

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

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

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

HolyGrail. Узкие местаМенеджеру всё же иногда приходится разбираться и править HTML

ToDo. Внесите свой вкладПоддержка IT сообществаОбратная связь от менеджеровПереход к полной

Похожие презентации

Предпосылки
Точный прототип позволяет проработать требования к интерфейсу и позиционированию функциональных блоков

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

Проблема
Cовременные средства прототипирования не способны полностью удовлетворить потребности и требования к

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

Потребности
Автоматизировать типовые решения, сохранив пространство для творчества.
Быстро создавать интерактивные, детализированные прототипы,

HolyGrail. Решение
Open Source
Части layout’а (header, footer и другие) реализованы с помощью

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

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

HolyGrail для менеджера
Делает предметным общение с клиентом о проекте.
Уменьшает время

HolyGrail для девелопера
http://www.amazedev.com/holygrail
Интеграция (x)HTML и CSS прототипа c используемым в компании

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

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

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

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

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

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

HolyGrail. Узкие места
Менеджеру всё же иногда приходится разбираться и править HTML

ToDo. Внесите свой вклад
Поддержка IT сообщества
Обратная связь от менеджеров
Переход к полной