Material Design на русском. Часть 47 — Коммуникация: Текст
Привет. Меня зовут Руслан. Я UX/UI дизайнер в Siemens. У меня есть ютуб-канал, на котором записано несколько плейлистов по основам UX/UI дизайна. В этой серии постов однако я просто делюсь вольным переводом Material Design на русский язык. Оригинальный источник: здесь.
Текст в твоем приложении должен быть понятен любому человеку, независимо от культуры и языка. Тут гайдлайн дополнительно предлагает почитать эту статью.
Принципы
Текст в интерфейсе должен быть удобным, понятным и вызывать доверие. Текст также должен быть точным в формулировках и краток.
Будь лаконичен
Чтобы упростить навигацию и изучение приложения, пиши текст короткий, понятный и легко сканируемый.
Правильно: Отправляйте деньги любому жителю США, если у него есть электронная почта. Это быстро, легко и бесплатно.
Неправильно: Отправляйте (и получайте) деньги от друзей и семьи в США по электронной почте. Это двухэтапный процесс с небольшой задержкой, без дополнительных сборов от получателей перевода.
Правильно: Прочитай инструкцию, которая поставляется с телефоном.
Неправильно: Для получения дальнейших инструкций посмотрите в документацию, которая прилагается к вашему телефону.
Пиши коротко и просто
Используй простой и понятный язык, который упрощает контент для понимания.
Правильно: Сохранить изменения?
Неправильно: Вы хотите сохранить свои изменения?
Правильно: Зарегистрируйся, чтобы проголосовать
Неправильно: Вы должны быть зарегистрированы, прежде чем сможете проглосовать.
Четко обращайся к пользователям
Обращайся к пользователям либо во втором лице (Вы или Ваш), либо в первом лице (Я, Мне или Мой), в зависимости от того, что подходит и наиболее понятно для ситуации.
Каждая форма обращения рекомендуется для следующих контекстов:
- Второе лицо, «вы» или «ваш»: Этот разговорный стиль уместен в большинстве ситуаций; как будто пользовательский интерфейс говорит непосредственно с пользователем.
- Первое лицо, «Я» или «мой»: В некоторых случаях эта форма обращения подчеркивает принадлежность пользователя к контенту или действиям.
Правильно: Вы можете быстро открыть камеру без разблокировки экрана (прямой разговор с пользователем от второго лица)
Правильно: Я согласен следовать условиям предоставления услуг (акцент на персонализации действия от первого лица)
Правильно: Ваши места (прямой разговор с пользователем от второго лица)
Правильно: Мой аккаунт (акцентирование на владение контентом и т.д.)
Избегай сочетания первого и второго лица в тексте
Чтобы не сбить пользователя с толку, не используй слова «я» или «мой» и «вы» или «ваш» в одной и той же фразе.
Неправильно: Измените Ваши настройки в меню Мой аккаунт
Пиши только о важных деталях
Сообщай только важные детали, чтобы пользователи могли сосредоточиться на своих задачах. Иногда самый эффективный интерфейс вообще не содержит текста.
Правильно: Авторизация… Ваше устройство пытается связаться с нами. Это может занять до 5 минут. (пиши о том, что важно прямо сейчас в контексте)
Неправильно: Авторизация… Ваше устройство пытается подключиться к нашим серверам, чтобы авторизировать ваш аккаунт. Это может занять до 5 минут. (избегай лишней информации)
Пиши для всех
Используй простые слова, которые ясны и понятны на всех уровнях.
Правильно: Включи геолокацию
Неправильно: Разреши доступ к геолокации
Избегай сложных терминов
Избегай отраслевой терминологии или названий, которые специально придуманы для функций.
Правильно: Подготовка видео…
Неправильно: Буфферизация (не используй жаргон)
Правильно: Эта команда не поддерживается вашим устройством
Неправильно: Эта команда поддерживается только на двуядерных устройствах (не используй текста из технической документации)
Пиши в настоящем времени
Используй настоящее время для описания поведения продукта. Избегай использования будущего времени для описания того, как продукт действует в реальном времени (сейчас).
Когда тебе нужно написать текст в прошедшем или будущем временах, используй простые глагольные формы.
Правильно: Сообщение отправлено (используй настоящее время)
Неправильно: Сообщение было отправлено (не используй текст)
Используй цифры
Правильно: У вас 3 сообщения (используй цифры)
Неправильно: У вас три сообщения (не используй текст)
Пропускай ненужную пунктуацию
Чтобы помочь читателям сканировать текст с первого взгляда, избегай использования знаков препинания в тех местах, где это не обязательно.
Точки
Избегай использования точек в одиночных предложениях и в этих элементах интерфейса:
- Подписи
- При наведении
- Маркированные списки
- Наборный текст диалогового окна
Точки нужны:
- Несколько предложений друг за другом
- Любое предложение, за которым следует ссылка (сами ссылки не должны быть предложениями)
Точки в длинных предложениях
Длинные или сложные предложения могут использовать точки, если это соответствует контексту.
Правильно: Отменить массовое редактирование? Если вы отмените, то все изменения вернуться в исходное состояние (в коротких и простых предложениях точки можно пропустить)
Неправильно: Отменить массовое редактирование? Если вы отмените, то все изменения вернуться в исходное состояние. (в простом предлжении точки не обязательны)
Двоеточия
Не используй двоеточия к подписям
Правильно:Поделиться с
Неправильно:Поделиться с:
Структура контента
Начинай текст с цели
Правильно: Чтобы удалить фото из альбома, перенесите его в корзину
Неправильно: Перенеси фото в карзину, чтобы удалить его из альбома.
Показывай детальную информацию тогда, когда нужно
Показывай информацию постепенно и по мере необходимости.
При первом взаимодействии пользователя с приложением нет необходимости описывать каждую деталь. Поэтому показывай более подробную информацию о функциях по мере того, как пользователь исследует или нуждается в дополнительной информации.
Правильно: Удалить загруженную книгу?
Неправильно: Вы уверенны что хотите удалить загруженную книгу? Если вы это сделаете, то у вас больше не будет доступа к книге до тех пор, пока вы не выйдете в сеть Интернет.
Используй слова консистентно
Одни и те же действия должны быть описаны одними и теми же словами в интерфейсе.
Правильно: Удаление фото. Удалить фото со страницы? (используй слова консистентно)
Неправильно: Удалить фотографию. Убрать фотографию? (не описывай действия разными словами)
При ссылании на UI элементы используй текст из элементов
Надписи в комопнентах отсылаются к компонента, поэтому дополнительно писать что это кнопка или другой интерактивный элемент — не нужно.
Правильно: Кликни «Продолжить»
Неправильно: Кликни на кнопку «Продолжить»
Как следить за обновлениями гайдлайна и переводом?
- Структуированный документ в Notion
- Официальные обновления Google на странице what’s new