Skip to content

Планирование дизайн-проекта

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

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

При планировании особое внимание необходимо уделить контенту. Контент с которым вам придется работать (предпочтительно в полном объеме, реальный контент, который будет использоваться на сайте), как он иерархически выстраивается и работает, какая будет карта сайта и другое. Также не забудьте про структуру проекта, рабочие сроки и объем проекта.

Работа с содержанием

Супер важно при работе над дизайном реального сайта отказаться от Lorem Ipsum (или альтернативных ему текстовых наполнителей) и работать с реальным контентом. Это не всегда возможно, но лучше настоять перед клиентом на своем, и попросить предоставить контент, который они желают видеть на сайте.

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

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

Сортировка содержания

Если у вас уже есть реально содержание, то первое, что вам необходимо сделать — это проанализировать его и определить, что нуждается в изменении или удалении. Сара Парментер кратко затронула эту тему на Responsive Day Out в Брайтоне в марте, где стала говорили об анализе содержания в системе светофора.

Всякий раз, когда Сара и ее команда получают контент для проекта, они его анализируют и разделяют на три цвета:

  • Зеленый: контент, который нельзя не оставить.
  • Красный: контент, который является ненужным. Его следует удалить.
  • Желтый: спорный контент, об использовании которого еще будут переговоры с клиентом.

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

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

Иерархия содержимого

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

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

Карта сайта

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

sitemaps1
Это примерная карта сайта

Это базовая карта сайта созданная с помощью MindnodePro. Если у вас маленький сайт (такой же как и этот), иногда у вас может возникать идея добавить какой-то элемент на странице, и вы можете сделать это на карте.

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

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

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

Задания

  1. Работа с каким-нибудь реальным контентом (может быть даже из прошлого проекта) с использованием системы светофора. Помните: устранить ненужное содержимое, сохранить отличный контент и отметить неплохой контент.
  2. Используя на практике советы, касательно карты сайта, создайте свою карту, с контентом, который вы проработали. Помните, что при сортировке контента вы ищете общие элементы и модули контента, как и с кусками кода. Приложите все усилия, чтобы разделить все части вашего контента, чтобы создать карту сайта со всеми отдельными страницами, которые, по вашему мнению, понадобятся на веб-сайте.

Данная запись является частью серии "Школа дизайна для разработчиков".

Добро пожаловать в "Школу дизайна для разработчиков"

Исследуйте ваш дизайн-проект