5 составляющих юзабилити

20 мая 2013 г. Время чтения: 1 минута Опубликовано в разделах: FAQ по созданию сайта, Блог

1. Доступность (Accessibility)
Сайт должен быть доступен как можно большему количеству пользователей с разными возможностями работы в Сети.

1. Скорость загрузки
При соединении путем набора номера необходимо было укладываться в следующий норматив: загрузка 1 страницы за 10 секунд. На эту цифру и следует ориентироваться сегодня.

2. Кросс-браузерный тест
Сайт должен без проблем открываться во всех современных браузерах.

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

2. Читабельность (Readability)
1. Размер шрифта
Наиболее удобочитаемый кегль для пользователя находится в промежутке от 10 до 14 пунктов, старайтесь не выходить за эти рамки.

2. Контраст текста
Текст должен хорошо читаться. Для этого цвет букв на странице должен четко контрастировать с фоном данной страницы.

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

1. Наличие логотипа (или заголовка)
Заголовок объясняет пользователю основную идею всего сайта.

2. Релевантность заголовков на странице
Заголовки должны быть «говорящими»

3. Существует ли страница «О Нас» («About», «О компании»)
Подобная страница — одна из необходимых составляющих любого сайта; она знакомит пользователя с его владельцем.

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

5. Есть ли контактная информация
Контактная информация может быть на странице «О нас» либо размещаться на отдельной странице; ее наличие обязательно.

4. Навигация
1. Главное меню легко обнаружить
Пользователь должен находить главное меню сайта за одно-два клика мышью.

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

3. Навигация сделана на Flash или DHTML должна быть продублирована
Если навигация Вашего сайта основана на Flash или подобной ей технологии, ее необходимо продублировать в привычном «текстовом» виде.

4. Количество элементов навигации
Количество элементов навигации в идеале не должно быть более семи на каждом уровне. Допускается 10 элементов навигации – но большее количество воспринимается пользователем уже с очень большим трудом.

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

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

7. Логотип кликабелен
Логотип сайта должен быть кликабелен; нажатие на него должно приводить на главную страницу сайта.

8. Имеется карта сайта (Sitemap)
Сайты маленького объема, конечно, могут обойтись без карты. Но если на Вашем ресурсе сосредоточен большой объем контента, то наличие страницы с картой сайта является обязательным.

5. Контент
1. Наличие тегов Title
Тег Title должен быть заполнен для каждой страницы сайта.

2. Размер текстового поля
Текстовое поле должно быть таким, чтобы на экране пользователя не появлялся бегунок горизонтально прокрутки. Оптимальным разрешением остается 1024×768 пикселей.

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

4. Все ссылки активны
Все ссылки должны быть работоспособны и вести на те страницы, которые в ссылках указаны.

5. Структурированность текста
Текст на странице должен быть разбит на удобные для восприятия фрагменты. Для этого надо воспользоваться такими инструментами, как заголовки/подзаголовки, абзацы, списки, цитаты и так далее.

Понравился пост?

Подпишитесь на ежедневное обновление нашего блога прямо сейчас! Будьте в курсе новостей интернет-маркетинга!

Интернет-магазин и развитие
Получать новости компании 


×
Пакетное предложение
Получать новости компании 


×
Интернет-магазин и развитие на 100%
Получать новости компании 


×
Пакетное предложение
Получать новости компании 


×
Корпоративный сайт и развитие
Получать новости компании 


×
Пакетное предложение
Получать новости компании 


×
Корпоративный сайт и развитие на 100%
Получать новости компании 


×
Пакетное предложение
Получать новости компании 


×
Сайт-визитка и развитие
Получать новости компании 


×
Сайт-визитка, тексты и развитие
Получать новости компании 


×
Сайт-визитка и развитие на 100%
Получать новости компании 


×
Сайт, тексты и развитие (36 262 р)
Получать новости компании 


×
Лэндинг пейдж и Яндекс.Директ
Получать новости компании 


×
Лэндинг пейдж и Google.Adwords
Получать новости компании 


×
Лэндинг пейдж и Яндекс.Директ и Adwords
Получать новости компании 


×
Лэндинг пейдж и Яндекс.Директ 35 300 руб.
Получать новости компании 


×
Пакетное предложение
Получать новости компании 


×
Пакетное предложение
Получать новости компании 


×
Пакетное предложение
Получать новости компании 


×
Пакетное предложение
Получать новости компании 


×
Пакетное предложение
Получать новости компании 


×
Пакетное предложение
Получать новости компании 


×
Пакетное предложение
Получать новости компании 


×
Пакетное предложение
Получать новости компании 


×
Пакетное предложение
Получать новости компании 


×
Пакетное предложение
Получать новости компании 


×
Пакетное предложение
Получать новости компании 


×
Пакетное предложение
Получать новости компании 


×
Пакетное предложение
Получать новости компании 


×
Пакетное предложение
Получать новости компании 


×
Курс «Продвижение сайта без бюджета»
Получать новости компании 


×
Курс «Продвижение сайтов. Модуль 2»
Получать новости компании 


×
Курс «Профессиональная работа с контекстной рекламой»
Получать новости компании 


×
Курс «Создание Landing page + Яндекс.Директ»
Получать новости компании 


×
Курс «Создание сайта на Joomla 3! Модуль 2. Разработка»
Получать новости компании 


×
Курс «Создание интернет-магазина на VirtueMart»
Получать новости компании 


×
Курс «Создание интернет-магазина на VirtueMart»
Получать новости компании 


×
Курс «WordPress. Модуль 1. Управление сайтом»
Получать новости компании 


×
Курс«WordPress. Модуль 2. Разработка»
Получать новости компании 


×
Курс «Создание интернет-магазина»
Получать новости компании 


×
Курс «Создание сайта на основе CMS/HTML»
Получать новости компании 


×
Курс «Профессиональная веб-аналитика Google и Яндекс»
Получать новости компании 


×
Курс «Непоисковое продвижение сайтов в Интернет»
Получать новости компании 


×
Лэндинг пейдж на готовом дизайне и Яндекс.Директ
Получать новости компании 


×
Лэндинг пейдж на готовом дизайне и Яндекс.Директ
Получать новости компании 


×
Лэндинг пейдж на готовом дизайне и Google Adowrds
Получать новости компании 


×
Лэндинг пейдж на готовом дизайне и Яндекс.Директ и Google Adowrds
Получать новости компании 


×
Лэндинг пейдж на готовом дизайне и Яндекс.Директ и Google Adowrds 2 месяца
Получать новости компании 


×