7 СОВЕТОВ, ЗА КОТОРЫЕ ЮЗАБИЛИТИ ВАШЕГО САЙТА СКАЖЕТ «СПАСИБО»
А начнём мы нашу статью сразу с определения (а вдруг?):
Юзабилити(от англ. usability – возможность использования) – это характеристика сайта, отражающая на сколько удобно пользоваться ресурсом.
Написание контента для пользователей сайта предполагает ряд важных аспектов. Главным среди них является читабельность контента.
Когда содержание является достаточно удобным для чтения, ваша аудитория может быстро переварить информацию, которую вы им дали. Будь то интернет-магазин, блог или корпоративный сайт.
Ниже приведены несколько простых советов и приемов для повышения юзабилити вашего сайта.
Эти советы основаны на результатах исследований и заключений экспертов по юзабилити, таких как Якоб Нильсен
Общие цели удобного для пользователей контента:
- Эффективным контентом считается совокупность усилий дизайнера и копирайтера.
- Веб-страницы должны быть разработаны так, чтобы читателям было легко «поглощать» содержание за счет эффективного использования цветов, отступов и т. д.
- Текст и типографика должны быть легкими и приятными для чтения.
- Содержание должно быть легким.
- Содержание должно быть не очень объёмным, потому пользователи не читают много. Исследования показывают, что в лучшем случае, мы читаем 28% текста на веб-странице
1. Будьте краткими.
Хорошо известно, что концентрация внимания интернет-пользователей достаточно непродолжительна, и что они не читают статьи «от и до». Мы склонны оставаться на страницах, в которых мало текста, чтобы было проще искать информацию.
Повышение юзабилити на 58% может быть достигнуто лишь за счет сокращения текста.
Что вы можете сделать:
Повышение юзабилити на 58% может быть достигнуто лишь за счет сокращения текста.
Что вы можете сделать:
- Ближе к делу как можно быстрее.
- Вырежьте ненужную информацию.
- Используйте простую для понимания манеру письма, больше коротких общих слов и фраз.
- Избегайте длинных абзацев и предложений.
- Экономьте время читателей, например, с помощью замены правописания чисел на цифры.
- Меняем «одна тысяча» на «1000» и получаем лёгкий текст.
2. Используйте заголовки, чтобы разбить длинные статьи.
Когда мы смотрим на веб-странице, мы склонны рассматривать его не в целом, а, скорее, как разобщенные куски информации. Мы склонны проходиться по блоках, переходя к элементам, которые соответствуют тому, что мы ищем.
Нильсон исследовал траекторию движения глаз по сайту, которое подтвердило, что пользователи читают текст по кускам, перескакивая с одного на другой.
Ниже вы увидите тот же набор текста форматированный без заголовков (версия 1) и с заголовками (версия 2).
Видите разницу?
Что вы можете сделать:
• Перед тем как написать пост, мысленно разделите его на куски.
• Используйте простые и краткие заголовки.
• Используйте ключевые слова.
Нильсон исследовал траекторию движения глаз по сайту, которое подтвердило, что пользователи читают текст по кускам, перескакивая с одного на другой.
Ниже вы увидите тот же набор текста форматированный без заголовков (версия 1) и с заголовками (версия 2).
Видите разницу?
Что вы можете сделать:
• Перед тем как написать пост, мысленно разделите его на куски.
• Используйте простые и краткие заголовки.
• Используйте ключевые слова.
3. Сделайте так, чтобы для читателей было возможным «пробежаться» по странице быстро.
Пользователи любят структурированный контент.
Что вы можете сделать:
Что вы можете сделать:
- Прорабатывайте первые слова заголовков. Тенденция такова, что пользователи пробегают глазами по первым двум-трём словам заголовках.
- Используйте пирамиду стиля письма. Самая важная информация должна находиться в верхней части статьи.
4. Используйте маркированные списки и форматирование текста.
Пользователи задерживаются больше на маркированных списках и форматированных текстах (например, как жирный шрифт и курсив).
Эти текстовые инструменты привлекают к себе внимание из-за их характерного внешнего вида, а также скорости чтения путем разбивки информации на отдельные части и выделяя важные ключевые слова и фразы.
Что вы можете сделать:
Эти текстовые инструменты привлекают к себе внимание из-за их характерного внешнего вида, а также скорости чтения путем разбивки информации на отдельные части и выделяя важные ключевые слова и фразы.
Что вы можете сделать:
- Промаркируйте абзацы, которые возможно.
- Выделите важную информацию, жирным шрифтом и курсивом.
5. Оставляйте достаточное расстояние между блоками.
Расстояние между символами, словами, строками и абзацами важно. Это существенно влияет на разборчивость.
Что вы можете сделать:
Изучите свойства CSS (формальный язык описания внешнего вида документа, написанного с использованием языка разметки), которые влияют на интервал в тексте. Те, что дадут вам максимальную отдачу от затраченных средств, — это высота строки, слово-интервал, письмо-интервал и текста отступ.
Что вы можете сделать:
Изучите свойства CSS (формальный язык описания внешнего вида документа, написанного с использованием языка разметки), которые влияют на интервал в тексте. Те, что дадут вам максимальную отдачу от затраченных средств, — это высота строки, слово-интервал, письмо-интервал и текста отступ.
6. Поставьте гиперссылки.
Одно большое преимущество веб-контента — наша способность использовать гиперссылки. Правильное использование гиперссылок может помочь улучшить юзабилити.
Что вы можете сделать:
Что вы можете сделать:
- Укажите, какие ссылки уже посетил пользователь (они должны отличаться от обычных ссылок).
- Подписывайте гиперссылки, чтобы пользователь понимал, что его ожидает, когда он перейдёт по ним.
7. Используйте визуализацию.
Фотографии, диаграммы и графики стоит тысячи слов. Эффективное использование визуальных эффекты могут улучшают читаемость, когда они заменяют или усиливают длинные блоки текстового контента.
Однако пользователи игнорируют определенные изображения, особенно фотографии, которые просто включены в качестве декоративной части.
Что вы можете сделать?
И пусть клиенты как пчёлы к сладкому мёду слетаются, аминь.
Однако пользователи игнорируют определенные изображения, особенно фотографии, которые просто включены в качестве декоративной части.
Что вы можете сделать?
- Убедитесь, что изображения, которые вы используете связаны по смыслу с текстовым контентом.
- Избегайте стоковые фотографии и бессмысленные визуальные эффекты.
И пусть клиенты как пчёлы к сладкому мёду слетаются, аминь.
Еще публикации
из мира маркетинга
УЧИМ САМОСТОЯТЕЛЬНО УПРАВЛЯТЬ ПРОЕКТОМ
Смотреть все