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