1 - iatp.am

Приложение I
КАК СОЗДАТЬ
САЙТ-ПОБЕДИТЕЛЬ
Этот материал поможет Вам разобраться в таких понятиях связанных с
производством Web – сайтов как:
1. Содержание (контент);
2. Структура и навигация в нем;
3. Визуальный дизайн;
4. Интерактивность;
5. Функциональность;
6. Общее впечатление.
В данном приложении приведены рекомендации и мнения:
1. Тиффани Шлайн – президента Международной Академии Цифрового
Искусства и Науки, основателя и директора Webby Awards;
2. Майи Дрейзин – директора Международной Академии Цифрового
Искусства и Науки.
Материал предоставлен Ваганом Баласаняном – создателем сайта
www.theartbox.am.
Web-критика, как и Web-разработка, не может считаться точной наукой. Глобальная
Сеть Internet развивается слишком быстро, ежечасно возникают замечательные
идеи и аппликации, преобразуя, а иногда и разрушая ранее бытовавшие
представления о Сети. Следить за каждым деревом - утомительное и бесконечное
занятие, но можно следить за всем ландшафтом.
Международная Академия Цифрового Искусства и Науки установила 6
объективных основных параметров, которые помогут разработчикам и критикам
свести воедино элементы Web-сайта. Этими параметрами являются:






содержание,
структура и навигация,
визуальный дизайн,
интерактивность,
функциональность,
общее впечатление.
Первое, что необходимо запомнить - удельный вес каждого из этих параметров
зависит от цели каждого конкретного сайта. Для награждения Webby Awards
рассматриваются сайты в 27 категориях, от искусства и коммерции до спорта и
"странностей", и разница в удельном весе параметров становится очевидна, когда
члены Академии выдвигают сайты на награждение. Так, например, содержание для
сайтов, содержащих новости, более важно, чем визуальный дизайн, в отличие от
сайтов категории "искусство".
Хороший визуальный дизайн - это больше, чем красивенькая страничка. Он
привлекателен, добротно сделан и поддерживает содержание, структуру и
навигацию, делая сайт интереснее. Ему необязательно быть новаторским или
сверхмодным, ему надо быть соответствующим содержанию (адекватным).
1.1. Содержание Web - сайта
Хорошее содержание интересно, адекватно и соответствует аудитории.
Разработанное именно под Web, а не заимствованное из других средств массовой
информации, оно должно быть кратким и понятным.
Каким образом можно добиться хорошего содержания?
Знайте свою аудиторию. Говорите с ними на их языке (или на том языке, с которым
они хотят себя отождествлять).
Часто освежайте содержание своего сайта, сохраняя его адекватность. Это даст
повод вашей аудитории возвращаться к сайту. Не хватает ресурсов? Дайте ссылки,
и налаживайте контакты, которые интересны аудитории вашего сайта.
Четко обозначьте свою тактику. Скажите людям, кто вы, чего вы пытаетесь достичь,
и что вы собираетесь делать с полученной от них информацией.
1.2. Структура и Навигация
Эти два элемента необходимы, чтобы вызвать к себе доверие. Странно звучит? А
как вы будете себя чувствовать, если вас заведут в незнакомую местность и оставят
в одиночестве? Это именно то, что делает плохая структура и навигация - они
приводят тебя в подвал, несколько раз проворачивают тебя на 360 градусов,
выключают свет и убегают. И наоборот, хорошая структура, и навигация ведут
пользователей и позволяют им постоянно контролировать ситуацию.
Каким образом можно добиться эффективной структуры и навигации?
Планируйте их заранее, Этот элемент труднее всего исправить в последствии, так
что начните с составления схемы, определив для себя, к чему нужен доступ с
каждой страницы. Что вы хотите показать людям? Что они будут искать? Ответы на
эти вопросы имеют для вас приоритетное значение.
Сгруппируйте ваши навигационные ссылки и расставьте их в соответствующем
порядке. Создайте трафарет всех навигационных элементов, содержания на каждой
странице и приоритетов.
Будьте последовательны. Цель организации сайта - создание структуры, которая
имеет смысл для пользователя. Использование традиционных приемов вроде
навигационной панели слева, или ссылок внизу страницы - неплохое начало. Если
вы хотите сделать что-нибудь пооригинальнее, удостоверьтесь, что пользоваться
вашим изобретением легко.
1.3. Визуальный дизайн
Хороший визуальный дизайн - это больше, чем красивенькая страничка. Он
привлекателен, добротно сделан и поддерживает содержание, структуру и
навигацию, делая сайт интереснее. Ему необязательно быть новаторским или
сверхмодным, ему надо быть адекватным. Конечно, если повезет, от него может
захватить дух. Визуальный дизайн имеет тон, также как слова или музыка. Так что,
как и в случае с содержанием, знайте свою аудиторию и сделайте так, чтобы тон
визуального дизайна соответствовал их ожиданиям и языку, на котором говорит
сайт.
Как сделать хороший визуальный дизайн?
Используйте дизайн для того, чтобы донести цель сайта до пользователя. Дизайнер
должен отчетливо представлять себе цель сайта, а дизайн должен эту цель
визуально сообщать, поддерживать и акцентировать.
Сайт должен выглядеть профессионально и оригинально. Тщательно выбирайте
картинки, все должно выглядеть так, как будто было сделано именно для вашего
сайта.
Дизайн должен быть простым и "чистым". В Сети Internet существует миллион
способов отвлечь внимание посетителя. Не позволяйте вашему сайту становиться
одним из них.
Помните, что все вышесказанное - лишь попытка указать вам путь. Эти параметры
могут быть удобны для планирования или анализа, но не позволяйте им подавить
ваше воображение. Технически, Web-сайты можно изменять в любую минуту. Так
что пробуйте новые подходы, отходите от правил и ищите элементы, которые
помогут созданию вашего уникального сайта.
1.4. Интерактивность
Преимущество Сети Internet в том, что она позволяет пользователям
взаимодействовать - с Вами, друг с другом и с машиной. Интерактивность
привлекает пользователя, и погружает пользователя в то впечатление, которое Вы у
него создаете.
Что подразумевает интерактивность?

Гиперлинки.

Механизмы обратной связи.
Этот аспект может показаться очевидным, но мы хотим подчеркнуть его здесь,
потому что максимальное использование интерактивности - это огромный шаг на
пути установления разницы между Вами и теми, кто просто загружает в сеть книгу
или брошюру. Обычно у большей части содержания на сайтах нет гиперлинков, но
именно последние являются простейшим способом дополнить существующий текст.
Используйте их, к примеру, как сноски, чтобы направить читателей к
первоисточникам или к дополнительной информации.
Механизмы обратной могут представлять собой просто E-mail ссылку, которая даст
возможность пользователям сообщить о недостатках сайта, поделиться своим
мнением, что в конечном итоге и помогает улучшить сайт. А еще лучше сделать
социологический опрос.
После того, как вы определились с основными компонентами сайта, подумайте, как
может интерактивность вашего сайта понадобиться пользователям.
Каковы наиболее современные способы взаимодействия в Сети?

поиск;

инструменты;

игры;

чат и форумы;

электронная коммерция.
Мы не поощряем произвольное применение этих технологий, но если они усиливают
впечатление от сайта, найдите способ их использования. Посмотрите сайты,
которые, по вашему мнению, удачно используют эти технологии, и поучитесь у них.
Опять же, цель интерактивности - сделать опыт пребывания пользователя на вашей
страницы богаче. Результат - люди дольше остаются, играют, и чаще возвращаются
на Ваш сайт.
1.5. Функциональность
Это впечатление пользователя от примененной технологии. В идеале, это не
должно быть критерием. Когда вы смотрите телевизор, вы не задумываетесь, будет
ли он показывать. В сети ситуация иная.
Даже простейший сайт может по-разному выглядеть и функционировать на разных
браузерах. Как добиться наилучших показателей функциональности?
Протестируйте сайт на нескольких браузерах и исправьте все, что поддается
исправлению. Нет необходимости доходить до вторых версий, но имейте в виду, что
большинство пользователей не располагает последними достижениями в этой
области.
Удостоверьтесь, что сайт работает и на PC, и на Mac. На них по-разному смотрятся
цвета (PC показывают темнее), а некоторые инструменты и могут не
поддерживаться.
Протестируйте сайт на разных скоростях подключения, Многие из нас
разрабатывают сайты в офисах, оснащенных линиями T-1 или DSL. Ваша
аудитория, особенно если вы обращаетесь к потребителям, может не иметь таких
возможностей. Учитывайте, что у некоторых пользователей сайт может работать на
меньших скоростях. Загрузка может оказаться мучительно медленной, и тогда
следует исправить ситуацию, уменьшив размер, объем страницы и графики.
Следите, чтобы все ссылки работали. Ведут ли они туда, куда они должны вести?
Ведут ли они на действующую страницу? Помните, что сайты в сети постоянно
меняются, так что регулярно проверяйте выходящие ссылки, чтобы удостовериться,
что они действуют и соответствуют назначению.
Предложите медленные и быстрые возможности просмотра сайта.
1.6. Общее впечатление
Иначе говоря, Web-сайт - это больше, чем сумма его частей. Общее впечатление
включает в себя нечто неуловимое, заставляющее пользователя уйти или остаться.
Это подобно первому свиданию, когда наедине остаются сайт и пользователь иногда контакт есть, а иногда его нет.
Вы можете быть уверены, что вы создали хорошее общее впечатление, когда
посетитель:

ставит букмарк (записывает адрес Вашего сайта )

рассказывает о сайте другу

остается на сайте довольно долго
И, наконец, прекрасный сайт - понятие весьма субъективное.
В 2000 году в 27 категориях были номинированы на Webby Awards 135 сайтов,
которые охватывали широкий спектр: от больших до малых, от визуальных до чисто
информационных, а иногда смесь и того и другого. У них нет безупречных баллов по
всем шести параметрам; для некоторых характерны аляповатые цвета и плохой
интерфейс, но у них у всех есть что-то, делающее их необычными. И этого "что-то"
достаточно, чтобы заслужить прекрасное общее впечатление.