Как убедится, что команда разработки понимает дизайн?
Как убедится, что команда разработки понимает дизайн?
18 июня 2016

Как дизайнерам работать с программистами и как презентовать дизайн так, чтобы его понимали.

Как презентовать дизайн разработчикам

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

Как только у вас появляется новая идея по улучшению интерфейса сайта или приложения, не спешите выкладывать всё разработчикам. Если вы вывалите всё не структорированно и без привязки к нынешней верисии, то скорее всего получите в ответ что-то из разряда "Мы не можем этого сделать!". Это не значит, что ваши идея лежать за гранью возможностей фрейморков и скриптов. Просто она может поставить под угрозу всю уже реализованную архитектуру кода, стабильность и быстроту работы, на что программисты попросту не пойдут.

Таким образом, вам придётся учитывать ещё одну грань - структуру проекта с точки зрения программистов. И если ваше изменение меняет львиную долю логики - будьте готовы к яростному сопротивлению со стороны команды разработки. Только постоянные переговоры и обмен взглядами на проблему помогут двум отделам сгенерировать хорошее решение, которое будет хорошо выглядеть визуально и не заставить разработчиков работать сверхурочно.

Как не злить разработчиков?

Вот парочка правил, которые помогут вам не сниться вашим разработчикам в ночных кошмарах:

  • Не закладывайте функционал на три шага вперёд - идеи должны работать сейчас.
  • Показывайте user flow и то, что следует после нажатия каждого из элементов.
  • Работайте с реальными данными в уме и думайте о "масштабируемом дизайне". Если есть длинный текст, то что с ним делать? Как это будет выглядеть на других языках? Если в будущем будет добавлено больше пунктов в меню, что произойдет?
  • Объясните причины изменений и то, насколько это упростит жизнь пользователям.
  • Стиль руководства и активы имеют решающее значение для работы разработчиков. Вы должны предоставить все нужные элементы до начала работ по коддингу.
  • Если вы говорите на одном языке с разработчиками, будьте уверены, что будете у них в почёте. Если у вас есть хорошее знание языков программирования (HTML, CSS, Java, PHP, JavaScript, C #, Objective-C или Swift), то вы можете быть одним из них и они будут слушать вас с удовольствием.
  • Неплохо было бы сколотить рабочий кликабельный прототип, если ваши изменения уж слишком кардинальны.

Эти правила вы должны держать в уме каждый день чтобы в лучше работать не только с командой разработчиков, но и с вашими коллегами дизайнерами.

Последнее правило помогает больше всех остальных. Если есть рабочий прототип, разработчикам невероятно легко понять как работает тот или иной элемент и они не тратят кучу времени на переписку в попытках уточнить тот или иной аспект. Рабочий прототип позволяет проверить взаимодействие, user flow, удобство использования, типографику, внешний вид и ощущения за один раз.

Есть также и несколько инструментов, которые позволяют создавать рабочие прототипы: Invision, Marvel, Pixate and Principle. На наш взгляд, лучшим из них является Principle потому что она позволяет создавать прототипы с реалистичной анимацией.

Выводы

Слаженная работа между командами - золотая цель менеджмента. Поэтому, если вам удастся построить правильную коммуникацию между отделом дизайна и отделом разработки, будьте уверены что вы сэкономите десятки, если не сотни часов работы каждому из отделов. Хорошо формализированная атмосфера, где каждый профессионал является не частью своего отдела, а частью одной большой команды - это лучшее, что вы можете создать как руководитель. Если вся команда соблюдает правила, конечный продукт может получиться выдающимся.

Читайте также
Самые распространенные ошибки в веб-дизайне
Самые распространенные ошибки в веб-дизайне

Учимся на ошибках других: как не делать самые распространённые ошибки в веб-дизайне.

22.06 1
Чего ожидать от веб-дизайна в 2016 году?
Чего ожидать от веб-дизайна в 2016 году?

Тренды и направления веб-дизайна, которые мы видим в 2016 году. А также несколько прогнозов.

18.06 0
Как использовать баланс в веб-дизайне
Как использовать баланс в веб-дизайне

Какие виды визуального баланса существуют в веб-дизайне и как их правильно использовать.

08.06 0
Как создавать лучшие дэшборды - 6 советов
Как создавать лучшие дэшборды - 6 советов

Что нужно знать в дизайне дэшбордов, чтобы ваша повысить качество вашей работы.

01.06 0
Комментарии

×
Подписка на новости Skillsup

Заполните поля, чтобы получать новости о дизайне от Skillsup,
обещаем не тревожить чаще 2-х раз в неделю.
Если передумаете — во всех письмах будет ссылка на отписку.