«Я просто хотел найти общежитие, оформить визу и понять, куда идти на занятия. Но вместо этого провёл неделю в Google Translate и телеграм-чатах, где никто ничего не знал»
— из интервью с иностранным студентом НИУ ВШЭ
По данным нашего исследования, 63% иностранных студентов испытывают стресс при переезде в Россию. Информации много, но она разрознена и не адаптирована под нужды и эмоциональное состояние студентов. Мы решили это изменить — и сделали Easy, buddy:), цифрового помощника, который говорит: «Спокойно. Ты не один». В Easy, buddy:) всё — от визуального языка до интерфейса — создано с акцентом на эмпатию, инклюзивность и простоту взаимодействия.
Цель: инклюзивный интерфейс с дружелюбным визуальным языком и системной навигацией
Проект был учебным, но проблема — настоящая. Перед тем, как приступать к проектированию, мы поставили перед собой три чёткие цели:
- Спроектировать веб-платформу, где иностранные студенты смогут найти всю нужную информацию
- Создать удобную систему анкет для поиска и подбора бадди —наставников из числа студентов НИУ ВШЭ
- Разработать эмоциональный и визуально дружелюбный интерфейс, в котором будет легко разобраться даже без знания русского языка
Проектирование сервиса: от UX-исследования к дизайну интерфейса
Исследование и UX-аналитика: что нам рассказали студенты
Перед стартом дизайна мы провели качественное исследование: провели интервью с бадди и иностранными студентами ВШЭ и составили карту тревог студентов на этапе адаптации. Кроме того, мы выявили недостатки текущей системы бадди: ручная координация, отсутствие масштабируемости.
Основные инсайты:
- «Информация раскидана по разным сайтам, сложно сразу найти нужное»
- «Не знаю, с чего начать»
- «Мне страшно, что я останусь один»
Структура сервиса: три интерфейса, одна цель — забота и адаптация
Easy, buddy:) — это цифровой сервис, который учитывает потребности иностранных студентов, бадди и администраторов, модерирующих контент.
- Иностранные студенты могут заполнить анкету для подбора бадди. Анкета включает язык, страну, дату прилёта, интересы и ожидания. Всё это — чтобы создать мэтч между бадди и студентом.
- Бадди могут просматривать все поступающие анкеты и выбирать студентов, которым они хотели бы помогать
- Всем пользователям доступны статьи с информацией, разбитой по тэгам (документы, учёба, культура, повседневная жизнь)
- Кроме того, каждый может задать интересующий его вопрос в разделе с обсуждениями и получить на него ответ от других пользователей
Визуальный стиль: эмоциональная айдентика на базе генеративных иллюстраций
Нам было важно, чтобы визуальный стиль работал как дружеское письмо, а не как госуслуги.
Что мы сделали:
- В коммуникации использовали шутливые выражения (обязательно не обидные и не двусмысленные, мы не хотим никого оскорбить), в том числе на английском языке
- Добавили в интерфейс и носители акцидентные подписи, выполненные в рукописном шрифте. Благодаря этому важная информация воспринимается как заметка, написанная другом специально для пользователя
- В интерфейсе постарались сделать акцент на контенте: использовали чёрно-белую цветовую гамму с акцентами в фирменных цветах: голубом, розовом, зелёном, красном
- При этом в айдентике, наоборот, использовали больше ярких цветов, чтобы подчеркнуть эмоциональность, эмпатию и инклюзивность
Важной частью визуального языка стали иллюстрации: это не просто оформление, а способ установить доверие. С помощью Recraft мы сгенерировали иллюстрации студентов и бадди на основе собственных скетчей и референсов. Мы активно используем получившиеся иллюстрации как на сайте, так и в соцсетях.
Результат и планы: готовность к масштабированию и вовлечение волонтёров
- 💬 Мы протестировали прототип интерфейса на пользователях, и 100% респондентов отметили повышение удобства сервиса
- 🔁 Мэтчинг с бадди теперь происходит намного быстрее и удобнее
- 🚀 Мы подготовили дизайн-систему и стайлгайд и планируем передать проект в разработку волонтёрским организациям ВШЭ