Контакты

Анализ юзабилити блога — пример. Исследования и имеющие отношение к "юзабилити". Качество дизайна является показателем доверия

UI-дизайн (с англ. user interface design - дизайн пользовательского интерфейса) - это совокупность интерактивных элементов, предназначенных для улучшения конверсии ресурса и способствующих более глубокому погружению интернет-посетителя в предлагаемый контент. Другими словами, UI-дизайн - это дизайн целевой страницы, созданный с любовью к пользователям и призванный обеспечить им должный уход и внимание. И от того, как грамотно (а именно, красиво и логично) этот дизайн реализован, зависит и качество (коэффициен конверсии) того общения, которое произойдет в итоге.

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

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

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

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

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

Примеры ресурсов с высоким юзабилити

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

1. Google Play Store

Интернет-магазин Google Play Store располагает тысячами всевозможных приложений и платными/бесплатными программными продуктами, которые можно скачать прямо с сайта или телефона под управление OS Android. Грамотно организовать столь огромный и разнородный объем информации оказалось непростой задачей, но профессионалы из Google способны создать такую систему навигации, что найти любую из необходимых программ стало делом всего одного-двух кликов.

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

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

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

2. Tribal Media

PR-агентство Tribal Media привлекает к себе максимум внимания за счет впечатляющей фотографии городского ландшафта, размещенной в хедере целевой страницы. Стоит заметить, что сайт довольно хорошо организован и весьма удобен. Когда вы прокрутите страницу вниз, то сразу заметите, как все логично устроено, к примеру, блок «Кому мы помогаем»:

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

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

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

3. Mozilla

Компания Mozilla Corporation известна тем, что является создателем третьего в мире по популярности бесплатного браузера Mozilla Firefox

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

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

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

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

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

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

4. Towfiqi

Towfiqi реализует готовые дизайнерские решения (графические макеты страниц) для сайтов на WordPress, Joomla и других системах

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

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

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

5. Apple

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

Все, что вам может понадобиться, “яблочные“ дизайнеры умудрились разместить на одном экране, без скроллинга! Определенно, Apple в курсе юзабилити.

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

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

Внедряйте элементы UI-дизайна уже сегодня!

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

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

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

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

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

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

Владелец любого сайта желает иметь много посетителей. Если же интернет-ресурс разработан для получения прибыли, то цифры посещаемости и конверсии становятся жизненно важными. Высокий уровень юзабилити веб-страниц обеспечивает полновесный трафик и большое количество покупателей. Что такое «юзабилити» и как сделать сайт привлекательным для клиентов?
Что такое «юзабилити» usability?
Согласно терминологии, юзабилити сайта — это степень удобства работы человека с интерфейсом. Этим же словом называются методы улучшения сайта во время разработки.

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

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

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

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

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

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

По мнению социологов, люди в наше время слишком нетерпеливы. Посетителей Интернета это касается в самой полной мере. Как свидетельствует Nielsen Norman Group, средний пользователь проводит на одной странице 27 секунд и в большинстве случаев не досматривает ее до конца.

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

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

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

  • У вас есть причина для кого-то независимого?
  • У вас есть доступ к статистике и источникам трафика?
Рекомендации в веб-аналитике основаны на целях владельца и текущем состоянии сайта.

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

Сравнивая два веб-ресурса с разным уровнем юзабилити, можно отметить:

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

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

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

Что является предметом изучения юзабилити?
Юзабилити рассматривает несколько основных факторов, среди которых:

  1. Простота обучения. Определяется тем, как быстро посетитель, впервые вошедший на сайт, осваивает выполнение простых заданий.
  2. Эффективность использования. Насколько быстро клиент, научившийся пользоваться сайтом, решает свои вопросы?
  3. Запоминаемость. Хорошо ли пользователь запоминает схему работы на сайте при повторном открытии веб-страниц? Или потребуется снова что-то изучать?
  4. Ошибки при работе. Часто ли пользователь ошибается, решая на сайте свои задачи? Насколько эти ошибки серьезны, легко ли их исправить?
  5. Удовлетворение от работы. Нравится ли посетителю работать с системой, и если да, то в какой мере?
По данным статистики, каждые 6 пользователей из 10 не могут найти в интернете нужную информацию. Одна из главных причин заключается в пренебрежении правилами юзабилити, в результате чего на поиск уходит больше времени и работа оказывается малоэффективной. Поэтому тем, у кого уже есть веб-ресурс, полезно протестировать его.

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

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

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

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

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

Разработка прототипа
Для первой серии тестов достаточно сделать прототип интерфейса, без графики и с минимальным количеством текста. Этого достаточно для того, чтобы получить вполне объективные данные с комментариями пользователей. Анализ результатов позволит определить, насколько данный вариант сайта способен решать задачи юзеров. Прототипы делаются на бумаге, в HTML, при помощи MSVisio и т.д.

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

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

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

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

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

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

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

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

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

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

Breadcrumbs («Хлебные крошки»)
Выражение, заимствованное у братьев Гримм, характеризует систему навигации, при которой человек в любой момент легко определяет где он находится. А на предыдущую страницу может вернуться, не нажимая «Back». Роботам такая схема тоже облегчает передвижение по сайту.

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

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

3. Контактная информация (как минимум - телефон) должна быть не только вверху, но и внизу.
4. Меню первого уровня (еще лучше - если и второго) ставится на каждой странице.
5. На страницах обязательно указываются названия разделов
6. Для удобства посетителя, нужно показывать ему, где он находится, выделением текущего раздела в меню.
7. Желательно выделять ссылки на каждой странице одинаково и подчеркивать их, чтобы было хорошо видно, что именно является ссылкой.

Поиск по сайту
Довольно часто, не обращая внимания на систему навигации, посетители для перехода на нужную страницу сразу используют внутренний поиск. В каких случаях веб-ресурс нуждается в подобном элементе? Я. Нильсен предлагает пользоваться правилом: «Если сайт имеет до 100 страниц, поиск не обязателен. От 100 до 1000 - желательно, хотя система выбирается попроще. Свыше 1000 - необходимо, притом система должна быть высокоэффективной».

Рекомендации
1. Лучше всего, если поисковая форма имеется на каждой странице (обычно вверху справа).
2. Длина поля для запроса выбирается в пределах 27 - 30 символов.
3. Система работает только по «своему» сайту, поиск в других ресурсах Интернета не предлагается.
4. Результаты поиска желательно оформлять так, как это делают глобальные поисковики: содержать введенный запрос, краткое описание, заголовок со ссылкой.
5. Рекомендуется проверять орфографию, и, при ошибке в запросе, уточнять фразу («Возможно, Вы хотели написать…?»)

Главная страница
С главной страницы обычно начинается знакомство с сайтом. Поэтому требования к ней предъявляются особенные:
1. На главной должно быть краткое и понятное разъяснение, что собой представляет веб-ресурс и для чего он нужен. Часто для этого используют слоган и приветствие.
2. Главная страница - это сайт в миниатюре. На ней располагается обзор содержимого: коммерческие предложения, заголовки последних статей, сервисы (авторизация, подписка и т.д.).
3. Желательно, чтобы часть информации регулярно обновлялась (новости, корпоративный блог)
4. Большую пользу приносит наличие ссылки/подсказки типа «Откуда начинать». Чем очевиднее способ дальнейшего продвижения по сайту, тем посетителю проще и удобнее перейти к основному содержимому.

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

Текст
Лучше всего, если тексты короткие, без «ненужных» слов, содержащие только конкретную информацию по теме. При их составлении используется правило «пирамиды»: сначала даются основные выводы, затем приводится их обоснование, после чего тема разворачивается более подробно. Самая важная и полезная часть информации располагается вверху - она должна быть видна без прокрутки.

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

Заголовки
Рекомендуется делить страницу на разделы, используя теги заголовков в формате HTML-документа (

-

). Это привлекает внимание посетителей, а поисковые системы подобную структуру считают серьезным преимуществом веб-ресурса.

Оформление
1. Минимальный размер шрифта - 12 рх (в MS Word это приблизительно соответствует 10 pt).
2. Подбирая шрифты, лучше ориентироваться не на фиксированный размер, а на относительные величины.
3. Шрифты «без засечек» (Arial, Arial Black, Verdana, Tahoma) на экране читаются легче, чем Times New Roman или Georgia.
4. При использовании шрифтов разного цвета, их должно быть не более четырех.
5. Применение только прописных букв снижает скорость чтения и ухудшает восприятие смысла.
6. Цвета текста и фона должны быть контрастными. Лучший вариант - черные буквы на белом поле.

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

Дополнительные теги
Скорее всего, браузеры будут больше ориентированы на стандарты CSS, поэтому тег станет непопулярным, а и будут заменены другими, так что желательно использовать их пореже. При работе с HTML-редактором, при необходимости изменений, могут появиться дополнительные теги. В то же время DreamWeaver и другие редакторы такого типа их группируют, что «нравится» поисковикам. К тому же кодировка становится более четкой, дальнейшие апдейты упрощаются.

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

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

Рекомендации для повышения доступности сайта
1. Навигация обязана предусматривать вариант управления только клавиатурой, без мыши.
2. В начале каждой страницы должна стоять ссылка на главную так, чтобы это было первым, что произносит диктор на экране.
3. Использование тега label связывает поля формы с подсказками, после чего формы начинают взаимодействовать с дикторами.
4. Дикторы игнорируют изображения, поэтому каждый рисунок должен иметь описание.
5. Если в целевой аудитории есть слабовидящие, то нужно поставить опцию изменения размеров шрифта, несмотря на то, что подобная имеется в браузере.
6. Не все адаптационные технологии хорошо воспринимают javascript, поэтому лучше использовать его минимально.

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

А если сайт уже работает?
Допустим, с разработкой все понятно. А что делать, если сайт уже работает? На него затрачены средства, он долго создавался, было просмотрено множество вариантов… Все переделать?

Не часто, но бывает и так, что приходится переделывать - настолько плохо отвечает веб-ресурс потребностям посетителей. Хотя обычно бывает достаточно «мелкого ремонта». Главное при этом - обратиться к опытным специалистам. Прежде всего, следует проконсультироваться у профессионала по юзабилити. Затем придется провести исследование eye traking (слежение за движением глаз) и обычное юзабилити-тестирование с привлечением респондентов из целевой аудитории. И необходимо провести независимый или . В результате появится возможность составить перечень недостатков, после чего можно начинать работу по улучшению сайта.

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

Понравилась статья? Поделитесь ей