Кейс · FIRST 30
Проектируя первые тридцать дней.
Исследование → инсайт → продукт. Как FIRST 30 превратил тяжёлый месяц в спокойный экран на каждый день.
- Роль
- Продукт, UX-исследование, проектирование взаимодействия и визуальный дизайн
- Охват
- Милан, Италия
01 — Введение
FIRST 30
Цифровая система адаптации для иностранных студентов. Спроектирована для тех, кто приезжает в Милан.
02 — Контекст
Переезд в другую страну — это здорово. Первый месяц — нет.
Приезд — это длинный список разных задач: жильё, регистрация, банк, страховка, транспорт и учёба, всё сразу и на языке, который ты ещё учишь.
03 — Проблема
Информация есть. Просто она везде.
Страницы вузов, госпорталы, форумы, чаты и советы друзей — у каждого свой кусочек. Никто не говорит, что делать первым.
04 — Исследование
Что делает первый месяц трудным?
Исследование Aviora среди более чем 150 студентов и интервью о первых неделях после приезда. Ответы сгруппированы в affinity map.
- — Что ты сделал первым делом после приезда?
- — Какую информацию было трудно найти?
- — Что ты спрашивал у других студентов?
- — Что заняло больше времени, чем ожидалось?
- — Что бы ты хотел, чтобы тебе сказали заранее?
Information
- Слишком много источников
- Устаревшие ветки форумов
Administration
- В какой офис сначала?
- Формы только на итальянском
Money
- Пока нельзя открыть счёт
- Неожиданный депозит
Navigation
- Какой билет покупать
- Где на самом деле офис
Social
- Спрашиваю у студентов
- Групповые чаты как инструкция
Emotional
- Ощущение, что отстаёшь
- Страх пропустить дедлайн
05 — Инсайты
Четыре вывода
Каждый вывод стал ограничением для продукта.
Вывод 1
Студентам не хватает не информации, а приоритетов.
Вывод 2
Официальная информация вузов полезна, но разрознена.
Вывод 3
О том, как всё работает на деле, студенты узнают в основном друг от друга.
Вывод 4
В первой неделе много задач со скрытыми зависимостями.
06 — Возможность
Как помочь студентам понять, что делать дальше, а не просто дать им больше информации?
Продукт — не справочник. Это последовательность.
07 — Идеи
От множества идей к одному экрану на день
Мы перебрали чек-листы, чат-ботов, городские вики, бадди-системы и календари. Сильнейшей оказалась самая простая идея: короткий список на сегодня, который завтра меняется.
08 — Информационная архитектура
Пять разделов, по одному вопросу в каждом
Сегодня: что сейчас? Таймлайн: что дальше? Задача: как именно? Карта: где? Бюджет: сколько?
Сегодня
Что сейчас?
Месяц
Что дальше?
Задача
Как именно?
Карта
Где?
Бюджет
Сколько?
09 — Пользовательский путь
Приезд → онбординг → дашборд → задача → готово
Три вопроса при первом визите. Каждый следующий визит открывается на плане на сегодня.
- Приезд
- Онбординг
- Дашборд
- Задача
- Готово
10 — Вайрфреймы
Сначала серые прямоугольники
Ранние версии показывали все задачи сразу, по категориям. Выглядело полно, а ощущалось подавляюще.
11 — Визуальный дизайн
Спокойствие — намеренно
Олива, лён и хлопок из палитры Aviora. Редакционный serif для настроения, ясный sans для действий. Цвет используется только для приоритета.
Cotton
#F2F3ED
Egg Shell
#EDE7DB
Linen
#DDCCB7
Olive
#9B9879
Forest
#4C513A
Cedar
#292728
12 — Прототип
Рабочий продукт, а не макет
Прототип — этот сайт. Попробуй: укажи дату приезда, и он соберёт твой месяц.
День 07/30
Теперь ты официально здесь.
Твои приоритеты
Вид на жительство
60 мин · Важно
Сначала это
Студенческий билет
20 мин · Университет
Дальше
Найди супермаркет
10 мин · Рядом
Когда будет время
Может понадобиться
- Оформи проездной ATM
- Разберись с медициной
- Открой банковский счёт
От студентов
“Не пытайся сделать всё в первый же день.”
13 — Юзабилити-тестирование
«Ты только что прилетел в Милан. Выясни, что нужно сделать сегодня.»
Пять студентов, одна задача, без подсказок. Цель — увидеть, где они сомневаются, а не закончат ли.
14 — Итерация
Было: 9 разных действий. Стало: 3 приоритета.
Всё остальное ушло на уровень ниже: доступно, но больше не спорит за внимание.
Было · 9
- Получить codice fiscale
- Набор для permesso
- SIM-карта
- Банковский счёт
- Медстраховка
- Студенческий
- Проездной
- Документы на жильё
- Студенческое сообщество
Стало · 3
- Вид на жительство
- Студенческий билет
- Найти супермаркет
15 — Итоговый продукт
Знай, что делать дальше.
Сначала Милан. Задачи живут в данных, поэтому новый город — это новый файл, а не новый интерфейс.
Концепцию можно масштабировать на Рим, Болонью и другие студенческие города.
16 — Рефлексия
Чему я научилась, проектируя для неопределённости
Людям в стрессе не нужно больше вариантов. Им нужно разрешение сегодня не думать о большинстве из них.