Шапка
Шапка – один из самых часто используемых элементов системы, поэтому она должна содержать в себе набор основных компонентов, а именно: логотип сервиса, кнопку открытия/закрытия панели навигации, панель управления личным кабинетом.
На форме авторизации присутствует только логотип, после входа в систему появляются остальные элементы.
Нажатие на логотип направляет на главную страницу (рабочий стол), нажатие на кнопку «бутерброд» раскрывает/скрывает панель навигации, нажатие на панель личного кабинета раскрывает список настроек пользователя (Переход в личный кабинет, Редактирование профиля, Выход).
Структура шапки представлена на следующем рисунке:
Реализация шапки с открытым списком настроек пользователя:
Подвал
Подвал помогает пользователю найти второстепенные вещи в системе. В нем расположен следующий перечень элементов:
- Контакты службы поддержки: почта, телефон (опционально), адрес (опционально);
- Ссылка на форму обратной связи;
- Ссылка на руководство пользователя.
Расположение футера фиксировано и находится внизу панели навигации в раскрытом состоянии На картинке представлена панель навигации вместе с подвалом:
Подвал отдельно:
