Showing posts with label CSS. Show all posts
Showing posts with label CSS. Show all posts

25 October, 2007

На заметку: 43 ошибки в дизайне которые нельзя допускать. Часть 2.

Начало смотреть На заметку: 43 ошибки в дизайне которые нельзя допускать. Часть 1.

  1. Используйте текстовую навигацию. Текстовая навигация работает быстрее, да и к тому же, у некоторых посетителей может быть отключен показ картинок
  2. В том случае если линк ведет на PDF документ, запуск Acrobat reader потребует времени и пока он не запуститься пользователь будет видеть пустой экран. Это многих раздражает
  3. Не старайтесь иметь много версий сайта оптимизированных на разные скорости посетителя. Помните что главное содержание
  4. Будьте внимательны с рекламой. Вставка рекламных блоков внутри контента может повысить "кликабельность" но в тоже самое время отолкнет часть читателей от вашего сайта. Знайте меру
  5. Используйте простую систему навигацию. Самое полохое что может произойти - посетитель запутается в вашем сайте и не найдет нужной информации
  6. Избегайте всевозможных заставок.  Не заставляйте пользователей смотреть их в обязательном порядке, дайте возможность перейти к полезной информации
  7. Не используйте FrontPage и другие простейшие и дешевые редакторы. Хоть они и позвлояют "изготовить" дизайн очень быстро, но очень часто на выходе вы получите не очень оптимальный код
  8. Убедитесь в том что сайт правильно отображается в различных броузерах (броузеры обрабатывает CSS по разному). Проверьте работоспособность в основных броузерах
  9. Любая ссылка должна содержать статичный текст.. "Click here" - не очень информативная ссылка. Делайте ссылки информативными. Кроме удобства которые получат посетители вы получите маленький плюсик при продвижении сайта
  10. Не скрывайте ссылки с помощью скриптов.Пользователь должен видеть куда он переходит по ссылке в статусной строке броузера
  11. Делайте ссылки хорошо видимыми. Они должны выделяться из общего текста (цвет, подчеркивание и т.д.)
  12. Не применяйте подчеркивания для обычных текстов. Это введет в заблуждение посетителей т.к. они подумают что это ссылка
  13. При клике на ссылку она должна менять цвет
  14. Старайтесь избегать анимационных гифов. Они отвлекают от содержимого сайта
  15. Обязательно используйте аттрибуты ALT и Title для изображений. Помимо преимущест для SEO они помогут слепым посетителям и посетителям с отключенной графикой
  16. Не используйте едкие цвета для оформления сайта
  17. Не используйте всплывающие окна (pop ups) . Во первых это раздражает , а во вторых у многих стоит блокировка pop ups
  18. Избегайте JavaScript линков. Поисковые роботы не очень то сильно их жалуют
  19. Обязательно включите навигационные линки вниз страницы
  20. Очень длинные страницы - не совсем правильное решение. Что бы добраться до нужной информации посетителю придется долго прокручивать страницу и искать то что его интересует
  21. Не допускайте появления горизонтального скроллинга.. Если вертикальный скролл допустим то горизонтальный нет. Сейчас наиболее популярное разрешение экрана 1024*768 - проверьте что бы при таком разрешении все было нормально
  22. Скажите нет ошибкам в текстах!. Орфография и грамматика не должны хромать
  23. Если вы используете Captcha - убедитесь что картинка читаема
  24. Не используйте скрытый текст

24 October, 2007

На заметку: 43 ошибки в дизайне которые нельзя допускать. Часть 1..

За основу взята эта статья.

  1. Сайт должен грузиться очень быстро. Если посетитель не увидел сайта в течении нескольких секунд и не понял о чем сайт, скорее всего он покинет его.
  2. Это интернет а не книга. Здесь недопустимы большие тексты. Поэтому всегда применяйте всевозможные видимые маркеры, точки, заголовки разделители.
  3. Старайтесь не использовать сложные шрифты, очень часто такие шрифты сложночитаемые и если задача сайта донести информацию до посетителя сделайте процесс получения этой информации максимально удобным.
  4. В продолжение предыдущего пункта. Не используйти очень мелкие шрифты. Хотя сейчас многие броузеры имеют функцию зума, не заставляйте пользователя выполнять лишние операции
  5. Не открывайте новые странички в новом окне броузера. Обычно новые окна открывают когда осуществляется переход на какой нибудь внешний сайт. Существует мнение, что открыв чужой сайт в том же окне сайт потеряет посетителя. Если ваш сайт его заинтересовал то он вернется :)
  6. Не меняйте и не фиксируйте размеры окна броузера. Пользователь сам должен принимать решение о его размерах.
  7. Не требуйте регистрации если в этом нет необходимости. Не ставьте своей задачей получить информацию (мыло, адрес, имя) о посетителе
  8. Никогда не подписывайте посетителя на всевозможные рассылки автоматически (обычно в момент регистрации на сайте). Отправка нежелательных писем не лучший способ заводить друзей
  9. Не злоупотребляйте использованием Flash. Большое количество Flash замедляет загрузку сайта, некоторых досаждает. Лучше пользоваться им только в том случае когда задуманное невозможно реализовать с помощью статики (и JavaScript)
  10. Не делайте странички музыкальными.. Мода на это прошла,
  11. Если все же деваться некуда и проигрывания аудиофайлов не избежеть , обязательно предоставьте пользователю возможность управлять проигрываением файла (play, stop)
  12. Старайтесь не засорять сайт всякой информацией и "расхваливанием себя".. Для этого создайте страничку "About Us"
  13. На главной страничке должен быть настоящий сайт а не предложение пройти на него. Чем меньше шагов делает посетитель для получения информации - тем лучше
  14. Всегда указывайте контактные данные. Отсутствие этой информации плохо не только для посетителей но и для вас
  15. Не теряйте цепочки для срабатывания кнопки Back. Например при открытии нового окна "Back" перестает работать т.к. возвращаться некуда
  16. Не используйте мигающие тексты. В большинстве случаев они отпугнут посетителя
  17. Избегайте сложных структур в URL. Лучше в адресах использовать ключевые слова. Это удобно не только посетителям но и полезно для поднятия в посиковых системах
  18. Используйте CSS
  19. Сделайте поиск по сайту. Чем проще посетителю найти нужную ему информацию на вашем сайте тем лучше
  20. Избегайте выпадающих (drop down) меню. Пользователь должен иметь прямые пути для навигации. Использование выпадающего меню может запутать посетителя и скрыть информацию которую ищут.

Продолжение На заметку: 43 ошибки в дизайне которые нельзя допускать. Часть 1..