Новый интерфейс системы Teachbase

5 сентября

С момента основания сервис организации корпоратвного обучения Teachbase успел превратиться в компанию с офисами в Москве, Сан-Фрнциско и Стокгольме, а также клиентами по всему миру. А значит, ему нужен современный и удобный пользовательский интерфейс. То есть редизайн имеющегося.

Именно так теперь выглядит стартовый экран Teachbase, поторый пользователь видит сразу после авторизации:

dashboard

Интерфейс стал визуально легче, избавился от текстур и градиентов и прочей лишней графики. Акцент на контенте усилился. Ничто не должно отвлекать пользователя от главного — процесса обучения.

Кстати, поделимся секретом. Несмотря на то, что эта страница называется стартовой, и показываем мы ее вам первой, делается она тогда, когда большинство экранов уже спроектировано. Она вбирает все все лучшие решения, которые были опробованы на других экранах.

Работа над этим проектом началась с целого вороха разнообразных списков:

listings

На этом этапе был предложен и принят общий визуальный стиль интерфейса системы.

Здесь же была продумана организация фильтрации списков. А также появились на свет иконки различных типов файлов, ставшие украшением раздела «Библиотека материалов»:

filetypes

От списков переходим к самому главному, что есть в системе — содержимому курсов и тестов. Это, например, список вопросов теста, пройденного пользователем. Часть из них уже автоматически проверена системой, а часть ждет оценки от модератора:

questions

А так тест выглядит при прохождении:

testplay

Система Teachbase рассчитана на пользователей с различным исходным уровнем компьютерной грамотности, поэтому в ней есть большой и подробный раздел «Помощь», в который легко попасть с любого экрана:

help

В этом месте уместно будет похвастаться набором системных иконок, созданных при работе над проектом:

icons

Не забываем про всплывающие окна:

popup

А вот теперь пора приступать к стартовой странице =) Ведь количество файлов в рабочем каталоге приблизилось к числу 1300:

screenshot

Водружаем вишенку на торт — делаем страницу 404:

404

Благодарим компанию Teachbase за продуктивное сотрудничество. Гордимся проделанной работой.

Привет! Мы команда Vershi.

Мы пишем в этот блог. А еще создаем сайты и мобильные приложения. Анализируем, прототипируем, разрабатываем интерфейсы.

Мы более 10 лет в IT. Будем рады применить весь этот опыт в работе над вашим проектом.

Написать нам Перейти на главную