Ошибки в дизайне блога — как избежать и устранить

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

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

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

Типичные ошибки в дизайне блога, которые стоит устранить

1. Примитивная и однообразная структура текста

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

Советы:

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

— используйте нумерованные или маркированные списки;

— придумывайте правильные адекватные названия для страниц, чтобы пользователи сразу понимали, какую статью они читают;

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

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

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

2. Неудобная навигация по сайту

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

Советы:

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

— гиперссылки тоже являются элементов навигации, и должны четко выделяться на фоне текста;

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

— используйте конкретный описывающий текст для ссылок (это также имеет положительный эффект на SEO);

— добавляйте alt text для картинок.

3. Неправильная настройка параметров типографики

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

Советы:

— размер шрифта должен быть как минимум 12-14 – текст с буквами меньшего размера сложно читать, поэтому старайтесь использовать маленький шрифт только в самых редких случаях;

— чтобы читатели чувствовали интерактивность вашего текста, используйте цветные буквы и подчеркивание для текста ссылок;

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

— старайтесь избегать слишком каллиграфических шрифтов, так как они, во-первых, могут быть неразборчивыми, а во-вторых, визуально перегружать контент;

— старайтесь не использовать несколько шрифтов на одной странице, хотя для заголовков в принципе можно использовать другой шрифт, чем для основного текста, а также выделить их определенным цветом, который подойдет по стилистике для дизайна всего сайта;

— лучше всего подойдут классические Times New Roman, Verdana или Helvetica; также неплохо и довольно стильно будут смотреться Lora и Adelle.

Типичные ошибки в дизайне блога, которые стоит устранить

4. Низкий контраст

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

Советы:

— для проверки удобочитаемости и улучшения показателя контраста вашего текста можно использовать инструмент WebAIM;

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

5. Неправильная длина и высота строк текста

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

Советы:

— старайтесь придерживаться оптимальной длины строки текста – 50-75 символов с пробелами;

— если в вашем тексте слишком много или мало символов в одной строке, попробуйте изменить размер букв или подстроить шаблон;

— высота строки должна составлять примерно 120-150% от высоты шрифта.

6. Визуальная перегруженность

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

Советы:

— используйте выделение жирным, наклон и подчеркивание только там, где действительно нужно подчеркнуть какой-то важный факт;

— оставляйте определенное расстояние между картинками и текстом, а также между заголовком и основным текстом;

— не добавляйте на свой сайт слишком много анимации и других подобных элементов;

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

Типичные ошибки в дизайне блога, которые стоит устранить

7. Несогласованный дизайн

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

Советы:

— используйте шаблон со стандартным согласованным дизайном для каждой страницы со ссылками на главную страницу сайта;

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

8. Неудобное разрешение экрана

Вы когда-нибудь попадали на сайт, который нужно было прокручивать по горизонтали? Согласитесь, неприятное и неудобное ощущение. В современном дизайне это недопустимо. Хороший дизайнер всегда разрабатывает сайты, которые отлично работают на устройствах с экраном любого размера. Относительно оптимальной ширины макета ведется очень много споров. Большинство шаблонов WordPress адаптированы под любые устройства, в том числе и мобильные, но если вы хотите убедиться в том, что ваш блог будет везде хорошо показываться, прочтите наши советы:

— проверьте, адаптирован ли ваш шаблон под мобильные устройства;

— проверьте, какое разрешение экрана использует большинство пользователей с помощью Google Analytics;

— сервис W3 Schools Browser Stats позволяет вывести в виде списка наиболее популярные среди пользователей браузеры, а также некоторую другую полезную статистическую информацию.

9. Слишком сложные формы регистрации

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

Советы:

— сравните, какие регистрационные формы есть у других успешных сайтов, чтобы понять, какую базовую информацию стоит собирать при регистрации;

— обеспечьте поддержку регистрации через социальные сети.

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

Если у вас есть что добавить, оставляйте свое мнение в комментариях.