Экономия пространства
В дизайне интерфейсов важно стремиться к рациональному использованию пространства. Каждый элемент здесь работает на то, чтобы сократить путь между человеком и нужной ему информацией.
Попробуем взглянуть на личный кабинет УлГТУ глазами пользователя.
Первое, что бросается в глаза, — яркие, контрастные иконки, помещенные в жирные рамки. Мелкие текстовые подписи после такого выделения находятся в расфокусе, и взгляду приходится перебегать от одной иконки к другой, чтобы только понять, куда ведут эти кнопки.
При этом иконки не помогают: если убрать под ними подписи, придется ещё больше задуматься о том, что там нарисовано, и действительно ли это значок камеры, а не музыкальной колонки.
Вопросы также появляются и к формулировке подписей. Чем, вот, на первый взгляд, отличается «Расписание занятий» от «Полного расписания»? То есть в «Расписании занятий» мы найдем только часть нужного нам расписания, а в «Полном расписании» — полное?
А что скрывается под «Обучением»? А всё остальное — «Учебный план», «Оценки», «Расписание занятий», «Полное расписание» — не относятся к обучению?
А что такое «Пульс» с иконкой числа пи?
А «ВКС» — это военно-космические силы?
Чтобы разобраться с этими вопросами, пользователю придется перейти по каждой непонятной ссылке, потому что он не будет до конца уверен, что, например в «Пульсе» не находится именно то, что он искал. Хороший интерфейс всегда говорит: будь как дома.
- полное расписание — это расписание всего университета, всех факультетов и преподавателей;
- расписание занятий — это расписание для отдельной группы студентов;
- обучение — это образовательные курсы университета;
- пульс — это электронная образовательная среда для дистанционного образования;
- ВКС — это видео-конференц-связь.
Я решил упростить задачу и расположить все кнопки и разделы по фэн-шую. Теперь на главной странице находится расписание — то, что, по идее, и приводит всех в личный кабинет. Для удобства добавлены кнопки скачивания в двух разных форматах: один можно в беседе закрепить, а второй — распечатать и повесить в рамочку.
И немного отредактированы названия разделов:
- «Обучение» было заменено на «Курсы», потому что так точнее;
- «ВКС» — на «Видеовстречи», потому что эту аббревиатуру не все знают.
«Полное расписание», где находились большие таблицы с перечнем факультетов и преподавателей, превратилось в простую иконку поиска 🔍.