Библиотека 24

Средство объединения читателей и библиотек в едином информационном пространстве, путём предоставления площадки для совместной работы библиотек и единой точки доступа к библиотечным ресурсам для читателей, использования социальной библиотечной сети и предоставления доступа к электронному контенту библиотек и объединений библиотек.

Пример интеграции

Участники проекта

  • Руководитель проекта — Дмитрий Бойков
  • Backend разработчик — Илья Иванов
  • Frontend разработчик — Константин Сидоров
  • Дизайнер — Кристина Барышева

Моя роль

  • UX/UI дизайнер
  • проектирование, дизайн, разработка дизайн системы, тестирование

Дата сроки

  • май — июнь 2019

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

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


Прототипирование

Работа над этим проектом началась с анализа прототипов от бэкэнд разработки. Примеры можно посмотреть ниже. На этом этапе для меня было главным выявить повторяющиеся блоки и элементы, чтобы понять, насколько проект можно унифицировать.

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

Дизайн

Обеспечиваем доступность

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

Разработали 3 темы оформления и накинули уже на готовый дизайн. На стороне фронтенда всё уже было подготовлено. Макет уже был свёрстан с использованием компонентов и использован механизм темизации для React-компонентов.

Финальный прототип

Пример интеграции можно посмотреть по ссылке.

Следующий проект

Открыть проект

bar

Superpants

Прототип носимого устройства, который помогает людям не травмироваться во время тренировок

Рабочий запрос, вопрос или просто хотите пообщаться?

А ещё меня можно найти