Теоретическая часть


Тема 3. Исторические традиции в веб-искусстве



страница2/6
Дата04.05.2018
Размер0.98 Mb.
ТипРуководство
1   2   3   4   5   6
Тема 3. Исторические традиции в веб-искусстве
Понятно, что никакой глубокой истории веб-дизайн – столь молодое направление в искусстве, находящееся еще на стадии полуремесла, – не имеет. Однако он имеет солидную предысторию. Если судить по общим тенденциям развития веб-дизайна, то можно пророчествовать, что он проходит непростой путь по трем этапам:

> традиция Запада;

> традиция Востока;

> традиция Атлантиды.

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

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

Понятно, что традиция зашла в тупик, выйти из которого не сможет. А вот дизайн сможет, он станет развиваться в русле восточной традиции, а если говорить конкретнее – дальневосточной, поскольку сформировалась она в искусстве Индии, Китая, Японии и Юго-Восточной Азии. Две ключевые формулы успеха, которые препятствуют превращению простоты в воровство, носят японские названия ваби-саби и канзай-инжиниринг. На их основе современные «вебисты» стремятся построить дао дизайна. Рассмлотрим подробнее.

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

обозрения чистую гармонию.

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

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

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

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

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

Вот почему задача веб-дизайнера состоит в том, чтобы:

> удерживать и вести юзера, воздействуя на первый уровень восприятия;

> предлагать пользователю определиться с выбором, делая графические подсказки;

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

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

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

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

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

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

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

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

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

> HTML-код;

> информационное наполнение (контент).

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

> CSS-сценарии;

> скрипты;

> динамические эффекты;

> графика и цветовое решение;

> шрифты.

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

Рисунок 1. Круговорот стихий согласно учению у-син


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

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

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

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

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

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

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

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

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

> усиливая землю, сдерживаешь огонь (мы реже и аккуратнее применяем тяжеловесные элементы темы, динамические эффекты и стили, когда используем простые html-эффекты для украшения слов и букв, для создания оригинальных надписей, для получения графических элементов в виде рамок, линий, маркированных списков);

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

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


Тема 4. 10 главных ошибок в веб-дизайне
10 главных ошибок в web-дизайне. Год 1996

В мае 1996 года Яков Нильсен опубликовал статью, сразу же ставшую классикой – «10 главных ошибок в web-дизайне». Вот их список:

> Использование фреймов

> Бездумное использование новейших технологий

> Прокручивающийся текст, динамическая анимация

> Сложные URL

> Исчезнувшие страницы (ошибка 404)

> Слишком длинные страницы

> Плохая навигация по сайту

> Нестандартные цвета ссылок

> Устаревшая информация

Чересчур долгое время загрузки

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

10 главных ошибок в web-дизайне. Год 1999

«В мае этого года я понял, что моя первая статья на удивление актуальна сегодня, три года спустя. Об этом говорит 400 000 посещений ее на моем сайте. В среднем ее читают 17 000 раз в месяц. Даже если некоторые читают эту статью несколько раз подряд, все равно получается, что мои «10 ошибок» прочли около 10% людей, чьими усилиями в мире появились 5 миллионов сайтов» - говорит Нильсен.

Большинство ошибок, которые он описал в первой статье, до сих пор встречаются так часто, что стоило бы настоятельно рекомендовать всем новичкам в web-дизайне ознакомиться с этим материалом трехлетней давности. Так как же обстоит дело с этими ошибками в наши дни?

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




Ошибка

Современный анализ

Серьезность проблемы

1. Фреймы

Фреймы уже не такая серьезная проблема, которой они были году в 1995 или в 1996 – улучшились технологии броузеров. В 3-ей версии Нетскейп зафиксировал кнопку Back (Назад), а так как никто больше не пользуется 1-ой и 2-ой версиями, то значит, пользователь может осуществлять навигацию по сайтам с фреймами без особых помех. В 4-ой версии решили проблему с распечаткой фрейма (хотя еще нередко пользователи получают распечатку совсем не того вида, какого ожидали). 5-ый Интернет Эксплорер наконец-то решил проблему с закладками на страницах с фреймами. Однако фреймы мешают воспользоваться функцией Send URL (Отправить URL) и делают страницу более громоздкой и неудобной.

Средняя

2. Использование новейших технологий

Пользователь, столкнувшись с примитивной ошибкой JavaScript, покинет ваш сайт немедленно. Стоит ли ему ломать голову над тем, как это работает, если есть еще 5 миллионов других сайтов? Поэтому прежде, чем использовать новые технологии в web-дизайне, подумайте – как воспримет их пользователь, и насколько они необходимы на вашем ресурсе. Простая погоня за модой и нововведениями не имеет смысла.

Очень серьезная проблема

3. Прокрутка текста и усложненная анимация

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

Очень серьезная проблема

4. Сложные адреса (URL)

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

Серьезная проблема

5. Исчезнувшие ( ошибка 404) страницы

Скорее всего, посетители сайта не застрянут на такой странице, так как большинство уже знает, что нужно просто «отсечь» конец адреса – и попадешь на главную страницу сервера.

Правда, этот способ не всегда известен неопытным пользователям и раздражает опытных.



Средняя

6. Прокрутка навигационного блока

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

Несущественная проблема

7. Малопонятная навигация по сайту

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

Серьезная проблема

8. Нестандартные цвета ссылок

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

Серьезная проблема

9. Устаревшая информация

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

Очень серьезная проблема

10. Медленная загрузка страницы

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

Очень серьезная проблема

Таким образом, можно сделать заключение, что

> Все ошибки web-дизайна 1996 года можно назвать ошибками 1999 года

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

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

10 новых ошибок в web-дизайне

Те десять ошибок, которые Нильсен впервые описал в 1996 году, остаются, как мы видим, практически неизменными на большинстве сайтов и в 1999-ом. К сожалению, за эти три года число популярных ошибок только увеличилось – новые web-технологии и программные разработки принесли с собой немало новых огрехов в создании удобных, правильно оформленных web-ресурсов. Ниже перечислены наихудшие:



  1. Сбой или замедление работы кнопки Back («Назад»)

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

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

> Появление нового окна браузера (см. Ошибку N2)

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

> Запрещение кэширования – каждый раз при нажатии на кнопку Back происходит новый запрос сервера, что усложняет навигацию по сайту и увеличивает время ожидания.


  1. Появление новых окон браузера

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

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




  1. Нестандартное использование графических элементов управления

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

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

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

В настоящий момент больше всего закон постоянства любят нарушать в использовании графических элементов управления – например, кнопок-селекторов и флажков (radio buttons и checkboxes). Правильная работа этих элементов описана в Стандартах пользовательского интерфейса (Windows UI Standard, Macintosh UI Standard, Java UI Standard). Каким из трех основных трех стандартов воспользуетесь вы, зависит от того, какая операционная система является основной для большинства ваших пользователей. Скорее всего, это Windows. Впрочем, больших различий между ними, по крайней мере, в работе основных элементов интерфейса, нет.

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


  1. Скудность сведений об авторах

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

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

Также плохо, когда вместо ссылок на работы и биографию имя автора становится ссылкой на его, автора, электронную почту (mailto:).

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

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


  1. Отсутствие архивов

Старая информация – не значит плохая. Читателям она может оказаться полезной. Даже если новая информация оказывается гораздо полезней, у старой информации тоже найдется свой потребитель. Я подсчитал, что поддержка архивных данных на сервере увеличивает расходы по поддержке сервера приблизительно на 10%, а полезность и посещаемость ресурса возрастает при этом на все 50%.

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



  1. Переадресовка страниц

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

  1. Заголовки, не связанные с контекстом

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

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



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

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

  1. Последний писк Интернет-моды

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

Push-каналы, создание community сайта, chat, ,бесплатный e-mail, трехмерные карты сайта, аукционы – список можно было бы продолжить.

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

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


  1. Слишком долгое время ответа сервера

Это – наихудший и наивреднейший из огрехов. В предыдущих исследованиях я выяснил, что около 84% всех сайтов нарушают лимит по времени на загрузку сервера.

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

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

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



  1. Все, что напоминает рекламу

В Интернете основным является так называемое выборочное внимание. Все меньше внимания уделяют пользователи разнообразным рекламным объявлениям, CTR (Click Trough Rate) баннеров упал в Америке по сравнению с прошлым годом почти на 50%, а реклама в Интернете работает из рук вон плохо.

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

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

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

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

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




Тема 5. Юзабилити и поисковая оптимизация
Относительно поисковой оптимизации есть довольно распространенный миф, что «оптимизированные» страницы выглядят хуже «естественных» и пугают пользователей своим видом и контентом. Дело в том, что до сих пор в сознании многих вебмастеров слово «оптимизация» ассоциируется с многократным повторением ключевых слов везде, где только можно: в титуле страницы, поле meta-keywords, видимом и невидимом тексте страницы. В результате всего этого и получаются нечитаемые и неудобные для пользователя страницы.

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



Развитие поисковых машин как стимул для улучшения сайтов

Сейчас технологии поиска активно развиваются во всем мире, в том числе и в России. Даже на нашем относительно узком рынке в последний год-два происходят серьезные изменения и появляются новые игроки. Кроме традиционных поисковых машин, уже широко известных у наших пользователей – Яндекса, Рамблера и Апорта, все большую популярность приобретают альтернативные (с точки зрения массовой аудитории) поиски, в первую очередь, Google, доля которого постоянно растет, как за счет роста популярности самого Google среди российских интернет-пользователей, так и за счет использования выдачи этого поисковика на Mail.Ru. Есть предположения, что и Mail.Ru не собирается ограничиваться только разработкой надстроек над Google – в конце концов, не для этого же они нанимали Михаила Костина, ведущего разработчика «Апорта», но и в 2005-2006 году выйдет на рынок со своим собственным поисковиком. За рубежом 2003 и 2004 год прошли под знаком консолидации поисковых команд и появления новых. Сначала система контекстной рекламы Overture последовательно поглотила ряд поисковых машин, среди которых такие известные как Altavista, FAST (AllTheWeb.Com) и Teoma, а затем сама была поглощена Yahoo!. Microsoft взялся за разработку своего поисковика, что вызвало панику у одной половины специалистов по поиску, и скептические усмешки у другой. Тем не менее, и Yahoo!, и Microsoft в течение 2004 года закончили разработку своих поисковиков (последний, правда, ввел его в эксплуатацию только в феврале 2005). Эта краткая ретроспектива, надеюсь, показывает, что в поиск стали вкладываться очень большие (или в случае России – просто стали вкладываться) деньги. Только Microsoft потратил на разработку поисковика более 150 млн долларов. Бурное развитие отрасли позволяет привлекать лучших специалистов что, как правило, сказывается на качестве поиска в лучшую сторону. В последние годы одной из главных проблем поисковых машин было правильное ранжирование сайтов. Поиск – один из самых востребованных интернет-сервисов, им пользуются миллионы людей во всем мире, поэтому неудивительно, что каждый вебмастер стремится направить поисковый трафик на свой сайт. Естественно, среди общей массы владельцев сайтов есть и такие, которые пытаются привлечь (часто не без успеха) посетителей путем обмана поисковой машины.

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

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



Яндекс как замена Якобу Нильсену

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

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

Сайт должен давать четкое представление о его цели и содержании

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

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

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



Постоянство адресной структуры сайта

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

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

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



Альтернативный текст для иллюстраций

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



wbd.gif

Рисунок 2. Так выглядит главная страница сайта компании «Вимм-Билль-Данн» при просмотре с выключенной загрузкой иллюстраций (фрагмент главной страницы)

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

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



Основной контент должен быть доступен в HTML-формате

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

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

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



xls.gif

Рисунок 3. Ссылки на описания туров, которые вы видите здесь, ведут на файлы в формате MS Excel



Поделитесь с Вашими друзьями:
1   2   3   4   5   6


База данных защищена авторским правом ©vossta.ru 2019
обратиться к администрации

    Главная страница