Как создавался интерфейс One UI 4

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

— Юджин Хонг, руководитель группы UX Samsung Electronics Mobile eXperience Business.

Фирменный стиль One UI 4, разработанный Samsung, призван внести гармонию и единообразие в каждый пользовательский сценарий, доступный на устройствах серии Galaxy. Гибко настраиваемые элементы интерфейса позволяют выразить свою индивидуальность и сделать повседневную жизнь более удобной и безопасной.

Мы поговорили с командой UX-дизайнеров Samsung о том, как создавался новый интерфейс One UI 4.

Простота и изящество

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

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

Вопрос: Почему вы решили поменять цветовую систему, и чему уделили больше всего внимания?

Ключевой задачей реорганизации цветовой системы была лаконичность: мы выделили цветом главную информацию, сделав менее важные детали более «монотонными».

Вопрос: Вы также унифицировали функциональные цвета, особенно красный и зеленый.

Красный цвет обычно ассоциируется с такими действиями, как «остановить», «удалить», «отклонить» или «уменьшить». До выхода One UI 4 расцветки элементов с одинаковым действием немного отличались. Мы унифицировали интерфейс, используя только один оттенок красного, чтобы пользователи четко понимали назначение каждой детали. А также немного увеличили яркость и насыщенность, чтобы облегчить считывание информации с экрана.

Вопрос: Еще вы привели в порядок шрифты за счет межбуквенного интервала и полужирного начертания. Как это было реализовано?

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

Вопрос: Мы заметили, что приложение «Погода» получило аккуратный и стильный внешний вид, а также новую иконку.

Каждый пользователь считает важной разную информацию. Например, для одних интересна текущая погода, а для других — ее изменение в течение дня. Раньше эти данные демонстрировались вместе в верхней части экрана, при этом в One UI 4 текущая погода будет отображаться отдельно от прогноза на день. Обновился внешний вид основных показателей, температуры, значков местоположения и погодных явлений, добавились стильные визуальные эффекты, которые размещены вверху экрана для лучшей читабельности.

Вопрос: Как вы поменяли приложение «Календарь», чтобы сделать отображение дат и событий нагляднее?

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

Вопрос: Как вы добились легкого восприятия данных в приложении Samsung Health?

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

Безопасное и комфортное использование

Учитывая, как много времени мы проводим за гаджетами, важно помнить о безопасности и здоровье. Создатели One UI 4 уделили особое внимание тому, чтобы пользователи чувствовали себя комфортно и безопасно, используя мобильные устройства. Оболочка One UI 4 использует множество решений для защиты конфиденциальных данных.

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

Вопрос: В One UI 4 пользователи видят особый значок, когда камера или микрофон включены. Почему вы решили это добавить?

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

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

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

Вопрос: Как создавался дизайн режима затемнения

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

Вопрос: Как вы обеспечиваете удобное совместное использование нескольких устройств Samsung?

One UI 4 использует единый визуальный язык на всех гаджетах Galaxy, включая смартфоны, планшеты, носимые устройства и ПК. Благодаря унифицированным элементам интерфейса, таким как значки, закругленные углы, стили меню и расположение элементов, все гаджеты приятно и легко использовать совместно.

Самовыражение для каждого

Сегодня гаджеты стали способом выразить свои эмоции и индивидуальность. Расширенные функции One UI 4 позволяют интерфейсу соответствовать предпочтениям каждого пользователя. Создать свой стиль можно с помощью обоев или функции для настройки визуальной темы «Палитра».

С One UI 4 персонализация гаджетов Galaxy, от смартфонов до носимых устройств, стала простой как никогда. Пользователи могут объединять два эмодзи в один и использовать AR-эмодзи, чтобы проявить свое виртуальное «я». Для носимых устройств доступны уникальные циферблаты, соответствующие любому стилю, и множество обновленных виджетов.

Вопрос: Как возникла концепция обоев «Частица» (Particle)?

Мы изучили различные элементы дизайна, которые можно использовать в оформлении экранов устройств. Концепция «Частица» показалась нам решением с наибольшим потенциалом.

Например, при создании линейки смартфонов со складными экранами мы вдохновлялись оригами: это искусство хорошо отражает складную структуру Galaxy Z Fold. Это также относится и к Galaxy Z Flip, но мы решили разграничить эти два устройства, подчеркнув модный и уникальный дизайн последнего.

Вопрос: «Палитра» выбирает пять цветов из обоев и использует их в визуальной теме устройства. Как это было реализовано?

«Палитра» — функция, которая интегрирует в One UI алгоритм динамичных цветов Android 12 Material You. Он использует пять цветов из обоев для оформления приложений.

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

Вопрос: Почему новый One UI получил более мягкие оттенки по сравнению с первоначальной версией интерфейса?

Мы пересмотрели дизайн, чтобы он соответствовал обоям и помогал пользователям сосредоточиться на самом главном. Финальный вариант получил менее насыщенный фон и кнопки, которые четко видны, но не утомляют глаза.

Вопрос: «Пары эмодзи», два эмодзи в различных анимациях — это любопытная новая концепция.

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

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

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

Вопрос: «Анимодзи» отличаются сложными движениями и забавными жестами. Как создаются эти анимации?

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

Вопрос: Как различаются популярные «Анимодзи» в зависимости от страны или возраста пользователя?

«Анимодзи» были созданы на основе результатов голосования в Южной Корее, Бразилии, США и Великобритании. Существенной разницы в предпочтениях между странами не было, но мы заметили определенные различия среди возрастных групп. Двадцатилетние предпочитали более «карикатурные» стикеры, чем те, кому тридцать. При этом большинство пользователей хотели использовать «анимодзи» в шутку, а не всерьез. Например, чтобы «преувеличить свое веселье и не быть слишком серьезным, когда грустно».

Вопрос: На чем вы сосредоточились при работе над циферблатами в One UI 4?

Когда вышла модель Galaxy Watch 4, мы сконцентрировались на расширении числа доступных циферблатов. Мы также добавили дополнительные функции: например, на устройстве появились персонажи, которые помогают пользователю отслеживать его прогресс, правильно питаться и вести здоровый образ жизни.

Вопрос: На какие стандарты или системы вы опирались при разработке дизайна циферблатов?

Наша система дизайна основана на элементах настоящих аналоговых часов. Ее роль — обеспечивать единообразие разных циферблатов. Основные цвета мы определяли, глядя на ремешки Galaxy Watch, чтобы устройства выглядели гармонично, а остальные оттенки были выбраны на основе международной цветовой системы.

Вопрос: Виджеты One UI 4 в целом производят приятное впечатление.

После многих консультаций и коллективной работы стало понятно, что есть возможность изменить форму виджета в Android. Мы использовали визуальный язык One UI, чтобы сделать его эстетичнее. Обычно виджет занимает мало места на экране, а объем информации, которую необходимо разместить внутри него, довольно велик. Мы стремились добиться визуального контраста, чтобы данные считывалась с первого взгляда. Изменив цвет фона на чисто-белый, мы сделали дизайн минималистичнее и позволили пользователю сосредоточиться на содержимом.

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