Пример проектирования экранов

Показаны фрагменты описания экранов для сайта издательства медицинской литературы.

Раздел «Периодические издания»

На главной странице раздела представлены:

• блок периодических изданий, структурированные по категориям;
• блок новых номеров изданий (выводятся последние 30, с постраничной навигацией внизу).

Если пользователь авторизован, то в блоке периодических изданий присутствует переключатель «Все — По моим специализациям — Моя лента», отображающий соответствующие издания и новые номера, при этом положение переключателя запоминается и в следующий раз при заходе в раздел пользователь видит издания/новые номера в соответствии с последним состоянием.

Блок каждого издания включает в себя:

• название издания (ссылка на страницу издания);
• обложку последнего номера (ссылка на страницу издания);
• краткое описание издания;
• кнопка «Добавить в ленту», которая при нажатии меняет цвет и надпись на «Удалить из ленты».

Новые номера изданий

Блок содержит последние выпущенные номера изданий, блок каждого номера состоит из:

• названия издания и номера (ссылка на страницу номера);
• обложки (ссылка на страницу номера);
• значка x, если номер платный;
• значка R, который является кнопкой добавления номера в избранное, при нажатии меняет цвет — звезда «загорается»;
• даты выпуска номера;
• значка PDF, если номер доступен для скачивания.

Создание внештатных редакторов

Кандидаты на внештатных редакторов регистрируются на сайте через стандартную форму регистрации.

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

Когда пользователь получает статус внештатного редактора, он получает письмо с соответствующим сообщением и краткой инструкцией:

• о необходимости или возможности (если он до этого был заполнен) отредактировать профиль компании со ссылкой на страницу компании;
• о возможности публикации новостей в разделе «Новости» со ссылкой на раздел (внештатный редактор увидит там кнопку «Добавить новость»).

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

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

Экраны сделаны с помощью Mockingbird.