Бажов Цифровой/Словарь

Дизайн образовательного сайта-словаря для изучения уральской лексики в произведениях Павла Бажова. Поиск по словам, буквам и книгам помогает разбираться в значениях редких и диалектных слов, не теряя контекст и культурное наследие. Грантовый проект УрФУ УГИ.
Просмотр главной страницы сайта
/ Финальные макеты

Результат работы

Финальные макеты, подготовленные к реализации и адаптации под разные экраны.
Главная страница сайта Бажовский словарь
Просмотр слов, используемых в сказе "Серебряное копытце"
Страница информации о проекте Бажовский словарь
Выбор буквы, чтобы увидеть слова по ним
Результат поиска
Выбор сказа Бажолва для просмотра слов в конкретном сказе
Просмотр слов по букве "Б"
/ Вместо эпиграфа
«Словарь Бажова» — первый сайт в рамках проекта «Бажов Цифровой», посвящённого цифровизации наследия уральского писателя. Это образовательный веб-ресурс, который помогает разбираться в уральской лексике и редких словах из произведений Павла Бажова — через поиск по словам, буквам и книгам.
«Бажов Цифровой» — это масштабный грантовый проект команды УГИ УрФУ (заявка № ПФКИ-25–1-011059), посвящённый цифровому изучению жизни и творчества Павла Бажова. В рамках словаря я разрабатывала UX/UI сайта и сформировала визуальную систему, которая позже стала основой для других проектов серии.
Работа велась в формате командной разработки. Моя зона ответственности — проектирование интерфейса, структура пользовательских сценариев и создание UI-kit.
/ Проблемы

Зачем нужен таймлан?

01
Уральская лексика из сказов непонятны детям
02
Родителям сложно объяснять такие слова
03
Учителям не хватает цифрового инструмента
04
Исчезает локальная языковая идентичность
05
Нет единого доступного словаря — ни цифрового, ни печатного
/ Требования

Требования / Целевая аудитория

Школьники
Ищут значение непонятных слов из произведений Бажова в рамках школьной программы. Ожидают быстрый и понятный ответ.
Учителя литературы
Используют словарь на уроках и при подготовке занятий как вспомогательный образовательный инструмент.
Родители
Помогают детям разбираться в уральской лексике и сложных выражениях.
Широкая аудитория (в том числе нефилологи)
Обращаются к словарю как к понятному справочному ресурсу о языке Бажова.
Что важно для интерфейса
Эмодзи руки с ручкой
Доступность для нефилологов: формулировки без академической перегруженности, объяснение терминов в контексте
Эмодзи руки с ручкой
Быстрый поиск — основной сценарий, минимальное количество шагов до результата, отсутствие промежуточных экранов
Эмодзи руки с ручкой
Читаемость: увеличенный базовый кегль, комфортная межстрочность, высокая контрастность текста
Эмодзи руки с ручкой
Минимизация когнитивной нагрузки: короткие текстовые блоки, визуальные акценты на ключевых смыслах, отсутствие декоративного шума
Эмодзи руки с ручкой
Простая и предсказуемая навигация без сложных сценариев
Эмодзи руки с ручкой
Адаптивная вёрстка
/ Usability-тестирование

Usability-тестирование/Подготовка

Мои коллеги UX-исследователи составили скрипт, а я кликабельный прототип для проверки сценариев
2 листка скрипта интервью
Ноутбук с отоюражением взаимодействий в прототипе
/ Usability-тестирование

Usability-тестирование/Проведение

В рамках командной работы проведение usability-тестирования выполняли коллеги-UX-исследователи. Я не участвовала в сессиях напрямую, так как моя зона ответственности в проекте — UX/UI-дизайн и проектирование интерфейса.
3 Школьника
  • Денис, 17 лет, ученик
  • Варя, 17 лет, школьница
  • Лена, 17 лет, школьница 10 класс
2 Студента
  • Настя, 20 лет, студентка гуманитарного направления
  • Алена, 20 лет, студентка гуманитарного направления
Фиксация результатов в FigJam
/ Usability-тестирование

Usability-тестирование/Ключевые инсайты

В результатах было много хвалебных инсайтов про понятность шрифтов, контрастность, удобство навигации в том числе переход к следующему событию/письму через предложенную плашку в конце страницы. Ниже вывожу только полезные инсайты, которые повлияли на макеты.
Главный сценарий — поиск по слову, чаще через поисковую строку
Нужно расширение словарных статей (маркёры стиля, источник)
Паттерн клиекабельного хэштега понятен
4 учителя русского языка и литературы
  • Денис Сергеевич, 35 лет
  • Полина, 26 лет
  • Дарья Андреевна, 28 лет
  • Ульяна Вячеславовна, 26 лет
3 школьника екатеринбургского лицея
  • Катя, 17 лет
  • Дина, 17 лет
  • Алиса, 17 лет
/ Usability-тестирование

Usability-тестирование/Ключевые инсайты

В результатах было много хвалебных инсайтов про понятность шрифтов, контрастность, удобство навигации в том числе переход к следующему событию/письму через предложенную плашку в конце страницы. Ниже вывожу только полезные инсайты, которые повлияли на макеты.
Главный сценарий — поиск по слову, чаще через поисковую строку
Нужно расширение словарных статей (маркёры стиля, источник)
Паттерн клиекабельного хэштега понятен

Команда дизайна серии сайтов Бажов Цифровой

«Бажов Цифровой» — грантовый проект исследователей УГИ УрФУ, реализуемый при поддержке Президентского фонда культурных инициатив (заявка № ПФКИ-25-1-011059). Проект направлен на цифровизацию наследия уральского писателя Павла Бажова и включает серию образовательных сайтов. Команда дизайна отвечает за разработку UX/UI и единой визуальной системы проектов «Словарь Бажова» и «Таймлайн Бажова».
  • Анна Погорельская UX-редактор
    Анна Погорельская
    UX-редактор
  • Ирина Шульгина UX/UI-дизайнер
    Ирина Шульгина
    UX/UI-дизайнер
  • Екатерина Уткина UX-исследователь
    Екатерина Уткина
    UX-исследователь
  • Юлия Хисамова UX-исследователь
    Юлия Хисамова
    UX-исследователь
/ Послесловие
Сейчас у меня нет возможности подробно расписать весь ход работы над этим проектом и все этапы принятия решений.
Я обязательно вернусь к этому кейсу позже и дополню его процессом и деталями — так что если вам интересно, заглядывайте сюда ещё 🙃