Пользовательский интерфейс

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

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

Карта ссылок

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

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

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

Фреймы

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

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

Еще раз напоминаем, не все заказчики используют новейшие версии браузеров Internet Explorer или Netscape в системах Windows или Macintosh, а некоторые браузеры даже не поддерживают фреймы. Поэтому, чтобы не терять заказчиков, используйте тег <NOFRAMES>. Этот тег HTML гарантирует, что все ваши посетители увидят содержимое страницы.

Таблицы

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

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

Одностраничные сайты

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

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

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

Анализ пользовательского интерфейса

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

Анализируя эффективность интерфейса, задавайте себе такие вопросы:

• Какова основная цель вашего сайта? Каким вы хотите его видеть - забавным? Инфор- мативным? Интерактивным? Должен ли сайт работать в режиме реального времени?

• Какие типы компьютеров используют посетители сайта? Есть ли среди них устарев- шие системы с малыми мониторами и медленными соединениями с Интернетом? Ли- бо они работают на мощных, современных компьютерах, и, следовательно, рассчи- тывают, что ваш сайт полностью раскроет преимущества их систем?

Велик ли опыт работы в Web ваших посетителей? Если вы используете карту сайта, то смогут ли они разобраться в ней? Нужно ли приложить к карте сайта текстовые ссылки на разные области сайта?

• Позволяет ли структура страницы легко находить любую нужную информацию

?

• Проверена ли страница в различных браузерах и системах? Хорошо ли поддержива- ется выбранный формат каждой системой?

Продолжение темы:

Полезная информация