Доклад предназначен для проектировщиков и дизайнеров интерфейсов. Что полезного дизайнеру может пригодится из мира программирования? Громкие термины про контроль версий, архитектуру, чистый код и т.д. это все чуждые слова или повод перенять опыт? Настолько ли суровы программисты чтобы испортить своими подходами творческую суть дизайнера?

1. 1
Сергей Павельчук
pavelchuk.ru
Программистский подход в дизайне
Чему дизайнер может научиться у программиста?

2. 2
Обо мне
• Говорить не будем

3. 3
Внимание вопрос
Кто такие программисты?
Что мы о них знаем?

4. 4
Определяем проблему
В чем главное зло для программиста?

5. 5

6. 6
«Говнокод» в дизайне

7. 7
Решаемо!
Как же быть хорошим?
Что делают для этого программисты?

8. 8
Над чем обычно думают программисты?
• Архитектура
• Чистота кода
• Контроль версий
• Код-ревью
• Тестирование
• ООП
• Framework

9. 9
Архитектура
• Иерархия страниц
• Связи, переходы, превращения
• Слои на одной странице VS разные страницы
Page 1
Page 2
Page 3
Layer 3
Layer 2
Layer 1

10. 10
Чистота кода
• Названия элементов
• Иерархия слоев
• Комментарии
• Оптимизация

11. 11
Контроль версий
• SVN, Mercurial, GitHub, Bitbucket
• Коммиты, чекины, откатиться
• Axure Back-Up
• Adobe CC
• Внешний SVN

12. 12
Код-ревью
• Сам
• Коллеги по цеху
• Коллеги не по цеху
• Друзья
• Даже коты

13. 13
Тестирование
• Test Cases
• Идеально - до начала работы
• Ключевые моменты:
 Элементы
 Действия
 Результат

14. 14
ООП
• Объекты (элементы, слои, мастера)
• Вложенность
• Наследование
• Типизация
• Переиспользование
• и т.д.

15. 15
Framework
• Библиотеки элементов:
 Внешние
 Внутренние

16. 16
Как это использовать?
(парочка примеров)

17. 17
Самое простое - Axure Back-Up

18. 18
Архитектура
• Логика структуры и названия элементов: любая - важно соблюдение!

19. 19
Axure библиотеки (аналог фреймворка)
• Готовые http://www.axure.com/community/widget-libraries

20. 20
Axure библиотеки (аналог фреймворка)
Создать свою библиотеку: Стили, Поля, Переменные

21. 21
Axure библиотеки (аналог фреймворка)

22. 22
Мастера в Axure (переиспользование)

23. Спасибо за внимание!
Дружба побеждает!
www.pavelchuk.ru