Сделать героя, который помогает различать состояния доставки, включая задержку.
Дата выпуска кейса
РольДизайнер персонажа и системы интерфейсных состояний
ПроектКонцепция
О проекте
Задача
Одного симпатичного изображения недостаточно для интерфейса: задержка не должна выглядеть как праздник.
Решение
Нарисовала шесть отдельных состояний одной птицы. Контур головы, клюв и пропорции корпуса постоянны; меняются жест и служебный знак. Часы означают ожидание, галочка — подтверждённое завершение.
Результат
Три заполненных сообщения показывают, когда применяется состояние. Доставка не объявляется завершённой только потому, что герой улыбается.
Что передано заказчику
- Спецификация проекта
- Таблица исходных условий
- Шесть самостоятельных состояний · SVG
- Шесть самостоятельных состояний · PNG
- Применение в сообщениях · SVG
- Применение в сообщениях · PNG
- Одноцветная проверка силуэта · SVG
- Одноцветная проверка силуэта · PNG
- Персонаж · SVG
- Персонаж · 32 px
- Персонаж · 64 px
- Персонаж · 256 px
Инструменты и подход
Навыки
Дизайн персонажаСистема состоянийИллюстрацияВизуальные правила
Содержание 3
Готовая работа
Что можно проверить
| Состояние | Назначение |
|---|---|
| Привет | Первое знакомство |
| Подсказка | Помощь с действием |
| Ожидание | Процесс ещё не завершён |
| Проверка адреса | Сопоставление данных |
| Доставлено | Подтверждённый итог |
| Нужна помощь | Требуется исправление |
Разбор и материалы
Вклад и команда
Шесть векторных состояний, экран применения, одноцветный лист и экспорты иконки 32/64/256 px.
Ссылки и материалы
- Спецификация проекта
- Таблица исходных условий
- Шесть самостоятельных состояний · SVG
- Применение в сообщениях · SVG
- Одноцветная проверка силуэта · SVG
- Персонаж · SVG
- Птица доставки: шесть состояний без ложной радости — исходная таблица.csv
6 ситуаций для сравнения.
- Птица доставки: шесть состояний без ложной радости — проверка.txt
Критерии проверки этого решения.
- Птица доставки: шесть состояний без ложной радости — паспорт.json
Контекст, ограничения, решение и данные.
- Птица доставки: шесть состояний без ложной радости — инструкция.html
Как открыть и проверить рабочий разбор.
Загружаем комментарии…