Принципы и язык: независимый взгляд

В этом разделе представлена запись интервью с Артуро Толедо на тему принципов проектирования и языка проектирования Майкрософт. Артуро, в прошлом разработчик и международный представитель Майкрософт, сейчас является руководителем независимой студии. Артуро - автор популярной серии 24 недели разработки Windows Phone и серии семинаров в Западной Европе под названием "За пределами плиток". Само видео—и дополнительные ресурсы и сведения об Артуро—можно найти на канале Channel 9

Артуро рассказывает о принципах проектирования Майкрософт и их применении к приложениям Windows и Windows Phone. Он делится с нами тем, чему он научился как дизайнер в студиях проектирования Майкрософт, чему он научился в процессе работы независимого консультанта, и тем, как видение различий между принципами проектирования и языком проектирования может открыть для вас новые возможности.

Принципы и язык

"Итак, принципы — это... все, верно? Меня зовут Артуро Толедо и я руковожу очень маленьким специализированным магазином, который называется "Toledo Design". Я решил назвать его по своей фамилии, потому что так проще. И сейчас мы представляем собой небольшую рабочую группу из пяти людей.

"Я считаю одной из самых интересных вещей, которые я понял за последние два года работы в качестве независимого разработчика и за годы, которые я проработал с Майкрософт, тот факт, что это две разные вещи. Принципы и язык. Принципы — это то, что я научился развивать и по-настоящему любить и следовать им.

"Я считаю, что после того, как вы изучите принципы, после того, как вы дадите себе возможность прочитать книги, которые вы должны прочесть, чтобы изучить принципы, язык, основанный на них, будет прекрасным. Как только вы усвоите принципы, вы освободитесь от очень строгого и ограничивающего языка и откроетесь огромному количеству возможностей. Я всегда делюсь с людьми, с которыми я общаюсь, независимо от того, являются ли они разработчиками или дизайнерами, одной мыслью: "Не существует такой вещи, как "я уже определил свой язык проектирования через принципы проектирования". Это продолжается всю жизнь".

Мастера проектирования

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

"В каждом проекте, в каждом проекте Windows или Windows Phone мы стараемся выйти за эти рамки. После выполнения нескольких циклов, я люблю оценивать себя и свою рабочую группу по критерию "Где мы сейчас по сравнению с прошлым? И принципы являются единственным указателем, который позволяет нам ответить на него. Если мы будем ориентироваться на язык, мы застрянем.

"И внезапно вы встаете перед проблемой: ой, этот язык—оптимизированный или, возможно, сильно сфокусированный на потреблении содержимого—не позволяет мне в полной мере дать ответ. Где же мы можем довериться или на что мы можем положиться в таких случаях? На принципы. Принципы проектирования. И я считаю, что самое сильное, самое большое удовлетворение, которое мы испытали за последние два года, было когда мы признали ограниченность языка и вернулись к принципам проектирования Майкрософт—изначально разработанным рабочей группой Windows Phone, а затем принятыми всей корпорацией Майкрософт—и всегда находили прекрасные ответы и решения. Я считаю, что принципы, принципы проектирования Майкрософт, то, что я раз за разом доказываю, настолько универсальные и непреходящие, что при правильном их использовании все ограничения по типам приложений, которые вы можете проектировать, просто исчезают. И я считаю, что решение вопроса в одном — уделять особое внимание изучению принципов. Конечно язык тоже важен, но я думаю, что принципы определенно имеют гораздо более важное значение".

24 недели проектирования Windows Phone

"Да, в итоге это привело к созданию курса "24 недели проектирования Windows Phone". Это очень интересная история, поскольку где-то в 2011 году, один человек из сообщества, кажется его звали Джеф Бланкенбург, писал что-то типа "20, 30 дней разработки для Windows Phone" или что-то подобное. Но фактически он публиковал одну запись ежедневно, изумительно, правда? Таким образом я написал—в сообществе—1-го января 2012 года, что я буду 30 дней заниматься проектированием Windows Phone и на третий день я понял, что это просто невозможно, так это огромный кусок работы. Таким образом, дело закончилось тем, что я мало-помалу продлевал срок, пока не завершил работу через 24 недели."

Время в студии проектирования Майкрософт

"И да, то, что в основном побудило меня сделать это, был тот факт, что я несколько лет проработал в корпорации Майкрософт в разных ролях, имеющих отношение к взаимодействию с пользователем. В течение последнего года работы у меня была прекрасная возможность—на самом деле, мне очень повезло—получить возможность поработать в студии проектирования Windows Phone Design Studio с Альбертом Шамом, Джефом Фонгом, всеми этими великими умами, стоящими за первоначальными принципами проектирования Майкрософт.

"Для меня было шоком попасть в студию, в которой даже уровень проектировочного мышления был намного больше всего, что я видел в моей жизни лично и конкретно в корпорации Майкрософт. Уровень беседы, критики был остроумным и по существу, они были настолько находчивы, что каждый день в студии был похож на посещение конференции TED по проектированию. И вы учитесь просто общаясь с этими дизайнерами и слушая их разговоры в холле. Это было прекрасно!

"И я быстро понял, что их уровень и понимание современных принципов проектирования—не "современно" в смысле "современный для Майкрософт" вид языка проектирования—, а современные принципы проектирования, как принципы, разработанные мастерами XX века. Мне еще многому нужно было научится. Мне определенно нужно было еще многому научится, и я это понимал. Они говорили о шрифтовом оформлении, они говорили о сетках и я, тем не менее, узнавал о них много нового, даже будучи дизайнером. Мне кажется, что так как в 2000е большинство из нас очень увлеклось использованием Flash и тому подобных вещей, это привнесло некоторую анархию в нашу практику проектирования.

"Мне очень понравился этот год, проведенный в рабочей группе Windows Phone, потому что это было как возвращение к основам и никакого мусора, никаких украшательств и необходимости визуально преувеличивать определенные вещи. Просто показать то, что нужно показать, спроектировать то, что нужно спроектировать и просто донести минимально необходимое. Для меня это было прекрасно. Я учился на архитектора, поэтому для меня это было как возвращение к истокам. И да, я имею ввиду, что это был прекрасный год.

"Я поставил перед собой такую задачу: ты должен каждый день или каждую неделю писать сообщение в блог, чтобы у тебя была возможность использовать это в качестве механизма обучения и достичь уровня этих замечательных людей, с которыми ты общаешься каждый день и которые обладают авторитетом для тебя, так? Таким образом я начал этот процесс. И, конечно, как только ты ставишь себя в подобную ситуацию, ты заставляешь себя искать необходимую информацию, читать, разговаривать с людьми, задавать вопросы, практиковаться. Это — итоговая цель серии "24 недели проектирования Windows Phone", примерно такая. Это началось как эгоистичное действие "Я хочу закончить вовремя", а затем превратилось во что-то, что сообщество, кажется, очень хорошо приняло. И вылилось в очень полезный курс для многих пользователей. И я считаю, что причина, по которой этот курс был очень хорошо принят, заключается в том, что оно очень практично и выходит за рамки различных руководств. И опять же, руководства — это отражение языка. Из этого опыта я также вынес подтверждение мысли, что если вы следуете языку, вы останетесь в данном диапазоне возможностей принципов. И здесь это стало основной мыслью.

"И вот с тех пор "24 недель" был загружен около 10 000 раз. После его завершения мы выпустили его в виде электронной книги, которую могут загружать заинтересованные люди. Я не помню ссылку на нее наизусть, но она доступна здесь.

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

Интеграция дизайна

"Итак, у нас работает пару человек здесь, в Сиэтле, включая меня, и еще несколько людей в Мехико. Мой брат Алехандро является моим партнером. Его история больше о разработке, хотя он понемногу все больше становится проектировщиком взаимодействия с пользователем и интегратором дизайна.

"Еще один большим открытием, сделанным во время работы с командой Альберта, был тот факт, что его команда была первой в корпорации Майкрософт, которая начала выпускать не только прекрасные сборки, но и фактическую разметку XAML. И это был, я считаю, прорыв внутри корпорации Майкрософт в качестве выпускаемой продукции, сделанный рабочей группой проектирования. Он повысил их ответственность и ставки в игре. Но, знаете, сейчас уже не существует задачи преобразования, которую мы наблюдали на протяжении нескольких лет: вы разрабатываете прекрасные сборки, а потом инженеры берут эти сборки и в конце они уже могут выглядеть совсем иначе. Поэтому здесь рабочая группа проектирования создавала разметку сама. Я по сути захватил своего брата, когда открыл эту маленькую студию. И я сказал: "Ты будешь отделом интеграции дизайна" и мы отлично сотрудничали во всем, начиная от архитектуры и заканчивая интеграцией дизайна".

Более подробно о принципах

"Мы начали с исходных принципов проектирования Windows Phone в тот день. Руководствующийся в основном такими принципами, как "Максимальное уменьшение элементов", "Содержимое, а не оформление", "Живой в движении", "Уважение шрифтового оформления", я забываю еще один—"Подлинно цифровой". Через несколько лет мы пересмотрели эти принципы. Теперь у нас есть такие принципы, как "Гордость в мастерстве", "Windows как целое", "Меньше значит больше" и т. д. В рамках этого двухгодичного исследования, которое я выполнял, мы также проводили—так называемый—процесс усовершенствования самих принципов. Сейчас я считаю, что вправе сказать, что мы следуем все тем же принципам. Абсолютно никаких сомнений, что их корни одни и те же. Мы только начинаем. Мало-помалу, практикуясь от проекта к проекту, мы начали расширять горизонты некоторых специфических вещей. Например, принцип "Windows как целое".

"И, конечно, это круто. Но как дизайнеру, как это помогает мне сделать пользовательский интерфейс лучше?

"Вероятно, самой главной мыслью тут является то, что мы можем максимально использовать контракты и все эти прочие службы и создать единое, интегрированное взаимодействие. Живые плитки — и ваше приложение выходит за пределы вашего приложения и выходит на начальный экран. Таким образом оно создает единое взаимодействие с Windows. Абсолютно ценные аспекты взаимодействия".

Универсальные приложения Windows

Когда мы общаемся с клиентами, которые заказывают у нас приложения для Windows и Windows Phone, мы обычно разрабатываем эти две идеи с самого начала одновременно. Мы немного забываем о контрактах и некоторых других стандартных элементах управления, таких как панели приложения и панели навигации в Windows и подобных вещах. И мы просто пытаемся думать о взаимодействиях на этих устройствах и их экранах. А это, если подумать, полностью отражается в принципе "Windows едина", это о том, как создать одно единое взаимодействие. Тренд, который мы заметили в последние несколько лет, показывает, что люди начинают думать не о приложениях, они начинают думать о взаимодействиях. Вместо того, чтобы сказать: "Давайте создадим, например, плавающее приложение для телефона, плавающее приложение для планшета Surface или для Windows. Вместо этого: "Давайте просто посмотрим, как мы можем улучшить плавающее взаимодействие для нашего пользователя." И у телефона будет своя роль, у планшета своя, а у настольного компьютера своя. И в будущем у телевизора будет своя роль в улучшении плавающего взаимодействия".

Структурированная информация

"Если бы мне нужно было привести краткое описание способа, которым мы интерпретируем принципы сегодня для нас, оно бы прозвучало так—современные принципы проектирования. Один из них мы называем "Структурированная информация". Структурированная информация: если вы посмотрите на все, что Майкрософт делает для Windows и Windows Phone вы увидите, что все вращается вокруг двух основных составляющих, которыми являются Сетка и Шрифтовое оформление. Если вы, как разработчик или как проектировщик можете изучить эти две вещи, вы сразу окажетесь на следующем уровне.

"И я тоже еще учусь. Вчера я разговаривал по телефону с моим хорошим другом, которым я очень восхищаюсь—он руководитель проектирования Xbox—и он за 10 минут научил меня работать с Сеткой. Это процесс, который вы продолжаете изучать. Но если вы научитесь использовать Сетку и Шрифтовое оформление, ваша цель будет достигнута. Основной целью Сетки и Шрифтового оформления является передача Структурированной информации.

"Это то, что изначально другие платформы типа iOS или Android не полностью охватывают. Они направлены не на Структурированную информацию, а на оформление, декоративные элементы и текстуры. Конечно, с того момента мы увидели как вся отрасль в некотором роде вернулась к тому, с чего начала Майкрософт несколько лет назад. Размышляя о том факте, что содержимое — это король, а информация — то, что должно иметь решающее значение.

"Еще одна идея, которую я считаю очень, очень эксклюзивной—и мы реализовывали ее бесчисленное количество раз за эти два года—разница между взаимодействием Microsoft/Windows и iOS и Android заключается в уровне погружения, который они предлагают. Смотрите, в чем загвоздка. Если вы посмотрите на iOS 7 или Android, представленные недавно, вы увидите, что они продают идею глубины по оси Z".

Выходя за пределы экрана

"И я считаю, что это отлично! Это то, что цифровые устройство должны делать. Однако способ, которым Майкрософт делает это на протяжении нескольких лет, который все еще меня привлекает, заключается в том, что Майкрософт уделяет много внимания реализации этого погружения по трем осям: X, Y и Z.

"Если мы посмотрим на панораму, сводную таблицу, представление сетки в Windows, даже если вы направлены на Xbox, и посмотрите на панель мониторинга, то ощущение, которое вы получите глядя на экраны Майкрософт — как будто вы имеете дело с содержимым, информацией или пользовательским интерфейсом, которые выходят за границы экрана. И это, как по мне, просто волшебно.

"Я все еще помню как я первый раз воспользовался, схватил телефон, Windows Phone: Windows Phone 7. И я провел пальцем по панораме. И я сразу почувствовал, как будто я попал в один из рекламных роликов по телевизору, где вы видите информацию, вылетающую из телефона. Это действительно так ощущается. Вот еще один очень практичный совет: просмотр содержимого, правильно? Чтобы вы реализовали эту идею выхода за пределы экрана, вы должны показать то, что последует дальше. Это типичная ошибка, которую мы помогаем разработчикам исправлять в их приложениях. Там, где вы ничего не видите, вы не реализовываете идею непрерывности. Но если вы выглянете немного дальше, вы намекнете пользователю "Эй, вот прокрутка, прокрути меня. Проведи по мне пальцем!" Таким образом вы переходите к следующему разделу и по мере этого получаете удовольствие, вы даете пользователю возможность получать удовольствие от взаимодействия с большим объемом содержимого. И на маленьком экране, который внезапно разворачивается и дает вам это взаимодействие с эффектом присутствия, который вы выносите за пределы экрана. Я думаю, что это очень мощно".

Дальнейшие действия

"Язык проектирования Майкрософт, в этом случае, помог этому произойти. Поэтому мы в своих проектах стараемся подчеркнуть это. Мы обращаем очень много внимания на просмотр содержимого, на боковые стороны, на верхний и нижний край. И честно говоря, в будущем мне очень интересно будет поработать над более глубоким исследованием оси Z. И—прямо сейчас—, чтобы вы это сделали, вы действительно должны погрузится—как дизайнер—во что-то подобное программе After Effects, чтобы изучить перемещение. И поэтому я очень надеюсь, я действительно подталкиваю себя и свою маленькую команду к тому, чтобы в этому году еще глубже изучить перемещение."

Артуро Толедо

Главный архитектор, Toledo Design