Поцесс проектирования начинается с самых абстрактных выражений о стратегии проекта и заканчивается конкретными моделями. Невозможно начать работу над набором функций (формы обратной связи, калькуляторы, корзина, раздел комментариев и т.д.) без предварительного определения их необходимости на этапе стратегического планирования.
Невозможно разработать навигационную панель, реализовать макет модуля на страницу или разработать контекстную навигацию без готовой информационной архитектуры и понимания того, какой контент будет размещен. Существует несколько этапов разработки web-сайтов.
Этап 1. Стратегия
На первом этапе разработки нужно ответить на два ключевых вопроса: Что хотим получить от будущего сайта? Что пользователи хотят получить от сайта? Чем тщательнее будет продуман проект, тем меньше возникнет вопросов в будущем. Когда ответы на эти два вопроса сформулированы точно и четко, то можно переходить к следующему этапу.
Этап 2. Область применения
При определении требований к содержанию необходимо выяснить, каким будет контент сайта и зачем пользователю нужен этот контент. Здесь важно правильно описать будущие функциональные возможности, дизайн сайта. Если идет речь о разработке для интернет-магазина, то пришло время подумать о том, какие товары будут наполнять сайт, посредством каких функций возможно взаимодействие с пользователем.
Этап 3. Структура сайта
На предыдущем этапе определялось, какой контент будет размещен на сайте, и какие функции будут предложены пользователям. На этапе разработки структуры должно быть определено, на каких страницах будет размещаться контент и основные функции. Перед разработкой навигационной системы, которая является наиболее важной его частью, необходимо определить количество страниц, их тип и относительное расположение.
Структура web-сайта может быть определена как структурная проекция информационного пространства, которое обеспечивает интуитивно понятный доступ к контенту. Она помогает сформировать понятную навигационную систему, с помощью которой пользователь может легко найти нужную ему информацию. Человеческому разуму необходимо когнитивное равновесие – способность логически соединять части, находить то, что он ищет, и находить вещи там, где они их ожидают.
Этап 4. Скелет сайта / КАРКАС
Стадия скелета очень похожа на предыдущую стадию, где рассматривалась структура. Здесь также речь идет о размещении функций и контента – не на сайте в целом, а на конкретной странице. После того, как будет составлен список элементов и текстовых блоков для каждой страницы, необходимо подумать о том, как эти блоки будут размещены. Навигация является основным аспектом работы на данном этапе. При размещении элементов важно обращать внимание на то, как пользователь будет перемещаться по странице. Главное правило: навигационная система должна позволять пользователю легко перемещаться по сайту, и она должна отражать взаимосвязь между страницами и взаимосвязь между страницей и самой навигационной системой. Прототипы могут иметь различные уровни детализации, в зависимости от сложности проекта. Прототип страницы собирает все решения макета в один документ, который служит мостом между более ранними этапами и визуальным дизайном сайта.
Этап 5. Дизайн web-сайта
Вся работа, проводимая на предыдущих этапах (стратегия, область применения, структура и скелет), состоит из формулировки ограничений, которые будут переданы проектировщику в виде входных данных, требований и пожеланий. Последний этап – дизайн. Web-дизайн стал формой цифрового творчества, стирая все границы искусства и коммерции. Он является одним из основных элементов web-разработки и требует множество различных навыков, стандартов и дисциплин, которые используются при создании и поддержке.
Определяется макет, цвета, стили текста, структуру, графику, изображения и использование интерактивных функций, которые в конечном итоге видят посетители сайта. Поэтому к данному этапу разработки сайта нужно отнестись очень серьезно. Следует продумать, какая цветовая гамма будет присутствовать, какие навигационные блоки и кнопки следует выделить и на какую область сделать акцент.
Этап 6. Разработка
Здесь главным критерием является только умение и технические навыки разработчика Веб сфера. Можно разрабатывать сайт с помощью конструкторов, а можно с помощью языков программирования.
Итог
При использовании этого метода веб-разработки важно понимать, что необходимо последовательно проходить все этапы разработки. Такой подход помогает избежать разных ошибок и приближает разработчика к хорошо функционирующему сайту.
Комментарии