Файловая система для центральной городской библиотеки
MediaLib — медиаархив для городской библиотеки
Спроектировал внутренний архив для Центральной городской библиотеки Нижнего Тагила. В нём сотрудники могут хранить и находить материалы, управлять доступом и передавать файлы СМИ по публичным ссылкам.
Основной дизайнер проекта · Около 6 месяцев · Веб-интерфейс и мобильная версия
Проблема
Материалы библиотеки хранились на отдельных дисках, флешках, в архивах и чатах. Для учёта использовали таблицы. Централизованная система тоже существовала, но из-за неудобного интерфейса сотрудники редко к ней обращались.
Нужно было организовать работу с разными типами материалов в одном инструменте: от загрузки и поиска до передачи файлов коллегам и внешним получателям. При этом сотрудники должны были иметь разные права на просмотр, редактирование и управление архивом.
Моя роль
Проект выполнялся в студии. Я был основным дизайнером: прорабатывал сценарии, структуру архива, интерфейсы и мобильные версии, готовил графические материалы и документацию, взаимодействовал с разработкой.
Арт-директор общался с заказчиком, проверял соответствие требованиям и общему визуальному подходу, иногда помогал с отдельными макетами и адаптивами.
Я участвовал с начала проекта до завершения дизайнерских задач. Когда оставались финальные доработки разработки и тестирование, моя работа над проектом закончилась.
Уточнение требований
На старте я получил техническое задание. По мере проектирования уточнял его через арт-директора, который обсуждал вопросы с заказчиком.
Важно было определить, какие форматы будут храниться в архиве, как сотрудники будут загружать и получать файлы, кому разрешено редактирование и как передавать материалы за пределы организации.
Я также анализировал похожие решения в открытом доступе. На основе требований прорабатывал связанные сценарии: добавление материала, поиск, просмотр, редактирование и предоставление доступа.
Структура архива и поиск
Архив объединяет фотографии, статьи, видео, аудио, презентации и другие материалы. Для навигации я предусмотрел разделы по типам контента, а на главной — последние загрузки.
В поиске можно находить близкие совпадения с запросом и ограничивать выдачу нужным типом материала. Дополнительные фильтры по автору, дате и тегам помогают уточнять выбор. История запросов позволяет возвращаться к предыдущим поискам.
Внутри разделов доступны сортировка и разные варианты отображения материалов. Основные действия вынесены в карточки, чтобы для каждой операции не требовалось открывать отдельную страницу.
Материал как публикация с файлами
Материалом в архиве может быть статья, фотография, видео, аудиогалерея или файл с сопроводительным описанием. Например, PDF-документ и текст, объясняющий его содержание.
Я спроектировал отдельную страницу материала с обложкой, описанием, вложениями и связанными публикациями. Она позволяет изучить содержание подробнее и перейти к нужным файлам.
Добавление материалов
Форма загрузки учитывает разные типы контента. Сотрудник выбирает тип материала, задаёт название и описание, добавляет файлы и обложку, указывает авторов и теги.
Эти сведения используются дальше — в карточках, на странице материала и при поиске. Поэтому загрузку я прорабатывал вместе со структурой каталога: материал должен быть не только сохранён, но и доступен для последующего поиска и использования.
Роли и передача материалов наружу
Одной из наиболее сложных частей проекта была связь ролевой модели с действиями в интерфейсе. Нужно было учитывать, кто может просматривать материалы, редактировать их, управлять удалением и создавать публичные ссылки.
Для передачи материалов СМИ предусмотрели настраиваемые ссылки. Сотрудник с соответствующими правами может разрешить получателю только просмотр либо просмотр и скачивание.
Управление публичными ссылками размещено в личном кабинете. Там же находятся история просмотра и избранное. Для удаления предусмотрена корзина и отдельное право на окончательное удаление материалов.
Мобильная версия
Для страниц и основных процессов были спроектированы мобильные версии. На небольшом экране сохраняются поиск и фильтры, просмотр материалов, доступные действия и загрузка.
Я адаптировал расположение элементов и навигацию с учётом ограниченной ширины экрана.
Проверка и реализация
На раннем этапе мы подготовили интерактивные прототипы. Их проверяли внутри команды и с сотрудниками библиотеки. В проверках участвовали разработчики и арт-директор.
В ходе работы я уточнял требования, готовил документацию и взаимодействовал с разработкой. Моё участие завершилось, когда дизайнерские задачи были закрыты, а продукт находился на стадии финальных доработок и тестирования.
Результат моей работы
Спроектировал связанный набор сценариев для внутреннего медиаархива: загрузку разных типов материалов, каталог и поиск, просмотр, редактирование, личный кабинет и передачу файлов по публичным ссылкам.
В интерфейсе были учтены разные права сотрудников и доступ внешних получателей, а основные страницы и процессы адаптированы для мобильных устройств.
После завершения моего участия финальная работа над продуктом продолжалась. Данные о запуске и последующем использовании мне недоступны, поэтому результат этого кейса — выполненное проектирование и участие в реализации системы.