При разработке архитектуры интерфейса UX-дизайнер должен учитывать различные требования к удобству использования умных часов. Уменьшение площади экрана сделало размер «цели касания» очень важным соображением. Точно так же роль умных часов как «вспомогательного устройства» является важным фактором при разработке интерфейса. Учет всех этих факторов при разработке пользовательского опыта приложения имеет решающее значение для разработки успешного UX смарт-часов.
Размер имеет значение
Рассматривая часы как интерфейс для взаимодействия с пользователем, размер имеет значение. Пользователю сложнее выполнить жесты, так как интерактивная область существенно меньше, чем на привычном экране смартфона. В качестве компенсации для управления умными часами предлагаются физическая кнопка и колесо Digital Crown.
Разрабатывая архитектуру визуальной коммуникации для умных часов, мы начинаем с размеров объекта, которыми будет апеллировать пользователь в своей взаимодействии с объектом.
Контент должен быть идентичен для экранов разного размера. При размещении элементов пользуйтесь относительными габаритами и отступами. Это позволит интерфейсу меняться в зависимости от доступного экранного пространства.
Для такого размера экрана в верстке используйте линии такой толщины, которая хорошо сочетается с устройством и сложностью глифа. Не пользуйтесь линиями тоньше четырех пикселей, иначе глифы могут стать неразборчивыми.
Из прошлых лекций мы знаем, что по возможности следует прибегать к единому размеру изображений для обоих дисплеев. Иначе может потребоваться отдельный набор изображений для каждого дисплея. Мы останавливаемся на размере дисплея 396 х 484 px.
Задание: Вычислите размер интерфейса в пикселях, исходя из размеров экрана определите оптимальную толщину линий для объектов.
Результат: Макет с релевантными размерами интерфейса экрана с соответствующей толщиной линий.
Цвет
Бесспорно, одним из камней преткновения для носимой электроники остается энергосбережение. Например, использование черного фона на экранах часов Apple Watch для экономии заряда батареи также является своего рода ограничением при разработке интферфейса. При большом желании можно приложить усилия, чтобы изменить фон в приложении. Но это приведет в результате к дополнительным затратам энергии.
Удобочитаемость — руководящий принцип использования цвета и типографики в интерфейсе.
Макет приложения «Камера»
Для текста пользуйтесь контрастными цветами. С контрастными цветами текст легче читается.
Макет приложения «Сообщения»
Помните о разном цветовосприятии. Большинство людей с ограниченным цветовосприятием с трудом отличают красный от зеленого. Использования монохромных решений нивелирует эту ошибку.
Изучайте восприятие цвета пользователями разных стран и культур. Каждый видит цвета по-своему, и многие культуры отличаются во взглядах на тот или иной цвет.
Выбирайте стандартную цветовую глубину для изображений и пиктограмм. Стандартная глубина — 24 бит (по 8 бит для красного, зеленого и синего). Иконки должны быть без альфа-канала.
Задание: Выявите палитру цветов, подходящую для интерфейса, исходя из смыслов и логики вашего объекта.
Результат: Макет с цветовой гаммой для интерфейса экрана.
Типографика
Прежде всего, текст должен быть читабелен. Если пользователь не может прочесть написанное, то красота начертаний становится бессмысленной.
Существующий макет приложения «Сообщения»
