Система управления для «Не школа барабанов»
О проекте
Для взаимодействия с учениками, учителями и финансовым сектором школа работала на самописном софте, который был разработан без понимания всех бизнес процессов компании, впоследствии это привело к тому, что система имела не удобный интерфейс и устаревший дизайн. Новым администраторам приходилось тратить много времени на обучение системе, чтобы выполнить простые задачи, такие как запись ученика на занятие.
Цели и задачи проекта
спроектировать новый и удобный интерфейс максимально близкий к реальной ежедневной работе админов так и других пользователей системы
запустить проект в кратчайшие сроки ( примерно 9 месяцев)
сделать дизайн отвечающий современным стандартам
одна из ключевых целей системы - сделать интерфейс таким, чтобы он был “Интуитивно полностью понятен и не нужны были инструкции, это идеально. Как в Яндекс.Такси, там нет инструкций”.
Решение
Начиная с этапа анализа мы приняли решение использовать процессный подход.
Для того, чтобы рассмотреть реальные процессы максимально детально мы оттолкнулись от бизнес-событий, которые происходят каждый день в работе админа и других ролей проведя очное мероприятие с админами Новосибирской школы.
Все события выписали на доску со стикерами используя методологию Data Driven Design
Моя роль в проекте
задача — cоздать удобный интерфейс для обеих сторон
изучил все входящие данные от менеджеров и руководителей проекта
на основе этих данных спроектироввал кликабельный прототип в Figma
протестировал прототип на респондентах, которым давали определенный сценарий для выполнения. Тестирование считалось успешным, если пользователь проходил заданный сценарий без проблем. В случае возникновения проблем, я записывал все пожелания и, если они совпадали с другими респондентами, вносил изменения в прототип и проводил тестирование снова.
коммуникация с отделом разработки по всем вопросам касаемо проекта
Так выглядел старый интерфейс
Ребята из школы предоставили нам демо доступ к текущему софту в 1С, чтобы мы как можно больше пропитались их болями и страданиями)
Для всех идей и быстрых wireframes мы использовали «miro»
Текстовые прототипы
пример подробного прототипа
Дизайн
В старом интерфейсе главным акцентом является фотография, хотя она не несёт в себе никакой ценности. Вторым по акценту является логотип школы, ценности в нём тоже ноль, так как все админы знают, где они работают. Поэтому в новом интерфейсе мы от них избавились, структурировали информацию, выводя на экран только нужное.
Вынес на главный экран всю важную информацию
выручка школы за сегодня и план на сегодня и завтра и общая за месяц
выручка за месяц, план выручки и сколько осталось до выполнения
таблицу объединили в одну с возможность переключать ее табами
активных учеников в школе
индекс на 3 дня
Страница ученика
Из общения с администраторами школы мы узнали, что было бы полезно наглядно показать действующие и завершенные курсы по программам ученика, а также информацию о том, в какие дни он посещал занятия, какие занятия пропустил (помечены красным кружком в интерфейсе) и при наведении на кружок раскрывается более детальная причина пропуска. Также важно было отображать индекс посещений ученика, его баланс и дату последнего посещения школы.
Одна из задач стояла спроектировать экран продажи
Когда ученик вносит деньги на баланс, мы попадаем на экран-витрину, где можно видеть, что он уже покупал ранее и что ему можно дополнительно приобрести. Если ученик покупает впервые, то экран отображается в стандартном состоянии. На этом экране можно выбрать ступень и пакет (пакет - это заранее предустановленные школой товары и услуги, которые можно приобрести дополнительно к ступени, например, мерч или дополнительная генеральная репетиция и т.д.).
Если ученик покупает товар или услугу отдельно от ступени, то сумма будет выше, чем при покупке пакетом. Это можно сразу проговаривать с клиентом и наглядно показывать в интерфейсе. Также мы можем давать бонусные товары при покупке ступени и пакета, которые можно выбрать из списка.
На наш с командой взгляд форма получилась простая и удобная в использовании что подтверждается отзывами от администраторов и собственников бизнеса
Переписка с рукодителем когда скинул ему прототип
Когда рукодитель показал прототип собственикам бизнеса
Остальные 100+ экранов
другие проекты
