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

sozdanie_sayta

При разработке веб-сайта нужно сосредоточиться на следующих факторах юзабилити:

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

Что нужно знать перед тем как начать улучшать юзабилити:

Что такое дизайн веб-сайта?

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

Почему многие веб — сайты разработаны некачественно?

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

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

Что, в основном, делают люди в Сети?

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

Что нужно сделать для улучшения юзабилити сайта

Дизайн с ориентацией на посетителя-читателя

Лишь очень немногие веб — сайты разработаны с ориентацией на запросы посетителей. Помните, что человек, зашедший на ваш сайт:

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

Разместить качественно написанный контент

Такой контент отвечает следующим требованиям:

• Содержит факты, броские, описательные заголовки и краткие изложения.
• Документы короткие. Обычно объёмом 500 — 700 слов, а параграфы — 40 — 60 слов. Отдельные предложения должны быть короткими. На одну строку текста приходится не более 9-12 слов.
• Регулярно обновляйте контент. Устаревший не делает вам чести.

Эффективная организация контента

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

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

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

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

Поработать над интерактивностью веб — сайта

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

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

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

Разработайте стандарты и соблюдайте их

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

Приведём список последних стандартов и договоренностей в сфере веб — дизайна:

• Важнейшие элементы навигации.
На каждой веб — странице должен быть набор важнейших элементов навигации, который появляется при загрузке. Он содержит перечень ключевых зон сайта. Набор важнейших элементов навигации всегда должен начинаться со ссылки на домашнюю страницу веб — сайта.
Набор включает в себя ссылки «Домашняя страница», «О компании», «Товары», «Потребители», «Контактная информация».
• Краткие титульные данные («шапка»).
Они расположены в верхней части страницы и должны занимать мало места, как, например, в газете. Основная площадь экранного отводится контенту, поскольку именно ради него посетители заходят на сайт.
• Компоновка в три колонки. В среднем, компоновка в три колонки позволяет разместить на странице максимум контента в самом удобочитаемом формате. Правда, на некоторых веб —  сайтах, особенно на стартовой странице, использована компоновка в четыре колонки.
• Нижний колонтитул на каждой странице.
Это информация, повторяющаяся в нижней части буквально каждой страницы веб — сайта. В данную зону вносятся важнейшие ссылки, контактная информация (адрес, телефон, факс, электронный почтовый адрес), ссылки на разделы об авторских правах и политике конфиденциальности.
• Максимальная общедоступность. Стандарты минимально допустимой общедоступности все чаще становятся законодательным требованием. В любом случае, используя лучшие образцы дизайна, гарантирующего общедоступность, вы создадите более эффективный веб — сайт.
• Эффективные компоновка и дизайн домашней страницы. Стартовая страница имеет две основные функции.
Во-первых, дает посетителям сайта возможности навигации и поиска, чтобы быстро найти нужную информацию; во — вторых, привлекает внимание к важному контенту.
• Крупный шрифт без засечек. Если в печатных материалах лучше воспринимается шрифт с засечками, то в Сети рекомендуются шрифты без засечек, такие как Verdana и Arial, поскольку их проще читать на компьютерном дисплее.
Для кратких изложений и заголовков на домашней страницы размер шрифта не должен быть менее 8 пунктов. А рекомендуемый минимальный размер для документов — 10 пунктов.
Идеальный цвет шрифта: черный текст на белом фоне.
• Никакого курсивного, полужирного, подчеркнутого шрифта. Избегайте курсива, потому что на экране он плохо смотрится. Также избегайте полужирного шрифта в основном тексте, поскольку пользователь может воспринять его как ссылку. То же, причём уже происходит, если использовать подчеркивание. Значит, подчеркивание не применяйте никогда.
• Мелкие графические фрагменты. Графические фрагменты должны быть небольшими, особенно на стартовой (домашней) странице. Если все же требуется крупное изображение, стоит использовать так называемое «контрольное изображение» (англ.: thumbnail), щелчок по которому включает полноразмерный режим, позволяющий посетителю лучше рассмотреть данный графический фрагмент.
• Совместимость со всеми веб — браузерами. Хотя браузеру Internet Explorer сейчас принадлежит наибольшая доля рынка, до сих пор важно, чтобы веб — сайт можно было нормально посмотреть в Netscape Navigator. Значит, вы должны протестировать свой сайт в обоих браузерах, а также в разных их версиях.
• Легкие страницы. Если ваши веб — страницы загружаются медленно, люди ждать не станут, а просто уйдут с сайта.
Поэтому старайтесь ограничивать размер («вес») страниц цифрой 50 килобайт; это означает использование небольших графических фрагментов.
• Никаких рамок. Рамки (фреймы) разбивают веб — страницу на отдельные секции.
• Никаких заставочных страниц. Заставочной называют вводную страницу, которую видит пользователь, зашедший на веб — сайт, еще до того, как доберётся до реальной домашней страницы.
• Много гипертекста. Гипертекста должно быть много, однако придерживайтесь стандартной цветовой схемы, к которой уже привыкли пользователи Интернета: гипертекст, по которому ещё не щёлкали, выделен синим, а после щелчка он становится фиолетовым. Гипертекст — это навигационный инструмент, и, использовав нестандартную цветовую схему, вы запутаете посетителей вашего веб — сайта.
• Никакого трюкачества. Кружащийся логотип, анимированный ящик электронной почты, автоматический вывод «последних обновлений» информации, счетчик страниц — всё это признаки любительского веб — сайта.

Тестирование, тестирование и еще раз тестирование

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

Ошибки, которые нужно обойти:

Думать, будто веб — сайт должен привлекать внимание

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

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

Сайт в стиле брошюры

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

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

 

© 2019 // Дизайн и поддержка: GoodwinPress.ru