Прошлое все еще присутствует — обзор вневременного дизайна

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

Промышленный дизайн — это образец долголетия. Вечный шарм скутера Vespa. Знаковые контуры бутылки Coca-Cola. Элегантные углы шезлонга Eames. Будет ли когда-нибудь цифровой дизайн, эквивалентный нестареющим чудесам мира промышленного дизайна? Может ли пользовательский интерфейс выдержать десятилетия, как камера Leica?

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

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

Стремитесь к вневременному дизайну

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

Кандидаты в Зал славы цифрового дизайна

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

Материальный дизайн Google (2014 г.)

Появление Material Design стало поворотным моментом в цифровом дизайне. Впервые такой крупный игрок, как Google, создал язык дизайна с нуля. Мало того, он расширил возможности дизайнеров, предоставив рекомендации и инструменты для реализации языка в своей работе.

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

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

GOV.UK (2013)

Обладая собственной всеобъемлющей системой дизайна, GOV.UK был одним из первых правительственных веб-сайтов, ориентированных на пользователя, и поставил на карту доступность и информационный дизайн.

Некоторые могут сказать, что это безвкусно, но команда дизайнеров никогда не стремилась к эстетике. Вместо этого в центре внимания был информационный дизайн: дайте пользователям информацию, необходимую им для выполнения задач за минимальное время. Без излишеств, без суеты. Такая радикальная простота мгновенно сделала GOV.UK классикой.

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

iOS 7 (2013 г.)

Оригинальная iOS 2007 года заслуживает отдельной статьи, но только в iOS 7 Apple попрощалась со скевоморфизмом и приняла плоский дизайн. Прощай, древесные зерна. Здравствуй, потрясающая простота. iOS выросла.

Справедливости ради следует отметить, что Android лидировал в реализации плоского дизайна и, возможно, с лучшей анимацией. Однако Apple догнала и создала эстетику цифрового дизайна, которая позже была распространена на операционные системы Mac и iPad.

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

Вывод: Плоский дизайн является королем для 2D пользовательских интерфейсов.

Трелло (2011)

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

Вместо перегрузки функциями Trello предложил экосистему плагинов, которая могла бы удовлетворить нишевые потребности некоторых пользователей, не перегружая пользовательский интерфейс для большинства. Trello — пример правила дизайна 80/20 (он же «принцип Парето»).

Вывод: тщательно итерируйте и применяйте правило 80/20.

Гугл Хром (2008 г.)

Если слоган Volkswagen — «Das Auto», то у Chrome должен быть «Веб-браузер». Google взял обычный веб-браузер, удалил все ненужное, сделал его невероятно производительным и обогнал рынок.

Основной вклад Google здесь заключался в том, чтобы сделать производительность обязательной для всех будущих цифровых продуктов. Понимание ограничений аппаратного обеспечения и браузера, а также стремление к плавным 60 кадрам в секунду — вот что отличает цифровой дизайн от печатного или промышленного дизайна. Успех Chrome является свидетельством важности производительности для удобного взаимодействия с пользователем.

Вывод: Простота и производительность сами по себе могут выиграть в долгосрочной перспективе.

Базовый лагерь (2003)

Basecamp сделала себе имя, выступив против догмы Силиконовой долины о венчурном финансировании, экспоненциальном росте и раннем выходе. Их приверженность устойчивым, долгосрочным продуктам отражена в дизайне Basecamp 3.

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

Вывод: устойчивые предприятия производят устойчивые продукты.

Гугл (1998)

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

Домашняя страница Google — это редкий цифровой продукт, в котором кто-то из конца 20-го века может телепортироваться в наши дни, взаимодействовать с пользовательским интерфейсом и даже не заметить, что изменилось.

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

2001: Космическая одиссея (1968)

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

Удивительно, но дизайн пользовательского интерфейса все еще выглядит актуальным, хотя прошло еще пять лет, прежде чем Xerox PARC начал экспериментировать с первыми версиями графического пользовательского интерфейса, тестами, которые позже легли в основу операционных систем Microsoft и Apple.

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

Вывод: Стэнли Кубрик — гений.

Принципы долговечного цифрового дизайна

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

Универсальность

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

Техно-адаптивный

Вместо того, чтобы навязывать творческое видение базовой технологии, технологически адаптивный дизайн работает в сотрудничестве с базовой технологией. В веб-дизайне это означает отказ от анимации, снижающей частоту кадров до 10 кадров в секунду, или отказ от воссоздания физических поверхностей в HTML, CSS и JS.

Простой

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

прагматичный

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

Кроме того, многие стартапы находятся в режиме выживания. У них нет ресурсов, чтобы исследовать, как добавить дополнительные годы жизни своим интерфейсам. Чаще всего цифровые дизайнеры видят, как их работа гибнет до того, как они устареют.

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

Но небольшие решения могут направить продукты на правильный путь. Когда есть достаточно времени, создайте согласованную систему дизайна. Когда времени мало, расширьте или настройте существующие системы. Следуйте рекомендациям. Применяйте принцип 80/20. Это небольшие способы, с помощью которых цифровой дизайн можно подтолкнуть к долговечности даже в быстро меняющихся средах с высоким давлением.

Дизайн для долголетия

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

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

Поделитесь с нами вашими мыслями! Пожалуйста, оставьте свои мысли, комментарии и отзывы ниже.

• • •

Дальнейшее чтение в блоге Toptal Design:

• Изучение гештальт-принципов дизайна
• Принципы дизайна и их важность
• Проверенные и верные законы UX (с инфографикой)
• Искусство против дизайна – вечная дискуссия
• Хватит делать мусор: руководство по разработке долговечных интерфейсов