«Доктор Спорт» — второй специализированный проект по спортивной медицине. Так как «Доктор Спорт» и «Спорт Мед» — родственные проекты, им требовался схожий дизайн. Для «Доктора Спорт» я сделал дашборд, календарь и запись на приём. Все они универсальны и для врача и для администратора системы. Смотрим.
Сводка
Сводка (или дашборд) — это стартовый экран при входе в систему. Сводка показывает сегодняшние события, список дел и краткую статистику. Как и для «Спорт Меда», для «Доктора Спорт» сделаны адаптивные макеты. То, что на настольном компьютере показано блоками, в мобильных платформах превращается во вкладки:
![](/i/sportmed/25.jpg)
Я с любовью сверстал список дел, потому что сам пользуюсь такими каждый день:
![](/i/sportmed/26.jpg)
Календарь
Календарь — это центр планирования будущих приёмов. Можно просматривать расписание в режиме недели, месяца или целого года. Я намеренно отказался от просмотра в режиме дня, оставив его во всплывающей панели. Это позволило упростить логику переходов:
- Неделя
- Месяц
- Год
На мобильных платформах нажав пальцем на плашку дня, можно выбрать конкретное время. Подняв палец, мы перейдем к созданию записи:
![](/i/sportmed/30.jpg)
Отдельно горжусь проделанной работой над плашкой приёма. Я ввёл цветовую идентификацию, упразднил отображение часа, оставив только минуты, а также проработал механизм выстраивания плашек, чтобы они не наслаивались друг на друга, когда их много:
![](/i/sportmed/31.jpg)
Час «растягивается», когда записей становится слишком много.
В панели дня есть удобные кнопки для быстрого перемещения между днями:
![](/i/sportmed/32.jpg)
Быстрый просмотр
Каждую запись можно развернуть, чтобы увидеть подробности и отредактировать:
![](/i/sportmed/33.jpg)
Внизу выдан список последних трёх правок. Перенос записи выглядит особенно минималистично.
Панель уведомлений
Панель уведомлений — чистая, понятная и минималистичная:
![](/i/sportmed/34.jpg)
Запись на приём
У каждой записи, помимо краткого просмотра, есть своя страница. Это — чистая, минималистичная страница, где привычные звёздочки обязательных полей заменены на свежие точки:
![](/i/sportmed/35.jpg)