355 500 произведений, 25 200 авторов.

Электронная библиотека книг » Роман Овчинников » Корпоративный веб-сайт на 100%. Требуйте от сайта большего! » Текст книги (страница 5)
Корпоративный веб-сайт на 100%. Требуйте от сайта большего!
  • Текст добавлен: 24 сентября 2016, 07:41

Текст книги "Корпоративный веб-сайт на 100%. Требуйте от сайта большего!"


Автор книги: Роман Овчинников


Соавторы: Сергей Сухов
сообщить о нарушении

Текущая страница: 5 (всего у книги 15 страниц) [доступный отрывок для чтения: 6 страниц]

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

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

20. Целевые аудитории

...

Целевые аудитории– это группы пользователей (Клиенты, бизнес-партнеры, инвесторы, СМИ и т. д.), являющиеся критически важными для бизнеса компании. Именно на них должен быть ориентирован веб-сайт. Выявление и постоянный мониторинг целевых аудиторий является одной из ключевых задач маркетинга компании.

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

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

Выбор целевых аудиторий

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

Клиенты(потенциальные и действующие). Они посещают сайт для того, чтобы приобрести товар или услугу, получить информацию о компании

Бизнес-партнеры, контрагенты(потенциальные, действующие). Их основная цель – получение информации о партнерских программах (скидках, сертификации и т. д.)

Электронные и печатные СМИприходят на сайт за пресс-релизами, фотографиями первых лиц

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

Соискатели работыидут на сайт, чтобы узнать о вакансиях и условиях работы

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

Собственные сотрудники, как правило, читают новости, общую информацию о компании, участвуют в ведении корпоративного блога или общаются на форуме

Органы власти и управлениячасто посещают сайт с целью контроля над деятельностью компании

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

В зависимости от специфики работы компании данный список может быть вами сокращен или расширен.

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

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

В идеале для каждой приоритетной целевой аудитории должны быть проработаны свои сценарии поведения.

Например, Альфа-банк, как, впрочем, и многие другие банки, делает это с помощью блоков: «Частным лицам», «Малому и среднему бизнесу», «Корпоративным клиентам», «Финансовым организациям» и т. д.

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

...

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

21. Цели и задачи посетителей

...

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

Цели посетителей

Задачей Департамента маркетинга является составление для каждой целевой аудитории списка целей, ради достижения которых они приходят на сайт.

При этом крайне желательно, чтобы цели были сформулированы максимально конкретно и с учетом особенностей вашей аудитории.

...

Проектирование сайта «для посетителей» является основным принципом современных веб-разработок. Это непросто!

Например, к типичным целям посетителей вашего сайта из группы «Потенциальные Клиенты» относятся:

Выбор и заказ товара/услугиили отправка запроса на коммерческое предложение

Оценка уровня бизнеса компаниипутем ознакомления со списком бизнес-партнеров, изучения портфолио, сертификатов, наград и т. д.

Получение технической, консультационнойили какой-либо иной поддержки (например, «скачать руководство»)

Отправка жалоб и претензий

Знакомство с демоверсией продукта

Чтение справочных материалов

Скачиваниедополнительного программного обеспечения

Запись на учебный семинарили регистрация на мероприятии

Поиск контактной информациидля обращения в компанию

Чтение сообщений в корпоративном блоге

Цели могут быть разбиты на подцели. Например, обращаясь в агентство недвижимости, Клиенты стремятся выбрать, купить, снять, арендовать или сдать в аренду квартиру, дом или офисное помещение. Каждую из этих подцелей имеет смысл рассматривать отдельно (скажем, создать отдельные сценарии для аренды квартир и офисов).

...

Для сайта, предлагающего различные виды одежды, в интерфейсе часто выделяют категории: «Для модниц», «Классика», «Стиль на заказ» и другие

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

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

Не путайте цели

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

...

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

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

...

Из брифа, присланного Клиентом: «Я хочу, чтобы у меня был самый лучший, красивый, яркий, просто замечательный сайт… Чтобы веселил он меня…»

Другой пример: размещение на сайте новостей типа «Мы провели корпоративную вечеринку в лучшем ночном клубе городка Мажорск. Всем очень понравилось!»Обычно инициаторами таких публикаций выступают специалисты по развитию персонала, стремящиеся подчеркнуть выдающиеся результаты своей работы.

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

От целей к проектированию

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

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

...

Структура и контент сайта должны быть отражением целей его посетителей

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

Если посетители приходят к вам в основном с целью найти контактную информацию, то имеет смысл разместить ее в верхней части всех страниц, создать хороший раздел «Контактная информация» и т. д.

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

Из рецензий наших экспертов

22. Сценарии поведения пользователей

...

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

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

...

Все, что не вписывается в понятные сценарии, следует удалить с сайта

Вы можете предусмотреть на своем сайте сценарии для решения следующих задач:

Отправить запросна коммерческое предложение

Купить товарв интернет-магазине

Изучить портфолиокомпании

Оставить комментарийв блоге или на форуме

Скачать прайс-лист

Отправить рекламациюна некачественную продукцию

Воспользоваться «базой знаний»компании

Обратиться к руководствукомпании

Рассчитать стоимостьстрахового полиса

Заполнить анкетудля приема на работу

Узнать контактную информацию

Обратитьсяв службу технической поддержки

Скачать дополнительную документацию

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

...

Основной акцент при проектировании необходимо делать на Клиентов, затем на бизнес-партнеров и соискателей работы

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

При проектировании сценариев обратите внимание на следующее:

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

Количество шагов в любом сценарии должно быть минимальным(в идеале – одно нажатие на кнопку «Купить», «Заказать», «Отправить»)

Отработка сценария должна быть абсолютно прозрачна и очевидна(в отдельных случаях имеет смысл организовать интерактивный Help или FAQ)

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

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

Способы отработки сценариев

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

Кнопки и формы для мгновенного совершения действий(«Проголосовать», «Зарегистрироваться», «Отправить запрос», «Оставить комментарий» и др.)

Мастера-визарды, позволяющие последовательно пройти определенную процедуру (например, оформить заказ). Часто их реализуют в виде шагов «1-2-3»

«Интеллектуальные» агенты(например, электронные гуру, позволяющие подобрать товар, исходя из потребительских характеристик. Эти характеристики собираются ими, благодаря ответам на вопросы, понятные пользователям)

...

Примерно в 2002 году, для того чтобы купить компьютер на хрестоматийном сайте www.dell.com, требовалось пройти 27 экранов!

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

Например, на первой странице агентства WOWbranding (www.wowbranding.com) пользователю предлагаются два базовых сценария:

• разработать новый бренд;

• обновить текущий бренд.

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

Корректировка сценариев

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

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

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

...

На сайте компании «М2-квадрат» на первой странице в 2006 году находилось 140 (!) ссылок. Это значит, что вероятность похода пользователя именно туда, куда вы хотите, составляет примерно 0,7 %

Однако даже это не позволяет полностью предопределить маршрут движения пользователя по сайту, особенно если он начинает перемещаться по нему не с первой страницы (так часто бывает, если пользователь приходит с какой-либо поисковой системы, например, с www.yandex.ru или www.google.com). Это, кстати, говорит о том, что сценарии должны проектироваться не только для первой страницы сайта, но и для всех остальных его страниц. Об этом часто забывают.

23. Права доступа

...

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

По уровням доступа различают три типа зон или компонент:

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

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

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

...

На самом деле авторизованный пользователь не знает, что он находится в интернет-, экстранет– или интранет-зоне. Ему заранее настроены права доступа, и он видит только то, что может видеть, согласно этим правам

Все эти компоненты, как правило, должны функционировать на базе единой системы управления контентом и могут быть интегрированы с множеством сторонних приложений и сервисов (например, с бухгалтерскими программами, платежными системами, системами документооборота, CRM, ERP и т. д.).

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

Авторизация

Для разграничения прав доступа могут использоваться один или несколько видов авторизации:

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

Авторизация с использованием внешних каталогов пользователей – OpenID, цифровой паспорт. NET, OLAP и др. Этот способ применяется только на очень больших порталах, чтобы обеспечить пользователю единую «точку» авторизации

Авторизация по логину/паролю, предоставленному пользователю (в последнее время в качестве пароля часто используется адрес электронной почты). Это стандартная модель, применяемая в 99 % случаях на 70 % корпоративных сайтах. Если сомневаетесь в выборе, используйте именно ее

«Одноразовая» авторизациячерез специально высланный (или заранее выданный) код

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

...

Практически идеально работает авторизация, например, на сервисах Google. Изучите их опыт и решения

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

Доступ к внешним сервисам

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

24. Пользовательские роли

...

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

Уровни доступа

С технической точки зрения обычно разграничивают права для следующих ролей:

Анонимные пользователи, обладающие минимальными правами, как правило, ограниченными фронт-офисом

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

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

Администраторы, обладающие максимальным набором прав (в том числе, на конфигурирование системы и управление другими ролями)

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

...

Для корпоративных сайтов характерно минимальное количество ролей пользователей (в отличие, например, от социальных сетей или сайтов сообществ)

Роли «автор» («публикатор») и «администратор», как правило, выдаются только представителям команды поддержки сайта.

...

Часто спрашивают: «А не смогут ли конкуренты проникнуть в наш экстранет и, например, по остаткам продукции проанализировать динамику наших продаж?» Ответ довольно очевиден: «Конечно, смогут. Особенно если вы не проработаете политику выдачи прав и систем безопасности»

Исключение (для роли «публикатор») делается на сайтах, контент которых могут создавать сами пользователи. В минимальной степени это возможно в рамках форумов и блогов, а в максимальной – на сайтах тренда Веб 2.0 и в Wiki-проектах.

Роли и статусы Клиентов

Специфическим маркетинговым применением ролей является назначение статусов различным категориям Клиентов.

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

...

Вошедший анонимом, админом быть не может

На некорпоративных ресурсах (например, на отраслевых порталах) роли и права могут настраиваться так называемой системой саморегулирования статусов сообществом (например, на сайте www.habrahabr.ru – это «карма»).

25. Пользователи с ограниченными возможностями

...

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

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

Принято разделять ограничения функций по следующим категориям:

Нарушения статодинамической функции(двигательной)

Нарушения функций кровообращения, дыхания, пищеварения, выделения, обмена веществ и энергии, внутренней секреции

Сенсорные нарушения(зрения, слуха, обоняния, осязания)

Психические нарушения(восприятия, внимания, памяти, мышления, речи, эмоций, воли)

При адаптации сайта для таких пользователей необходимо:

Учитывать особые средства доступа к веб-сайту, которые могут ими использоваться

Предпринимать целый ряд шагов по изменению интерфейса и контентасайта (в частности, по созданию специальных механизмов изменения интерфейса самими пользователями или по применению цветовой гаммы, различаемой даже дальтониками)

Средства доступа

...

Из беседы психоаналитика с Клиентом:

– Доктор, спасибо вам!

– За что? Ведь энурез у вас так и остался…

– Да! Но теперь я им горжусь!

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

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

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

Специальные клавиатуры с брайль-строкой– клавиатуры, на строке которых рельефно-точечным шрифтом дублируется текстовая информация, отображаемая на дисплее

Адаптация интерфейса

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

Все изображения на сайте должны быть снабжены Alt-текстами(всплывающими комментариями, которые может прочитать синтезатор речи)

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

Страница должна быть читабельна при существенном увеличении размера шрифта самим пользователем

Страница должна читаться на монохромном экране

Аудиосодержимое должно иметь текстовый эквивалент

Страница должна читаться при отключенных каскадных таблицах стилей (CSS)

Необходимо использовать клиентские активные карты(image map), а не серверные во всех случаях, когда карту можно задать геометрическими границами областей

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

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

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

...

Подробную информацию о стандарте WAI-WCAG смотрите на www.w3.org/WAI

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

26. Художественное оформление веб-сайта

...

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

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

...

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

Как сделать хороший дизайн

Следует обеспечить единство и сбалансированность визуальной концепции сайта, избавиться от «выпадающих» по стилистике элементов

Следует максимально сократить «визуальный шум»,отказаться от всех «неработающих» элементов, но при этом провести грамотную и тщательную нюансировку, проработать все мелкие детали

Важно выдержать основные отраслевые стандарты

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

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

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

Желательно обеспечить уникальность, запоминаемость общего стиляоформления ресурса

Необходимо соблюдать основные правила композиции(баланс масс, пропорциональность, «золотое сечение», наличие акцента и др.)

При использовании Ajax-технологий или skin'ов («оболочек»)часть принципов начинает «звучать» иначе. Например, появляется:

Грамотное разбиение контента на «закладки»,позволяющие очень удобно и экономно располагать текст на экране

Требование учета динамики смены элементов, то есть фактически анимации♦ Унификация(то есть использование сходных элементов и структур для решения разных задач)

...

Не так страшен сайт, как его малюют

Оформление интерфейса

При разработке дизайна интерфейса мы рекомендуем обратить внимание на следующие моменты:

Цвет шрифта и цвет фонадолжны быть достаточно контрастны

Все функциональные и смысловые зоныследует визуально отделять друг от друга

♦ Должна присутствовать очевидная визуальная иерархия заголовков и информационных блоков

♦ Следует оставлять достаточно «белого пространства», «воздушности», «прозрачности»(чем больше – тем лучше)


    Ваша оценка произведения:

Популярные книги за неделю

    wait_for_cache