Сопроводить учётные действия понятными состояниями без обещания финансового успеха.
Дата выпуска кейса
РольДизайнер персонажа и системы интерфейсных состояний
ПроектКонцепция
О проекте
Задача
Рост графика рядом с персонажем мог восприниматься как рост дохода, хотя речь о сверке документов.
Решение
Связала шесть поз совы с операциями ввода и проверки. В заполненном примере сумма строки 1200 рублей отличается от документа на 200 рублей; герой предлагает сверить источник.
Результат
Готова система реакций и экран расхождения с вычисленной разницей 200 ₽. Галочка применяется только после согласования значений.
Что передано заказчику
- Спецификация проекта
- Таблица исходных условий
- Шесть самостоятельных состояний · 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
Как открыть и проверить рабочий разбор.
Загружаем комментарии…