1. Введение
В данной курсовой работе
рассмотрена проблема определения понятия
веб-дизайна как такового. Представлены два
современных подхода (технический и творческий) к
дефиниции веб-дизайна. В основе курсового
проекта лежат работы Якоба Нильсена и Дмитрия
Кирсанова по веб-диазйну.
Также здесь представлены и
проанализированы некоторые сайты, посвященные
веб-дизайну. Рассмотрены предлагаемы варианты и
подходы к дифференциации данного понятия.
Разработана конкретная
структура виртуальной библиотеки ссылок по веб-дизайну
сайта факультета информационных технологий
Европейского гуманитарного университета.
2. Понятие веб-дизайна
Поиск в интернете слова web-design
(webdesign, web design) дает нам ссылки на инструкции и
книги по руководствам к различным программам. Та
же картина наблюдается в разделах "Web Design"
таких сайтов-монстров, как WebDeveloper и C-Net Builder.com.
Путаница связана с тем, что в русском языке слово
"дизайн" приобрело другой смыл, нежели оно
имеет в английском. В строгом смысле слова дизайн
(design) - это разработка, конструирование. Сочетание
"machine design" - переводится как "конструирование
станков", а не как их эстетическое внешнее
оформление.
Web-дизайнер в зарубежном
понимании - это не кто иной как web-разработчик -
верстальщик (web-master/web-coder), специалист по
информационной архитектуре (web-developer),
программист (web-programmer), администратор (system administrator)
в одном лице.
В русском языке дизайн ближе к
эстетике, изобразительному или оформительскому
искусству - в таком понимании web-дизайнер это в
первую очередь художник. То есть, то, что в
английском языке соответствует слову web-artist, web
graphical designer.
Из-за этого зарубежная
литература по web-дизайну - это в большей части
техническая информация о том, как верстать
таблицы, как создавать навигацию, как
оптимизировать изображения.
Из-за этого отечественные книги
по web-дизайну (в том числе единственная на этот
день книга, посвященная главным образом
визуальному дизайну - это книга Дмитрия
Кирсанова “Веб-дизайн”) во многом рассказывают
о визуальном дизайне.
Сравнение содержания книг
Дмитрия Кирсанова и Якоба Нильсена, посвященных
Web-дизайну показывает, что каждый из авторов
пишет в своих книгах совершенно о разных вещах.
Из-за этого в Интернет, все что же
касается художественной визуальной части веб-страниц,
надо искать не в разделах web-дизайн, а в разделах
visual design - именно там мы находим все о сочетаемости
цветов, о балансе композиции, контрасте,
использовании шрифтов, создании коллажей,
придумывании метафор и прочее.
Поэтому, если, скажем, проводится
конкурс на лучший дизайн сайта, или идет
обсуждения дизайна сайта, то оцениваться должна
не навороченность графики и оригинальность
рюшечек и менюшек, а то, насколько дизайнеру
удалось создать удобный, работающий сайт. В WWW
визуальность - средство, цель - удобство и
эффективность.
Забывая об этом, некоторые веб-дизайнеры
на своих личных страницах выставляют такие вещи -
которые основаны лишь на визуальном дизайне и
строго говоря к веб-дизайну они имеют мало
отношения, оно и понятно - личные страницы вряд ли
ставят задачу представления информации - скорее
задачу эксперимента, опыта, демонстрации.
Чрезвычайное увлечение только
визуальным дизайном может привести к плачевным
результатам - делая сайт уже не для себя, а на
заказ, web-художник (называющий себя web-дизайнером)
может настолько сильно увлечься эстетическими
наворотами, что совершенно забудет о другой
стороне web-дизайна - навигации, аккуратности
ссылок, совместимости с разными броузерами,
легкости кода и изображений, удобстве
администрирования сайта и еще о сотне всяческих
мелочей.
С приходом Flash увеличился шанс
появления на свет плохих сайтов. Вместо того,
чтобы думать об удобстве пользователя - web-художник
думает о том, чтобы такое сотворить с
использованием анимации или со шрифтами,
кнопочками и чтобы все летало и свистело и
приводило пользователя в состояние транса.
Получится так, что с эстетической точки зрения
все будет прекрасно, но с практической - с сайтом
просто невозможно будет работать. Эта грань -
между красивостью и удобством - очень тонка. Это
давний спор между эстетами и прагматиками.
Между разработчиками web-узлов в
эти дни идет настоящая необъявленная война.
Война идет не между коммерческими и
экспериментаторскими сайтами. Идет война между
специалистами по удобству интерфейсов (usability
experts) и дизайнерами-графиками (graphics designers).
В углу спецов по интерфейсу все
одеты в синие трусы с сиреневой окантовкой,
весовая каждого представителя категория не
превышает 25К… Там скандируют "Я-коб Ниль-сен!"
- имя элитного специалиста по юзабилити, в активе
которого 16 патентов в этой области и множество
статей на тему "10 советов" о том, как надо
делать, как не надо, как следует делать, и как не
следует.
В углу дизайнеров-графиков
популярны трусы серой палитры, каждый тянет по 500К
на сайты (это сумма в долларах, а не количество
байт).. Киокен.. окен.. окен.. окен - доносится
оттуда. Это та самая студия, которая отмахивается
от клиентов налево и направо, сросшаяся навечно с
Flash.
Нильсен считает, что
современный Web - это улучшенный, но плохо
используемый интерфейс к базам данных. Киокен
считает, что Web - это еще неразвившаяся, но уже
плохо используемая платформа для мультимедиа. И
каждая из сторон просто убеждена, что их точка
зрения в конце концов восторжествует.
Нильсен
говорит: "Сайт boo.com закрылся. Так и должно было
случиться. Boo - один из тех нескольких заметных
проектов, появившихся за последние несколько
месяцев, где посмели нарушить мои принципы
дизайна и сделали упор больше на мишуру, чем на
юзабилити… Это доказывает, что чрезмерно
усложненный дизайн не срабатывает."
Джин На (один из основателей Киокен) со своей стороны
оппонирует: "Нам пришлось отказать Sony на
прошлой неделе. Они нас не хотели слушать, ну и
путь себе идут. А еще мы еле отделались от Bad Boy Entertainment, но они в конце
концов сдались и пришли обратно. Sony тоже
вернулась. Клиент не понимает одного - чем меньше
они с нами спорят, тем лучше. Мы и сами знаем, что
для них подходит лучше всего."
Несложно предсказать, что после
15 раундов, после расширения каналов, утверждения
стандартов, после выхода с таким нетерпением
ожидаемого Netscape 6, обе противные стороны не
прекратят схватку. Web слишком велик, чтобы в нем
возобладала лишь одна точка зрения. Некоторым
сайтам все равно нужен будет мишурный блеск
вокруг своего имени, который не укладывается в
"принципы" Нильсена. А некоторым сайтам
наоборот нужен будет упрощенная до тупости
навигация и высокая скорость загрузки, о которой
Киокен даже и не думает.
К сожалению, или к счастью,
разделение между двумя лагерями существовали
еще за долго до появления "новой медиа-технологии",
и будет существовать и после того, как Web станет
такой же обыденностью, как и канализация в доме.
"Новая медиа-технология" отражает это
разногласие в новом ракурсе потому, что она еще
"новая". До сих пор продолжается работа над
толкованием понятий, используемых в Web.
Следовательно, мы все еще пытаемся разгадать эту
головоломку "юзабилити/дизайн", по большому
счету не понимая, откуда она вообще появилась.
Теперь, на основании
вышесказанного, можно попробовать
схематически изобразить сложившуюся ситуацию:
Юзабилити/Архитектура
информации : |
Графический
дизайн : |
мужское
начало |
женское
начало |
левое
полушарие мозга |
правое
полушарие мозга |
Делать |
быть |
математика/наука |
искусство |
Рациональное |
эмоциональное |
логическое
действие |
интуитивное
действие |
выраженное
словами |
невыразимое
словами |
Марс |
Венера |
Не удивительно, что господин
Нильсен делает свои деньги на том, что много
пишет и говорит ("выраженное словами"), в то
время как студия Киокен - на дизайне (невыразимом
словами). Вспомните слова господина На - "чем
меньше клиент спорит с нами, тем лучше".
Теперь вам понятно, почему
каждая из сторон быстро начинает действовать
второй на нервы? Специалисты по юзабилити
считают, что дизайнеры-графики слишком сильно
полагаются на чувства. "К чему все эти их
новаторские эксперименты с внешним видом сайта?
Почему они не могут сделать все проще, без
наворотов?" Дизайнеры-графики со своей стороны
считают спецов по юзабилити слишком
прямолинейными. "Что значит, внешний вид - лишь
просто глазурь на торте. Без графического
дизайна, сайт - это просто голая схема."
3. Технический
подход к определению понятия веб-дизайна
по Якобу Нильсону
В оригинале книга Якоба
Нильсона «Веб-дизайн» называется "Designing web
usability. The practice of simplicity". То есть по названию
книги можно понять, что книга посвящена
специфической, но очень важной теме: разработке
удобных и простых в использовании сайтов. То есть
по названию книги можно понять, что книга
посвящена специфической, но очень важной теме:
разработке удобных и простых в использовании
сайтов. Согласитесь это название говорит больше,
чем общее крутое название "веб-дизайн". Тем
более, что каждый из нас понимает это слово по
своему.
3.1.
Искусство против техники.
Есть два основных подхода к
дизайну: артистический, позволяющий вам
выразить себя, и технический, когда все усилия
направлены на решение проблем пользователя. В
этой книге рассматривается технический подход.
Автор понимает, что в Сети есть потребность и в
искусстве, и в юморе, но считает, что основной
целью большинства сетевых проектов должно быть
обеспечение пользователей простым механизмом
для решения их задач.
Нильсон описывает весьма
систематизированный подход к проектированию,
состоящий из последовательности методов,
которые может использовать любой, чтобы
выяснить потребности пользователей и распознать
сложности, возникающие при работе с сайтом.
Рассматривая сетевой проект как программный
продукт, гораздо проще составить график работ и
одновременно улучшить качество сайта. На самом
деле применение методов, позволяющих облегчить
использование сайта, иногда приводит к
последовательному улучшению всего сайта в целом,
это касается как первоначального дизайна, так и
последующих доработок.
В этой книге мы находим
множество правил, принципов, советов и методов.
Все они получены в результате применения того,
что по-настоящему работает, когда пользователи
пытаются выполнить в Сети реальные задачи. «Начиная
с первых дней распространения Сети я наблюдал
за сотнями пользователей, пользующихся сотнями
сайтов, плюс, конечно же, за сотнями
пользователей различных типов информационных
систем, доступных в Сети. Я не утверждаю, что всем
моим советам надо следовать, воплощая их в жизнь
с точностью до последней запятой. Опытный
специалист знает, когда надо следовать правилам,
а когда нет. Но суметь отклониться от правил,
твердо зная, что это только улучшит проект,
можно, лишь выучив назубок эти правила. Кроме
того, основной принцип таков - через правила
можно перешагнуть только в том случае, если для
этого есть хорошо обоснованная причина.»
У технического подхода есть одно
большое преимущество: когда вы не знаете, какой
вариант дизайна предпочесть, вы можете поставить
этот вопрос перед посетителями вашего сайта и
выбрать ответ, исходя из реальных данных. Можно
ли найти нужную информацию быстрее, если
использовать вариант А? Какие мнения у
посетителей по поводу дизайна А и дизайна Б?
Получив ответы на эти и подобные им вопросы, вы
выбирайте тот вариант, который набрал больше
голосов, а не тот, который нравится лично вам.
Конечно же, применяя только
научные методы, вы далеко не уйдете. Вдохновение
и творческий подход не менее нужны при
проектировании. Использование только
технического подхода, которому может
последовать каждый, поможет вам обнаружить, что
пользователи сталкиваются с проблемами при
навигации или не могут найти кнопку поиска на
вашей домашней странице. Вооружившись этими
сведениями для улучшения схемы навигации или
перемещения кнопки поиска на более подходящее
место, не надо думать, что все сделано. Вам нужно
еще немножко вдохновения. Надо иметь в виду, что
нововведение состоит на 10% из вдохновения и на 90%
из стараний. Чтобы найти подходящий вариант
дизайна, а отнюдь не идеи о красивом дизайне,
который не пригоден для использования, надо понаблюдать
за пользователями, выяснить, что им нравится,
что кажется простым, а что заводит в тупик. Лучшие
результаты достигаются при использовании
технического подхода и усиленном внимании к
реакции пользователей.
Простота использования Сети
меняется гораздо медленнее, чем сетевые
технологии, поэтому методы и концепции, о
которых мы узнаем из этой книги, не потеряют
своей актуальности в течение нескольких лет,
даже если способы воплощения идей дизайна очень
сильно изменятся. Многие из принципов, о которых
Якоб Нильсен рассказывает в этой книге, были
получены в результате его собственных исследований
гипертекста и других интерактивных систем;
некоторые - из подобных исследований других
людей. Он сделал свой первый проект, использующий
гипертекст, в 1984 году, а иные занимаются этим еще
с 1960 года. Многие из полученных результатов
прошли проверку временем. Если методы,
разработанные в середине 80-х годов, остаются
актуальными в конце 90-х, то есть все основания
верить, что они будут актуальными и в XXI веке.
3.2.
Преимущества технического определения веб-дизайна.
Если речь идет о Сети, то ваши
конкуренты - это не только другие компании,
занимающиеся тем же, что и вы. Когда реально
существует несколько миллионов различных
сайтов, вы уже боретесь за время и внимание
пользователя. Пользователи рассчитывают
получить максимум удобства от самых лучших
сайтов. Мысль такова: «Если я могу получить такое
качественное обслуживание, когда покупаю книгу
в бумажной обложке за 5 долларов, то почему бы мне
не получить качественное обслуживание в Сети,
когда я трачу на это тысячи долларов?»
Учитывая, что в январе 2000 года в
Сети насчитывалось приблизительно 10 миллионов
сайтов (к концу года это число увеличится до 25
миллионов, а к концу 2002 года до 100 миллионов),
возможностей для выбора у пользователей
гораздо больше, чем когда-либо. Почему они должны
тратить свое время на то, что сбивает с толку,
работает медленно или не удовлетворяет их
потребностям? Действительно, почему?
Удобство и простота
управляют сетью. Проще говоря, если покупатель не
может найти тот или иной продукт, он просто не
купит его. Интернет – это среда, максимально
ориентированная на покупателя. Его щелчок мышью
решает все. Так просто перейти куда-нибудь в
другое место. Все конкуренты мира всего лишь на
расстоянии одного щелчка
Результатом такого
угнетающего выбора и легкости ухода в другое
место становится то, что пользователи в Сети
выражают заметное нетерпение и настойчивость в
мгновенном удовлетворении своих потребностей.
Если они в течение минуты не могут разобраться в
том, как пользоваться сайтом, они принимают
решение не тратить на это свое время. И уходят.
Простота использования (или
удобство эксплуатации) теперь играет более
важную роль в экономике Интернета, нежели раньше.
При традиционном, физическом производстве
продукции, покупатели не могут оценить простоту
использования данного продукта до тех пор, пока
они его не купят. Представьте, что вы купили
видеомагнитофон, но обнаружили, что очень
сложно установить в нем часы, и вы не можете
выяснить, как заставить его записать ваше
любимое шоу. Неудача - а производитель
посмеивается по дороге в банк.
В индустрии программного
обеспечения гораздо больше причин для улучшения
простоты использования, чем в индустрии обычной
продукции. Когда речь идет о программном
обеспечении, у пользователей есть возможность
обратиться в службу технической поддержки, если
они сталкиваются с проблемами. Звонки в службу
поддержки обходятся недешево, а больше половины
из них - результат того, что продукт не прост в
использовании. К сожалению, иногда выгоднее
содержать службу технической поддержки, чем
улучшить удобство использования, и поэтому
некоторые производители не стремятся улучшить
пользовательский интерфейс выпускаемых
программ.
В Интернете картина совершенно
противоположная. Пользователь может оценить
удобство и простоту сайта до того, как им
воспользуется, и до того, как он потратит деньги
на потенциальные заказы.
Соотношения очень просты:
- когда речь
идет о рынке обычной продукции и программного
обеспечения, покупатель сначала платит и только
потом оценивает удобство использования
продукта;
- в Сети
пользователи сначала оценивают удобство и
только после этого платят.
Теперь понятно, почему удобство
использования стоит на первом месте, когда речь
идет об Интернете;
Эта книга основывается на
результатах, полученных при тестировании
эксплуатационной пригодности большого числа
различных сайтов приблизительно четырьмястами
пользователями за последние шесть лет. Так же
Якоб Нильсен исходил из уроков, полученных в
результате десятилетней работы над вопросами
простоты, информационными системами,
доступными в Сети, и гипертекстом, еще задолго
до появления Интернета.
Когда в 1994 году он начинал
проектировать для Сети, он делал много ошибок.
Сначала он думал, что эти ошибки - результат его
некомпетентности (мы всегда склонны ругать себя).
Но он продолжал встречать ошибки, которые он
допускал в 1994-1995 годах, и у других компаний.
Поэтому он пришел к выводу, что эти ошибки
неизбежны в первых проектах любой компании,
несмотря даже на то, что предпринимаются все
действия, лишь бы их избежать.
Вот ошибки, которые чаще всего
встречаются на всех уровнях веб-дизайна:
- модель
бизнеса: трактовка Сети как рекламного буклета,
а не как основного сдвига, который приведет к
коренным изменениям в способе ведения бизнеса в
условиях сетевой экономики;
-
управление проектом: ведение сетевого проекта
как обычного корпоративного проекта. Это приведет
к тому, что дизайн будет несовместим с
пользовательским интерфейсом из-за того, что он
ориентирован на внутреннюю структуру. Напротив,
сайт надо разработать так, как будто это
единственный проект, взаимодействующий с
пользователем;
- структура
информации: очень часто структура сайта отражает
структуру компании. На самом деле структура
сайта должна отражать задачи пользователей и их
взгляд на информационное пространство;
- дизайн
страницы: создание чересчур пышных страниц,
которые воспринимаются нормально только внутри
компании. Различные демонстрации лишь занимают
время, а время — это основной показатель в Сети.
Кроме того, демонстрации не помогают новичкам
находить и разбираться с различными элементами
страницы. Следует создавать дизайн,
ориентированный на пользователя со средним
опытом. Неважно, если при этом эффекты в
представляемых демонстрациях будут не столь
впечатляющими;
-
содержимое страницы: использование привычного
линейного стиля. На самом деле, приучите себя
писать, используя стиль, оптимизированный для
просмотра текстов в Сети: отдельные страницы
должны быть короткими, и на них должны
размещаться ссылки на страницы с сопутствующей
информацией;
- стратегия
ссылок: рассматривать ваш сайт так, как будто он
единственный по данной тематике, и не указывать
ссылок на другие сходные ресурсы. Кроме того,
будет ошибкой не создать элементов, на которые
можно сослаться с других сайтов. Многие компании
даже не используют подходящие ссылки, когда
упоминают свой собственный сайт во время
рекламной кампании. Надо помнить, что
гипертекст - это основа Сети, а сайт - не отдельный
остров.
В каждом из этих случаев будет
ошибкой пойти естественным путем и создавать
сетевые проекты, исходя из несетевого опыта. Сеть
— это новый носитель информации, и,
соответственно, подход к ней должен быть новым.
Простота должна стать целью
дизайна страницы. Люди редко приходят на сайт,
чтобы насладиться дизайном; вместо этого они
предпочитают сфокусироваться на содержании (об
этом я расскажу в следующей главе). Также важно
удостовериться, что спроектированная страница
работает на многих платформах и доступна
посетителям, пользующимся старыми технологиями.
Якоб Нильсен рекомендует
убедиться, что все страницы работают в броузерах
с подключаемыми модулями и прочим программным
обеспечением двухгодичной давности, а также в
том, что страница хорошо смотрится на маленьком
мониторе и имеет приемлемое время ожидания при
загрузке через аналоговый модем.
Некоторые могут сказать, что эти
ограничения навязывают чрезмерные лишения
дизайнерам, и что только 10% пользователей
использует старое программное обеспечение и
аппаратное обеспечение низкого качества. Может
быть, это и так, но дать от ворот поворот десяти
процентам своих покупателей - далеко не лучшее
коммерческое решение.
Основное внимание пользователи
Интернета уделяют информационному наполнению.
Информация — это то, ради чего они подключаются
к Сети, то, что они рассчитывают найти, открывая
новую страницу. Качество предоставляемой
информации является одним из двух решающих
факторов, определяющих практическую пользу
сайта; вторым таким фактором является легкость и
удобство поиска необходимых сведений (рассмотрению
этого вопроса посвящена следующая глава).
Понятие «качественной
информации» в Интернете несколько отличается от
аналогичного понятия в традиционных средствах
информации. Качество продукции имеет в данном
случае сравнительно низкое значение - грамотное
написание текста и хорошее графическое
оформление, конечно, являются положительными
факторами, однако не они являются определяющими
характеристиками качества. Главные вопросы,
рассматриваемые пользователем при оценке
информации, - это вопросы «что я смогу здесь найти?
» и «поможет ли это в решении стоящих передо
мной задач?»
Пользователи Сети весьма
целеустремленны и нетерпеливы, поэтому
информация, содержащаяся в Интернете, должна
отвечать двум непременным условиям: во-первых,
быть полезной, а во-вторых -быстро загружаемой.
Хочется надеяться на получение
технологических решений для проблем дизайна
сайта: как заманчиво выглядит колоссальная
поисковая система, использующая естественный
язык и позволяющая находить нужную страницу за
один прием. Или совершенная система управления
документооборотом, которая улучшила бы
существующие стандарты настолько, что все
страницы имели бы унифицированный вид, вне
зависимости от того, каким отделом компании они
созданы.
Лично Якоб Нильсен полагает, что
технология улучшится, но основные вопросы
удобства использования сайта все еще будут
требовать ручного регулирования. Сайт будет
выглядеть и восприниматься как единое целое до
тех пор, пока дизайнеры и авторы не согласятся
активно поработать над тем, чтобы сделать
клиентскую сторону как можно более хорошей и
удобной. Ведь никакой поиск не может найти те
страницы, которые недостаточно хорошо описаны,
или на которых нет интересующей пользователя
информации.
Архитектура информации - это
пока скорее слова, чем дела. Однако уже сегодня
многие проекты признают, что им необходима
некоторая структура навигационного
пространства, которой нельзя позволить
развиваться случайным образом, и это большой
прогресс. Хотелось бы, чтобы больше сайтов
строили свою информационную структуру, основываясь
на потребностях клиента, а не на внутреннем
восприятии сотрудников компании. Если это
случится, а люди, к тому же, научатся писать
хорошие ссылки, поддерживающие навигацию, и
хорошие заголовки для поисковых систем, появится
реальная надежда на то, что пользователи наконец-то
будут в состоянии перемещаться по Сети.
Сейчас основной опыт
пользователя Интернета заключается в том, что в
среднем он находится не на той странице. У
пользователей возникают проблемы, и они теряют
время, просматривая бесполезные для них
страницы, чтобы найти ту, которая им интересна.
Будем надеяться, что ситуация изменится. Как
только навигация на лучших сайтах упростится,
пользователи восстанут против сайтов,
вынуждающих терять массу времени, просматривая
никому не нужные страницы.
Сотрудники Интернет-подразделений
на вопрос, почему пользователи приходят на их
сайт, часто не могут мне ответить. Но даже если
они и знают ответ, они все равно не проектируют
сайт так, чтобы обеспечить эти основные потребности
пользователей. Например, многие так называемые
порталы были переконструированы, причем поле
поиска стало крошечным, и это при том, что большое
количество пользователей приходит на сайт,
чтобы сделать запрос.
Цель сайта - сделать выполнение
основных задач пользователя максимально простым.
Другие действия и сложные функции тоже, конечно,
нужны, но простые задачи должны выполняться
просто. Спросите себя — в моей жизни много или
мало сложностей? Если вам кажется, что мало, вы
получите удовольствие от сложного сайта с
загадочным интерфейсом, который заставит вас
поработать для достижения результата. Но
большинство пользователей предпочтет простоту.
В Сети людьми движет цель. Есть
нечто конкретное, что они хотят сделать, и они
нетерпимы ко всему, что встает между ними и их
целью. Таким образом, основополагающий принцип
веб-дизайна - уйти с пути (не мешаться под ногами)
и сделать так, чтобы пользователи достигали
успеха как можно скорее.
Некоторые аналитики любят
говорить о так называемых единичных (уникальных)
посетителях, но это поддельная статистика.
Чрезвычайно просто получить огромное количество
разовых посетителей, запустив грандиозную
рекламную кампанию. Однако сайту не принесет
пользы, если вся эта масса посетителей бросит
взгляд на главную страницу и с отвращением уйдет,
чтобы никогда не вернуться. Единственный
настоящий критерий успеха -постоянный график
верных пользователей.
Существуют четыре основные
причины, по которым пользователи на одни сайты
возвращаются, а на другие - нет. Эти четыре
фактора - основа хорошего веб-дизайна, поскольку
именно этого больше всего хотят пользователи.
Они могут быть собраны воедино с помощью
аббревиатуры HOME:
- высокое
качество содержания (High-quality content);
- частые
обновления (Often update);
-
минимальное время загрузки (Minimal download time);
- простота
использования (Ease of use).
Если
вы можете обеспечить эти четыре элемента,
пользователи будут счастливы, а у вас будет хороший
сайт. Три из четырех пунктов явно сами объясняют
свой смысл, особенно для тех, кто прочел эту книгу.
Но вот что означает фраза «частые обновления».
Сайты, которые специализируются на новостях или
текущих событиях, требуют обновления в режиме
реального времени и должны представлять свежую
информацию несколько раз в день. Минимальная
частота - обновление рано утром и перед
окончанием рабочего дня (определяемые для основной
целевой зоны сайта: если это по-настоящему
всемирный сайт, обновления нужно делать 24 раза в
день, чтобы соответствовать утру и вечеру во всех
основных мировых центрах).
Сайты,
которые меньше связаны с текущими событиями,
требуют ежедневных или еженедельных обновлений.
Обновление раз в месяц позволительно для сайтов
в очень медленно развивающихся областях или для
сайтов, чье существование не является для
разработчиков жизненно важным.
Популярность
сайта придет, если вы обеспечите эти четыре
качества. Но просто дать пользователям то, чего
они хотят, недостаточно. Чтобы получить по-настоящему
звездный сайт, необходимо выйти за рамки четырех
базовых принципов. Чтобы перейти от НОМЕ-дизайна
к дизайну «HOME-RUN», добавьте три дополнительных
качества:
-
соответствие потребностям пользователя (Relevant to
user's needs);
-
уникальность в Интернете (Unique to the online medium);
-
ориентированная на Интернет корпоративная
культура;(Net-centric corporate culture).
Буква R
в HOME-RUN подразумевает, что недостаточно просто
обеспечить высококачественное содержание. Оно
должно также соответствовать нуждам
пользователей и тем конкретным вещам, которые
они хотят сделать. Более того, сайт должен
предоставлять это высококачественное
содержание способом, характерным именно для
Интернета. Если вы сделаете сайт, основываясь на
идеях, которые хорошо работают в материальном
мире, у вас обязательно получится посредственный
или даже неудачный продукт.
Наконец
(и это самое сложное), подход «HOME-RUN» к веб-дизайну
требует, чтобы за сайтом стояла вся компания
целиком. Именно это обстоятельство позволит
перенести в виртуальный мир оптимальный опыт
работы с клиентами.
Ни
Интернет-группа, ни удачная тема не помогут
создать по-настоящему хороший сайт, если остальная
часть компании погрязла в реальном мире и не
желает поставить Интернет на первое место.
Многие
начинающие компании, специализирующиеся на
Интернете, заняли правильную позицию и
организуют всю корпорацию вокруг главной цели -
виртуального обслуживания клиентов. Но это
сложный и тяжелый переход для давно существующих
компаний, где большинство отделов укомплектованы
людьми, которые не понимают, что Интернет - это
стратегический императив. Так, сайты многих
крупных компаний, пытаясь скопировать не
ориентированную на Интернет реальность,
остаются неоправданно сложными долгие годы.
Осознавая
важность возвращения пользователей на сайт,
Forrester Research провела исследование, в ходе которого
девяти тысячам пользователей был задан вопрос: «Что
заставляет вас возвращаться на сайты?» Хотя и
трудно доверять опросам общественного мнения
как методологии сбора данных для веб-дизайна. В
конце концов, то, что люди говорят, и то, что они
действительно делают, -абсолютно разные вещи. Но
в данном случае есть основания верить
результатам исследования. По существу, люде
просили оставить свое мнение, а не рассказать что
они делали на сайте или почему купили не кие
продукты. Результаты показали, что пользователям
особенно понравились четыре при знака сайтов,
собранные посредством аббревиатуры HOME. Эти
четыре фактора были от мечены более чем
половиной опрошенных Что интересно, ни один из
признаков, не на званных мной, но упомянутых в
анкетах, не на брал более 14% голосов.
В
конечном итоге, основной целью посещения любого
сайта является получение определенной
информации. Все остальное лишь дополнение. И
смысл дизайна – оказать людям помощь в получении
доступа к этой информации. Посещение сайта можно
сравнить с походом в театр: ведь вы не хотите,
чтобы зрители, покидая зал, обсуждали
достоинства спектакля, а не восхищались
костюмами актеров
4. Гуманитарный
подход к определению понятия веб-дизайна
по Дмитрию Кирсанову
Понятие
веб-дизайна рассматривается как творческий
процесс работы дизайнера в классическом его
понимании. Основной акцент ставится на
художественную деятельность по оформлению сайта.
В свое работе Дмитрий Кирсанов говорит: “Уверенное
владение современными технологиями веб-дизайнеру
необходимо, однако в основе его мастерства лежит
все-таки куда более фундаментальные и медленнее
устаревающие знания.”
В своей книге Дмитрий Кирсанов
уделяет большое внимание основам общего дизайна,
постепенно раскрывая его интернетовскую
специфику. Вот ,что но пишет: “Идет ли речь о
дизайне или о любом другом искусстве,
ориентированном на художественном восприятии ,
любую композицию можно разбить на элементы,
связанными между собой различного рода
отношениями – отношениями баланса, контраста,
вложенности, последовательности и т.п. Эти
отношения опираются на различные визуальные
аспекты объектов: их размеры, форму, взаимное
расположение, цвет.” Именно поэтому в данной
работе достаточно подробно рассмотрены такие
общие понятия дизайна как:
-
пространственные отношения, к которым относятся
пропорции (соотношения размеров) и взаимное
расположение элементов на сайте;
- форма
элементов, которая определяется тем, что и в
каких направлениях можно измерить;
- цвет,
который может стать основой великолепной
композиции – при том, что остальные аспекты
будут самыми что ни на есть ординарными;
- текстура,
под которой обозначаются, все те свойства фигур и
поверхностей которые нельзя свести к их форме,
цвету, или размерам, то есть, когда все эти
понятия дробясь и множась сливаются в
неразличимое целое;
- шрифт и
текст, которые является самым интересным, самым
сложным и самым благодарным из всех строительных
материалов дизайнера, которые как ни какие
другие аспекты раскрывают разницу между
любителем и профессиональным дизайнером;
- единство
композиции, которое объединяет в себе
целостность подачи всех выше перечисленных
понятий ;
- баланс
композиции, который определяет соразмерность
уравновешенность элементов композиции;
- контраст,
который вводит в композицию перводвигатель,
животворящее начало и душу;
- динамика
композиции, которая понимается не только как
действительные или кажущиеся движения каких-либо
объектов, но и как динамика восприятия, движение
глаз и сознания зрителя по визуальным и
информационным магистралям сайта;
-
нюансировка, которая не вводит ни каких новых
принципов и материалов, а определяет тонкие
нюансы, которые могут быть совсем незаметны по
отдельности, но их общий эффект необычайно силен.
Таким образом Дмитрий Кирсанов
рекомендует при практической разработки веб-сайта,
как единицы информационного дизайна,
руководствоваться всеми выше перечисленными
принципами классического дизайна. Однако автор
соглашается с тем, что большое влияние на
творческие аспекты веб-дизайна оказывают его
технологические возможности, которые делятся на
три основные группы. Ограничения устройства
вывода (прежде всего компьютерного экрана),
ограничения канала передачи информации (прежде
всего модемной линии), и совершенно уже
независящие от техники (и поэтому особенно
обидные) врожденные ограничения самих
технологий и определяющих их стандартов.
5. Обзор
библиотек ссылок по веб-дизайну
Мною
была подобрана небольшая коллекция сайтов,
содержащих виртуальные библиотеки ссылок по
веб-дизайну. Причем, подобранные сайты, имеют
различный уровень реализации. Это было
сделано осознанно с целью выявления недостатков
представленных на них библиотек ссылок.
Рассмотрим каждую библиотеку ссылок более
подробно:
5.1. http://www.wdvl.com/Index.html/
Данный
сайт называется Web developer’s virtual library и прдставялет
собой информационный портал для всех тех, кто
интересуется информационными технологиями в
области интернета. Найти полезную для себя
информацию здесь могут как новички, так и
профессиональные разработчики веб-сайтов.
Представленная
на сайте коллекция ссылок по веб-дизайну, а также
их классификация является самой крупной из всех
встретившихся мне.
5.2. http://www.allru.net/z01.htm/
Данный
сайт (рис 3.) представляет собой небольшой каталог
ресурсов всего российского интернета, в том
чисел имеется подборка ссылок, касающихся
непосредственно веб-дизайна.
В
категории веб-дизайна содержится только 8
подпунктов, что является, несомненно, мизерным
количеством для такой темы и покрывает лишь
отдельные аспекты этого понятия.
Однако
по этим немногочисленным пунктам пользователю
предлагается большое количество (до 100) ссылок
среди которых можно отыскать полезные и
интересные.
Простота
навигации по сайту неоспорима все очевидно и
просто, однако сайт выполнен на низком
дизайнерском уровне. Примитивность оформления
режет глаза.
5.3. http://www.mvd.com/webguide/
Разработчики
данного информационного сайта (рис. 4)
постарались собрать каталог ссылок по веб-дизайну.
По их словам на данном ресурсе предоставлена
информация позволяющая веб-дизайнеру быть в
курсе последних тенденций по созданию веб-сайтов.
Однако
на мой взгляд предлагаемая классификация веб-ресурсов
не является оптимальной и вообще в ней
отсутствуют многие компоненты понятия веб-дизайна.
Еще
одним недостатком является то, что некоторые
ссылки предлагающие перейти на определенный
ресурс отправляют вас совсем в другое место (в
моем случае поиск бесплатной анимации
закончился остановкой на сайте по поиску mp3
музыки).
5.4. http://www.tarusa.ru/design/
Автором
данного информационного сайта (рис. 5-6) является
Александр Герасимов. По сути дела сайт
представляет собой домашнюю страничку По его
словам в своих поисках информации в Интернет про
веб-дизайн он, к сожалению, ни разу не встретил
более-менее осмысленного обзора российских
Интернет-ресурсов, чей темой был бы именно веб-дизайн.
Многочисленные коллекции ссылок чаще всего
сопровождены минимальными комментариями. Да и
ресурсы, представленные в них, не всегда про веб-дизайн,
а так обо всем. Поэтому, он решил
систематизировать свой накопленный багаж знаний.
Он постарался отобрать всё самое лучшее, но
Интернет меняется каждый день, да и, возможно, что
не всё самое-самое, попалось ему на глаза.
На
данном сайте ссылки на страницы, тема которых -
веб-дизайн, или отдельные разделы которые должны
быть полезны веб-дизайнеру. Главный принцип
отбора - наличие интересной и полезной
информации.
Главный
недостаток этого ресурса – это скромное
количество ссылок. Тематические ссылки со
списком других ссылок по данной теме на этой
странице отсутствует. Кликнув по определенной
ссылке мы попадаем на конкретную страницу.
Однако предлагаемые переходы по сети
действительно содержательны и информативны.
Таким образом, автор сайта решил завоевывать
благосклонность пользователя не количеством
предлагаемых ресурсов, а их качеством.
5.5. http://builder.cnet.com/webbuilding/0-3880.html?tag=stbc.gp/
Данный сайт представляет собой
огромный информационный портал, содержащий
огромное количество информации. Концепция
данного проекта схожа с ресурсом Web developer’s virtual
library. Однако четкий подход к делению ссылок по веб-дизайну
наблюдается с огромным трудом (рис. 7), что говорит
о проблемах навигации по сайту. На мой взгляд
информация представлена хаотически и у
пользователя возникнут трудности с нахождением
необходимой ему информации.
6. Классификация
библиотеки ссылок по веб-дизайну для сайта ФИТ (ЕГУ)
В результате анализа как
такового понятия веб-дизайна и сайтов
посвященных веб-дизайн и содержащих некоторые
варианты дифференциации этого понятия я
предлагаю следующую классификацию ссылок по веб-дизайну
для виртуальной библиотеки сайта факультета
информационных технологий Европейского
гуманитарного университета.
ИНТЕРНЕТ |
ВЕБ-ДИЗАЙН |
ВЕБ-АРТ |
ГРАФИКА |
История |
Веб-студии |
Web-Art |
Графические
форматы |
World Wide Web |
Веб-издания |
Композиция |
Clip Art |
Протоколы |
Шаблоны
страниц |
Цветоведение |
Шрифты |
Домены |
|
Галереи |
Оптимизация
графики |
Хостинг |
|
Стиль |
Gif-анимация |
Новости
интернета |
|
|
Flash-технологии |
|
|
|
CorelDraw |
|
|
|
PhotoShop |
|
|
|
3D studio MAX |
Таблица 1
HTML |
ПРОГРАММИРОВАНИЕ
|
ПО |
Использование
HTML |
DHTML |
FrontPage |
Листы
стилей |
XML |
DreamWeaver |
Гипертекстовые
ссылки |
VRML |
Xara X |
Таблицы |
Perl |
Page Mill |
Фреймы |
Perlscrips |
|
Форматирование
текста |
Javascripts |
|
|
Vbscripts |
|
|
CGI |
|
|
ActiveX |
|
Таблица
2
7. Список
использованных источников
1. Нильсен Якоб «Веб-дизайн»
.» - СПб:Символ-Плюс, 1999;
2. Кирсанов Д. «Веб-дизайн:
книга Дмитрия Кирсанова.» - СПб:Символ-Плюс, 1999;
3. Интернет страница:
http://www.webmascon.com/imho/2a.asp/
4. Интернет страница: http://www.webmascon.com/design/2a.asp/
5. Интернет страница: http://www.webmascon.com/imho/5a.asp/
6. Интернет страница: http://www.wdvl.com/Index.html/
7. Интернет страница: http://www.allru.net/z01.htm/
8. Интернет страница: http://www.mvd.com/webguide/
9. Интернет страница: http://www.tarusa.ru/design/
10. Интернет страница: http://builder.cnet.com/webbuilding/0-3880.html?tag=stbc.gp/ |