Дизайнер, разработчик, нет конфликта, нет драмы — Евгения Малкова
•
1 like•2,225 views
Презентация Евгении Малковой для CocoaHeads Moscow 24 марта 2015
Report
Share
Дизайнер, разработчик, нет конфликта, нет драмы — Евгения Малкова
- 1. Дизайнер, разработчик, нет конфликта, нет драмы Евгения Малкова Mobile UX/UI Designer, 2ГИС
- 2. Роль дизайна в продукте Процесс создания продукта Коммуникации между дизайнером и разработчиком Как вместе делать крутой продукт
- 3. Что делать, если чувство прекрасного у разработчика развито сильнее, чем у дизайнера? Как подвигать пиксели без риска для жизни? Зачем разработчику иногда нужно побыть дизайнером?
- 13. Продуктовые требования Дизайн ревью Фичефриз Выпуск продукта Общий дизайн Дизайн фич Разработка фич Оценка от разработки, roadmap продукта Реализация фич
- 14. Дизайнер РазработчикМенеджер Тестировщик Teamlead Арт-директор Супер-команда +
- 18. В супер-команде все равны!
- 20. Продуктовые требования Дизайн ревью Фичефриз Выпуск продукта Общий дизайн Дизайн фич Разработка фич Оценка от разработки, roadmap продукта Реализация фич
- 21. Продуктовые требования Дизайн ревью Фичефриз Выпуск продукта Общий дизайн Дизайн фич Разработка фич Оценка от разработки, roadmap продукта Реализация фич
- 22. Оценка продукта
- 23. «Договориться надо на берегу»
- 24. РМ готовит продуктовые требования Дизайнер продумывает UX продукта Дизайн и требования отправляются в Confluence Команда разработки изучает требования и выносит оценку Составляется roadmap продукта со сроками Что происходит на этом этапе?
- 26. Разработчик не может реализовать дизайн
- 27. Выяснить, в чем проблема Если проблему невозможно решить, задать вопрос о целесобразности дизайна: А зачем нам столько фич в приложении? Может некоторые вынести в отдельный продукт? При отсутствии аргументов — пересмотреть дизайн. Решение
- 29. РМ описывает требования к фиче в Confluence РМ ставит задачу дизайнеру в Basecamp Дизайнер разрабатывает интерфейс РМ апрувит дизайн и выкладывает его в Confluence Разработка начинает заниматься фичей Что происходит на этом этапе?
- 30. Инструменты совместной работы Basecamp Confluence Jira Dropbox
- 32. Дизайнер далеко ушел от первоначального дизайна
- 33. Не стесняться и спросить у РМ: Почему изменили дизайн? В первой итерации были нативные кнопки, где они? Решение Есть сомнения — задать вопрос
- 34. Разработчику не нравится дизайн :)
- 35. Эмпатия
- 36. Дизайн — шляпа Нарушена логика UI в продукте Метафора иконки совсем неочевидна! #$%*##%*! Сформулировать и тезисно обосновать, что именно не нравится: Решение Подумать — зачем я это говорю?
- 40. Дизайнер завершает работу над дизайном основных фич Разработка продолжает заниматься фичами Разработчик дает требования к файлам Дизайнер готовит файлы для разработчика Что происходит на этом этапе?
- 42. Разработчик вдруг понял, что успевает сделать дизайн только на 70%
- 43. Успокоить дизайнера Попробовать найти ресурсы для выполнения Если это невозможно, предложить дизайнеру 2-3 варианта решения проблемы: Прости, к релизу мы можем сделать пока только через браузер, или вообще убрать. С тебя — дизайн иконки и нарезка файлов. Потом сделаем полноценную версию! Решение
- 44. Дизайнер неправильно подготовил файлы, а разработчик взял их в работу
- 45. Нет ресурсов 2х и 3х Непопадание в пиксели CMYK Ошибки в файлах
- 46. Подробно и четко рассказать, что вам и как нужно подготовить. Обьяснить дизайнеру особенности процесса разработки. Поругать! Для реализации фичи мне не хватает файлов для ретины и 3х. Опять ты забыл! Подготовь, и мы закроем задачу. Решение Не берите в работу файлы с ошибкой!
- 48. Дизайн сделан Код написан Разработчики правят баги Дизайнер делает дизайн-ревью Что происходит на этом этапе?
- 50. Дизайнер вдруг полностью меняет интерфейс
- 51. Что меняем? Простые изменения Не успеем! Сложные изменения
- 52. РМ прибежал и сказал делать новую фичу
- 53. Не успеем! Противоречит гайдлайнам! Решение + Объединитесь и примите решение вместе
- 54. Разработчик реализовал дизайн некорректно
- 55. Некорректно — это как? Неправильный цвет/ положение Лишний элемент Другая механика UI
- 56. Найди 10 отличий
- 57. Почему? Ошибка разработчика Ошибка дизайнера Давай-ка подвигаем пиксели! Читай матчасть. Не забывайте ставить задачи в Jira
- 58. Кажется, вы художник Если вам пришло вдохновение — отбросьте Xcode В любой непонятной ситуации — не пишите код Возьмите карандаш, бумагу, Sketch и начинайте творить!
- 59. Запомните!
- 60. 1 Цель — крутой продукт
- 65. + =