Этапы создания сайта для людей

Маленький конспект по мотивам курса веб-дизайнеров от Lynda.com

1. Цели сайта

Определите цели сайта:

  • Создать сообщество
  • Повысить продажи
  • Учебные посты
  • Блог
  • Рассказать о себе
  • Рассказать о товаре

Целей может быть несколько, но вы должны иметь их перед глазами.

Если у вашего сайта нет цели, которую нельзя сформулировать в одно предложение, подумайте, нужен ли он вам.

2. Контент

В вебе нет ничего важнее контента. Определите, что является контентом сайта.

Пример:

В блоге это статьи, в портфолио дизайнера — его работы. В кинотеатре — расписание и цены на сеансы.

Ни один элемент на странице не должен помешать посетителю получить то, за чем он пришёл на ваш сайт.

Контент должен выделяться и не теряться среди второстепенных элементов.

3. Архитектура

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

Нарисуйте, как вы представляете себе навигацию.

4. Прототип

Вы можете нарисовать прототип на нескольких листах или с помощью сервисов.

Дизайнеры из команды 37signals рисуют ранние прототипы маркером с большим стержнем. Это самый простой способ не начать его детализировать и не завязнуть навечно.

Убеждаемся, что клиент доволен, — идём дальше.

Затем на основе ранних заготовок создаётся полноценный прототип. В Photoshop/Gimp обычно.

5. Кликабельный прототип

Берём финальный прототип и верстаем несколько страничек.

Многие используют текст-рыбу, но я в последнее время всё больше подставляю реальный контент, например новости с Кинопоиска.

Проверяем вёрстку во всех четырёх браузерах.

6. Внедряем в CMS/движок

Проверяем вёрстку во всех четырёх браузерах.

Тестируем функционал.

Проверяем, что контент доступен, у сайта хорошая типографика, логичная навигация.


После каждого пункта требуется согласование с клиентом.

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

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

Он не может сформулировать цель сайта, он может не знать ничего о контенте.

В итоге:

Первые три пункта выполняются заказчиком → трудно создать имеющий отношение к реальности прототип.

Оставшиеся выполняются подряд без согласования. И мы снова возвращаемся к пункту 3.