- •Отсутствие логотипа
- •Отсутствие заголовка сайта
- •Отсутствие заголовка страницы
- •Название окна не совпадает с заголовком страницы
- •Примеры
- •Многочисленные выделения одного и того же информационного элемента
- •Как выделять правильно
- •Фиксированный размер шрифта, который не нельзя изменить в браузере
- •Выделение стилем, типичным для ссылок
- •Более двух разных шрифтов (гарнитур)
- •Очень большие абзацы
- •Навигация Отсутствие навигационных элементов или неудобная навигация
- •Куда я могу пойти
- •Где меню
- •Электронные почтовые адреса и внешние ссылки не прописаны на страницах в явном виде
- •Неработающие ссылки
- •Геометрия страниц Страницы не имеют геометрического каркаса
- •Отсутствие выравнивания
- •Горизонтальная прокрутка в окне шириной 640
- •Разрушение единого информационного элемента при изменении размера окна браузера (например, заголовка, навигационной панели, группы управляющих кнопок)
- •Постоянные элементы страниц (заголовки, меню, логотип и т.П.) плохо держат свое место на экране при переходах со страницы на страницу
- •Прижатость элементов друг к другу
- •Картинки
- •Графика Фон, заданный картинкой, на котором текст не читается
- •Цветовая палитра, утомляющая глаза
- •Примеры
- •Графика не оптимизирована
- •Фон, заданный картинкой, на котором плитки плохо стыкуются
- •Повторение фоновой картинки в широких окнах
- •Слишком большое число цветов
- •Обилие декоративных элементов, не несущих функциональной нагрузки
- •Иллюстрации не вписываются в страницу, смотрятся как заплаты
- •Явные погрешности в качестве графического материала
- •Погрешности масштабирования
- •Рекомендации
- •Погрешности чрезмерного сжатия
- •Хвостатые ссылки
- •Отсутствие антиалиасинга или не соответствие его фону страницы
- •Отсутствие alt-значений в информационных иллюстрациях
- •Неверное (неинформативное) содержание alt-надписи
- •Мультимедиа Движущиеся и мерцающие надписи
- •Агрессивная анимация
- •Звук и видео на странице
- •Кроссбраузерность Сайт работает только в одном браузере
- •Авторские права Заимствование элементов оформления сайта без ссылок на автора
- •Как указывать авторство
- •Пример 1. Указание авторства в подрисуночной надписи
- •Рекомендуемый стиль записи гипертекста
- •Нарушение правила читаемости (должно быть: название тегов прописными буквами, названия атрибутов и их значений — строчными)
- •Строки длиннее 80 символов
- •Ошибки Нарушение вложенности тегов, или порядка следования тегов, отсутствие обязательных закрывающих тегов, неверные названия тегов, атрибутов и их значений, другие ошибки
- •Нарушение вложенности тегов
- •Отсутствие обязательных закрывающих тегов
- •Неверные названия тегов
- •Неверные названия атрибутов и их значений
- •Другие ошибки кодирования
- •Ошибка регистра в именах каталогов и файлов
- •Рекомендация
- •Некачественное кодирование Отсутствие тега title
- •Отсутствие одного из атрибутов bgcolor, text, link, alink, vlink в теге body
- •Цвет фона и текста
- •Цвет ссылок
- •Рекомендации по выбору цветов для ссылок
- •Не указаны атрибуты width и height в теге img
- •Неверные значения атрибутов width, height
- •Картинка-распорка
- •Декоративная графика
- •Составная графика
- •Теги Hn используются не для выделения заголовков или не отражают иерархию документа
- •Программирование шрифта при помощи атрибута face тега font
- •Лишние теги (кроме необязательных закрывающих), фрагменты, которые можно исключить из программы без изменения внешнего вида документа и функционирования приложения
- •Пробел, который центрируется в пустой строке.
- •Ужасный абсолютный адрес
- •Полужирный пробел с собственным лицом.
- •Хорошего должно быть много!
- •Двойное центрирование: а вдруг однократное не поможет?
- •Визуальные узоры
- •Суммарный вес страницы превышает 50 кб
- •Пропаганда нездорового образа жизни
- •Пропаганда учений, наносящих вред психике человека
- •Структура содержания Неудачная структура сайта
- •Неудачная Главная страница
- •Школьный сайт
- •Школьный сайт: вопросы
- •Пользователи школьного сайта
- •Внутренние пользователи Школьные пользователи Школьники
- •Каким же должен быть школьный сайт?
- •Отсутствует раздел Ссылки
- •Зачем нужны внешние ссылки
- •Дисциплина внешних ссылок
- •Как оформлять внешние ссылки
- •Примеры внутренних ссылок
- •Примеры внешних ссылок
- •Качество изложения Рекламный стиль изложения
- •Слишком длинные ссылки, многословные невыразительные (несамоочевидные) разделы меню
- •Краткость
- •Первое слово — самое важное
- •Многословные описания, которые можно сократить без потерь для содержания
- •Якоб Нильсен о том, как читают пользователи
- •Неудачные заголовки (сайта, страниц, разделов)
- •Важность заголовков
- •Правила для заголовков
- •Смысловая нагрузка
- •Якоб Нильсен о том, как писать тексты для сайта
- •Стив Круг об общей болтологии
- •Томас а. Пауэлл о составлении текстов для Web
- •Погрешности стиля изложения
- •Авторские права Заимствованный текстовый материал без ссылок на автора Закон “Об авторском праве и смежных правах” Российской Федерации (извлечения)
- •Как оформлять цитаты
- •Как оформлять эпиграфы
- •Пример неверного оформления
- •Пример верного оформления
- •Неразрывный пробел
- •Дефис вместо тире, дюймы вместо кавычек, буква n вместо знака номера, неверное употребление (кодирование) спецсимволов
- •Кавычки
- •Тире и дефис
- •Краткий справочник
- •Другие грамматические ошибки
Якоб Нильсен о том, как писать тексты для сайта
Якоб Нильсен рекомендует использовать для текстов на сайте стиль «перевернутой пирамиды»: сначала главный вывод, затем обоснования.
Пользователь, склонный не к чтению, а к просмотру страниц, может не добраться до вывода, если поместить вывод далеко от начала страницы.
Ниже приводятся выдержки из статьи Якоба Нильсена «Перевернутые пирамиды в киберпространстве» (перевод Александра Качанова).
Одной из вредных профессиональных привычек человека, имеющего степень доктора наук, является сильная привязанность к традиционному стилю представления информации. Я обычно пишу так, как меня учили писать: начать с основ, а затем постепенно идти к заключению. [...] Журналисты же давно пользуются обратным методом: свои статьи они начинают с сообщения читателю вывода («После долгих обсуждений, собрание постановило повысить налоги на 10 процентов»), после чего сообщают самую важную информацию, а в конце дают подоплеку события. Этот стиль написания статей называется «Перевернутая пирамида» по той простой причине, что он переворачивает традиционный стиль написания с ног на голову. Такой стиль хорош для газет потому, что читатели могут остановиться в любой момент чтения, и всё равно у них в голове останется вся самая важная информация, данная в статье. В Web-е стиль перевернутой пирамиды становится ещё более важным, так как мы знаем на основании нескольких исследований, что пользователи не прокручивают страницы. Поэтому они часто ограничиваются чтением верхней части статьи. Лишь самые заинтересованные читатели прокрутят страницу, и лишь эти немногие увлеченные души достигнут основания пирамиды и получат в награду всю вашу историю во всех её деталях. |
Стив Круг об общей болтологии
Ниже приводятся выдержки из 5-ой главы книги Стива Круга «Веб-дизайн» («Символ», Санкт-Петербург, 2001).
Избавьтесь от половины слов на каждой странице, затем уберите ещё половину из того, что осталось Третий закон Круга Из пяти или шести вещей, которые мне довелось узнать в школе, одна мне запомнилась больше других и оказалось самой полезной. Это семнадцатое правило из «Основ стиля» Э. Б. Уайта: 17. Опустите лишние слова. Хорошее письмо всегда кратко. Предложение не должно содержать ненужных слов, а абзац не должен содержать ненужных предложений по той же самой причине, по которой на холсте не должно быть ненужных линий, а в машине — ненужных деталей. Глядя на большинство веб-страниц, я поражаюсь тому, что большая часть слов на них просто занимает место, потому что вряд ли кто будет эти слова читать. [...] Удаление всех тех слов, которые всё равно никто не будет читать, имеет несколько полезных следствий:
Никакой «общей болтологии» Мы сразу же узнаём «общую болтологию», как только видим её, — это вступительные тексты, служащие для того, чтобы приветствовать вас на сайте и рассказать о том, какой он замечательный, или же сообщить нам о содержании раздела, в который мы вошли. [...] Никаких «инструкций» Другим большим источником ненужных слов являются «инструкции». Главное, что следует знать об «инструкциях», это то, что их никто не собирается читать. [...] Вашей целью должно стать стремление всегда полностью устранить «инструкции», делая всё достаточно ясным без лишних объяснений ( «самоочевидным») или как можно более ясным. Если «инструкции» всё же действительно необходимы, то сократите их до минимума. |
