Контекст
Групповой учебный проект Школы 21 по направлению UX/UI дизайна.
"Школа 21" - школа цифровых технологий от Сбера. В школе применяется методика обучения Пир-Ту-Пир(равный равному) Пиры - студенты Школы.
Для входа в кампус используется QR.
В старом кампусе Школы 3 этажа.
Скоро открывается новый кампус на 7 этажей.
Роли
Кирилл — концепция и исследование: придумал идею проекта, провёл живой опрос 110 пиров и мониторинг чатов сообществ, чтобы найти реальные проблемы. На основе этого построил информационную архитектуру, вайрфреймы и первую версию экранов и компонентов.
Влад — исследование и UI-система: разработал анкету и провёл исследование в виде онлайн-опроса, которое подтвердило гипотезы, в последствии приняли в работу. Участвовал в решениях по отдельным экранам. Взял черновые макеты и довёл их до продакшн-готовой UI-системы — прописал состояния и пропертис компонентам, что делает интерфейс масштабируемым и готовым к передаче в разработку без потери консистентности.
Проблемы
• Хранение QR
• Ориентирование внутри кампуса
• Отслеживание мероприятий
• Получение информации от АДМ о происходящем
• Получение СРОЧНОЙ информации
Исследования
Что хотели выяснить:
• Как пиры хранят и используют QR
• Насколько хорошо пиры ориентируются в кампусе
• Насколько легко пиры ориентируются в потоке информации о событиях
Какие исследования проводились:
• Живой опрос 110 пиров об опыте использования QR
• Он-лайн опрос 18 пиров об опыте использования сервисов
• Наблюдения за вопросами пиров в чатах
Подробно с результатами исследования можно ознакомиться по ссылке.
Опрос показал нам варианты хранения QR пирами из 110 опрошенных:
• 21 открывают Аппликант
• 12 открывают Рокет
• 72 используют сохранённый скрин
• 1 хранит скрин и Телеге в избранном
• 1 ставит на заставку
• 1 добавляет вкладку браузера с Аппликантом на рабочий стол
• 2 распечатывают на Бумажке
Мониторинг РокетЧата и чатов сообществ:
Планомерный мониторинг показал, что пиры знают не все локации в кампусе, что мешает посещать интересующие мероприятия.
Из наблюдений: Пир не сильно интересуется мероприятиями, полностью сосредоточен на учёбе. Увидел новое интересное событие, подписался.
Когда настало время мероприятия, пошёл искать локацию, но не нашёл. Задал вопрос в чат клуба, но участники были заняты самим мероприятием и ответили только после окончания встречи.
Результаты онлайн опроса
Решение
Наша команда разработала приложение для взаимодействия с кампусом. Мультитул для кампуса.
На главном экране сразу отображается QR для входа/выхода.
В ходе юзабилити тестирования мы пришли к пониманию, что инструмент взаимодействия пользователя с внешним миром, в данном случае с турникетом, должен быть наиболее доступен при использовании, нежели вся внутренняя информационная архитектура приложения.
Поэтому приняли решение разместить QR именно на начальном экране.
Далее, кнопка Меню открывает доступ ко всем возможностям приложения:
• Канал АДМ
• Список локаций
• Список событий
• Клубы кампуса
• Чат P2P
• Библиотека
• Кафе
Процесс
Результат
Результатом стал готовый интерфейс приложения с быстрым доступом ко всей необходимой информации. При оформлении использовали знакомый пользователям стиль Платформы Школы 21.При создании мы заложили возможность гибкого масштабирования для дополнения или изменения ряда функций в зависимости от роли и уровня допуска пользователя.
Мокапы
