Как внедрять Scroll Viewport

Scroll Viewport это набор инструментов для веб-разработки. Работа со Scroll Viewport = разработка сайта с нуля. Поэтому нужно пройти полный цикл разработки сайта — от прототипа до релиза. На разработку сайта нужно много времени, это первое что нам потребуется.

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

Схема или структура сайта

Перед созданием графического прототипа я сделаю план или схему структуры сайта. Это нужно для двух вещей:

Выстроить структуру от задач пользователей. Сейчас наша документация сфокусирована на функциях продукта. Но людям не важно, что у нас на рабочем столе или в боковом меню. Им важно узнать, как решить свои задачи, например сделать продажу или выполнить задание в маршруте. Нужно изменить структуру, заботясь о задачах пользователей:

Упростить структуру. Когда люди знакомятся с сайтом, им не хватит внимания держать в голове сложную многоуровневую структуру. План структуры сайта позволит упростить вложенность, выстроить руководство линейно:

Графический прототип и дальнейшие шаги

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

Затем следует доработка графических прототипов до макетов, разработка сайта и написание статей.

Весь процесс будет происходить для одного продукта, например Мобильной торговли. Разработав документацию для одного продукта, мы сможем подключить веб-аналитику — Яндекс.Метрика или Google Analytics, и предоставить документацию пользователям. Сбор статистики поможет при создании документации для следующих продуктов.

Что я буду делать сейчас

Чтобы разобраться со Scroll Viewport, и сделать на нём рабочий образец, я приостановил обучение по плану, который нам дал Тимур.

Сейчас я вернусь к изучению продуктов по плану. Параллельно с изучением я делаю для себя записи — структурирую то, что я изучил. Эти записи понадобятся, когда я изучу всё по плану, и перейду к структуре документации.

Также я буду уделять время улучшению прототипа статьи, который показал вам. Она послужит основой для следующих статей.

Возможные вопросы

Зачем нужен полный цикл, не можем ли мы сразу перейти к реализации?

Создание сайта это как постройка дома — нельзя забивать гвозди, не создав плана строительства. Исправляя ошибки на ранних этапах, мы экономим время на создание дизайна, вёрстки и программирования. В реализованный сайт можно внести только косметические изменения.