Ш Кнопка «Наверх»;
Ш «Подвал».
Страница «Статья»(Рисунок 3.11).Раздел состоит из следующих блоков:
Ш Индикатор прокрутки страницы;
Ш Главное меню портала;
Ш Обложка статьи. Заголовок, изображение, список рубрик-тегов;
Ш Дата публикации статьи;
Ш Среднее время на чтение (определяется в зависимости от длины текста);
Ш Кнопка «Поделиться»;
Ш Кнопка «Добавить в закладки»;
Ш Лид;
Ш Краткое содержание статьи -- пункты с гиперссылками;
Ш Основной текст статьи (с мультимедийными вставками);
Ш Блок «Читайте также». Подборка из трех статей схожей тематики;
Ш Блок «Предложи свою статью». Возможность стать соавтором портала и прислать на модерацию свой гайд или кейс.
Ш Блок «Поделиться»;
Ш Блок «Комментарии». Возможность прокомментировать статью или ответить на комментарии других читателей;
Ш Кнопка «Наверх»;
Ш «Подвал».
Страница «Мультимедийные форматы»(Рисунок 3.12)-- библиотека мультимедийных форматов. Раздел состоит из следующих блоков:
Ш Индикатор прокрутки страницы;
Ш Главное меню портала;
Ш Обложка раздела. Содержит краткое описание раздела, а также тематическое изображение;
Ш Классификатор мультимедийных форматов: по типу медиа (текст, видео, изображения, данные или интерактив) или по задачам использования. Также есть функция просмотреть «Все форматы».
Ш Обложки карточек мультимедийных форматов. Иконка, название и возможность добавить в закладки;
Ш Список номеров страниц. Возможность перейти на другую страницу каталога;
Ш Кнопка «Наверх»;
Ш «Подвал».
Страница «Карточка мультимедийного формата»(Рисунок 3.13)-- подробная информация о конкретном мультимедийном формате. Страница состоит из следующих блоков:
Ш Индикатор прокрутки страницы;
Ш Главное меню портала;
Ш Обложка раздела. Содержит название мультимедийного формата, иконку, кнопку для возвращения в каталог мультимедийных форматов, список тегов-рубрик, кнопку «Поделиться» в социальных медиа, а также кнопку «Добавить формат в закладки»;
Ш Блок «Зачем создавать…?». Краткая информация о способах и сферах применения мультимедийного формата;
Ш Блок «Как создать…?». Пошаговый алгоритм создания конкретного мультимедийного продукта выбранного формата;
Ш Блок «Онлайн-сервисы для создания». Список карточек мультимедийных сервисов, с помощью которых можно создать контент выбранного формата. Кнопка «Перейти в библиотеку мультимедийных сервисов»;
Ш Блок «Поделиться». Возможность поделиться конкретным мультимедийным форматом на страницах в социальных медиа или в мессенджерах;
Ш Блок «Примеры». Интерактивный слайдер со ссылками на кейсы, в которых используется мультимедийный формат. Скриншот, короткое описание кейса и кнопка «Смотреть».
Ш Блок «Смотрите также». Три карточки мультимедийных формата и три статьи из раздела «Блог» схожих по тематике с просматриваемым мультимедийным форматом.
Ш «Подвал»
Страница «Все сервисы» (Рисунок 3.14)-WEB-каталог мультимедийных сервисов. Страница состоит из следующих блоков:
Ш Индикаторпрокрутки страницы;
Ш Главное меню портала;
Ш Обложка раздела. Содержит заголовок и тематическое изображение;
Ш Рубрикатор мультимедийных сервисов по категориям: «Работа с текстом», «Визуализация», «Вебинары, трансляции», «Работа с аудио», «Изображения», «Презентации», «Интерактивная работа», «Совместная работа», «LMS», «Личная продуктивность». Каждая рубрика включает в себя подрубрики;
Ш Кнопка «Сбросить», позволяющая отменить примененные фильтры;
Ш Кнопка «Добавить сервис», позволяющая соавтору портала предложить мультимедийный сервис в общий каталог;
Ш Поисковая строка для поиска мультимедийных сервисов из библиотеки;
Ш Карточки мультимедийных сервисов (по 2 карточки в строке»): логотип сервиса, название, рейтинг, количество отзывов, язык интерфейса, тариф, описание, возможность поставить «лайк», кнопка «Подробнее» и возможность добавить в «Закладки» (отображаются в личном кабинете пользователя;
Ш «Подвал».
«Карточка мультимедийного сервиса»(Рисунок 3.15).Страница состоит из следующих блоков:
Ш Индикаторпрокрутки страницы;
Ш Главное меню портала;
Ш Заголовок страницы;
Ш Кнопка «Назад в библиотеку», которая возвращает пользователя на страницу «Все сервисы»;
Ш Поисковая строка для поиска мультимедийных сервисов из библиотеки;
Ш Логотип мультимедийного сервиса;
Ш Название мультимедийного сервиса;
Ш Рейтинг;
Ш Количество отзывов;
Ш Кнопка «Веб-сайт», позволяющая пользователю переместиться на сайт мультимедийного сервиса;
Ш Короткое описание;
Ш Примеры мультимедийных форматов, которые можно создать с помощью данного онлайн-сервиса -- ссылки на карточки из раздела «Мультимедийные форматы»;
Ш Подборка их четырех сервисов-аналогов -- ссылки на страницы сервисов в разделе «Все сервисы»;
Ш Скриншоты интерфейса мультимедийного сервиса, демонстрирующие основной функционал;
Ш Текстовое описание основных особенностей мультимедийного сервиса;
Ш Блок «Особенности» -- краткая информация (по пунктам) о ключевых особенностях сервиса, отличающих его он аналогов-конкурентов;
Ш Блок «Дополнительная информация» -- информация о тарифах, минимальной стоимости, способе оплаты. Информация о языках интерфейса и об уровне сложности освоения данного онлайн-сервиса;
Ш Блок «Прочитать на тему» -- примеры статей из раздела «Блог», в которых фигурирует применение рассматриваемого онлайн-сервиса;
Ш Кнопка «Добавить свой сервис в каталог», позволяющая соавтору портала предложить мультимедийный сервис в общий каталог;
Ш Блок «Рейтинг сервиса» -- средняя оценка, количество «звезд» и количество отзывов, кнопка «написать отзыв»;
Ш Блок «Комментарии» -- возможность для соавторов портала оставить отзыв о мультимедийном сервисе. Отзыв состоит из заголовка, оценки по пятибалльной шкале, описания преимуществ и недостатков оцениваемого онлайн-сервиса, дополнительной информации.
Ш «Подвал».
Страница «Личный кабинет»(Рисунок 3.16) -- личная страница зарегистрированных пользователей.Страница состоит из следующих блоков:
Ш Индикаторпрокрутки страницы;
Ш Главное меню портала;
Ш Заголовок страницы с указанием имени и фамилии пользователя;
Ш Фотография профиля пользователя;
Ш Краткая информация о пользователе: блок «О себе», ссылка на сайт и социальные медиа пользователя, информация о месте работы и должности, возможность перейти в «Настройки анкеты пользователя» для редактирования информации;
Ш Кнопка «Есть что рассказать?» -- возможность предложить статью в раздел «Блог»;
Ш Кнопка «Создали мультимедийный продукт?» -- возможность опубликовать пример мультимедийного формата в раздел «Карточка мультимедийного формата»;
Ш Кнопка «Нашли интересный онлайн-сервис?» -- возможность добавить онлайн-сервис в WEB-каталог мультимедийных сервисов;
Ш Раздел страницы «Статьи», в котором приведен список предложенных соавтором портала статей и ссылки на них, если они прошли процедуру модерации и были опубликованы на образовательном портале;
Ш Раздел «Портфолио», в котором публикуются примеры применения мультимедийных форматов, присланные соавтором;
Ш Раздел «Сервисы», в котором приведен список предложенных пользователем и опубликованных (в случае успешного прохождения процедуры модерации) онлайн-сервисов в WEB-каталоге;
Ш Блок «Мои закладки» -- список статей, мультимедийных форматов и мультимедийных сервисов, которые пользователь добавил в закладки личного кабинета;
Ш «Подвал».
Страница «Ошибка 404»(Рисунок 3.17) -- страница, на которую попадает пользователь в случае ошибки. Чтобы избежать негатива со стороны потенциального клиента, была разработана отдельная страница «Ошибка 404». Она включает в себя следующие элементы:
Ш Заголовок;
Ш Тематическое изображение;
75
Кнопка «Вернуться на главную»
PopUp окно «Вход в личный кабинет»(Рисунок 3.18) -- окно, позволяющее пользователю пройти процедуру аутентификации. Состоит из следующих элементов:
Ш Заголовок «Личный кабинет»;
Ш Кнопки для прохождения аутентификации через личные аккаунты пользователя в социальных медиа;
Ш Кнопка для прохождения аутентификации через электронную почту;
Ш Уведомление о принятии пользователем условий пользовательского соглашения и согласия на обработку персональных данных.
PopUp окно «Регистрация»(Рисунок 3.19) -- окно, позволяющее пользователю пройти регистрацию личного кабинете через электронную почту.
Состоит из следующих элементов:
Ш Заголовок «Регистрация»;
Ш Поля для введения личных данных: «Имя», «Фамилия», «Email», «Пароль»;
Ш Кнопка «Регистрация»;
Ш Уведомление о принятии пользователем условий пользовательского соглашения и согласия на обработку персональных данных.
PopUp уведомление об использовании «Cookies» -- всплывающий блок (при первом посещении сайта) с предупреждением об использовании «Cookies» (более подробно про необходимость данного блока написано в разделе 3.5.6 Юридическое обоснование проекта).
Страница«Личный кабинет - Личная информация» (Рисунок 3.20)--раздел образовательного портала, на котором пользователь может изменить и сохранить информацию о себе. Страница включает в себя следующие элементы:
Ш Заголовок «Личная информация»;
Ш Фотография профиля;
Ш Поле «Имя»;
Ш Поле «Фамилия»;
Ш Поле «О себе» -- короткая информация о пользователе, которая отображается в разделе «Блог - Лучшие авторы»;
Ш Поле «Email»;
Ш Поле «Место работы»;
Ш Поле «Профессия»;
Ш Поле «Ваш сайт»;
Ш Поле «Ссылка на аккаунт в Facebook»;
Ш Поле «Ссылка на аккаунт в ВКонтакте»;
Ш Поле «Ссылка на аккаунт в Instagram»;
Ш Кнопка «Сохранить».
Форма «Новая статья в блог»(Рисунок 3.21)-- с помощью формы соавтор образовательного портала может предложить главному редактору статью-гайд или кейс с использованием онлайн-сервиса. Предложенная статья после прохождения процедуры модерации публикуется в разделе «Блог». Форма состоит из следующих полей:
Ш Заголовок формы «Новая статья в блог»;
Ш Текстовая вставка с обращением главного редактора;
Ш Поле «Заголовок»;
Ш Поле «Лид»;
Ш Поле «Основной текст статьи» -- текстовый редактор, в котором пользователь оформляет основную часть статьи-гайда или кейса;
Ш Кнопка «Отправить на модерацию»;
Форма «Новая работа в портфолио»(Рисунок 3.22)-- с помощью формы соавтор образовательного портала опубликовать личный пример использования мультимедийного формата в разделе «Мультимедийные форматы». Форма состоит из следующих полей:
Ш Заголовок формы «Новая работа в портфолио»;
Ш Текстовая вставка с обращением главного редактора;
Ш Поле для ввода «В каком формате выполнен ваш проект?»;
Ш Поле для ввода «Ссылка на опубликованный проект»;
Ш Поле для ввода «Краткое описание работы»;
Ш Поле «Какой онлайн-сервис был использован для создания проекта?»;
Ш Кнопка «Отправить на модерацию».
Форма «Разместить сервис в библиотеке» (Рисунок 3.23)-- с помощью формы соавтор образовательного портала может добавить сервис в WEB-каталог мультимедийных сервисов. Форма состоит из следующих полей:
Ш Заголовок формы «Разместить сервис в библиотеке»;
Ш Текстовая вставка с обращением главного редактора;
Ш Поле для ввода «Название сервиса»;
Ш Поле для ввода «Ссылка на сервис»;
Ш Поле для ввода «Краткая информация о сервисе»;
Ш Выбор «Категории сервиса» (из предложенных);
Ш Выбор «Подкатегории сервиса» (из предложенных);
Ш Выбор мультимедийных форматов, которые можно создать с помощью предлагаемого сервиса (из предложенных);
Ш Поле для ввода «Особенности сервиса»;
Ш Поле «Наличие бесплатного тарифа» (из предложенных);
Ш Поле «Наличие пробного периода» (из предложенных);
Ш Поле «Язык интерфейса» (из предложенных);
Ш Поле для ввода «Подробная информация о сервисе»;
Ш Кнопка «Отправить на модерацию».
Форма «Отзыв о мультимедийном сервисе»(Рисунок 3.24)-- с помощью формы соавтор образовательного портала может оценить онлайн-сервисы из WEB-каталога. После прохождения модерации отзыв будет опубликован в «Карточке мультимедийного сервиса». Форма состоит из следующих полей:
Ш Заголовок формы «Новый отзыв о сервисе»;
Ш Поле для оценки сервиса по пятибальной шкале;;
Ш Поле для ввода «Заголовок отзыва»;
Ш Поле для ввода «Плюсы онлайн-сервиса»;
Ш Поле для ввода «Минусы онлайн-сервиса»;
Ш Поле для ввода «Дополнительный комментарий»;