Skip to content

Уменьшение наворотов

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

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

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

Сайт Oak имеет хороший плоский и адаптивный дизайн
Сайт Oak имеет хороший плоский и адаптивный дизайн

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

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

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

Уменьшение наворотов

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

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

Домашняя страница Paravel очень просто говорит о том, что компания делает, в то же время отражая большую индивидуальность
Домашняя страница Paravel очень просто говорит о том, что компания делает, в то же время отражая большую индивидуальность

Начинаем

Давайте рассмотрим, как уменьшать навороты в той или иной ситуации.

Рассмотрите структуру контента

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

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

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

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

Дайте возможность дышать

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

Сайт Саймона Фостера очень минималистичен, а контент ясен на всем сайте.
Сайт Саймона Фостера очень минималистичен, а контент ясен на всем сайте.

Удалите ненужное

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

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

Не бойтесь добавлять новое

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

Задание

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

Источник: WebDesign Tuts+

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

Выстраиваем согласованность и взаимосвязь в дизайне

Введение в иерархию