Каков общий процесс планирования и разработки нового веб-сайта?

10

Я работаю в агентстве, которое в основном занимается разработкой программного обеспечения, однако иногда микросайт является дополнением к одному из наших решений, и нам необходимо его создать.

Я пытаюсь определить процесс создания этих веб-сайтов, но я не знаю, в каком порядке обычно выполняется каждая задача, и особенно я пытаюсь выяснить, в какой момент должно быть написано любое копирование / статический контент.

Я могу думать о некоторых задачах, таких как: написание статического контента, дизайн, создание каркасов, определение ключевых слов и SEO, кодирование. но я не уверен, в каком порядке их решать.

Лисандро Ваккаро
источник
Эскиз - лучшее начало.
SaturnsEye
Вы хотите, чтобы набросок дизайнер взял? Если так, то я думаю, что ответ Скотта правильный. Или вы хотите наброски, которые вы, как клиент должен принять? Если так, то я думаю, что есть еще пара моментов, которые можно упомянуть.
Райан

Ответы:

7

Для меня многие области могут частично совпадать.

  • Определите потребности с помощью эскизов, каркасов, заметок, обсуждений, бюджета и т. Д. (Должно быть первым)

  • Каркас - Содержание может быть начато здесь или, по крайней мере, изложено. Грубые представления о размере контента помогут при создании каркасов, поэтому на самом деле написание и создание каркасов могут сочетаться.

  • Каркасное утверждение

  • Завершение контента - ранние этапы проектирования могут быть начаты здесь, но не могут быть завершены до завершения статического копирования.

  • Утверждение контента

  • Доработать дизайн / ключевые слова / кодирование - ключевые слова могут быть определены по мере разработки дизайна. В зависимости от рабочих привычек может быть начато кодирование, чтобы завершить проектирование.

  • Утверждение дизайна

  • Finish Coding / SEO - кодирование и SEO могут идти рука об руку. Вы знаете, код с SEO в то же время начать планирование внешних стратегий SEO и т. Д.

  • Утверждение кода

  • Постоянное SEO / сопровождение.

Скотт
источник
1
Перекрытия - лучшая часть процесса. Если вы работаете с командой, каркас и контент можно разрабатывать одновременно, а кодирование и проектирование можно начинать (отдельно), как только каркас будет готов. Конечно, контент можно настраивать повсеместно, но я бы начал SEO еще раньше, рука об руку с развивающимся контентом.
Blazemonger
5

Мой рабочий процесс проекта обычно работает так:

  1. Встретьтесь с клиентом (ами), чтобы собрать требования (определить, что им нужно)
  2. Определите, какие серверные стратегии использовать (язык программирования, платформа и т. Д.)
  3. Создайте каркас, чтобы описать, как будет работать сайт или приложение и куда пойдут основные элементы.
  4. Рассмотрите каркас с клиентом
  5. Макеты дизайна - это могут быть макеты HTML / CSS или изображения, разработанные в Illustrator или Photoshop
  6. Просмотр макетов с клиентом
  7. Редактировать макеты на основе отзывов клиентов
  8. Создать рабочий продукт

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

PixelGraph
источник
2

Я получил некоторую информацию из блога

http://sixrevisions.com/web-development/a-6-step-general-process-for-producing-a-website/

введите описание изображения здесь

  1. Учить

    Вас не должно удивлять то, что изучение - обнаружение и понимание того, что вам нужно создать в первую очередь - является наиболее важной частью всего
    процесса дизайна веб-сайта.

  2. Творческий Бриф

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

Какие вопросы вы должны задать в своем творческом задании? Как минимум, узнайте:

  • Целевая аудитория клиента
  • Их основные и второстепенные цели для сайта
  • Текущие характеристики бренда Бюджет
  • Сроки, которые они должны соблюдать

3. План

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

4. Дизайн

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

5. Код

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

6. Запуск

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

7. Поддерживать

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

Rachuru
источник
Да, как указано Пользователем, пожалуйста, разместите на сайте ваши ссылки, которые вы использовали, или ваш ответ может быть отклонен сообществом.
DᴀʀᴛʜVᴀᴅᴇʀ
1

Это может помочь. Есть несколько хороших принципов веб-дизайна

справочник по гуглу

Руководство представляет собой комплексный ресурс для веб-разработки на нескольких устройствах. Поэтому он разделен на 4 категории:

Макеты для нескольких устройств - создание гибких, не фиксированных макетов, обеспечивающих удобство работы независимо от того, на каком устройстве они находятся

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

Формы и пользовательский ввод - Создание форм, которые используют семантические типы ввода и элементы, которые реагируют на прикосновения и другие жесты.

Оптимизация производительности - узнайте больше об объектной модели браузера, как она строит страницу из вашего HTML и CSS. Существуют и другие правила и рекомендации для оптимизации доставки данных.

jamesy
источник