Front-end Developer VS Designer. Как перестать ссориться и начать жить.

Илона Саркисова
Доклад рассчитан на фронтенд-разработчиков, верстальщиков, UX и UI дизайнеров, работающих в команде.

Разработчики и дизайнеры живут будто в разных мирах, часто не понимают друг друга, жестко разделяют зоны ответственности («как это будет сделано — не моя проблема» или «я не буду разбираться в этом дизайнерском космосе»). Отсутствует понимание процесса работы у специалистов разных сфер, в результате чего возникают конфликты, недопонимание, споры и взаимная неприязнь. Много времени тратится на объяснение своих решений или невозможности их внедрить. Расскажу о том, как понять боль коллеги, перестать ругаться и работать сообща.

Transcript

1. FRONT-END DEVELOPER VS DESIGNER Как перестать ссориться и начать жить Саркисова Илона, EPAM Systems
2. О СЕБЕ 4 года обучения программированию 5 лет работы Front-End разработчиком/верстальщи ком 2 года обучения человеко- компьютерному взаимодействию 3 года работы UX дизайнером
3. ИДЕАЛЬНЫЙ МИР ДИЗАЙНЕРА Сам придумал Сам нарисовал Сам код написал
4. МОЙ ЛЮБИМЫЙ МЕМ ПРО РАЗРАБОТКУ
5. ПРОБЛЕМА
6. НУ ТАК И ЛАДНО?.. Трата времени Нездоровая атмосфера в команде Внимание на личное, а не на рабочее Перекладывание ответственности Страдает проект
7. ТРЮКИ Хаки из жизни
8. ЭМПАТИЯ Критикуют не дизайнера, а решение Критика основывается на неуверенности У коллеги своя боль
9. • User Experience делают все • Мы стремимся к хорошему продукту ЕДИНАЯ ЦЕЛЬ
10. КОЛЛЕКТИВНЫЙ РАЗУМ
11. КОМАНДНАЯ ИГРА
12. ЕДИНЫЙ ЯЗЫК Прямоугольник 400х100px Скругления 6px Заливка-градиент линейный #6c9ed7 - #d460f Текст HelveticaNeueCyr Ligh 40pt Uppercase #fff Интерлиньяж 88 .btn{ border: none; border-radius: 6px; height: 100px; padding-left: 20px; padding-right: 20px; margin: 20px; color:white; background: linear-gradient(to bottom, #6c9ed7 0%,#d460f 100%); font-family: Helvetica; font-size: 40pt; } <button class=“btn” id="clickMe" type="button" value="clickme" onclick="doFunction();" /> document.getElementById("clickM e").onclick = function () { alert('hello!'); };
13. УДОБНЫЕ ВСЕМ ИНСТРУМЕНТЫ inVision Zeplin Abstract Figma HTML/CSS и т.д.
14. КОНСИСТЕНТНОСТЬ
15. СЕТКИ
16. ЗАБОТА О КОЛЛЕГЕ Сделайте легче UI
17. ЗАБОТА О КОЛЛЕГЕ Продумывайте состояния
18. ЗАБОТА О КОЛЛЕГЕ Не отдельные экраны, а сценарии
19. ДОКУМЕНТАЦИЯ
20. 5 ПОЧЕМУ
21. ТРАВИТЕ ЛЕСКУ
22. ПИВО
23. КОЛЛЕГА-ТРЕНАЖЕР Представьте, что коллега- тренажер для развития терпения. И спасибо тренажеру за бесценный опыт.
24. СПАСИБО ЗА ВНИМАНИЕ! Буду рада ответить на вопросы