Предложение: При использовании сообщений в строке состояния, обеспечивайте информацию об URL для Правило: Неверные ссылки, должны рассматриваться, как катастрофа. Предложение: Избегайте автоматической переадресации при ошибке 404.
~* Поиск и Дизайн*~
Правило: Используйте опыт посетителя в работе с поисковыми системами. Используйте такое же размещение и обозначение, как и в средствах локального поиска на компьютере, но избегайте подражать механизмам поиска на известных сайтах.
Правило: Не проектируйте страницы исключительно для того, чтобы привлечь поисковые системы. В конечном счете, страницы предназначены для людей.
Правило: Если сайт состоит из одинаково оформленных данных, сложных для поиска, или содержит более 100 страниц, создайте механизм поиска на сайте.
Правило: Если вы хотите, чтобы посетители часто возвращались на ваш сайт, обеспечьте средства поиска на сайте.
Правило: Поисковая форма, также как и страница выдачи результатов, должна соответствовать дизайну сайта.
Правило: Поисковая форма должна соответствовать содержанию того, что посетитель может искать на сайте.
Предложение: Основные текстовые поля формы поиска должны быть в два раза больше чем дополнительные.
Предложение: Лучше ограничить поиск темой, категорией, или идеей, чем разделом сайта.
Правило: Продвинутые поисковые механизмы должны иметь инструкции по использованию и примеры.
Правило: Страницы с результатами поиска должны предоставлять посетителю как можно больше информации, чтобы он мог решить, какие страницы смотреть далее.
Правило: Формат результатов поиска должен включать возвращенные поисковым механизмом данные.
Правило: Страница, говорящая об отрицательном результате поиска должна включать информацию о том, почему запрос потерпел неудачу, и, возможно, как исправить запрос.
~* Типы страниц и Макеты*~
Правило: Выбирайте размер страниц таким, чтобы их содержание всегда было под рукой.
Правило: Избегайте широких страниц, особенно с горизонтальной прокруткой.
Правило: Старайтесь разместить важные элементы, например основную панель навигации, на первом экране.
Предложение: Определите, что помещается в видимую на экране часть страницы, и пробуйте намекнуть на содержание страницы вне первого экрана.
Правило: Если есть возможность, избегайте ограничивать разрешение сайта.
Правило: При создании страниц для WebTV, создавайте страницы с жесткой структурой шириной 544 пиксела.
Предложение: При создании дизайна для определенных размеров экрана, оставьте свободными 10 процентов от доступного места.
Предложение: Позволяйте посетителю растягивать и сворачивать страницы. Не делайте страницы, заполняющие все свободное место при любом разрешении монитора, только если структура не будет потеряна без увеличения размера.
Предложение: При использовании страниц фиксированной ширины, выровняйте содержимое по центру, чтобы уменьшить восприятие пустого пространства на больших дисплеях.
Предложение: Избегайте использовать растягивающиеся конструкции с небольшим количеством содержания.
Предложение: Если это возможно, старайтесь умещать содержание страницы в пределах 3-5 экранов по вертикали.
Предложение: Управляйте полями страницы с некоторым коэффициентом.
Предложение: Обеспечивайте явную ссылку, чтобы можно было быстро пропустить страницу с заставкой.
Правило: Основная страница должна задавать визуальный и навигационный тон сайта.
Правило: Основная страница должна грузиться быстро, но быть достаточно интересной, чтобы привлекать посетителей.
Правило: Основная страница должна ясно указывать на содержание сайта.
Предложение: Основная страница должна обеспечивать основную информацию о сайте и информацию об изменениях на сайте.
Предложение: Если отдельная страница является важной или служит началом раздела, то выделите ее визуально.
Правило: Страницы сайта должны следовать стилю и навигационной системе главной страницы, по крайней мере по духу.
Предложение: Делайте ЧАСТО ЗАДАВАЕМЫЕ ВОПРОСЫ одной легко печатаемой страницей, если они имеют разумную длину.
Предложение: Обеспечивайте ссылку для возвращения к началу документа или к списку вопросов после каждого ответа.
Предложение: Консультируйтесь с профессионалом для составления или проверки любых использованных юридических терминов.
Предложение: Указывайте на страницах дату последнего изменения.
Правило: Если на сайте собирается персональная информация, обеспечьте легкодоступные, понятные правила и условия сохранения конфиденциальности.
Правило: Полная контактная информация должна быть доступна по ссылке с любой страницы сайта; адрес электронной почты должен быть включен в каждую страницу.
Предложение: Предупредите посетителей, что напечатанные страницы будут отличаться от того, что видно на экране, или укажите версию для печати.
Предложение: Используйте PDF-файлы для сложно оформленной информации, которая должна быть хорошо напечатана, вроде таблиц, технических рисунков, и сложной финансовой или математической информации.
Предложение: Указывайте на PDF-файлы при помощи текста и иконки, и обеспечьте информацию об использовании этого файла.
Правило: Создавайте заключительную страницу для каждого раздела.
Предложение: Обеспечьте ссылку для возврата к основной странице сайта со страницы выхода.
Правило: Отпускайте посетителя с миром. Избегайте фраз вроде "пожалуйста не уходите " или всплывающих окон.
Предложение: При использовании текстового дизайна, предусматривайте навигационную панель наравне с контекстными ссыками.
Предложение: Рассмотрите возможность использования текстового дизайна для сайта, где скоростью загрузки или гибкость отображения имеют наивысший приоритет.
Предложение: Избегайте использовать метафорический дизайн на сайтах для опытных посетителей или для активно посещаемых.
Предложение: Избегайте нетрадиционных интерфейсов на часто посещаемых сайтах.
Предложение: Используйте верхние и нижние колонтитулы для сайтов, ориентированных на предоставление большого объема информации.
Правило: В веб-дизайне стремитесь всегда быть последовательным, но оригинальным.
~* Текст*~
Правило: Увеличивайте размер текста, чтобы улучшить его читабельность.
Предложение: Создайте иерархию типов, изменяя цвет текста, его размер, стиль и позицию, чтобы улучшить читабельность страницы.
Правило: Отдельные детали в дизайне сайта могут сильно влиять на его восприятие.
Предложение: Избегайте использовать сглаживание в надписях, сделанных мелким шрифтом.
Предложение: Используйте три шрифта в дизайне страницы: один для заголовков, один для основного текста, и один для элементов навигации.
Правило: Текст в столбцах текста на веб-страницах никогда не должен переноситься с низа одного столбца на верх другого.
Правило: Навигационные страницы страницы требуют меньшего количества свободного пространства в тексте, чем страницы информационные.
Предложение: Будьте внимательны при использовании слов, которые имеют альтернативные значения в сети.
~* Цвета, Изображения и Фоны*~
Правило: Чтобы цвет был воспроизведен точно, всегда используйте его шестнадцатеричное значение кроме случая основных цветов: белого, черного, красного и так далее.
Предложение: Чтобы безопасно использовать более 216 цветов, используйте так называемые гибридные цвета.
Предложение: Из-за плохой совместимости браузеров избегайте использовать тег для установки шрифта в документе - особенно, если идет работа с цветами.
Правило: Всегда храните изображения в отдельном каталоге.
Правило: Называйте изображения значащими именами, группируя их по цели использования.
Правило: Вы не можете использовать тэг без атрибута SRC.
Предложение: Текст из атрибута ALT должен усилить значение важных изображений; если изображение не несет важной смысловой нагрузки, то лучше оставить его пустым, чем загромождать страницу ненужными подсказками...
Правило: Всегда используйте атрибуты WIDTH и HEIGHT в тэге .
Правило: Никогда не используйте атрибуты WIDTH и HEIGHT для изменения размеров изображений в HTML. Если необходимо изображение меньшего размера, создайте отдельную меньшую версию.
Правило: Всегда устанавливайте атрибут BORDER равным нулю, если только у Вас нет причины делать иначе, и помните, что изображения внутри ссылки без нулевого атрибута BORDER будут по умолчанию иметь цветную границу.
Предложение: Ограничьтесь форматами JPEG и GIF до тех пор, пока остальные не станут общеупотребимыми.
Предложение: Не полагайтесь исключительно на цвет в ссылках и информационной графике.
Правило: При создании макета страницы с нарезанными изображениями, помещенными в таблицу, убедитесь, что атрибуты WIDTH и HEIGHT у изображений и ячеек таблицы совпадают.
Правило: Для корректного расположения порезанного изображения в ячейках таблицы установите атрибуты таблицы CELLPADDING и CELLSPACING равными нулю.
Предложение: Не делайте фоновое изображение очень маленьким (например 1-2 пиксела), поскольку это может раздражать глаз.
