О ПРОЕКТЕ
Для взаимодействия с учениками, учителями и финансовым сектором школа работала на самописном софте, который был разработан без понимания всех бизнес процессов компании, впоследствии это привело к тому, что система имела не удобный интерфейс и устаревший дизайн. Новым администраторам приходилось тратить много времени на обучение системе, чтобы выполнить простые задачи, такие как запись ученика на занятие
ЗАДАЧА
- спроектировать новый и удобный интерфейс максимально близкий к реальной ежедневной работе админов
так и других пользователей системы
- запустить проект в кратчайшие сроки (примерно 9 месяцев)
- сделать дизайн отвечающий современным стандартам
- одна из ключевых целей системы - сделать интерфейс таким, чтобы он был «Интуитивно полностью понятен
и не нужны были инструкции, это идеально. Как в Яндекс.Такси, там нет инструкций»
РЕШЕНИЕ
Мы приняли решение использовать процессный подход.
Для того, чтобы рассмотреть реальные процессы максимально детально мы оттолкнулись от бизнес-событий,
которые происходят каждый день в работе админа и других ролей проведя очное мероприятие с админами
Новосибирской школы.
Все события выписали на доску со стикерами используя методологию Data Driven Design
ТАК ВЫГЛЯДЕЛ СТАРЫЙ ИНТЕРФЕЙС
Ребята из школы предоставили нам демо доступ к текущему софту в 1С, чтобы мы как можно больше
пропитались их болями и страданиями
ДЛЯ ВСЕХ ИДЕЙ И БЫСТРЫХ WIREFRAMES МЫ ИСПОЛЬЗОВАЛИ "MIRO"
ТЕКСТОВЫЕ ПРОТОТИПЫ
ПРИМЕР ПОДРОБНОГО ПРОТОТИПА
ДИЗАЙН
В старом интерфейсе главным акцентом является фотография, хотя она не несёт в себе никакой ценности.
Вторым по акценту является логотип школы, ценности в нём тоже ноль, так как все админы знают, где они работают.
Поэтому в новом интерфейсе мы от них избавились, структурировали информацию, выводя на экран только нужное.
СТРАНИЦА УЧЕНИКА
Из общения с администраторами школы мы узнали, что было бы полезно наглядно показать действующие и завершенные курсы
по программам ученика, а также информацию о том, в какие дни он посещал занятия, какие занятия пропустил (помечены красным кружком в интерфейсе) и при наведении на кружок раскрывается более детальная причина пропуска.
Также важно отображать индекс посещений ученика, его баланс и дату последнего посещения школы
ОДНОЙ ИЗ ЗАДАЧ СТОЯЛО СПРОЕКТИРОВАТЬ ЭКРАН ПРОДАЖИ
Когда ученик вносит деньги на баланс, мы попадаем на экран-витрину, где можно видеть, что он уже покупал ранее и что ему можно дополнительно приобрести. Если ученик покупает впервые, то экран отображается в стандартном состоянии. На этом экране можно выбрать ступень и пакет (пакет - это заранее предустановленные школой товары и услуги, которые можно приобрести дополнительно к ступени, например, мерч или дополнительная генеральная репетиция и т.д.).
Если ученик покупает товар или услугу отдельно от ступени, то сумма будет выше, чем при покупке пакетом. Это можно сразу проговаривать с клиентом и наглядно показывать в интерфейсе. Также мы можем давать бонусные товары при покупке ступени
и пакета, которые можно выбрать из списка.
На наш с командой взгляд форма получилась простая и удобная в использовании что подтверждается отзывами
от администраторов и собственников бизнеса
ОСТАЛЬНЫЕ 100+ ЭКРАНОВ
