Сбор данных для создания информационной системы

Обзор аналогов информационной системы

Задание 1. Проанализировать 5 сайтов аналогичных вашей темы (см. бриф).

1. название сайта / компании

2. адрес сайта

3. описание функционала сайта

4. полный скриншот главной страницы (через консоль разработчика google chrome)

• Ctrl-Shift-I - открываем консоль разработчика;
• Ctrl-Shift-M - переключаемся в режим эмуляции устройств;
• Выбираем разрешение экрана 1920 x 1080;
• Нажимаем три вертикальные точки и выбираем "Capture full size screenshot".

5. плюсы сайта (обратите внимание на дизайн и юзабилити сайта)

6. минусы сайта (подробно изучите сайт, его функции, качество информации и юзабилити (ответ минусов нет не принимается))

Построение структурной схемы информационной системы

Задание 2. Построить структурную схему вашего будущего сайта исходя из его типа (см. бриф). Для создания схем можно использовать Word или Draw.io.

Существует несколько видов структур сайта, выбирайте под свой тип сайта:

Линейная

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

Эта же структура может быть и с ответвлениями. Используется, где нужно познакомить пользователя с несколькими продуктами, но навигация по сайту тоже идёт постранично.

Деревовидная

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

Блочная

Эта структура встречается крайне редко, потому что подходит далеко не для всех сайтов. В основном — для тех, кто презентует один продукт. Каждый блок описывает какое-то преимущество, и все страницы ссылаются друг на друга. Потому для продвижения такой сайт практически готов, дело за контентом.

Пример структуры лендинга кредитного брокера:

Построение функциональной схемы информационной системы

Задание 3. Построить функциональную схему вашего будущего сайта (Диаграмма Use Case) и расписать каждый прецедент.

Функциональная схема сайта описывает действия пользователя на сайте.

Пример Use Case диаграммы лендинга кредитного брокера:

Прецедент: Просмотр информации

Действующее лицо: Пользователь.

Цель: Просмотр информации.

Предусловие: Отсутствует.

Главная последовательность действий: Открыть сайт / ознакомиться с информацией.

Альтернативная последовательность действий: Открыть сайт / закрыть сайт.