АННОТАЦИЯ 3
ВВЕДЕНИЕ 6
1 Аналитика UX 8
1.1 Сбор требований и формирование брифа 8
1.2 Конкурентный анализ 10
1.3 Анализ эвристик сайта Отдела практик и трудоустройства 18
2 Проектирование визуальной части (UI) 24
2.1 Пользовательские сценарии (User Flows) 24
2.2 Информационная архитектура 27
2.3 Вайрфреймы 29
2.4 Визуальная концепция, референсы 30
2.5 UI-kit 32
2.6 Высокодетализированный макет сайта 39
2.7 Адаптивные версии сайта 44
ЗАКЛЮЧЕНИЕ 46
СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ И ЛИТЕРАТУРЫ 47
ПРИЛОЖЕНИЕ А 51
ПРИЛОЖЕНИЕ Б 52
ПРИЛОЖЕНИЕ В 57
ПРИЛОЖЕНИЕ Г 68
Наличие сайта у образовательной организации позволяет обеспечивать открытость образовательного процесса и создает условия для взаимодействия всех участников образовательного процесса. Как и основной сайт образовательной организации, сайты отделов организации несут представительскую и коммуникативную функцию [23].
Отдел практик и трудоустройства ТГУ [27] позиционирует университет в сфере практической подготовки студентов и их трудоустройства, поэтому важно, чтобы сайт отдела имел дизайн, соответствующий уровню университета, и содержал всю необходимую информацию для целевой аудитории. Направлениями работы отдела практик и трудоустройства ТГУ являются построение системы стратегического партнерства, реального долгосрочного взаимодействия НИ ТГУ и работодателей; заключение договоров с заинтересованными предприятиями, организациями, учреждениями по прохождению практик обучающимися; содействие трудоустройству выпускников; мониторинг трудоустройства выпускников и приглашение неработающих выпускников на индивидуальные консультации по поиску занятости; анализ рынка труда по направлениям; оказании содействия в поиске места прохождения производственной и других видов практик обучающихся; координация и контроль деятельности учебных подразделений по организации практического обучения студентов.
Объектом выпускной квалификационной работы является сайт подразделения образовательной организации. Предмет выпускной квалификационной работы составляет UX/UI дизайн сайта Отдела практик и трудоустройства Томского государственного университета.
Целью данной работы является редизайн сайта Отдела практик и трудоустройства Томского государственного университета. Для достижения поставленной цели необходимо решить следующие задачи:
1) собрать требования заказчика для разработки нового сайта;
2) провести аналитику сайтов отделов по содействию трудоустройству студентов других ВУЗов, а также текущего сайта Отдела практик и трудоустройства ТГУ;
3) разработать информационную архитектуру и навигацию сайта;
4) создать пользовательские сценарии разрабатываемого сайта;
5) разработать визуальную концепцию, UI-kit, макет и адаптивные версии сайта.
Методы исследования: анализ, методы проектирования интерфейса в рамках подхода дизайн-мышления.
Практическая значимость работы состоит в разработке UX/UI дизайна сайта образовательной организации на примере сайта Отдела практик и трудоустройства Томского государственного университета.
В результате данной работы был выполнен редизайн сайта Отдела практик и трудоустройства ТГУ. Редизайн проводился в два основных этапа - это аналитическая часть и проектирование визуальной части сайта.
На первом этапе были собраны требования заказчика, которые в последующем были оформлены в бриф. Проведен конкурентный анализ сайтов отделов по содействию трудоустройству студентов двенадцати ВУЗов, а также проведен анализ эвристик текущего сайта Отдела практик и трудоустройства ТГУ. Разработана информационная архитектура, состоящая из пятнадцати страниц сайта. Созданы пользовательские сценарии (User Flows) для трех целевых аудиторий - «Студенты и выпускники», «Работодатели и партнеры» и «Сотрудники университета».
На втором этапе были подобраны референсы для визуальной концепции сайта. Разработаны вайрфреймы пятнадцати страниц. Собран UI-kit, который содержит цветовую схему, типографику, графические элементы, иконки, логотипы, карточки, а также стили сетки.
На основе разработанных вайрфреймов был построен макет пятнадцати страниц сайта, а также разработаны адаптивные версии каждой страницы сайта.
Разработанный макет сайта для Отдела практик и трудоустройства, при дальнейшем внедрении, поможет целевой аудитории находить необходимую информацию, потому что сайт будет содержать только необходимые блоки, структурированную информацию и обновленный дизайн.
Материалы данной выпускной квалификационной работы были представлены на XXV международной конференции молодых ученых «Актуальные проблемы социальных наук - 2023» (секция «Гуманитарная информатика: исследование информационного общества и социальных проблем информатизации»).
