Улучшение юзабилити сайта

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

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

Что такое юзабилити

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

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

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

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

Зачем нужно улучшать юзабилити

В информационную эпоху людям приходится фильтровать качественную информацию от “мусора”. Если информацию воспринимать неудобно, то это – “мусор”, как бы грубо это ни звучало, и какой бы полезный смысл не несла информация.

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

Алгоритмы поисковиков могут оценивать то, сколько времени посетитель провёл на сайте и какие страницы открывал. Это называется вовлечённость. Вовлечённость — это один из главных показателей, который формирует поведенческие факторы.

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

Как начать улучшение юзабилити

Перед тем, как начать, нужно подготовиться. Для этого можно дать такие рекомендации:

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

Улучшение юзабилити сайта самостоятельно

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

Визуальная иерархия

Люди не читают информацию полностью, а пропускают то, что, по их мнению, им ненужно. Чтение происходит по определённому пути, обычно, в форме букв “Z” или “F”. Поэтому всю важную информацию нужно расположить на важных местах, по пути следования глаз посетителя.

Для страниц с большим количеством текста, лучше использоваться схему “F”, например, для блогов. А для страницы с небольшим количеством текста, подойдёт схема “Z”, например, для интернет-магазинов.

Главная страница

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

• На главной сразу должно стать понятно, что это за сайт, о чём он, и какую цель несёт.
• На главной должны быть следующие элементы:
  • анонсы материалов;
  • форма поиска;
  • форма подписки.
  
  
• Должна быть возможности перейти с главной в любой раздел сайта.

Оформление текстов

Внимание посетителей будет обращено на тексты. Поэтому вебмастер не должен обходить их вниманием.

• Уважайте время посетителей и не пишите воды. Тексты должны быть ровно такой длины, сколько требуется для передачи сути. Главная суть должна быть вначале.
• В тексте не нужно делать каких-либо элементов, которые могут вызвать негативную реакцию – яркие цвета, жёсткие контрасты, мигающие баннеры, бегущие строки и прочее.
• Используйте элементы структуризации статьи, такие как списки, таблицы, цветные вставки, графики и прочее.
• Старайтесь писать грамотно, ставьте запятые по правилам языка, перечитывайте слова на предмет опечаток.
• Выберите корректный размер и цвет шрифта. Шрифт должен быть привычным, читать должно быть легко, цвет должен быть тёмным и контрастировать с фоном, но не слишком резко.

wpuroki.ru

Написание контента для пользователей сайта имеет свои трудности. Начнём с того, что сам текст должен быть написан так легко и понятно, быть доступным каждому посетителю (это называется ридабилити или удобочитаемость). Когда удобочитаемость контента высока, аудитория в состоянии быстро переварить информацию, которой вы делитесь с ней — что может быть лучше для сайта, будь то блог, интернет-магазин или сайт вашей компании? Для достижения этой цели вам помогут следующие нехитрые подсказки, основанные на результатах исследований и собственного опыта таких признанных экспертов в области юзабилити, как Якоб Нильсен (Jakob Nielsen).

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

Контент, максимально удобный для пользователя. Общие цели

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

• Текст должен быть легким и удобочитаемым не только в плане организации и подачи информации, но так же и его формата.
• Смысл текста должен пониматься без усилий.
• Текст должен быть предельно понятен даже при «чтении по диагонали» — помните, что посетители веб-сайтов, как правило, часто просто просматривают статьи. Согласно исследованиям, читается только 28% объема всего текста на веб-странице.

Далее читайте, как просто и легко добиться этих целей.

1. Краткость — залог успеха

Всем хорошо известно, что пользователи не способны долгое время целенаправленно концентрировать внимание на каком-то определенном объекте в сети. Исследователи, раскрывающие изменения в наших поведенческих привычках при чтении цифровой информации, пришли к заключению, что большинство пользователей просто просматривают информацию и находят то, что им нужно без долгого и кропотливого прочтения всего контента страницы или даже сайта.
Нам нужны ключевые слова, мы привыкли читать по «диагонали», и быстро теряем способность концентрировать внимание на чем-то одном.
Мысль о том, что мы пытаемся сэкономить время на прочтении сайтов была подтверждена исследованием удобства и простоты использования веб-сайтов, проведенным Якобом Нильсеном. Согласно выводам исследования, эффективность ресурса можно повысить до 58%, просто сократив количество знаков на странице наполовину.
Более короткие статьи гарантируют большую удобочитаемость, так как именно от длины предложений и даже слов зависит наше пресловутое ридабилити и понимание текста, для достижения этой цели используйте следующие рекомендации.

• Не тратьте время на введение, переходите сразу к сути.
• Исключите ненужную информацию.
• Используйте легкие для понимания, более короткие, общие слова и фразы.
• Избегайте длинных абзацев и предложений.
• Используйте экономные и эффектные способы оформления мысли и текста, например, вместо того, чтобы писать «одна тысяча» ограничьтесь цифрой «1000». Это позволит пользователям быстро просмотреть текст и найти нужную информацию
• Проверьте свой стиль, используя формулы ридабилити, которые помогут вам оформить текст как можно правильнее. Инструмент для определения индекса ридабилити (The Readability Test Tool) позволяет вам подставлять URL, и показывает выдачу, основанную на популярных формулах ридабилити, таких как Flesch Kincaid Reading Ease (проверял на этом блоге, работает и с русским языком — прим. ред.).

2. Заголовки и подзаголовки, организация текста в больших статьях

Проведя исследование удобства и простоты использования сайтов, эксперт по организации веб-контента Джерри МакГоверн (Gerry McGovern), пришел к выводу, что интернет-пользователи просматривают страницы в интернете способом, который он назвал «блочным чтением».
Так, при просмотре страницы, мы подсознательно делим ее на отдельные блоки информации и быстро сканируем взглядом каждый из этих блоков, высматривая в каждом ту информацию, которая нас интересует.
Исследование движений глазного яблока, проведенное Нильсеном, только подтвердило этот вывод: сначала мы просматриваем текст слева направо, а затем скользим взглядом вниз по тесту и движения наших глаз напоминают латинскую букву F (по-английски это называется F-shaped pattern), что значит, что большое количество текста попросту остается непрочтенным.

Есть несколько вариантов работы с этим достаточно громоздким текстом. Одна стратегия состоит в том, чтобы разбить длинные статьи на абзацы для того, чтобы было удобнее быстро их просматривать. Данная стратегия отвечает особенностям блочного чтения (статья буквально разбита на эти самые блоки и каждый блок имеет заголовок), а так же тем, кто предпочитает просматривать статьи по модели буквы «F», потому, что заголовки мы так или иначе читаем.
Ниже вы видите этот текст в двух вариантах – без заголовков (вариант 1) и с заголовками (вариант 2). Думаю, понятно, с каким из двух вариантов читателю будет проще работать.

Что можно предпринять:

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

3. Помогите читателям максимально быстро просматривать ваш текст

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

Что можно предпринять:

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

4. Используйте маркированные списки и форматирование текста

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

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

Что можно предпринять:

• Обдумайте возможность разбивки абзаца на ряд пунктов с маркированным списком
• Выделите важную информацию жирным шрифтом и курсивом.

5. Пробелы очень важны

Значения интервалов между символами, словами, строками и абзацами очень важны. От того, как текст расположен на странице, зависит его удобочитаемость (значит, и скорость прочтения).
В исследовании, названном Reading Online Text: A Comparison of Four White Space Layouts, исследователи обнаружили, что варьируя интервалы и пробелы в тексте можно влиять на его понимание читателем и скорость его прочтения.

Что можно предпринять:

• Обдумайте варианты верстки вашей странички в плане пробелов и интервалов и настройте CSS сайта соответствующим образом.
• Ознакомьтесь со статьей CSS properties that affect spacing in your text. Наиболее важными являются такие показатели как margin, padding, line-height, word-spacing, letter-spacing и text-indent.

6. Понятные и удобные ссылки

Одним из главных преимуществ веб-текста является возможность использовать гиперссылки. Правильное использование гиперссылок в тексте может положительно повлиять на его ридабилити.

Что можно предпринять:

• Определите, какие ссылки уже были использованы пользователем, выделяя использованные цветом (поможет селектор CSS:visited). Это поможет посетителям видеть, какими ссылками они уже пользовались, а какими — нет.
• Используйте атрибут title, обеспечивая ссылки контекстом, на основе которого пользователи будут в общих чертах знать, что их ждет при переходе по ним.
• Если возникнет необходимость в дополнительной информации, читайте Visualizing Links: 7 Design Guidelines.

naikom.ru

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

Поиск по сайту

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

Восприятие текста

Это очень важный фактор, ведь если пользователю будет не комфортно читать текст какой-либо статьи, то больше 2-3 предложений он читать не будет. Одной из частых ошибок является цвет текста, вот примеры, просто отвратительных для восприятия, текстов: Желтый текст..

Светло-голубой..

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

Расположение элементов меню

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

Кнопка вверх

Я считаю, что данная кнопка должна обязательно присутствовать на сайте, так как мир блогосферы задает все новые стандарты размера статьи, исходя из которых, она получается совсем немаленькой. В русскоязычном интернете с этим все в порядке — на большинстве российских блогах стоит такая кнопка. Что касается англоязычных ресурсов — довольно таки редко я встречаю на них кнопку вверх, а ведь статьи у них немаленькие, в среднем не менее 4000 символов, а то бывает и лучше — от 10 до 15 тысяч символов в одной статье, если честно, раздражает так долго прокручивать страницу. Поэтому ставим кнопку, вот статья в помощь: Как сделать кнопку наверх?

Грамотность

Грамотность написания статей — это очень важный фактор, влияющий на улучшение юзабалита сайта! Сам очень часто допускаю ошибки, связанные, в большей степени, с торопливым написанием, например, могу не дописать какую-нибудь букву или наоборот, написать лишнюю. Чтобы проверить текст на ошибки, зайдите в панель Яндекс веб мастера и выберите инструмент — Яндекс-проверка орфографии, введите адрес вашего сайта (или адрес страницы) и нажмите «Проверить». Ошибки будут выделены желтым. Также, допущенные вами ошибки, обычно подсвечиваются красным, но ошибки, связанные с неправильной формой слова (не тот род, число, падеж, склонение) и пунктуацией, вам не выявит ни одна машина. Как не допускать ошибок? Чтобы не допускать ошибок, просто перечитывайте свою статью сразу после того, как завершите её написание.

Дизайн

Говорят, что контент — это самое важное на сайте, и я с этим полностью согласен, ведь независимо от того, каков дизайн, если информация является полезной и интересной, то человек будет её читать. Но есть и обратная сторона, которая касается поискового продвижения. Дизайн — это очень мощное оружие, которое способно задержать пользователей на вашем интернет ресурсе! На что влияет дизайн:

• Время пребывания на сайте (отсюда следует уменьшение отказов)
• Количество просмотров

Чтобы создать красивый дизайн, не нужно быть дизайнер или знатоком таких языков программирования, как php и java, достаточно иметь хороший вкус и богатую фантазию! В первую очередь нужно обращать своё внимание на шаблон (тему), из которого потом вы сможете сделать что-то своё. Читайте: Какой выбрать шаблон для сайта? Помните, читать интересную и полезную информацию на простом сайте — это одно, а читать статьи на сайте, дизайн которого радует глаз, это уже куда более приятное занятие!

Скорость загрузки

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

• Позиции в поисковых системах
• Индексация
• Посещаемость
• И, соответственно, юзабилити.

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

Размещайте контент слева

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

Простые формы для заполнения

Чем проще для заполнения форма, будь это контактная или регистрационная, тем лучше! Если используется защитный код (капча), то не нужно делать его очень сложным и длинным, ведь если человек несколько раз введет код неправильно, то желание пользоваться этой формой, скорее всего, отпадет.

Страница 404

Не стоит забывать и про страницу ошибки 404, ведь если пользователь не найдет нужной ему информации, то, вполне вероятно, он покинет ваш сайт. От вас требуется сделать все возможное, чтобы с этой страницы уходило как можно меньше людей (либо вообще не уходило). Для этого можно поставить какую-нибудь весёлую картинка, которая бы изъясняла посетителям, что делать дальше. Либо, можно вывести список случайных публикаций, или же порекомендовать воспользоваться поиском.

Улучшение комментариев

Ну, во-первых, должна присутствовать сама возможность оставления комментариев, а дальше нужно заняться небольшими преобразованиями и следующими улучшениями:

1. Добавляем комментарии от Facebook
2. Добавляем комментарии от Вконтакте
3. Возможность подписаться на новые сообщения, ответы
4. Возможность комментирования под профилями социальных сетей

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

Похожие материалы

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

Прочие рекомендации

Основное оружие, которым должен владеть каждый блоггер — это умение писать интересные и полезные статьи. Если не заботиться о своем блоге, о качестве контента и, конечно же, о своих дорогих читателях, то все, выше изложенные советы, вряд ли помогут. Также, советую почитать эту статью по теме: Что должно быть на каждом seo блоге? Ну что же, на этом советы подошли к завершению, теперь вы знаете как улучшить юзабилити своего сайта! Подписывайтесь на обновления и получайте статьи на тему поискового продвижения сайтов, дизайна и многого другого! Ваш Сергей Оганесян, до новых встреч!

sergey-oganesyan.ru

Основные принципы читабельной страницы

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

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

Вот три основных принципа, которых следует придерживаться:

1. Визуально текст и оформление странички должны быть приятными глазу и легко восприниматься читателем (текст должно быть хорошо видно, он должен быть разборчивым).
2. Содержание должно быть лёгким для понимания.
3. Текст должен быть таким, чтобы его можно было бегло просмотреть. Веб-пользователи не читают много. Исследования показывают, что в лучшем случае мы читаем 28% текста на веб-странице.

Как же достигнуть соответствия контента на сайте этим принципами? Об этом мы и расскажем в нашей статье.

1. Сохраняйте контент как можно более кратким

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

Пришло время обратиться к исследованиям Якова Нильсена: он утверждает, что юзабилити сайта может быть повышено на 58% только путём сокращения текстов на нём наполовину.

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

Что можно сделать уже сейчас:

1. Переходите ближе к делу как можно быстрее. Не нужно длинных вступлений.
2. Вырежьте всю не слишком необходимую информацию.
3. Используйте лёгкие для понимания слова и фразы.
4. Избегайте длинных абзацев и предложений.
5. Используйте сохраняющие время и привлекающие внимание техники, такие как использование цифр вместо написания чисел прописью: «1000» вместо «одна тысяча». Такое представление текста облегчает беглый просмотр текста и позволяет быстро схватывать нужную информацию.

2. Используйте подзаголовки, чтобы разбить длинную статью на части

Исследования юзабилити, проведённые экспертом по веб-контенту Джерри МакГоверном, привели его к выводу, что веб-читатели изучают страницу, мысленно разбивая её на блоки и секции, он называет это «блочное чтение». Подробнее об этом можно почитать в его статье «Block reading: how we read on the Web».

Т.е. когда пользователь смотрит на страницу, он воспринимает её не как единое целое, а как отдельные фрагменты информации. Пользователь бегло просматривает отдельные блоки, которые, как ему кажется, содержат ту информации, которую он активно ищет. Очень хорошо это иллюстрирует тепловая карта, сделанная при помощи прибора Eye Tracker, который фиксирует движение глаза пользователя, когда он смотрит на экран. Пользователи читали кусками: сначала слева направо, потом сверху вниз, пропуская много текста с других сторон, получается подобие буквы F.

Можно сделать кое-что для того, чтобы приспособиться под это «кружевное» чтение. Во-первых, разбить длинный текст подзаголовками, чтобы пользователь мог легко скользить вниз по странице. Это поддерживает пользовательскую манеру «блочного чтения», так как заголовки автоматически разбивают текст на блоки. А также соответствует манере пользователя просматривать страницу F-образным способом, так как заголовки помогают ему легко двигаться вниз.

Ниже представлено два варианта расположения текста:

1. Без заголовков
2. С заголовками

Посмотрите сами, какой из них более читабельный.

Что можно сделать уже сейчас:

1. Прежде чем написать пост, попробуйте разбить его на логические части, которые можно обособить подзаголовками.
2. Используйте простые и короткие заголовки.
3. Используйте ключевые слова в тексте и заголовке, чтобы привлечь внимание пользователя.

3. Помогите пользователям быстро просканировать вашу страницу

Мы уже не раз упоминали о том, что пользователь стремится бегло просмотреть страницу, нужно помочь ему в этом, сделать её более удобной для такого сканирования, и юзабилити повысится примерно на 47% (согласно исследованиям Якова Нильсена).

Что можно сделать уже сейчас:

1. Сделайте первые два слова значимыми. Когда пользователь просматривает страницу, он обращает внимание только на несколько первых слов заголовка или ссылки.
2. Используйте ключевые слова в заголовках и ссылках.
3. При написании текста используйте стиль «перевёрнутой пирамиды», поместив самую важную информацию в начале текста.

4. Используйте маркированные списки и форматирование текста

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

Что можно сделать уже сейчас:

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

5. В тексте должно быть достаточно пространства

Расстояние между символами, словами, строчками и параграфами — очень сильно влияет на скорость чтения пользователя и восприятие им информации.

Что можно сделать уже сейчас:

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

6. Ссылки должны быть правильными

Одно из самых больших преимуществ веб-контента — возможность пользоваться ссылками.

Что можно сделать уже сейчас:

1. Использованные ссылки должны отличаться цветом от тех, по которым пользователь ещё не переходил.
2. Используйте всплывающие подсказки. Пользователь должен знать, чего ему ожидать при переходе по ссылке.

7. Используйте визуальные эффекты

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

И снова согласно исследованиям, проведённым при помощи Eye Tracker, стало ясно, что пользователи уделяют очень пристальное внимание картинкам, которые содержат нужную информацию.

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

Что можно сделать уже сейчас:

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

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

Источник

www.optimization.com.ua

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

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

1. Забудьте «правило трех кликов»

В своей книге Taking Your Talent to the Web (2001) Джеффри Зельдман (Jeffrey Zeldman), известная личность в мире веб-дизайна, выдвинул идею о том, что «правило трех кликов помогает создавать веб-сайты, обладающие интуитивной и логичной иерархической структурой». То есть, если для того, чтобы получить доступ к искомому куску контента, пользователю необходимо совершить больше трех кликов, он начинает испытывать фрустрацию, потому что это требует много усилий и воспринимается как трата времени.

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

И тогда возникает вопрос: а имеет ли правило трех кликов под собой вообще какую-то научно-эмпирическую основу? Другими словами, существуют ли исследования, результаты которых указывали бы на то, что после трех кликов пользователи начинают испытывать фрустрацию?

Согласно исследованию, проведенному британским веб-дизайнером Джошуа Портером (Joshua Porter), пользователи, не обнаружившие искомый контент после трех кликов, не склонны прекращать поиски. Более того, в ходе исследования некоторые испытуемые совершили до 25 кликов.

Взаимосвязь числа кликов и процент выполненных заданий в случаях успеха (синее) и провала (рыжее)

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

• Примеры юзабилити пользовательского интерфейса

2. Помните про F-паттерн

Якоб Нильсен провел исследование, в ходе которого осуществлялся айтрекинг (eye-tracking, окулография) более чем 230 пользователей интернета в ходе просмотра ими различных веб-страниц. В результате выяснилось, что при беглом просмотре взгляд пользователей движется по F-образной траектории.

Теплокарта просмотра страниц сайта Якоба Нильсена

Eyetools, совместно с двумя маркетинговыми компаниями, Did-It и Enquiro, провела похожее исследование. В нем приняли участие 50 испытуемых, каждого из которых просили ознакомиться с результатами поиска Google. В итоге взгляд всех 50 испытуемых чаще концентрировался на верхнем левом углу, и тепловая карта имела F-образную форму.

Теплокарта просмотра страницы результатов Google

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

• 7 уроков из практики айтрекинга

3. Скорость загрузки имеет значение

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

Так, несколько лет назад специалисты компании Microsoft провели исследование с использованием своего поисковика Bing. Цель исследования заключалась в выявлении взаимосвязи (если таковая вообще существует) между скоростью загрузки страницы и рядом таких показателей, как удовлетворенность пользователей, средний доход с одного посетителя и данные по кликам.

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

Взаимосвязь между задержкой в загрузке страницы в мс и изменением следующих показателей (слева направо): 1) число уникальных запросов на 1 пользователя (%); 2) число модификаций запросов (%); 3) прибыль на 1 пользователя (%); 4) общее число кликов (%); 5) удовлетворенность пользователей (%); 6) время на совершение клика (мс).

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

К счастью, существует множество инструментов, помогающих повысить скорость загрузки и работы страниц, например, такие как Page Speed от Google или YSlow от Yahoo.

• Как устранить негативный эффект долгой загрузки при помощи прогресс-индикаторов?

4. Сделайте текст более читабельным

Известный юзабилити-специалист Якоб Нильсен провел исследование, в котором он изучал особенности восприятия текста посетителями своего сайта, и оказалось, что люди редко читают онлайн-контент, находящийся у них перед глазами. Посетители среднестатистической веб-страницы (ок. 593 слов) читают 20—28% текста. При дальнейшем увеличении объема текста этот показатель постепенно уменьшается вплоть до 10%.

Взаимосвязь между числом слов на странице и максимальной долей этого числа (в %), которую способен прочитать пользователь (при скорости чтения 250 слов в минуту)

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

• Размер имеет значение, или Длина текста на посадочной странице

5. Не зацикливайтесь на «линии сгиба»

Понятие «линия сгиба» пришло из сферы печатных СМИ и, будучи примененным к веб-дизайну, означает границу области, которая видна сразу, без необходимости скролить вниз. Впервые этот термин предложил Якоб Нильсен.

Термин актуален при анализе длинных страниц, и вопрос состоит в том, на каком этапе такая страница перестает быть эффективной. Стоит ли строить ресурс так, чтобы он состоял из коротких страниц и вся информация была представлена выше «линии сгиба»?

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

Взаимосвязь между длиной страницы (в пикселях) и количеством пользователей, проскроливших 90% и более

Даже наоборот: движимые любопытством, пользователи, которым выше «линии сгиба» было представлено недостаточно информации, еще больше склонны скролить вниз. Специалист компании CX Partners Джо Лич (Joe Leech) также провел исследование на эту тему.

Тепловые карты двух страниц. То, что часть информации представлена ниже «линии сгиба» (слева), побуждает пользователей скролить вниз и более подробно изучать материалы

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

• Как заставить пользователей прокрутить лендинг пейдж до конца?

6. Важный контент — в левую часть страницы

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

Доля времени, уделяемая просмотру каждой зоны страницы в зависимости от удаленности этой зоны (в пикселях) от левого края экрана

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

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

• 4 совета по оптимизации конверсии целевых страниц с помощью тепловых карт

7. Не забывайте про пустое пространство

Итак, вам удалось привлечь пользователя на сайт. Теперь вы хотите, чтобы он остался на нем подольше. Что нужно для этого сделать? Мы уже говорили про повышение читабельности. Один из способов заставить пользователя более подробно изучать содержимое — правильный выбор стиля и размера шрифта. Использовать шрифт serif или sans-serif? Средний кегль или крупный? А что насчет расстояния между строками и буквами? И насколько шрифт должен контрастировать с фоном?

В 2004 г. специалисты компании Microsoft провели еще одно исследование, посвященное читабельности текста в интернете. В исследовании приняли участие 20 испытуемых, каждому из которых был представлен ряд различных текстовых блоков c разными параметрами полей и высоты строки. Хотя при отсутствии полей скорость чтения увеличилась, показатель степени усвоения текста уменьшился. Такое повышение скорости чтения может быть связано с тем, что текст без полей становится шире, но короче, в результате глазу нужно физически меньше времени, чтобы преодолеть расстояние от начала до конца текста.

Влияние наличия полей: 1) на скорость чтения; 2) на степень усвоения текста. (Слева — с полями; справа — без полей).

• О важности пробелов

8. Дело в мелочах

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

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

И это ошибочный подход.

Одна незначительная на вид мелочь может определить разницу между успешным и совершенно провальным ресурсом. Дизайнер пользовательских интерфейсов Джаре Спул (Jared Spool) приводит в качестве примера этому один из случаев из своей практики, когда удаление одной-единственной кнопки, которая озадачивала многих пользователей в процессе оформления заказа, в первый же месяц привело к повышению продаж на 45%. В результате только за первый год прирост выручки составил $300 000 000.

Похожие соображения, видимо, двигали специалистами дизайнерской компании Flow. На этапе оплаты заказа кредитной картой на их сайте периодически возникала ошибка, и пользователь попадал на стандартную страницу «ошибка 404». Маркетологи компании переработали страницу, и вместо бесполезного сообщения пользователи стали видеть следующий текст: «Просим прощения, возникла ошибка при обработке заказа. Списания средств с вашей карты не произошло. Пожалуйста, перейдите в корзину и попытайтесь снова». (We’re sorry, we’ve had a problem processing your order. Your card hasn’t been charged yet. Please click checkout to try again.) Вежливо, лаконично и в то же время информативно.

В результате ежемесячное число оформленных заказов возросло на 0,5%, что выразилось в дополнительных 25 000 000 фунтов стерлингов выручки в год.

Информативное сообщение вместо стандартного «ошибки 404»

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

• 7 уроков оптимизации юзабилити сайтов на основе 200 000 тестов

9. Поиск не должен служить компенсацией неудобного меню

Заходя на ресурс, каждый ожидает увидеть удобное меню навигации, даже в тех случаях, когда сайт обладает хорошим функционалом поиска. Таким образом, навигация просто обязана быть хорошо структурированной и удобной в использовании. Американский дизайнер Джерри Мак-Гаверн (Gerry McGovern) провел исследование, по результатам которого 70% испытуемых для нахождения нужного контента предпочли кликать на ссылки, вместо того чтобы использовать поиск.

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

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

• Как оптимизировать навигацию интернет-магазинов, или 7 раз отмерь

10. Домашняя страница теряет значимость

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

Еще одно исследование, проведенное Джерри Мак-Гаверном, показало тенденцию снижения числа просмотров домашних страниц: в 2003 г. число просмотров главной страницы одного крупного интернет-ресурса составляло 39% от общего числа просмотров, а в 2010 г. этот показатель снизился до 2%. По результатам аналогичного исследования процент просмотров главной страницы другого веб-сайта в период с 2008 по 2010 гг. уменьшился с 10% до 5% соответственно.

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

Высоких вам конверсий!

По материалам: infiniteconversions.com, image source Peter Alfred Hess 

lpgenerator.ru

Анализ юзабилити сайта

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

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

Итак, ваша задача — провести анализ юзабилити сайта на соответствие таким пунктам:

• уникальный контент — содержимое вашего ресурса должно быть абсолютно уникальным, авторским. Если такое не возможно в ряде случаев — нужно указывать источник, а также дополнять собственным описанием, выводами;
• качественная текстовая составляющая — все статьи должны быть правильно оформлены и составлены, у них не должно быть никаких ошибок любого характера;
• приятное графическое оформление — цветовая гамма и оформление сайта не должны вызывать негатив у большинства пользователей, а текст хорошо читаем;
• удобная навигация — постраничная навигация, удобное меню по разделам и все прочее, что помогает посетителю найти желаемую информацию;
• карта сайта — общая карта содержимого сайта по всем рубрикам и подрубрикам;
• высокая скорость загрузки страниц — страницы сайта должны загружаться как можно быстрее. Если время ожидания превышает 1-2 секунды — это уже минус. Значит нужно выбрать другой вид хостинга и тарифный план, а также оптимизировать нагрузку на сервер;
• не заспамленность рекламой (контекстной, банерной и др.) — любая реклама должна органично вписываться в структуру сайта и не мешать его юзабилити;
• удобный поиск — поиск по какому-либо запросу должен выдавать соответствующую информацию, которая полностью удовлетворит посетителя;
• правильная внутренняя перелинковка — внутренние ссылки на другие статьи должны быть логичны и не вводить пользователей в заблуждение. Наличие в конце статьи или поста списка «похожих материалов» будет очень кстати.

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

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

Улучшение юзабилити сайта

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

Если же проблема была выявлена, решайте её, тем самым улучшая юзабилити сайта.

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

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

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

 

sitesnulya.ru

Анализ юзабилити

Анализ статистики. Провести анализ юзабилити можно с помощью разных инструментов, каждый из которых решает определенные задачи. Основной сервис, рекомендуемый к пользованию, – Яндекс.Метрика. Она позволяет вести учет ваших посетителей, платформы, с которых они заходят на сайт, а также поведение на ресурсе.

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

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

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

Тестирование сайта. Для тестов юзабилити часто используется сервис Google Page Insights, с помощью которого можно определить скорость загрузки страниц. Также, если у вас большое количество посетителей на сайте, можно сделать A/B-тестирование, пробуя различные варианты и анализируя изменения с помощью Яндекс.Метрики.

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

Анализ конкурентов. Для создания понятной и удобной структуры необходимо проанализировать сайты конкурентов из топа выдачи поисковых систем. Если они занимают лидирующие позиции в Яндексе, Google, то признаны удобными и полезными для пользователей. Проведите полный анализ юзабилити сайта, выявите сильные и слабые стороны и учтите все факторы при доработке.

Как улучшить юзабилити

Есть определенный базис по структуре сайтов, соблюдение которого обязательно.

Улучшение юзабилити сайта. Рекомендации.

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

Навигация и структура сайта

Проработанное меню

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

Грамотная перелинковка

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

«Хлебные крошки»

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

Карта сайта

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

Возможность быстро найти информацию

Для удобства использования важно, чтобы вся самая важная информация была отображена на главной странице и видимых участках сайта (footer, боковые колонки).

Наличие функциональных элементов

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

Оформление сайта

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

Шрифты и заголовки

• Не используйте слишком мелкий или большой шрифт.
• Посмотрите в Интернете, какие шрифты более востребованы и приятны для основной массы пользователей.
• Откажитесь от неконтрастных шрифтов (светлый текст на светлом фоне или темный текст на темном фоне).

Цветовая гамма

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

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

Качественный контент

Контент на страницах сайта – важная и неотъемлемая часть любого ресурса вне зависимости от тематики.

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

Содержание и грамотность

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

Структура и форматирование

• Разделяйте текст заголовками и подзаголовками.
• Используйте маркированные списки.
• Разбавляйте текст картинками, видеоматериалами.
• Добавляйте цитаты, выделяйте важные пункты жирным шрифтом.
• Если текст большой, разделите его на несколько отдельных статей, перелинковав материалы между собой.
• Используйте форматирование по ширине, чтобы текст не был «обрывистым».

Высокая скорость загрузки страниц

Для удобства использования сайта оптимизируйте содержимое страниц и снизьте загрузку до минимума, сжав картинки, иконки в меню, элементы дизайна, убрав лишние Java-скрипты. Для проверки скорости загрузки страниц можно использовать сервис Google Page Insights.

Отсутствие ошибок 404

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

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

Поддержка работы с разными браузерами и мобильными устройствами

Сайт должен быть максимально удобным для просмотра во всех браузерах, в т. ч. с мобильных устройств. Очень часто один и тот же ресурс может выглядеть по-разному в Google Chrome, Safari или Opera и пр. При разработке и тестировании дизайна проверяйте внешний вид страниц и их структуру во всех браузерах и адаптируйте под мобильные платформы.

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

steptosleep.ru