Рассмотрим следующую (идеализированную) диаграмму.

Теперь я работал с коллегами со всех сторон этого спектра и узнал, что, к сожалению, это, как правило, больше похоже на это.

Большинство «веб-разработчиков», как правило, очень мало знают о принципах дизайна, в то время как «веб-дизайнеры», как правило, очень мало знают о технической стороне сети. Хорошо округленных "веб-мастеров" трудно найти.

Этот неудачный, но реальный сценарий делает создание адаптивного веб-сайта для команды разработчиков и дизайнеров болезненным. Веб-дизайнеры склонны забывать, что сайт должен адаптироваться к каждому возможному коммерческому устройству и часто разрабатывать жесткие макеты, которые отлично выглядят на их собственном экране, но которые невозможно превратить в адаптивные веб-сайты. Разработчики, с другой стороны, склонны к жесткой адаптации видения дизайнера, пытаясь добиться отзывчивости.

Где должна быть ответственность за разработку адаптивного веб-сайта? Следует ли ожидать, что веб-дизайнер предоставит разработчикам продуманные рекомендации о том, как адаптировать сайт для каждого возможного сценария? Или это необоснованное ожидание?

Пожалуйста, обратите внимание, что я сосредоточен на дизайне, а не на его разработке.

Любой опытный дизайнер всегда будет заинтересован в реализации в определенной степени. Возможно, не в аспекте «я могу это построить», но, по крайней мере, в аспекте «это невозможно».

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

Я думаю, что любой дизайнер, ответственный за веб-материалы, должен хотя бы попасть в это:

И я не думаю, что он такой же однобокий, как ваш второй график.

Дни, когда вы можете сделать симпатичный макет в Фотошопе и просто передать его, ушли в прошлое. По моему опыту, разработчики (имея в виду левую сторону вашего графика) на самом деле не ищут кого-то справа. Они ищут дизайнера, который, по крайней мере, понимает, что возможно, и ограничения, необходимые для хорошего дизайна. Это перемещает их из крайнего правого, по крайней мере, на одну галочку влево.

Есть ли еще разработчики, которые попали в крайнюю левую сторону, абсолютно. Так же, как есть дизайнеры, которые ударили далеко справа. Тем не менее, более важным аспектом может быть опыт . Есть ли разработчики / дизайнеры, которые работают в крайнем левом / правом положении, если у них есть 5, 8 или 10 лет опыта? Я в этом сомневаюсь. Чем больше опыта, тем ближе к середине они получают.

Так что, возможно, это более уместно:

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

Где должна быть ответственность за разработку адаптивного веб-сайта?

Как правило, на управлении. Умное управление поймет, что это командный проект, поэтому все должны быть скоординированы и работать в тандеме. Это может включать в себя (но не ограничиваясь этим) визуальный дизайн, UX, пользовательский интерфейс, серверный разработчик, отдел маркетинга и т. Д.

Гибкая разработка - хороший способ приблизиться к этому.

Конечно, многие организации не делают этого, и, как правило, используют каждую из вышеперечисленных групп в своих целях и используют старый процесс «бросай через забор и не беспокойся об этом».

Пожалуйста, обратите внимание, что я сосредоточен на дизайне, а не на его разработке.

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

Это касается дизайна взаимодействия в целом. Дизайн взаимодействия (будь то адаптивный макет, раскрывающееся меню, анимация и т. Д.) Должен разрабатываться в среде, в которой он будет использоваться - в браузере. Это требует определенного уровня развития.

Моя идеальная структура команды UX будет включать следующие роли *:

• Визуальный дизайнер и / или пользовательский интерфейс
• UI Developer
• содержание
• Исследование / Пользовательское тестирование

Теперь это не означает, что разработчик пользовательского интерфейса UX Team - это человек, который пишет рабочий код, но они пишут рабочий код для правильного проектирования, создания и тестирования взаимодействия.

Затем он передается в dev, и дальнейшая работа выполняется командой, чтобы интегрировать его в конечную цель адаптивной системы.

* Указанные роли должны включать хотя бы одного из ваших "веб-создателей". Я согласен, что их иногда сложнее найти, но они необходимы командам. Вам нужен как минимум один человек, который может общаться по всем направлениям и иметь возможность общаться с дизайнерами иконок, а также с администраторами БД.

Хотя я согласен с менталитетом в ответе DA01, я думаю, что в этом вопросе есть нечто большее, чем просто то, к чему он обращается.

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

Таким образом, я не думаю, что есть один «лучший» способ принять это решение или состав команды. Каждая группа людей различна, и то, что работает в одной компании, может не работать в другой, даже если структура и тому подобное примерно одинаковы.

При этом, есть некоторые общие принципы, которые применяются ко всем компаниям при принятии таких решений:

• Используйте доступный набор навыков - Некоторые люди лучше работают в определенных условиях, делая определенные вещи. Если что-то сильно замедляет процесс с небольшой реальной пользой, это, вероятно, не очень хорошее решение. Это не значит, что вы не должны меняться, потому что одному человеку не нравятся эти перемены, но важно помнить о предпочтениях и способностях команды, чтобы люди наслаждались своей работой и добивались успеха.

• Сотрудничество имеет ключевое значение. Любые дизайнеры и разработчики должны поддерживать связь и приблизительно знать, что делает другой на каждом этапе процесса, от общения с клиентом (как бы много это ни было возможно - иногда бывает достаточно увидеть записи обсуждения или что-то подобное). ) до окончательной реализации. Одна группа обычно выполняет работу на одном этапе, но другая (ые) должна, по крайней мере, знать, что происходит, и иметь возможность предоставлять какую-то обратную связь на каждом этапе.

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

• Направление к совершенству - гораздо лучше знать цель и идти к ней прямым, но грубым путем. Под этим я подразумеваю итерацию лучше, чем идеальный пиксель для большинства процессов. Мы должны убедиться, что мы движемся в правильном направлении с каждым решением по проектированию, а затем доработать это решение итерацией. Таким образом, мы обычно можем избежать более серьезных проблем в конце процесса.

  Дизайн в браузере (или на любом другом носителе) может помочь в этом, поскольку он объединяет две работы в одну, заставляя людей работать вместе или иметь навыки в обеих. Конечно, важно помнить первый принцип, перечисленный здесь.

И, наконец, непосредственно решить проблему под рукой в одном обстоятельстве , что ОП , кажется, ссылки, я скажу , что если полное разделение труда решается на (полное разделение знаний / обратная связь должна не быть сделано), то я рекомендую что команда разработчиков должна создать маленькую и большую версию, по крайней мере, в большинстве случаев, а остальное оставлено на усмотрение разработчика. Это заставляет команду разработчиков учитывать все промежуточные этапы, не заботясь о точных деталях.

Здесь есть несколько отличных ответов, но на самом деле это не так сложно.

Нижняя линия:

Команда разработчиков (одна или несколько) отвечает за каждую перестановку представления или шаблона.

Не просите разработчика заполнить пробелы или опираться на рамки.

Сделайте все возможное в самом начале, а затем следите за разработчиком. Вам придется принимать решения, когда возникают проблемы. Иногда это может быть другой макет, иногда лучше предоставить грубый код (если вы можете).

Не заставляйте Инжиниринг делать вашу работу, и они не будут просить вас делать их ;-)

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

Работа веб-дизайнера заключается в том, чтобы воплотить замысел дизайнера в код. Это может быть легко, если спецификация ясна, а веб-дизайнер хорош, или может быть трудно, если все, что веб-дизайнер получает, - это .psd с инструкциями «сделай это». Хорошие спецификации означают более точные реализации.

Я собираюсь пропустить веб-создателей, так как я не работаю с этим термином.

По моему опыту, веб-разработчики не должны заниматься дизайном. Как правило, они ориентированы на бэкэнд-разработку и касаются дизайна только в случае крайней необходимости. Большинство веб-разработчиков, которых я знаю, не очень хорошо знают CSS и, конечно, не используют Photoshop.

Разработчик программного обеспечения охватывает 99% разработчиков. Я бы не сказал, что они не оформляются так, как на вашем графике, но обычно это не часть описания работы.

TL; DR: если дизайнеры придумывают хорошие спецификации, веб-дизайнеры должны быть в состоянии легко справиться с реализацией.