Форум paint.net на русском языке

Грубейшие ошибки веб-дизайна (статья)

Этот раздел предназначен для уроков, посвященных кнопочкам, юзербарам, баннерам, шапкам и т.д., в общем, всему, что может помочь в создании и дизайне сайтов.
Аватара пользователя
Lynx
Сообщения: 5677
Зарегистрирован: 04 май 2010, 21:44
Репутация: 15
Пол: Женский
Откуда: г. Сочи

Грубейшие ошибки веб-дизайна (статья)

Сообщение Lynx » 24 фев 2011, 16:06

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

Обычно статьи различных авторов описывают 10-15 пунктов ошибок веб-дизайна. В этой статье хочется представить вам 43 таких ошибки. Эти ошибки собраны с различных статей, каждая из которых имеет краткое описание.

1. Посетитель сайта должен сразу понимать, о чем сайт

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

2. Не упускайте правила написания текстов для контента

Всегда пользуйтесь правилами написания текстов для Интернет. Выделяйте важные тексты, заголовки, подзаголовки, старайтесь, чтобы абзацы были не более 2-3 предложений.

3. Шрифты должны быть стандартными


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

4. Шрифт должен легко читаться и восприниматься пользователем


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

5. Не делайте выбор за аудиторию вашего сайта

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

6. Не изменяйте пользовательские настройки

Не изменяйте размеры окна браузера посетителей. Это раздражает аудиторию. Сделав это, вы спугнете посетителя своего сайта.

7. Не требуйте регистрации, если она себя не оправдывает

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

8. Посетители сами знают, куда им подписываться

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

9. Используйте Flash там, где не получается обойтись статикой

Не преувеличивайте с использованием Flash на сайте. Это дольше грузит страницы, да и к тому же его избыток иногда раздражает. Помимо того, что Flash увеличивает время загрузки веб-страниц, чрезмерное его использование начинает раздражать посетителей сайта. Поэтому знайте меру и используйте Flash только там, где нельзя обойтись статикой.

10.Фоновая музыка на фоне сайта – старо как мир

Не используйте автоматическое воспроизведение фоновой музыки на сайте. Это пережитки зарождения Интернет.

11. Позвольте посетителям вашего сайта самим выбирать, когда и что им слушать


Если вам необходимо дать что-либо прослушать своим посетителям, дайте им самостоятельно сделать выбор, когда им это сделать. Разместите на сайте кнопки “Play/Pause” и “Stop”.

12. Не преувеличивайте с банерами


Существует очень большое количество сайтов с огромным количеством баннеров. Поймите, это выглядит непрофессионально, увеличивает время и трафик при загрузке, да и ко всему прочему отвлекает вашу аудиторию от контента. Значки и эмблемы, полученные за участие в каких-то конкурсах, можно размещать на специально отведенной для этого странице, например «О компании».

13. Используйте главные страницы

Не используйте «входных» страниц. Чем быстрее посетитель получит доступ к контенту, тем лучше.

14. Размещайте контактную информацию

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

15. Кнопка «Назад» – один из основных принципов юзабилити

Ни в коем случае не лишайте функционала кнопку браузера посетителей «Назад». Для того чтобы не совершить такой ошибки избегайте JavaScript и настроек при которых ссылки открываются в новом окне браузера

16. Мигающий и мерцающий текст – старее не придумаешь…

Эта, по вашему мнению «красота», использовалась еще в 96 году…

17. Откажитесь от URL

Начните наконец-то использовать ЧПУ (человеку понятные урлы). С помощью ЧПУ в адресах веб-страниц вы сможете использовать ключевые слова и фразы из контента. Это положительно отобразиться на доступе к вашему сайту с поисковых систем, да и посетители по-памяти смогут заходить на нужные им страницы.
18. Верстка CSS более функциональна и надежна чем табличная верстка

Перестаньте использовать тяжелые и неповоротливые таблицы – избавьте себя от лишних усилий, верстайте блоками. CSS быстрее и надежнее таблиц.

19. Старайтесь, чтобы все страницы сайта были проиндексированы

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

20. По возможности не используйте выпадающих навигационных меню

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

21. Используйте текстовую навигацию


Как вы считаете, если вы сёрфите сайты с отключенной графикой и попадаете на сайт со скриптовой или Flash навигацией, какой будет ваша реакция? А была бы на этом сайте текстовая навигация, все было бы иначе. Да и к тому же текстовая навигация доступна и надежна.

22. Явно указывайте, если вы ссылаетесь на PDF-документ

Не раздражайте посетителей. Не делайте так, чтобы они ждали, пока откроется неизвестный PDF-документ. Если даете ссылку на него – укажите на это.

23. Не ставьте посетителей перед выбором

Не нужно делать несколько версий сайта. Ваш сайт должен одинаково загружаться и отображаться, не зависимо от браузера и скорости Интернета. Заманивайте посетителя контентом.

24. Размещая рекламу внутри контента, вы можете потерять посетителя


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

25. Создавайте интуитивно понятную систему навигации

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

26. Не задерживайте посетителей «вступлением»


Если посетитель зашел на ваш сайт для того чтобы получить контент, ему абсолютно не интересно слушать какие-либо записи или смотреть видео. Конечно, если на вашем сайте он сможет получить информацию, которой больше нигде нет, он вытерпит ваши «вступления».

27. Не верстайте сайт в FrontPage и ему подобных редакторах

Используя подобные FrontPage визуальные редакторы, на выходе вы получите отвратительный, невалидный, объемный и замусоренный непонятными тегами код. Верстая сайт в подобной программе, вы рискуете, что он никогда не будет правильно и одинаково отображаться в разных браузерах.
28. Только в случае одинакового отображения во всех основных браузерах сайт может принимать посетителей

При изменениях проверяйте сайт во всех основных браузерах, таких как Internet Explorer, Mozilla Firefox и Opera, так как не все браузеры одинаково воспринимают одни и те же правила.

29. Якоря к ссылкам должны отражать суть


Естественно, проще всего сделать ссылку с якорем «Нажмите сюда», чем придумать такой, который будет отражать суть. Поймите, что осознанные якоря дадут посетителям сайта возможность понять, что они увидят, перейдя по ссылке. Так же это позитивно скажется на ссылочном ранжировании вашего сайта в поисковых системах. Что лишний раз подтверждает seo-закон: что хорошо для посетителей, то хорошо и для поисковых систем!

30. Не стоит запрещать отображение ссылок в статусной строке браузера

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

31. Не создавайте непонятных ссылок

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

32. Не создавайте видимость ссылки

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

33. Выделяйте ссылки, на которые посетитель уже заходил

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

34. Не отвлекайте посетителей от контента


Как вы знаете, в рекламных баннерах в основном применяются анимированные GIF’ы. Большим их недостатком является то, что они отвлекают посетителей от контента.

35. Прописывайте ALT и TITLE атрибуты для всех изображений на вашем сайте

Это важно для посетителей сайта с отключенной графикой. Да и к тому же даст вам преимущества для продвижения вашего сайта.

36. Цвета не должны быть раздражающими

Если на своем сайте вы будете использовать раздражающие глаз цвета, посетитель не сможет пробыть на нем более 10 минут. Понятно, что в таком случае, популярности вам не видать.

37. Не используйте всплывающие окна (поп-апы)

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

38. Не создавайте ссылки с помощью JavaScript

Ссылки сделанные в JavaScript поисковыми системы не видят. К тому же пользователям они создадут только проблемы, а у некоторых они могут вообще не открываться.

39. Футер должен быть функциональным

Большинство посетителей в самом низу страницы стремятся увидеть ссылки на самые основные, важные разделы и страницы сайта. Не лишайте их этого удовольствия. Создайте для них функциональный футер.

40. Пользователи не любят длинных Интернет страниц

Большие статьи стоит разбивать на несколько небольших страниц, либо создавать по ним навигацию с помощью якорей.

41. Создавайте сайты с учетом мониторов ваших пользователей

Вы должны помнить, что самое распространенное разрешение мониторов на данный момент составляет 1024х768. Создавайте сайты, учитывая эти данные. Горизонтальный скроллинг – это очень плохо.

42. Тщательно проверяйте свой сайт на наличие речевых, орфографических и грамматических ошибок

Это, конечно же не ошибка веб-дизайна, но ошибки такого рода, могут запросто разрушить позитивное мнение посетителя о вашем сайте.

43. Не используйте капчу

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

Автор – dailyblogtips
"Чтобы уметь рисовать - надо рисовать" John Howe

Аватара пользователя
xmario
Администратор
Сообщения: 3370
Зарегистрирован: 03 апр 2010, 20:12
Репутация: 22
Пол: Мужской
Откуда: Москва

Re: Грубейшие ошибки веб-дизайна (статья)

Сообщение xmario » 24 фев 2011, 16:49

Интересная статья! :good: Молодец Lynx!! для наших начинающих веб-дизайнеров это самое то!

Правда, лично я не могу никак согласиться с утверждениями №5 и №17. :no: Однако 2 против 43 (менее 5%) не так уж и много, не правда ли. ;)

Аватара пользователя
Lynx
Сообщения: 5677
Зарегистрирован: 04 май 2010, 21:44
Репутация: 15
Пол: Женский
Откуда: г. Сочи

Re: Грубейшие ошибки веб-дизайна (статья)

Сообщение Lynx » 24 фев 2011, 19:52

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


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

17. Откажитесь от URL

Начните наконец-то использовать ЧПУ (человеку понятные урлы). С помощью ЧПУ в адресах веб-страниц вы сможете использовать ключевые слова и фразы из контента. Это положительно отобразиться на доступе к вашему сайту с поисковых систем, да и посетители по-памяти смогут заходить на нужные им страницы.


Ну тут тебе видней. Я в этом вопросе вообще чайник.

Еще наверное добавила бы просто от себя : терпеть не могу непонятные сайты.
Вот например, я еле еле догадалась вообще как туда зайти и что это такое http://cmart.design.ru/
Может и оригинально, но черте что.
"Чтобы уметь рисовать - надо рисовать" John Howe

Аватара пользователя
xmario
Администратор
Сообщения: 3370
Зарегистрирован: 03 апр 2010, 20:12
Репутация: 22
Пол: Мужской
Откуда: Москва

Re: Грубейшие ошибки веб-дизайна (статья)

Сообщение xmario » 24 фев 2011, 20:53

Не, Lynx§ про масштаб с тобой полностью согласен. Даже спорить не буду, зря столько писала :-D Я про пункт №5

5. Не делайте выбор за аудиторию вашего сайта...


По поводу этого пункта была "война" между гуглом и яндексом. Гугл придерживался этого пункта, а яндекс открывал результат поиска в новом окне. Поверь мне, яндекс в этом смысле круче. Читал статью, что многие перешли на яндекс из-за этого. Да я и сам придерживаюсь этого мнения. :oops:

Кстати, и гугл вроде последнее время исправился... :-D

Аватара пользователя
Lynx
Сообщения: 5677
Зарегистрирован: 04 май 2010, 21:44
Репутация: 15
Пол: Женский
Откуда: г. Сочи

Re: Грубейшие ошибки веб-дизайна (статья)

Сообщение Lynx » 24 фев 2011, 20:56

Да я уже поняла. Кстати тоже допустила ошибку при опубликовании этой статьи, не выделив заголовки, и
сама запуталась поэтому. Но, как видишь исправилась.
"Чтобы уметь рисовать - надо рисовать" John Howe

Аватара пользователя
xmario
Администратор
Сообщения: 3370
Зарегистрирован: 03 апр 2010, 20:12
Репутация: 22
Пол: Мужской
Откуда: Москва

Re: Грубейшие ошибки веб-дизайна (статья)

Сообщение xmario » 24 фев 2011, 21:06

Ну, это не страшно, кому надо поймет. А насчет ссылок в новом окне, в последнем веб стандарте HTML - W3C, открытия в новом окне нет. Но, лично я с ними не согласен... :oops:

Аватара пользователя
Lynx
Сообщения: 5677
Зарегистрирован: 04 май 2010, 21:44
Репутация: 15
Пол: Женский
Откуда: г. Сочи

Re: Грубейшие ошибки веб-дизайна (статья)

Сообщение Lynx » 24 фев 2011, 21:10

А насчет ссылок в новом окне, в последнем веб стандарте HTML - W3C


:shock: Ты думаешь что я отчетливо поняла о чем вообще речь ? Я это знаю только чисто теоретически и то потому что просто читала об этих понятиях и то вскользь. :lol: Так что порассуждать на эту тему не могу даже.. :oops:
Ну правда что такое HTML немного знаю ... на уровне что это вообще такое . Вот и все мои знания в этом вопросе.
"Чтобы уметь рисовать - надо рисовать" John Howe

Аватара пользователя
xmario
Администратор
Сообщения: 3370
Зарегистрирован: 03 апр 2010, 20:12
Репутация: 22
Пол: Мужской
Откуда: Москва

Re: Грубейшие ошибки веб-дизайна (статья)

Сообщение xmario » 24 фев 2011, 21:15

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

Аватара пользователя
Lynx
Сообщения: 5677
Зарегистрирован: 04 май 2010, 21:44
Репутация: 15
Пол: Женский
Откуда: г. Сочи

Re: Грубейшие ошибки веб-дизайна (статья)

Сообщение Lynx » 24 фев 2011, 21:17

А вот ты о чем. Проще надо быть с народом. А то раскидались тут терминами, понимаешь ли... :lol:
Нет не нравится, я с тобой в этом вопросе согласна полностью.
"Чтобы уметь рисовать - надо рисовать" John Howe

Аватара пользователя
xmario
Администратор
Сообщения: 3370
Зарегистрирован: 03 апр 2010, 20:12
Репутация: 22
Пол: Мужской
Откуда: Москва

Re: Грубейшие ошибки веб-дизайна (статья)

Сообщение xmario » 24 фев 2011, 21:38

Значит уже нас двое против пятого пункта. :lol: :ROFL: Но в остальном я согласен!


Вернуться в «Уроки для web-дизайна»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость

добавить на Яндекс
Rambler's Top100
Нравится

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