Библиотека 24

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

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

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

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

Моя роль

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

Дата сроки

  • май — июнь 2019

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

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


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

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

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

Дизайн

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

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

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

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

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

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

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

bar

Airport Assistant

Прототип интерфейса для робота Pepper от Softbank Robotics. Помощник в навигации по аэропорту, поиска услуг и сотрудников.

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

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