Дизайн системы в Dropbox
Мы перевели интервью Зака Джонстона о компонентах многократного использования, инструментов проектирования и масштабировании проектов, а так же о том, как применяются дизайн системы в Dropbox.
Kirill Lipovoy
Все любят хорошие истории успеха, а судьба Зака Джонстона — классическая сказка в Сан-Франциско. «Семь лет назад я в Приусе с двумя друзьями и поехал по стране. Тогда я обнаружил, что мои навыки HTML и CSS были востребованы на Западном побережье, и я подумал, что летние месяцы моего второго курса колледжа лучше потратить на проектирование приложений в Сан-Франциско, чем на разработку рекламных кампаний в Нью-Йорке », — говорит Зак , Спустя три месяца после этой роковой поездки, было совершенно ясно, что возвращение в Пенсильванию — плохая идея.
Сегодня Зак работает в Dropbox Design Systems, команде, которой не было год назад. За свою трехлетнюю работу в Dropbox Зак работал над множеством продуктов и наблюдал за тем, как команда дизайнеров компаний быстро росла.
О росте, масштабировании и о потребности в дизайн системах
«Когда я присоединился к Dropbox, наша команда дизайнеров составляла всего 20 человек. Теперь у нас более 50 дизайнеров и десятки, копирайтеров, аналитиков и иллюстраторов », — говорит Зак. Несмотря на то, что такая команда работала сплоченно, продукты не всегда были согласованы между собой. В ответ компания начала вкладывать больше средств в компоненты многократного использования и в прошлом году, сформировала официальную команду Design Systems.
«Один из способов, которым мы реализовали в нашей команде дизайнеров, — наборы пользовательских интерфейсов. Мы создали Sketch Libraries для каждой платформы (веб-сайт, планшет и смартфон). Мы следим за тем, какие инструменты использует наша команда разработчиков, а затем пытаются помочь им тратить меньше времени на выполнение мирских задач, таких как перерисовка кнопок», — говорит Зак, который в настоящее время фокусируется на веб-платформе.
Зак подчеркивает, что дизайн системы в Dropbox не должны касаться принятия второстепенных решений или осуществления тяжелых процессов. Миссия Dropbox заключается в том, чтобы развязать творческую энергию в мире, а миссию своей команды, как стимулирование творческой энергии внутри Dropbox.
«Для нас наличие команды Design Systems означает, что мы можем тратить меньше времени на обсуждения и больше на реализацию».
Зак, наряду с Адамом Ноффсингером, стоит за комплектом Framer Desktop Kit, созданным вручную набором, который состоит из компонентов пользовательского интерфейса, фрагментов кода и образцов прототипов, предназначенных для ускорения рабочего процесса для desktop версии. Первоначально созданный для внутреннего использования, команда Dropbox Design недавно сделала Desktop Kit для общего пользования под платформу Framer.
Несмотря на уровень детализации, который вошел в создание набора, Зак быстро указывает, что он не самый продвинутый пользователь Framer в команде дизайнеров Dropbox.
Про инструменты проектирования
Фактически, Зак провел немало времени, как противник Framer. «Каждый в Dropbox любил Framer, и я был мятежником, который все еще прототипировал, используя HTML/CSS/JS. Эд Чао (дизайнер продуктов в Dropbox) перевел меня на статический генератор сайтов, называемый Cactus, и некоторое время я использовал его для управления и развертывания прототипов HTML CSS/JS.
Затем однажды вечером в 2016 году основатели Framer провели семинар для Bridge Fellows, дизайн-программы, проводимой Designer Fund, и все изменилось для Зака.» Будучи тем, кто научился прототипированию без причудливых инструментов, Зак считал, что прямой доступ к коду был самой чистой формой творения. Прошло 7 лет, но он, наконец, передумал. «Cactus помог мне понять, что причудливые инструменты могут отвлечь вас от болезненных частей прототипов, таких как создание новых проектов, установка пакетов и развертывание на сервере», — говорит Зак.
Однако дизайн во Framer показал мне, что визуальная компоновка страницы намного лучше, чем написание тысяч строк HTML и CSS».
Дизайн системы в Dropbox
Не секрет, что Dropbox преуспевает. Широкий набор продуктов и около 500 миллионов пользователей делают эту 11-летнюю компанию привлекательным местом для работы. Но это целостная и продуктивная среда, которую поддерживают такие команды, как Зака, которые делают Dropbox действительно исключительным местом для развития карьеры в дизайне. «На самом деле удивительно, что, несмотря на наш быстрый рост, команда дизайнеров по-прежнему чувствует себя сплоченной семьей», — говорит Зак.