Файловая система для центральной городской библиотеки

MediaLib — медиаархив для городской библиотеки

Спроектировал внутренний архив для Центральной городской библиотеки Нижнего Тагила. В нём сотрудники могут хранить и находить материалы, управлять доступом и передавать файлы СМИ по публичным ссылкам.

Основной дизайнер проекта · Около 6 месяцев · Веб-интерфейс и мобильная версия

Проблема

Материалы библиотеки хранились на отдельных дисках, флешках, в архивах и чатах. Для учёта использовали таблицы. Централизованная система тоже существовала, но из-за неудобного интерфейса сотрудники редко к ней обращались.

Нужно было организовать работу с разными типами материалов в одном инструменте: от загрузки и поиска до передачи файлов коллегам и внешним получателям. При этом сотрудники должны были иметь разные права на просмотр, редактирование и управление архивом.

Моя роль

Проект выполнялся в студии. Я был основным дизайнером: прорабатывал сценарии, структуру архива, интерфейсы и мобильные версии, готовил графические материалы и документацию, взаимодействовал с разработкой.

Арт-директор общался с заказчиком, проверял соответствие требованиям и общему визуальному подходу, иногда помогал с отдельными макетами и адаптивами.

Я участвовал с начала проекта до завершения дизайнерских задач. Когда оставались финальные доработки разработки и тестирование, моя работа над проектом закончилась.

Уточнение требований

На старте я получил техническое задание. По мере проектирования уточнял его через арт-директора, который обсуждал вопросы с заказчиком.

Важно было определить, какие форматы будут храниться в архиве, как сотрудники будут загружать и получать файлы, кому разрешено редактирование и как передавать материалы за пределы организации.

Я также анализировал похожие решения в открытом доступе. На основе требований прорабатывал связанные сценарии: добавление материала, поиск, просмотр, редактирование и предоставление доступа.

Структура архива и поиск

Архив объединяет фотографии, статьи, видео, аудио, презентации и другие материалы. Для навигации я предусмотрел разделы по типам контента, а на главной — последние загрузки.

В поиске можно находить близкие совпадения с запросом и ограничивать выдачу нужным типом материала. Дополнительные фильтры по автору, дате и тегам помогают уточнять выбор. История запросов позволяет возвращаться к предыдущим поискам.
Внутри разделов доступны сортировка и разные варианты отображения материалов. Основные действия вынесены в карточки, чтобы для каждой операции не требовалось открывать отдельную страницу.

Материал как публикация с файлами

Материалом в архиве может быть статья, фотография, видео, аудиогалерея или файл с сопроводительным описанием. Например, PDF-документ и текст, объясняющий его содержание.

Я спроектировал отдельную страницу материала с обложкой, описанием, вложениями и связанными публикациями. Она позволяет изучить содержание подробнее и перейти к нужным файлам.

Добавление материалов

Форма загрузки учитывает разные типы контента. Сотрудник выбирает тип материала, задаёт название и описание, добавляет файлы и обложку, указывает авторов и теги.

Эти сведения используются дальше — в карточках, на странице материала и при поиске. Поэтому загрузку я прорабатывал вместе со структурой каталога: материал должен быть не только сохранён, но и доступен для последующего поиска и использования.

Роли и передача материалов наружу

Одной из наиболее сложных частей проекта была связь ролевой модели с действиями в интерфейсе. Нужно было учитывать, кто может просматривать материалы, редактировать их, управлять удалением и создавать публичные ссылки.

Для передачи материалов СМИ предусмотрели настраиваемые ссылки. Сотрудник с соответствующими правами может разрешить получателю только просмотр либо просмотр и скачивание.

Управление публичными ссылками размещено в личном кабинете. Там же находятся история просмотра и избранное. Для удаления предусмотрена корзина и отдельное право на окончательное удаление материалов.

Мобильная версия

Для страниц и основных процессов были спроектированы мобильные версии. На небольшом экране сохраняются поиск и фильтры, просмотр материалов, доступные действия и загрузка.

Я адаптировал расположение элементов и навигацию с учётом ограниченной ширины экрана.

Проверка и реализация

На раннем этапе мы подготовили интерактивные прототипы. Их проверяли внутри команды и с сотрудниками библиотеки. В проверках участвовали разработчики и арт-директор.

В ходе работы я уточнял требования, готовил документацию и взаимодействовал с разработкой. Моё участие завершилось, когда дизайнерские задачи были закрыты, а продукт находился на стадии финальных доработок и тестирования.

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

Спроектировал связанный набор сценариев для внутреннего медиаархива: загрузку разных типов материалов, каталог и поиск, просмотр, редактирование, личный кабинет и передачу файлов по публичным ссылкам.

В интерфейсе были учтены разные права сотрудников и доступ внешних получателей, а основные страницы и процессы адаптированы для мобильных устройств.

После завершения моего участия финальная работа над продуктом продолжалась. Данные о запуске и последующем использовании мне недоступны, поэтому результат этого кейса — выполненное проектирование и участие в реализации системы.
Made on
Tilda