10 основных ошибок визуального оформления сайта

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

1. Использование плохих шрифтов

Вам встречались сайты с необычными шрифтами?

Трудновато воспринимаются, не так ли? Поэтому старайтесь использовать стандартные шрифты, которые намного более читабельны, например Arial, Helvetica, Verdana, Times New Roman и т.д. Тем более, если Вы неправильно подключите шрифт, то у людей, у которых он не установлен в системе, он не будет отображаться.

2. Отсутствие изображений, только текст

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

Старайтесь разбавлять статьи картинками. Если не знаете какими — просто поставьте изображения, подходящие по тематике к Вашей статье.

3. Длинная статья, не разбитая на абзацы

Помимо того, что Вы вставите изображения в Вашу статью, не забудьте разбивать текст на абзацы. Поверьте, читать более 500 слов в одном абзаце — не очень удобно.

4. Малый размер шрифта

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

Тематическая контекстная реклама — один из лучших видов заработка на сайте.

5. Использование тяжелого Flash

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

6. Основной текст на разноцветном фоне

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

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

7. Избыток рекламы

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

8. Долбаные всплывающие окна

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

9. Слишком длинные статьи

Многие, наверняка, не любят читать очень длинные статьи. Это утомительно. Считается, что размер статьи должен быть не более 1000 слов + изображения для разнообразия.

10. Внешний вид ссылок

Убедитесь, что цвет ссылок на Вашем сайте отличается от цвета текста или ссылки хотя бы подчеркнуты. Иначе, эффективность ссылок сводится к нулю.

На этом всё. Придерживайтесь этих советов, если не хотите отпугнуть посетителей Вашего сайта.

Оригинал | Перевод: true-coder.ru

  • Я чаще всего встречаю сайты с темным оформлением и темно синими буквами на черном фоне, единственный способ прочитать что там написано: выделить текст, но как правило я не читаю то, что там пишут — просто глаза на лоб вылезают, а так красиво, пока читать не начнешь 🙂

  • Wee

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

    Приятно познакомится!
    С уважением,
    Алёна или Wee

    • Wee

      * познакомитЬся .)) Хммм. Поспешишь, людей насмешишь.. Эх .))

  • Привет, Алёна) Взаимно приятно 🙂 Рад, что статья понравилась 😉

  • абсолютно верные принципы.Еще как в живой речи можно «держать паузу»-меоготочием.И как актеры в театре произносят мысли вслух-выделять скобками.То есть стремиться к «живому диалогу» с читателем.

  • Ничего нового в этой теме и сами себе противоречите (комментарии в мелком шрифте)

    • Да, многие не найдут здесь для себя чего-то в корне нового, т.к. это 10 ОСНОВНЫХ ошибок, которые нельзя допускать.

      А шрифт 13px, я считаю, — далеко не мелкий.

  • сделай 10px будет еще лучше

  • Поздравляю, вы первый неадекват на блоге.

  • Хорошая статья!
    У меня маленький вопрос: менять размер шрифта нужно в редакторе стилей или где? и в какой строке? Прошу над моим вопросом не смеяться, я почти все познаю «методом тыка». Но хочется знать наверняка. Есть у меня блоги с прекрасным дизайном и функционалом, но вот шрифт, действительно, меня не усотраивает: а как это изменить пока не знаю…
    А к автору -мое пожелание: Делайте ссылки раскрывающимися в новом окне, а не так как сейчас (что по ссылкам уходит читатель с основной страницы)
    Я все свои ссылки настраиваю на раскрытие в новом окне: это удобно для читателя и польза для автора
    Я так думаю…

    • Размер шрифта, как правило, меняется в css-файле с помощью свойства font-size.

  • Благодарю за основные нюансы в одной статье.
    Но как быть с пунктом 4 — здесь комменты 10 шрифта!

    • Здесь комментарии шрифтом 13px.

      • 13 — почему-то мелковато. Я думаю вам покрупнее сделать надо. Или вы для комментов так специально сделали!

        • Эм… В комментариях точно такой же размер шрифта, как и в самой статье.

  • Хорошая статья, но не могу согласиться с пунктом 9. Если статья интересная и полезная, её читают до самого конца.
    У меня на сайте почти все статьи длинные и их дочитывают до конца, потому что они интересны тем, кто их читает.

    • Спасибо, за мнение. Согласен с вами, если статья действительно интересная и увлекательная — её хочется читать, какой бы длинной она ни была. Но если нет — утомляет.

  • Замечательные советы. Особенно мне не нравится пункт 2, 4 и 6. А про всплывающие окна даже и комментировать не хочется. Кто их вообще придумал.

  • Сергей

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

  • Красота — страшная сила, просто не все хотят понять, что то же белый на черном может и красиво, но читать это очень сложно… и сайты как правило такие копипастом наполняются, ибо если бы автор сам писал — давно бы догнал что нереально так работать)))

  • Юрий

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

  • Andrey

    Дизайн — это когда есть что-то. Есть колорит. Когда все пусть аккуратно, но скучно разбито на пункты — это возможно аккуратно, но не выразительно. » Плохой шрифт » не всегда так плох, если соответствует теме и фону сайта. Просто автор вам что-то пытался сказать, а вы просто не поняли. Вы просто жертва стереотипов.

    Да. Длинные бесконечные статьи говорят о том что автор шибко умный и много знает, но листать рулон мало кто захочет. Можно сделать листание в iframe , я так делал.

    Друзья, нельзя быть скучными и раздражительными. Приглашаю вас к себе на сайт : http://wwwvsem,info . Он новый, там много всего интересного. Он » неформатный «, как мне тут сказали, напоминает новогоднюю елку… Это МОЙ сайт! Я в него вложил все. Добро пожаловать короче.