Google випадково злила оновлення дизайну Material 3 Expressive: новий стиль, що кидає виклик нудним інтерфейсам
Перед офіційним анонсом Google ненароком опублікувала блог, у якому детально описано нову філософію дизайну — Material 3 Expressive. Його вже називають найамбітнішим і найдослідженішим оновленням у системі Material Design. Компанія нарешті вирішила відійти від стерильних, “чистих” інтерфейсів і зробити акцент на емоційному зв’язку з користувачем.
Material 3 Expressive (або просто M3 Expressive) — це результат трирічного дослідження, що охопило 46 досліджень за участі понад 18 тисяч користувачів з усього світу. Команда дизайнерів і розробників намагалася відповісти на просте питання: чому сучасні додатки виглядають так однаково і нудно? І вирішила змінити це раз і назавжди.
На відміну від минулих підходів, де рішення ґрунтувалися на аналізі кольорів чи A/B тестах, цього разу дизайнери опиралися на глибинні дослідження: від трекінгу очей і фокус-груп до тестування зручності. Виявилося, що “емоційний” дизайн не просто виглядає цікавіше, а й реально покращує користування. Наприклад, учасники експериментів у 4 рази швидше знаходили основні дії на екрані — як-от кнопку “Надіслати” в оновленому інтерфейсі поштового застосунку.
Основу Material 3 Expressive становлять колір, форма, розмір, рух і зонування. В оновлених концептах — помітні кнопки, виразні кольорові акценти, нові інтерфейсні рішення на кшталт “плаваючої” панелі інструментів у вигляді таблетки, яка не займає всю ширину екрана. Такий підхід дозволяє чітко виділяти головне, а інтерфейси виглядають сучасно, навіть сміливо.
Google також зазначила, що впровадження цього дизайну підвищує “крутість” бренду: на 32% зростає відчуття залучення до субкультур, на 34% — сприйняття бренду як сучасного, і на 30% — асоціація з бунтарством та новаторством.
Ці ідеї поки що представлені лише як концепти, але нові елементи вже з’являються в тестових версіях додатків — як-от у Google Chat чи Google Clock. І схоже, що це лише початок великого редизайну всієї екосистеми Android.
