The way we were thinking in early 2012.

1. Digital Production

2. Что значит
успешный проект
для продакшена?

3. Успешный проект
1. Запущен в срок
2. Работает без ошибок
3. Полностью функционален

4. Коммуникация в проекте
1. Планируй задачи на 2 недели вперед
2. Говори о своих планах
3. Всегда помни о дедлайне

5. Этапы разработки проекта
Site structure
UX/Layouts
Design
HTML/JS
Programming
Content
Quality Assurance

6. Site structure
objectives:
- дать понимание объема проекта и сложности
-
defined by:
- список всех разделов сайта
- описание динамических элементов для
-
comments:
involved:
его реализации
понять структуру и взаимодействие разделов
каждого раздела
описание бизнес логики и жизненного цикла
- список всех этапов проекта
- состояния и переходы между ними
PM, Dev Lead, UX & Art Director
mmap/pdf

7. Site structure - Key Things
- этапы проекта и переключение между ними
- логика работы (победители и т.д.)
- возможности участников проекта
- KPIs, цели проекта

8. UX/Wireframes
objectives:
images/pdf
- показать расположение элементов на станицах
- подготовить архитектуру интерфейса для
дизайна
defined by:
- схематическое изображение всех объектов, которые
-
comments:
будут присутствовать на страницах
при необходимости – комментарии и пояснения о
деталях взаимодействия интерфейса с пользователем
- отдельно выполненные лэйауты
(в том числе одних и тех же страниц)
для различных этапов проекта
involved:
PM, Dev Lead, UX & Art Director

9. UX/Layouts - Checklist
сообщения пользователю о том что он успешно/не успешно что-либо сделал
сообщения об ошибках при заполнении форм
повествовательные сообщения пользователю, если ему нужно выполнить какието действия для активации контролов
описание логики работы сложных элементов управления
пропорции изображений одних и тех же объектов должны максимально
совпадать
сообщения об отсутствии контента или о невозможности выолнения действия
(например: “у вас еще нет призов”,
“нет работ”, “вы больше не можете добавить фото”, и т.д.)
ширина стандартного сайта не должна превышать 980px
отдельный лейаут для страницы 404
страница “Технические работы”

10. Design
images/psd
objectives:
- показать внешний вид всех страниц сайта
defined by:
- изображения – отрисованые страницы сайта по
лэйаутам
comments:
- отдельно выполненный дизайн
(в том числе одних и тех же страниц)
для различных этапов проекта
involved:
PM, Dev Lead, UX & Art Director

11. Design - Checklist
соответствие дизайн – лэйауты, наличие всех элемнтов, которые были отрисованы
на стадии UX
для всех элементов управления отрисованы все состояния:
hover – для всего, на что можно навести
wait/inactive/disabled – для кнопок/элементов, при нажатии на которые
пользователь будет ждать
pressed/active/current – для всего что может быть выделено, или отображает
текущий выбор пользователя)
показать как выглядят длинные названия/имена в отведенное им место в дизайне
нарисовать заглушки для изображений
прелоадеры для всех мест, где пользователь ждет
сдлеать favicon и выдать ее в формате .ico
изображения для шеринга в социальных сетях
давать названия стандартных шрифтов для замены всех нестандартных
поведение фона/ресайзы/режимы наложения слоев/папки

12. HTML/JS
objectives:
html/js/images/css
- трансформировать дизайн в формат, который
можно использовать в браузере
defined by:
- html файлы, которые можно открыть в браузере,
-
comments:
дающие максимально точную копию дизайна страниц
сайта
интерактивное поведение элементов на страницах
- отдельно выполненная верстка
(в том числе одних и тех же страниц)
для различных этапов проекта
involved:
PM, Dev Lead, UX & Art Director

13. HTML/JS - Checklist
реалзовать JS методы для работы с интерактивными элементами на страницах
(popups, pre-loaders, etc.)
сделать css классы для всех состояний элементов, отрисованых в дизайне
верстка должна минимально зависить от тегов в местах общих элементов и
максимально быть на них завязана в тех местах, которые редактируются
администратором или пользователями сайта
поведение элементов при взаимодействии с пользователем
верстка сайта при ресайзах окна от 640x480 до 1920x1080
соответствие шрифтов, их размеров и стилей

14. Время разработки проекта
Site structure
Design
2 days
UX/Layouts
5 days
Design
HTML/JS
Development
Programming
17 days
10 days
5 days
10 days
Content
3 days
Quality Assurance
2 days
20 days

15. Время разработки проекта
Structure
UX/Wireframes
Concept
Design
Design
HTML/JS
Programming
2 days
5 days
Content
QA
10-15 days
3 days
2 days
25 days

16. Contacts
Youshido
Kiev, Ukraine
067 523 00 33
client@youshido.com
www.youshido.com