Победители премии Material Design Award 2021

Узнайте от трех команд разработчиков продуктов о том, как с помощью Material создать превосходный опыт.

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

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

У победителей 2021 года есть нечто общее: все три выбранные работы касаются аспектов сотрудничества и продуктивности, которые отражают - и пересекаются - с физической реальностью; осязаемые задачи, которые призваны адаптироваться к удаленному взаимодействию.

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

Победитель в категории Анимаций: Post-it

"Мы всегда чувствовали связь между Post-it и Material Design, потому что Post-it - это физический material".

Хизер Грин, вице-президент Post-it Brand, видит связь между принципами Material и физической реальностью Post-it как нечто очевидное и неотъемлемое для продукта.

Используя Material Design в качестве основы для дизайна и реализации, команда, создавшая приложение Post-it, осталась верна как физическому, так и цифровому, расширив принципы Material для создания осмысленных взаимодействий в приложении с помощью эффективного motion-дизайна, например, воспроизведения ощущения сминания записки Post-it в реальном мире - взаимодействия, которое, как известно бренду, приносит глубокое удовлетворение.

Понтус Аксельссон, основатель и президент компании Bontouch, цифрового партнера Post-it Brand, отмечает, что когда дело доходит до дизайна анимаций, сдержанность очень важна. При проектировании взаимодействия, подобного тому, которое связывает приложение Post-it с реальными аналогами, Bontouch рассматривает motion как одну из модальностей, которую можно комбинировать с другими. Звук и тактильная обратная связь используются для дополнения опыта, добавляя осязаемое качество к цифровому опыту.

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

Ключевым моментом в подходе команды к приложению Post-it является признание - особенно в условиях пандемии - того факта, что люди не хотят полностью заменять реальные заметки и взаимодействие в реальном мире приложением. Команда тщательно продумала, что и как можно эффективно перенести в приложение. Эта продуманность, которая позиционирует анимации как неотъемлемую часть восприятия приложения, выделяет Post-it как одного из наших победителей Material Design Award за 2021 год.

Победитель в категории "Большой экран": Todoist

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

Адаптивный дизайн Todoist начинается с основ: базовых аспектов верстки, таких как поля и области контента. При рассмотрении уникальных функций и возможностей приложения "на несколько уровней глубже" появляется больше нюансов. Старший дизайнер продуктов Луис Абреу говорит, что при разработке поиска для больших экранов компания Doist протестировала несколько макетов, адаптированных для маленьких экранов. Тестирование в реальных условиях показало, что использование большего пространства для предварительного просмотра на планшетах позволяет создать более информационно насыщенный макет, способствующий взаимодействию при поиске.

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

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

Победитель в категории "Темная тема": Meetly

Для Meetly темная тема - это отправная точка, а не дополнение; Android-инженер Мехул Канзария и директор Идрис Бхавнагарвала оба предпочитают использовать темные темы.

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

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

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