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