Как мы обновили дизайн портала дистанционного обучения РГГУ
Заказчик: Российский государственный гуманитарный университет (РГГУ)
Задача: Разработать концепцию дизайна портала дистанционного обучения для РГГУ
Перед нами поставили задачу создать концепцию оформления портала дистанционного обучения для Российского государственного гуманитарного университета (РГГУ). Обновленное визуальное оформление должно быть эстетически привлекательным, комфортным для учащихся и преподавателей и соответствовать уже выбранному визуальному облику учреждения.
Задачи проекта
Анализ текущего визуального оформления сайта.
Организация углубленных интервью с учащимися и преподавателями для выявления главных проблем и пожеланий.
Разработка интерфейсов для ключевых страниц:
Главная страница
Раздел «Мои курсы»
Страница учебного курса
Раздел «Мои оценки»
Создание UI-кита для дальнейшей разработки дизайна остальных разделов.
Решение
В рамках проекта мы улучшили визуальное наполнение главных страниц сайта.
Главную страницу полностью обновили:
Выделили блоки с заданиями и оценками.
Добавили блок со статистикой по обучению и освоению материалов.
Оптимизировали навигацию — вынесли новости РГГУ и новости отдельных программ в разные блоки.
Обновили общее меню — сгруппировали элементы по категориям «Обучение» и «Личное».
Переработали разделы «Мои курсы», «Мои оценки» и типовую страницу курса по результатам опроса студентов.
Переработали раздел «Мои курсы»:
Сгруппировали и улучшили систему фильтров для поиска и группировки курсов.
Поисковые строки разделили на два блока: контент курсов и общий контент портала.
Переработали раздел «Мои оценки»:
Изменили дизайн таблицы с отметками.
Добавили шкалы для отображения отметок по разным системам оценивания.
Переработали типовую страницу курса:
Создали универсальную структуру, которая подходит для всех дисциплин РГГУ.
Структурировали все образовательные материалы, чтобы пользователям было удобнее находить нужный контент.
Вынесли блок с заданиями на главный экран курса.
Результат
Нам удалось создать и внедрить новый дизайн сайта, который соответствует современным требованиям визуального оформления и делает образовательный процесс более удобным для учащихся и преподавателей.