Material Design на русском. Часть 44 — Коммуникация: Стартовый экран

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

Использование

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

Стартовые экраны не должны отображаться, если приложение уже запущено.

Типы экранов запуска

Существует два типа экранов:

• UI заглушка (Placeholder UI), на котором отображается заглушка интерфейса приложения. Такой подход позволяет более плавно переходить от момента запуска приложения к работе с ним.
• Брендированый стартовый экран обеспечивает мгновенную ассоциацию с брендом. Обычно показывается логотип, изображение, реже анимация, которые пользователь увидит во время старта приложения.

Брендированый стартовый экран

UI заглушка

UI заглушка

Использование

Для приложений, которые загружаются быстро или им не обязательно показывать бренд, UI заглушка лучший выбор, поскольку пользователь сразу увидет некоторые части UI пока юзер ожидает загрузку контента. Кроме того, UI заглушки ощущаются, субъективно, как что-то, что имеет наименьшее время загрузки.

UI заглушка

Поведение

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

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

Правильно: Логотип отображается до тех пор, пока не загрузится UI заглушка. Контент загружается с помощью затухающей анимации.

Неправильно: Не размещай много индикаторов загрузки в интерфейсе, которые могут запутать пользователя.

Неправильно: Не прогружай контент, который может загрузиться в случайных местах по мере загрузки, так как это может раздражать.

Брендированный экран запуска

Использование

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

Примеры

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

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