Joomla3 ▶ Компоненты ▶ Модули ▶ Плагины!

1 1 1 1 1 1 1 1 1 1 Рейтинг 0%(0 Голосов)

celevaya auditoriya

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

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

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

Знайте своих посетителей

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

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

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

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

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

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

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

Юзабилити

Важно, чтобы посетители действительно хотели использовать ваш сайт.

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

В сфере взаимодействия человека и компьютера и в вычислительной технике термин «юзабилити» часто используют для описания того, как спроектирован веб-сайт или компьютерная программа и насколько хорошо дизайн позволяет пользователям программы или веб-сайта выполнять конкретные задачи и добиваться поставленных целей. Юзабилити в Сети посвящено множество исследований и книг. Один из наиболее популярных сетевых ресурсов — это сайт Якоба Нильсена (Jakob Nielsen), расположенный по адресу http://useit.com.

Юзабилити веб-сайта — это уравнение, состоящее из двух частей:

  • Насколько просто посетителям сайта получить нужную информацию или завершить задачу, ради которой они зашли на ваш веб-сайт?
  • Как вы, будучи владельцем сайта, можете преобразовать простоту использования в желаемые результаты, например, подтолкнуть людей к прочтению материалов, приобретению продукта или визиту в ваш офис?

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

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

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

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

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

Что такое доступность?

Доступность (Accessibility) — это общий термин, обозначающий, насколько продукт, услуга или среда доступны как можно большему количеству пользователей.

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

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

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

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

В мировом масштабе стандарты доступности определяются рекомендациями Web Content Accessibility Guidelines или WCAG («Руководства по доступности веб-контента»). Эти рекомендации формулируются Консорциумом Всемирной паутины (World Wide Web Consortium, W3), международным объединением организаций-участников, в сотрудничестве с общественной организацией, которая устанавливает все веб-стандарты. Стандарты WCAG строже стандартов Требования 508 и направлены именно на поддержание веб-технологий.

Согласно описанию на веб-сайте W3 (http://w3.org), WCAG 2.0 содержат четыре основных пункта:

  • Воспринимаемость. Для любого нетекстового контента предоставляйте текстовую альтернативу; любые материалы предоставляйте так, чтобы их можно было воспринять альтернативным способом, старайтесь, чтобы содержимое можно было легко увидеть и услышать.
  • Функциональность. Поддерживайте возможность работы с контентом при помощи клавиатуры, оставляйте пользователям достаточно времени, чтобы они успевали прочитать и понять контент. При проектировании контента убеждайтесь, что он не вызовет у пользователя негативных реакций (таких как эпилептический припадок или обострение хронического заболевания), и делайте материалы простыми для навигации, поиска и обнаружения.
  • Понятность. Контент не должен вызывать трудностей с прочтением и пониманием, страницы должны работать предсказуемо, помогать пользователям избегать ошибок и, в случае необходимости, исправлять их.
  • Устойчивость к сбоям. Максимизируйте совместимость с текущими и будущими user agent и вспомогательными технологиями.

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

Вот несколько простейших способов внедрения дизайна и функционала доступности:

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

Хороший способ проверить веб-сайт на базовое соответствие рекомендациям по доступности — всего-навсего взглянуть на него, отключив все элементы оформления, такие как изображения, мультимедиа и стили. В браузере Firefox для этого нужно выбрать меню View (Вид), а затем щелкнуть на пунктах Page Style (Стиль страницы) и No Style (Без стиля). В других браузерах есть свои, но, в целом, похожие элементы управления для отключения стилевой разметки.

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

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

Хороший пример доступного шаблона для Joomla входит в базовый комплект установки. Он называется Beez. Его относительно несложно настраивать и адаптировать.

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

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

По материалам книги Дж.Мэрриотт, Э.Уоринг — Joomla! 3.0. Официальное руководство (Для профессионалов) – 2013.

Сейчас 28 гостей онлайн

download

demo