оставить заявку

Улучшаем дизайн сайта (часть 1)

Сергей Анисимов
09 мая, 2018

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

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

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

Основной текст

На всем сайте должен использоваться единый принцип выравнивания текста — по левому краю. Вёрстка с выключкой по ширине выглядит очень хорошо, если сделана вручную профессиональным верстальщиком (например, при верстке книги). Если оставить выравнивание по ширине на совести браузера, в тексте будут неестественные дыры на месте пробелов, из-за чего страница будет выглядеть хуже.
Расстояния между абзацами должны быть больше, чем расстояния между строками. Это правило является частным случаем теории близости и правила внутреннего и внешнего.

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

Текст и фон

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

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

Убедитесь, что у вас нет шрифтового разнобоя. Сильно сомневаемся, что в рамках одной страницы, да и целого сайта вам понадобится более 2-3 шрифтов.

То же самое касается цвета букв — не нужно использовать все цвета радуги, достаточно 2-3 цветов для основного текста и заголовков. Кстати, основной текст почти всегда стоит делать черным — особенно если дизайн не сделан профессиональным дизайнером.

 

Больше информации:

Тэги

повышение юзабилити сайта Поисковое продвижение улучшение дизайна