Material Design на русском. Часть 39 — Коммуникация: Формат данных

Привет. Меня зовут Руслан. Я UX/UI дизайнер в Siemens. У меня есть ютуб-канал, на котором записано несколько плейлистов по основам UX/UI дизайна. В этой серии постов однако я просто делюсь вольным переводом Material Design на русский язык. Оригинальный источник: здесь.

Эта статья про различные типы данных: числовые и лингвистические данные.

Дата и время

Форматы времени и даты

Дата и время могут быть отображены следующим образом:

Диапазоны времени и дат

Чтобы отобразить диапазон дат или времени, используй тире без пробелов между датами или временем.

Например:

• 08:00 AM–12:30 PM
• 6 января – 2 февраля

Добавляй пробелы только при написании месяцев или чтобы убрать двусмысленность.

Временные зоны

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

Когда показывать дату и время

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

Сокращения

Когда на экране мало места, тогда надо использовать доступные сокращения для даты и времени.

Как внедрить дату и время в тексты приложения

По возможности старайся отображать информацию о дате и времени так, как люди обычно говорят друг с другом. Это помогает пользователям понять то, для чего предназначена дата или время, например: «Магазин открыт с 9:00 утра до полуночи» или «Напоминание на завтрашний день».

• Оперируй терминами «вчера» или «завтра»
• Если день приходится на следующую неделю, то напиши день недели (например, в следующий вторник)

Сокращение данных

Сокращение данных нужно, чтобы замаскировать конфиденциальные данные или сократить длинные формулировки.

Сокращение чисел

Уже всем знакомые эллипсы [• • •] — это символы, которые частично скрывают конфиденциальные данные. Используются когда номер, например кредитной карты или номер соц. страхования, не полностью должен быть виден.

Когда использовать троеточие [• • •]

Для большинства номеров, которые относятся к конфиденциальным данным.

Правильно

Когда использовать 4 эллипса [• • • •]

Для скрытия данных о кредитной карте используй 4 эллипса.

Правильно: для сокращения данных кредитной карты

Сокращение букв […]

Стандартное троеточие […] обозначает то, что сокращены буквы, слова, целые фразы, которые не отображаются потому, что не поместились. Например, адрес электронной почты.

Правильно: сокращенный email адрес.

Как следить за обновлениями гайдлайна и переводом?

• Структуированный документ в Notion
• Официальные обновления Google на странице what’s new