вход

10 основных визуальных ошибок в вэб дизайне

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

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

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

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

2. Только текст без графики

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

3. Длинные статьи без параграфов

Даже если Вы включили графику в Вашу статью, Вы не должны забывать разделять некоторые предложения параграфами. Представьте, что Вы читаете статью из более чем 500 слов без единого параграфа. Вы быстро запутаетесь, правильно? Очень трудно фокусироваться в сплошном тексте на том месте, где Вы в данный момент читаете. Предложения, разделенные на параграфы, читатели определенно будут читать с легкостью.

4. Очень небольшой размер шрифта

Приходилось ли Вам посещать вэб сайты, на которых Вам нужно было увеличивать масштаб, чтобы прочитать статью? Это очень плохо. Делайте размер комфортным для чтения. Задавайте размер основного текста по крайней мере 12 пунктов, чтобы убедиться, что основной текст достаточно удобочитаемым. Иначе Вам придется прикладывать к сайту лупу, что бы можно было прочитать текст до конца.

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

Почти любое использование Flash добавит значимости к зрительному восприятию Вашего сайта. К сожалению, использование Flash заставит Ваш сайт загружаться дольше и медленне и это увеличит шансы, что посетители уйдут с такого сайта быстрее. Уменьшите использование Flash, применяйте аго только если в этом будет крайняя нужда. Я например, не люблю сайты, на которые используют Flash интро. Они слишком назойливые и попусту тратят мой время.

6. Основной текст поверх цветного фона

Большинство хороших сайтов используют простой цветной фон для улучшения читабельности. Если Вы используете насыщенный цветной фон, чтобы сделать сайт лучше, то Вы абсолютно ошибаетесь. Это только утомит Ваших посетителей, который быстро устанут читать такой тест, потому что цвет текста смешается с фоновой графикой. Делайте Ваш фон простым и размещайте графику там, где нет текста.

7. Слишком много рекламы

Видели Вы сайты полные баннерной рекламы и google adsense? Я уверен что Вы быстро покидали такие сайты и искали другие сайты где нет рекламы. Никогда не делайте приоритет рекламы над контентом. Главное для сайта это контент. Хорошие сайты всегда помещают рекламу в правильные места, не мешающие главному содержанию сайта.

8. Нежелательные всплывающие окна

Я очень не люблю сайты у которых неостанавливаемые всплывающие окна. Это раздражает меня по настоящему. Я хочу видеть информацию, а всплывающие окна тратят мое время. Не знаю почему, но я действительно ненавижу всплывающие окна.

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

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

10. Цвет ссылок не заметен

Убедитесь, что цвет ссылок у Вас отличается от цвета основного текста. Это помогает Вашим читателям идентифицировать, какие ссылки они уже посещали и ненамеренно открывать одни и теже станицы.

По материалам 1stwebdesigner

Нашли это полезным? Поделитесь с другими:
Не останавливайтесь, читайте дальше:
7 комментариев

Статья → 10 основных визуальных ошибок в вэб дизайне

  1. Olega:

    Доброго времени суток. Вы были у меня на сайте и задавали вопрос по поводу прогона. Я зашёл к Вам, так как всегда модерирую комментарии, и зачитался. Хотелось узнать, что Вы думаете о моём блоге, я впервые сделал в таких тонах. Очень хочется узнать стороннее мнение, а не предвзятое у моих друзей. Может надо что-то поправить. Для меня Важно. Если Вам не трудно, выскажите своё мнение или подсказку. Спасибо.

  2. бахилы:

    Здравствуйте! Мне близка ваша тематика и даже планирую создать блог такого же направления. Могли бы вы, если вас не затруднит, выслать мне на почту информацию как с вами связаться, к сожалению на сайте электронного адреса не нашла, а хотелось бы услышать ваш совет. Заранее спасибо!

  3. Николай:

    Спасибо, что посетили мой блог. Ваш блог работает на движке WordPress и это значит, что конечная функциональность во многом зависит от темы и от используемых плагинов. Что бы выявить недостатки в дизайне я могу посоветовать Вам самим найти 10 премиум тем для WordPress которые Вам самим очень нравятся и сравнить со своей текущей темой. Недостатки я думаю быстро проявятся и плюсом Вы найдёте может быть дополнительные идеи для дизайна. Я же могу высказать лишь своё мнение по поводу дизайна. В целом строгий и лаконичный стиль темы очень облегчает чтение основного контента, сайт не замусорен рекламой или отвлекающими блоками. Шрифт имеет правильные расстояния и хорошо читается, заголовки видны, плюс используется графика. Теперь немного критики. Цветовая гамма всё же мне кажется слишком тёмная. Фактически отсутствует шапка. Из-за неё начало сайта сливается с задним градиентом. В ней всё заужено, в то время как пустые места в контенте между постами и между контентом и сайд баром слишком большие. По зазорам обычно сразу определяют качество темы, так как это влияет на восприятие. В сайд баре блоки слишком просто оформлены, можно поработать. Некоторые места выезжают или переезжают за блоки. Нужно протестировать на всех браузерах. Навигация страниц не совпадает с общим дизайном. В общем есть что подработать. Желаю удачи, надеюсь не обидел Вас своими замечаниями.

  4. Николай:

    Мою почту Вы можете найти здесь

  5. Olega:

    Спасибо, что посетили вновь меня. С шапкой согласен, поработаю, фон тоже мне казался темноват, тоже буду пилить, бар! Не знаю. Шаблон строгий, пока не знаю. По поводу отступов, всё-же наверное оставлю, здесь просматривается стиль, свой стиль. Читать я так понял было удобно. Я сам иногда не могу читать явно яркие посты. Глаза устают. С постнавигацией поправил, хотел раньше цвет подправить, но был не уверен в самой гамме. Я кстате не люблю читать на белом, не из-за предпотчений, а немного устают глаза. Спасибо, я не совсем понимаю в художественном виденьи, больше технарь, чем творческая натура. Что касается самого шаблона, выбран и переделан был из множества, у меня ещё 5 сайтов, там тяжёлые и навороченные шаблоны, а этот специально выбирал лёгкий, поправлял стили и много чего. Насколько я знаю, тяжёлая шапка — достаточно нехорошо. Спасибо, Вы мне помогли, потому, как мои друзья, говорили только похвалу, что не хорошо. Если не трудно, заглядывайте, может ещё подскажете. На мой блог, хоть он и молодой, много народу ходет. Там в баре есть ссылки ещё на мои сайты, если захотите гляньте. Я правда там с шаблоном особо не возился, направление другое. А блог для меня очень Важен. Ещё раз спасибо. Заходите, я к Вам тоже захожу.

  6. Olega:

    Доброго суток Николай. Как всегда, зашёл почитать, и обнаружил, у Вас постраничная навигация не работает. Не перекидывает на другие страницы.

  7. Николай:

    Спасибо, поправил.

Оставить комментарий

Статья → 10 основных визуальных ошибок в вэб дизайне

Правила комментирования

  1. Кoммeнтapий всегда проходит премодерацию.
  2. В поле "URL блога" можно указывать только ссылку на главную страницу вашего блога. Ссылки на прочие веб-ресурсы (в том числе блоги/сплоги, созданные не для людей) будут удалены.
  3. Запрещается использовать в качестве имени комментатора слоганы/названия сайтов, рекламные фразы, ключевые и т.п. слова. В случае несоблюдения этого условия имя изменяется по усмотрению владельца блога. Просьба указывать нормальное имя или ник.
  4. Весьма вероятно, что короткий и неинформативный кoммeнтapий вида "Спасибо!", "Интересная статья", будет удален. Исключение составляют знакомые автору блога комментаторы.

 

Нажимая на кнопку, я даю согласие на рассылку, обработку персональных данных и принимаю политику конфиденциальности.