Хочется пояснить логику последних изменений на сайте и услышать мнение всех пользователей (как уважаемых старожил, так и новичков со свежим взглядом). Пожалуйста, черкните хотя бы пару слов, выскажите свое мнение для нас оно очень важно, за развернутый ответ особое спасибо.
И так, идея в расстановке меню была такая: Вся навигация по разделам сайта в верхнем выпадающем меню. Сайт разрастается, появляются новые разделы, размещать их в левом или правом вертикальном меню это выводить слишком много информации, не понятно и не красиво. А так вроде и компактно и все под рукой. Все новые разделы будут попадать туда.
Правое меню - это меню пользователя, где будет размещаться для невошедших «форма Входа на сайт », для вошедших «Главный модуль пользователя» плюс необходимые (как мы посчитали, обсуждается ) для пользователя пункты меню, плюс облако тегов, ну и реклама куда без нее. Не вписывается сюда «Поиск» - жду предложений куда разместить.
Левое меню – Аккордеон (красненькие штучки) полезная развернутая информация (последние топики, последние комментарии, последние добавленные в справочник организации, новые пользователи, сейчас на сайте и т.д) плюс чат, реклама, и счетчик.
Жду Ваших комментариев!
Повторюсь, сайт разрастается новыми сервисами и еще оч. много в планах. Все вроде бы хорошо, но возникает проблема, при добавлении доп. Информации на главную страницу ее объем растет это оч. отрицательно сказывается на скорости загрузки, что критично для пользователей с медленным интернетом и слабыми компьютерами.
В свете этого есть предложение, некоторые сервисы убрать со всех сраниц, вынести на отдельные странички. Так например: будет ли удобно если вынести чат со всех страниц сайта на (сделал для примера, из-за этого чат не отображается в топиках, временно) Так же «Последние комментарии» (можно посмотреть) и «Свежие топики» Аналогично сделать с «Новые пользователи» Полностью убрать пузомерялку (счетчик).
Это как раз проблема из-за перегруженности, такая ошибка возникает только в IE, лечится очисткой кеша, Сервис-Свойства обозревателя-Общие-Удалить. Понимаю что не выход, решаем.
Вот, пока вот это почитайте (или освежите в памяти). Далее будем конкретно с вашим сайтом разбираться.
Все люди и сайты разные. У разных людей зрение работает по-разному.
23 важных вывода из результатов eye-tracking исследований
Eye-tracking исследования горячая тема в мире веб-дизайна, но у них есть одна проблема, не всегда очевидно как применить результаты при разработке реального сайта. В этой статье автор пытается дать несколько советов основанных на результатах таких исследований и позволяющих увеличить эффективность вашего сайта.
1. Текст привлекает внимание прежде, чем графика.
Несмотря на то, что вы можете думать иначе, пользователь в первую очередь обращает внимание на текст. Большинство пользователей приходят на сайт в поисках информации, а не изображений, поэтому важный текст должен быть наиболее заметным. 2. Изначально взгляд сфокусирован в левом верхнем углу страницы.
В этом нет ничего удивительного, большинство приложений разработаны так, что пользователю постоянно приходится обращать взгляд в эту область. Если вы хотите создать успешный сайт то при разработке дизайна нужно об этом помнить и, стараясь создать уникальный стиль, не нарушать привычек пользователей. 3. В первую очередь пользователи просматривают верхнюю левую и верхнюю часть страницы и только потом смотрят ниже и правее.
Исследования показывают, что зона внимания пользователи имеет вид буквы F. Наиболее важные элементы сайта должны находиться в этих ключевых областях. 4. Читатели игнорируют баннеры.
Реклама позволяет владельцам сайта заработать на хлеб с маслом, но исследования показывают, что в большинстве случаев пользователи игнорируют баннеры фокусируясь на них только на доли секунды. Если вы хотите заработать на рекламе, подходить к ее размещению, оформлению и типу нужно творчески. 5. Броское форматирование и шрифты игнорируются.
Почему? Потому что пользователи принимают их за рекламу, не содержащую нужной им информации. Исследования показывают, что крупные, цветные буквы усложняют поиск информации, причина кроется привычке пользователя игнорировать все похожее на рекламу. При разработке дизайна важно чтобы «блеск» не отвлекал внимание от важной информации и не делал ее похожей на рекламу. 6. Показывайте числа цифрами.
Цифровая информация воспринимается проще, чем та же информация прописью. Помните о том, что вы пишите, преимущественно, для читателей сканирующих сайт. Старайтесь упростить поиск информации, чтобы они сохраняли заинтересованность. 7. Размер шрифта влияет на способ просмотра.
Мелкий шрифт способствует сфокусированному просмотру, тогда как крупный упрощает сканирование. Используйте эту особенность, чтобы склонить пользователей к нужному вам типу просмотра. 8. Пользователи воспринимают подзаголовки, только если они им интересны.
Выбирайте релевантные и интересные подзаголовки. 9. Обычно люди просматривают страницу небольшими частями.
Это можно использовать в своих целях, создавайте области, которые ловят внимание пользователя, сканирующего сайт, например, выделенные области или списки. 10. Короткие параграфы лучше длинных.
Информация, размещенная на сайте, должна быть рассчитана на быстрое восприятие, поскольку большинство интернет-пользователей стараются экономить время. Параграфы и предложения должны быть короткими, за исключением случаев, где обратного требует контекст. 11. Одноколоночные форматы лучше фиксируют взгляд, чем многоколоночные.
Не перегружайте пользователя информацией. В некоторых случаях «проще» значит «лучше». 12. Реклама в верхней и левой частях страницы лучше всего привлекает внимание.
Если вы размещаете на сайте рекламу, старайтесь чтобы она была в верхней левой части страницы, там она лучше всего обратит на себя внимание. Конечно, то, что пользователь видит рекламу еще не значит, что он будет на нее кликать, поэтому не стоит слишком жертвовать дизайном, чтобы получить более заметную рекламу. 13. Реклама, размещенная возле интересных областей сайта, более заметна.
Чтобы увеличить заметность рекламы размещайте ее возле наиболее востребованных и интересных областей страницы. При этом пользователи не потеряют возможность найти то, что им нужно, а вы получите более эффективную рекламу. 14. Текстовая реклама просматривается пользователем более внимательно, чем другие типы рекламы.
Как было сказано ранее, большинство интернет-пользователей не тратят время на просмотр элементов похожих на рекламу, поэтому текстовая реклама, хорошо сочетающаяся с остальными элементами страницы и не раздражающая читателя значительно более эффективна. 15. Большие изображения лучше привлекают внимание.
Люди предпочитаю большие, информативные изображения, на которых доступны детали, вместе с тем изображения должны быть связаны с текстом рядом с которым размещены, иначе шанс того, что они будут проигнорированы возрастает. 16. Понятные, простые лица на изображениях лучше привлекают внимание.
Абстрактные и артистичные фотографии могут хорошо сочетаться с дизайном, но не всегда обращают на себя внимание читателя. Если вы используете фото людей, они должны быть понятными и простыми. Нужно обратить внимание и на то, что лучше работают фото реальных людей, а не моделей. 17. Заголовки притягивают взгляд.
Первое, что пользователь ищет на странице это заголовок. Они не должны подавляться другими элемента страницы, постарайтесь, чтобы заголовки были достаточно заметными. 18. Пользователи тратят много времени, смотря на кнопки и меню.
Поэтому при разработке дизайна вам стоит обратить на них особое внимание. Кроме того, что они привлекают внимание пользователя это еще и одни из важнейших элементов сайта. 19. Списки хорошо задерживают внимание пользователя.
Один из способов задержать внимание пользователя на сайте — это частое использование списков в статьях. Используйте числа или буллиты, чтобы подчеркнуть важную информацию, это упростит «сканирование» сайта. 20. Большие блоки текста игнорируются.
Исследования показывают, что большинство интернет-пользователей не готовы тратить время на изучение больших блоков текста, как бы информативны и хорошо написаны они не были. Разбиение на небольшие параграфы, выделение важных областей, подзаголовки и списки позволяют задержать внимание пользователя. 21. Задержать внимание может форматирование.
Чтобы пользователь не пропустил наиболее важную информацию, используйте различные способы ее выделения: жирный, курсив, цветной, но не переусердствуйте, избыточное использование этих элементов сделает страницу нечитабельной и будет отталкивать посетителей. 22. Пространство полезно.
Несмотря на желание втиснуть что-нибудь в каждый уголок страницы, лучше оставить немного пространства. Перегрузка сайта приведет только к тому, что пользователь будет игнорировать значительную часть контента. Поэтому старайтесь сделать сайт простым и оставить достаточно пространства, на котором могли бы отдохнуть глаза пользователя. 23. Лучшее место для навигации — верхняя часть страницы.
Вы, конечно, хотите чтобы пользователь не только просматривал первую страницу, но и продолжал изучение сайта в поисках интересной ему информации. Удержать пользователя поможет, простая в использовании и заметная, благодаря размещению в верхней части страницы, навигация.
http://designformasters.info
Картинки с важными таблицами не вставить - вам минус. Ищите тогда сами.
Лично у меня компьютер стоит на столе слева и для меня самый заметный - верхний правый угол. Там должно быть самое важное, а также то, на что часто приходится щелкать - вход на сайт, последние комментарии, сейчас на сайте. Остальное лично для меня - второстепенно. Но это кому как, давайте искать золотую середину.
Сань, URL картинки а не странички где она стоит например: "[IMJ]"http://www.gledengrad.ru/images/idoblog/avatars/little_Лунтик_1267449101.jpg"[/IMJ]" без скобочек и будет
На этом же сайте статья еще лучше - Юзабилити: Правила, психология, термины. Выкладывать специально для вас, тратить время на форматирование не буду. Ищите, читайте и исправляйте все свои ошибки - по мере прочтения сразу ловил себя на мысли, что у вас как минимум половина всех правил нарушена.
Этот же баннер (хороший, красивый, нужный - ничего не говорю), но из-за него вообще не видно верхних кнопок "Главная, О городе, Справочник, Объявления." - им там не место. Или баннер в другое место переставляйте, вообще в самый вверх я не знаю куда.
В верхней части сайта вообще что-то непонятное творится.
@Так например: будет ли удобно если вынести чат со всех страниц сайта на http://www.gledengrad.ru/chat" мне понравилось, в принципе удобно..
"Полностью убрать пузомерялку (счетчик)." конечно убрать, лично мне глубоко фиолетово сколько людей было вчера...важно живое общение, а не количество роботов поисковиков.
у меня медленный инет кстати, пока не тупит, все ок.
Продолжаем разговор.
Что самое главное в сайте? Самое главное - "Главная страница", потому она так и называется. Это лицо сайта и по нему в первую очередь о нем судят. Поэтому в первую очередь давайте с ней и разберемся, а все остальное - потом (в том числе и ваш любимый справочник).
На главной надо навести порядок, пока у нас не развился "Синдром утенка", вы с этим не затягивайте, сделайте все для людей, а потом из своего справочника вообще не вылезайте.
Поехали по топику - насчет верхних, правых, левых меню - это со всеми пользователями надо обсуждать для кого что важнее и заметнее.
Предлагаю все необходимое и для частого щелканья - в верхний правый угол.
Насчет баяна, то есть аккордеона - давайте не будем его и дальше увеличивать и растягивать до низа страницы, все сливается в кучи, трудно различать сразу кнопки. Даже у аккордеона кнопки по цвету отличаются и чередуются, давайте тоже как-то чередовать, а еще лучше разделить половину оставить слева, половину (часто используемые) перенести направо.
Сервисы, если хотите переносите на отдельные страницы, нам не принципиально, лишь бы работало.
Полностью убрать пузомерялку (счетчик).
В прошлый раз пользователи из-за него чуть не подрались. В итоге так никто (кроме Админа) и не понял, что же он все-таки измеряет, кому и зачем вообще нужен. То вам места не хватает, то занимаете это место неизвестно чем...
Что-то мне эта тема стала особенно интересна… (Я же для Вас (и для нас) стараюсь)
10 отборных юзабилити кошмаров
Сайты с кошмарным юзабилити попадаются на каждом шагу, каждый раз вводя ключевое слово на странице Google вы рискуете снова встретиться с ними. Герри МакГоверн в статье «Почему получающие награды сайты так ужасны» утверждает, что награды получают блестящие поверхности, а заказчиков привлекает хорошее содержание, и это абсолютная правда. Каким бы замечательным не был дизайн вашего сайта и его функциональность, если посетитель не понимает, как попасть из точки A в точку B, он не будет им пользоваться.
На каждом профессионально выполненном сайте (есть, конечно, некоторые исключения, такие как портфолио и т.п.) должны быть:
- четкая, интуитивно понятная навигация
- понятные тексты
- поиск
- видимая и обдуманная структура сайта
Это значит, что достаточно следовать базовым правилам юзабилити и здравого смысла. Вы же хотите установить контакт с посетителями, а не распугивать их.
В этой статье мы хотим привести несколько примеров ошибок в юзабилити, а в конце составить небольшой список правил позволяющих избежать наиболее распространенных ошибок в своих проектах.
1. Скрытая ссылка «Log-In»
Backpack, от 37signal один из наиболее удобных инструментов планирования, на главной странице сервиса подробно описано, для чего его можно использовать и какие у него возможности. Но после того как вы зарегистрируетесь, придется потратить пару минут, чтобы понять, как начать использовать этот сервис.
Ссылка Log-In, должна быть гораздо крупнее и хорошо бы с иконкой.
2. Всплывающие окна
Почти каждый современный браузер блокирует всплывающие окна, эта возможность есть в Firefox, Safari, Opera и Internet Explorer, казалось бы, достаточно убедительный аргумент, чтобы не использовать их для контента сайта.
Тем не менее, разработчики Adidas решили отличиться креативностью и использовать всплывающие окна для основного контента сайта. Многие пользователи, попав на ImpossibleStory.com, так и не поймут, о чем был этот сайт, ведь отключать блокировку всплывающих окон просто-напросто лень.
3. Перетягивание для вертикальной прокрутки
На самом деле это не совсем кошмар, но очень непривычно, возможно, такой способ прокрутки получит распространение в будущем. Перетягивание успешно используется при просмотре pdf-документов и, наверняка, может быть адаптировано для сайтов. Fichey предлагает решение, основанное на Flash, но из-за этого он страдает другой проблемой, характерной для Flash сайтов, невозможно сохранить закладку на внутреннюю страницу сайта.
Специальное окно на главной странице, информирует посетителей о новом способе навигации. Сайт показывает популярные социальные ресурсы, но отображаемые страницы внедрены как изображения, а значит, ссылки на них не работают.
4. Невидимые ссылки
Посетитель должен знать, где он сейчас, где он был и куда он может пойти дальше. Если дизайнер не позаботится о предоставлении такой информации, навигация может сильно усложниться. На сайте Real Player используется очень большое количество невидимых ссылок.
5. Визуальный шум
Часто меньше значит лучше. Визуальный шум, одна из наиболее типичных проблем крупных веб-сайтов и разработчикам не всегда удается с ней справиться. Хорошим плохим примером может быть Overstock.
Бонус: На сайте невозможно понять, какой элемент является ссылкой, а какой нет. Используется огромное количество различных стилей ссылок, если у вас много свободного времени, можно интересно провести его, угадывая, будет элемент ссылкой или нет.
6. Тупик
Есть много различных способов представить новый веб-сервис посетителям. Scriblink использует для этого модальное окно. Посетители должны ввести имя, чтобы продолжить просмотр.
Ничего не помогает:
cancel не помогает
ok не помогает
разворачивание на полный экран не помогает
клик в любом другом месте не помогает
закрыть окно браузера невозможно
клик на вопросе, чтобы получить помощь не работает
Не очень приятно, мы ведь просто хотели посмотреть, что может этот сервис.
7. Перекрытие одного слоя сайта другим
Типичная проблема, выпадающее меню попадает под большую Flash заставку и пользователь никак не может выбрать нужный ему пункт.
Та же самая проблема и у Yahoo.com
8. Динамическая навигация
Такая навигация выглядит как достаточно дружелюбная, но стоит вам навести указатель мышки на ссылку, как все начинает двигаться, и вы кликаете уже на совершенно другом элементе.
Чтобы понять, что происходит с меню на следующем сайте, посетителю может понадобиться время, хотя после того как он поймет идею, работать с меню не очень уж и сложно.
9. Выпадающие меню
Выпадающие меню, очень удобны для дизайнеров и столь же неудобны для пользователей. Дизайнер может освободить себе достаточно много пространства, спрятав навигацию в выпадающее меню, но пользователям придется действовать мышью более точно, чтобы попасть в ту часть сайта, куда им нужно.
И это еще не все, может быть и хуже, если расстояние между различными уровнями навигации слишком велико (потому, что заголовок некоторых пунктов меню может быть длинным) пользователям приходиться больше двигать мышь по горизонтали, а если при этом они случайно попадут на другой пункт меню, придется все начинать сначала.
2Advanced и Brita.net отличные примеры этого кошмара.
10. Мигающие изображения
Чтобы преодолеть «баннерную слепоту» рекламщики используют анимированные баннеры — это может быть gif или Flash, но в обоих случаях, если на странице располагаются несколько таких элементов, они значительно усложняют чтение текста.
Digital Web Magazine, превосходное онлайновое издание, которое мы регулярно читаем, тоже не обошлось без постоянно отвлекающего анимированного баннера слева от каждой статьи.
11. Наведение мышки вместо кликов
Dontclick.it исследует безкликовую среду. Они хотят разобраться, что и как измениться для пользователя, если ему придется отказаться от привычки кликать.
Использовать этот интерфейс можно без кнопок на мышке, достаточно наводить указатель на нужный элемент.
Несмотря на то, что поначалу этот подход кажется интересным, вскоре приходит понимание, его недостатков, достаточно подумать о том, что пользователю может понадобиться открыть ссылку в новом окне.
8 правил хорошего юзабилити
1. Не используйте всплывающие окна
Всплывающие окна прерывают естественный ход просмотра страниц и отвлекают внимание пользователя. Уважайте ваших посетителей.
2. Не изменяйте размер окна пользователя
Те же самые аргументы, что и для всплывающих окон остаются, но добавляется еще один, некоторые браузеры сохраняют размер окна и используют его при следующем запуске.
3. Не используйте слишком мелкие шрифты
Они затрудняют чтение длинных текстов, да и небольшие вводные тексты читаются медленнее. То же верно и для ссылок, кнопок, форм, поля поиска и других элементов. Хорошая новость в том, что в Веб 2.0 предпочтение отдается крупным шрифтам.
4. Текст ссылок должен быть понятным
Ссылки должны максимально точно описывать место, на которое они ведут. Все двусмысленные тексты ссылок должны быть исключены.
5. Мертвых ссылок быть не должно
По крайней мере, их число должно быть сведено к минимуму.
6. Не допускайте более одного анимированного изображения на странице
Если мигающие изображения разбросаны по всей странице, то сконцентрироваться на ее содержании очень трудно. Используя анимированные баннеры, не размещайте их близко от основного текста.
7. Посетители должны иметь возможность легко связаться с вами
Если желающий связаться с вами посетитель не сможет найти соответствующую информацию, вы рискуете потерять его доверие и интерес. Особенно важна возможность контакта на сайтах электронной коммерции.
8. Ссылки должны открываться в том же окне
Посетитель хочет контролировать все, что происходит в браузере. Если ему нужно открыть ссылку в новом окне он сделает это без труда, делая ссылки, которые всегда открываются в новом окне, вы принимаете решение за него, не стоит надеяться, что он это одобрит.
15 раздражающих читателя особенностей сайта
Статья о наболевшем, избыточной рекламе, всплывающих окнах и мелких шрифтах. Несмотря на то, что многие пункты хорошо известны, а некоторые не очень актуальны для рунета, мой список задач она немного пополнила.
В поисках вдохновения я просматриваю множество сайтов, и хочу поделиться своими наблюдениями о том, какие раздражающие читателя элементы используются наиболее часто. Эта статья является развитием моей предыдущей статьи на эту тему, с учетом множества замечаний читателей.
Реклама появляющаяся при наведении на ссылку
Любая реклама в тексте неприятна, причем не только та, которая постоянно видна, но и та, которая появляется при наведении указателя мышки на ссылки в тексте. Особенно сильно раздражают окошки, которые появляются при случайном наведении мышки на ссылку.
Отсутствие даты публикаций
Rory Sullivan очень хорошо выразился по поводу отсутствия даты публикации у статьи: «Это все равно, что держать руку в кармане на публичном выступлении». В основном, скрывая дату публикации, автор пытается сделать контент менее зависимым от времени, но я считаю, что такой подход не верен — решать устарела статья или нет должны читатели, а не автор.
Всплывающие окна
В эру табов IE7, FireFox и Opera, всплывающие окна становятся все более раздражающими, большинство пользователей предпочитают открывать страницу в новом табе, а не окне. Раздражая читателя новыми окнами, вам едва ли удастся задержать его на сайте.
Не стоит разочаровывать читателя, дайте ему возможность самостоятельно выбирать способ навигации.
Всплывающие при наведении на ссылку превью
Snap Shots позволяет читателям увидеть небольшое превью сайта при наведении на ссылку, эта казалось бы интересная возможность, ни чуть не помогает читателям, скорее наоборот:
У читателя практически нет выбора, приходится смотреть на эти картинки, и хотя их можно отключить, это не сильно улучшает ситуацию.
Картинки появляются и при случайном наведении на ссылку.
В таких превью нет никакой необходимости, если подумать, какая пользователю разница как выглядит сайт, на который указывает ссылка.
Неудобно расположенный или отсутствующий поиск
Якоб Нильсен считает, что поиск должен быть простым и заметным, и в этом он прав.
В лучшем случае поиск должен быть виден без прокрутки страницы, и расположен как можно выше. Размещение поиска в непредсказуемых местах может запутать читателя.
Темный фон
Лично я очень благосклонен к темному фону, но он раздражает многих пользователей, некоторые из них абсолютно уверены, что на всех сайтах должен быть белый фон.
Конечно, я в этом вопросе не столь категоричен, но, тем не менее, видел несколько сайтов, на которых темный фон действительно усложняет чтение. Каждый раз, используя при разработке сайта темный фон, я обращаю на читабельность особое внимание.
Примерами сайтов, где темный фон смотрится очень хорошо и не мешает чтению, могут быть ShawnBlanc.net и Larissa’s site.
Мне кажется, автор слишком оптимистичен, на самом деле реверс (он же выворотка, но, имхо, не звучит) значительно ухудшает читабельность длинных текстов, за примером можно обратиться к бренду, обычно выделяющемуся своим вниманием к юзабилити, на страничку с характеристиками MacBook Pro. В то же время, если на сайте преобладают небольшие публикации, по несколько предложений, возможно, темный фон и подойдет, но в таком случае избегайте чисто белого текста, на черном фоне он слепит, как дальний свет.
Музыка, включающаяся при входе на сайт
Я уверен, что для всех пользователей MySpace, использующих музыку на своих страничках, в аду подготовлен особый прием. Ну ладно возможно это слишком жестоко, ведь пользователи MySpace могли и не знать обо всех недостатках музыки на сайте.
Но серьезные владельцы сайтов обязаны знать, что читателям не всегда удобно, если музыка на сайте начинает воспроизводиться автоматически, и речь идет не только о тех, кто пользуется сайтом с рабочего места, но и о пользователях недостаточно разбирающихся в компьютерах, которых может смутить, неожиданно включившаяся, музыка.
Неразделенные комментарии и трекбеки
Трекбеки и пингбеки предназначены, в первую очередь, для блогеров, с их помощью можно легко сказать: «Эй, я говорил о тебе на своем блоге. Посмотри.» Для обычных читателей, трекбеки не являются частью обсуждения, а скорее наоборот прерывают его и часто в самом неподходящем месте.
Мне очень нравятся читатели, которые вступают в дискуссию, высказывают свое мнение и оставляют ссылку, вроде: «Я, написал об этом в своем блоге», по-моему, такие комментарии более значимы, чем трекбеки.
Чтобы разделить трекбеки и комментарии пользователям WordPress нужно немного модифицировать файл comments.php
Аудио реклама
Поздравляем! Вы попали на сайт с аудио рекламой. Вы только что выиграли бесперебойное снабжение Виагрой и презервативами в течение месяца!
Неплохая комбинация. Хуже то, что все коллеги слышали, что вы только что выиграли.
Не нужно смущать читателей, не позволяйте рекламе подавать голос.
Навязчивые предложения подписаться
Вы здесь новичок? Почему бы не подписаться (извините, не смог удержаться) на наш RSS?
Эта фраза могла бы звучать и так: «Эй, парень… подпишись на наш RSS, БЫСТРЕЕ! Если ты не подпишешься, я буду все время пилить тебя. Но даже если ты подпишешься, я не отстану. ХА!»
Спрятанные ссылки подписки
Не меньше раздражают пользователя сайты, на которых трудно найти ссылку на RSS. Я испытал это на себе, попав на блог, на котором не мог найти, как подписаться. Больше я никогда не видел этот блог, потому что читаю блоги с помощью RSS и не люблю заходить на них лишний раз. Если на вашем блоге трудно найти ссылку на RSS, то большинство посетителей никогда не вернутся на него.
Ссылка на RSS точно также как и форма поиска должна быть видна сразу, как только пользователь попадает на сайт.
Отсутствие списка похожих материалов
На каждом сайте должен быть простой способ найти материалы, связанные с только что прочтенной статьей или приобретенным товаром. Посмотрите на рекомендованные продукты Amazon.com, другим примером может быть каталог плагинов для WordPress, где исходя их того, какой плагин вы загрузили, вам рекомендуют другие.
На Devlounge мы составляем список похожих публикаций для каждой статьи, при этом все статьи упорядочены по категориям. А как вы помогаете читателям найти материалы, похожие на тот, который заинтересовал его?
Лично я обязательно использую карту сайта, удобные архивы и заметную форму поиска.
Навязчивая реклама
Каждый раз, заходя на CNET News или Slate, я вижу полный экран рекламы, добраться до контента можно только с помощью кнопки «Закрыть», не намного меньше рекламы на MySpace и RottenTomatoes.
Навязчивая реклама производит очень плохое впечатление на пользователя. Переизбыток рекламы можно было бы несколько сгладить, получая материалы с этих сайтов через RSS, но они не предоставляют полных RSS, поэтому я просто вынужден просматривать горы рекламы, не вижу ничего удивительного в том, что такие сайты теряют популярность.
Читатели должны быть свободными, не нужно принуждать их просматривать рекламу.
Реклама в тексте
Сервисы вроде Vibrant Media или Kontera, вставляющие в текст рекламные ссылки, часто очень похожие на обычные, один из самых простых способов подорвать доверие читателей. Читатель не всегда замечает особенности оформления таких ссылок и думает, что блоггер рекомендует продукт, на страницу которого он попал, хотя на самом деле это может быть далеко не лучшее предложение.
В худшем случае при наведении на ссылку появляются окошки с рекламным объявлением, но это у нас, кажется, было первым пунктом.
Мелкий шрифт
Simonne Matthew опубликовал целый список раздражающих его черт блогов, и мелкий шрифт занял в нем первое место.
Мелкий шрифт ухудшает читабельность страниц, и далеко не все читатели знают о возможности масштабирования шрифтов в браузерах. А тех, кто о ней знает необходимость каждый раз, посещая ваш сайт, настраивать масштаб шрифта едва ли обрадует, к тому же часто при масштабировании страница сильно искажается, так что лучше сразу позаботиться о достаточно крупных шрифтах.
5 юзабилити кошмаров на каждый день
Некоторые из приведенных в статье проблем встречаются практически каждый день, другие реже, но все равно успевают запомниться. Этот список — продолжение статей 10 отборных юзабилити кошмаров и 15 раздражающих читателя особенностей сайта, но уже на собственных впечатлениях.
1. Прозрачный фон до загрузки картинки
Такая верстка встречается достаточно часто, самый распространенный пример: внешний фон сайта темный, а фон колонки с текстом светлый и сделан картинкой, в результате пока она загружается, пользователь видит абсолютно не читабельный темный текст на темном фоне.
Решение: проверяйте отображение сайта при отключенных изображениях, текст должен оставаться читабельным.
2. Подмена кнопки в плеере youtube
После запуска ролика, я часто выключаю звук, действие доведено до автоматизма: клик на Play и сразу клик на звук, к сожалению, после того как появилась возможность переключиться на HQ, этот порядок уже не работает, потому что на месте кнопки выключающей звук успевает появиться кнопка HQ, на которую и приходится второй клик.
Решение: избегайте неожиданных перемещений элементов интерфейса и появления новых элементов на месте старых.
3. Не исчезающие пояснения в полях
Когда место для формы ограничено, метки к полям выводят внутри самих полей, при этом важно не забыть очистить поле при получении им фокуса, иначе эту работу придется делать пользователю. Реализовать это не сложно, но часто оказывается, что в скрипте ошибка, а разработчик даже не пытался проверить его работу.
Решение: чтобы полностью исключить такую проблему, никогда не вводите текст приглашения непосредственно в поле, используйте технику описанную в статье о компактных формах.
4. Загрузка программ с сайта Adobe
Решение несуществующих проблем создает реальные проблемы, хороший пример, менеджер загрузки на сайте Adobe, создает сразу несколько проблем: непривычность такого способа загрузки, дополнительные вопросы о том куда сохранять загружаемый файл (менеджер загрузок и браузер наверняка знают куда пользователь предпочитает сохранять файлы), недоработанность (так и не справился с загрузкой 1Гб с двух попыток).
В большинстве браузеров есть встроенный менеджер загрузок, у многих пользователей установлен отдельный менеджер загрузок, который хорошо знает свое дело, даже если такового нет, проще его поставить, чем бороться с сомнительной поделкой, как минимум пользователь должен иметь возможность выполнить действие стандартными средствами.
Решение: не решайте проблемы, которых нет, конечно, это касается не только загрузки файлов, но и таких популярных в прошлом элементов как кнопка «Добавить в избранное», «Сделать стартовой», переопределения горячих клавиш, например, Ctrl+Home для перехода на главную (проблема в том, что многие привыкли использовать это сочетание, чтобы перематывать документ к началу).
5. Ввод даты рождения в LiveJournal
Поле ввода даты рождения, в лучшем случае не очень привычно для русского человека, а в худшем случае заставляет призадуматься, вариантов тут не так уж много и правильное решение быстро найдут даже те, кто совсем не знаком с таким форматом даты, тем не менее, непривычных пользователю форматов данных следует избегать.
Решение: при локализации приложений нужно помнить не только о переводе текста, но и о локальных форматах.
"Сейчас на сайте 1 зарегистрированный пользователь и 83 гостей". А "G-счетчик", который пришел на смену бывшей "пузомерялке", и хотя тоже вызывает некоторое недоверие, но все же ближе к истине, показывает что посетителей за девять часов 17 августа было всего 19. Простите, занизил статистику - на сайте уже 98 гостей.
А кто вообще курирует сайт, досих пор голосование за зимнюю красавицу, положение конкурса, призы......... ,чё то забили на работу, если не можете или не справляетесь-объявите вакансию, передайте бразды в другие ответственные руки.
Вы здесь:
Выбор за Вами 
,в контакте у друзей..., давай сюда выкладывай. Страна должна знать своих героев в лицо
Все люди и сайты разные. У разных людей зрение работает по-разному.
23 важных вывода из результатов eye-tracking исследований
Eye-tracking исследования горячая тема в мире веб-дизайна, но у них есть одна проблема, не всегда очевидно как применить результаты при разработке реального сайта. В этой статье автор пытается дать несколько советов основанных на результатах таких исследований и позволяющих увеличить эффективность вашего сайта.
1. Текст привлекает внимание прежде, чем графика.
Несмотря на то, что вы можете думать иначе, пользователь в первую очередь обращает внимание на текст. Большинство пользователей приходят на сайт в поисках информации, а не изображений, поэтому важный текст должен быть наиболее заметным.
2. Изначально взгляд сфокусирован в левом верхнем углу страницы.
В этом нет ничего удивительного, большинство приложений разработаны так, что пользователю постоянно приходится обращать взгляд в эту область. Если вы хотите создать успешный сайт то при разработке дизайна нужно об этом помнить и, стараясь создать уникальный стиль, не нарушать привычек пользователей.
3. В первую очередь пользователи просматривают верхнюю левую и верхнюю часть страницы и только потом смотрят ниже и правее.
Исследования показывают, что зона внимания пользователи имеет вид буквы F. Наиболее важные элементы сайта должны находиться в этих ключевых областях.
4. Читатели игнорируют баннеры.
Реклама позволяет владельцам сайта заработать на хлеб с маслом, но исследования показывают, что в большинстве случаев пользователи игнорируют баннеры фокусируясь на них только на доли секунды. Если вы хотите заработать на рекламе, подходить к ее размещению, оформлению и типу нужно творчески.
5. Броское форматирование и шрифты игнорируются.
Почему? Потому что пользователи принимают их за рекламу, не содержащую нужной им информации. Исследования показывают, что крупные, цветные буквы усложняют поиск информации, причина кроется привычке пользователя игнорировать все похожее на рекламу. При разработке дизайна важно чтобы «блеск» не отвлекал внимание от важной информации и не делал ее похожей на рекламу.
6. Показывайте числа цифрами.
Цифровая информация воспринимается проще, чем та же информация прописью. Помните о том, что вы пишите, преимущественно, для читателей сканирующих сайт. Старайтесь упростить поиск информации, чтобы они сохраняли заинтересованность.
7. Размер шрифта влияет на способ просмотра.
Мелкий шрифт способствует сфокусированному просмотру, тогда как крупный упрощает сканирование. Используйте эту особенность, чтобы склонить пользователей к нужному вам типу просмотра.
8. Пользователи воспринимают подзаголовки, только если они им интересны.
Выбирайте релевантные и интересные подзаголовки.
9. Обычно люди просматривают страницу небольшими частями.
Это можно использовать в своих целях, создавайте области, которые ловят внимание пользователя, сканирующего сайт, например, выделенные области или списки.
10. Короткие параграфы лучше длинных.
Информация, размещенная на сайте, должна быть рассчитана на быстрое восприятие, поскольку большинство интернет-пользователей стараются экономить время. Параграфы и предложения должны быть короткими, за исключением случаев, где обратного требует контекст.
11. Одноколоночные форматы лучше фиксируют взгляд, чем многоколоночные.
Не перегружайте пользователя информацией. В некоторых случаях «проще» значит «лучше».
12. Реклама в верхней и левой частях страницы лучше всего привлекает внимание.
Если вы размещаете на сайте рекламу, старайтесь чтобы она была в верхней левой части страницы, там она лучше всего обратит на себя внимание. Конечно, то, что пользователь видит рекламу еще не значит, что он будет на нее кликать, поэтому не стоит слишком жертвовать дизайном, чтобы получить более заметную рекламу.
13. Реклама, размещенная возле интересных областей сайта, более заметна.
Чтобы увеличить заметность рекламы размещайте ее возле наиболее востребованных и интересных областей страницы. При этом пользователи не потеряют возможность найти то, что им нужно, а вы получите более эффективную рекламу.
14. Текстовая реклама просматривается пользователем более внимательно, чем другие типы рекламы.
Как было сказано ранее, большинство интернет-пользователей не тратят время на просмотр элементов похожих на рекламу, поэтому текстовая реклама, хорошо сочетающаяся с остальными элементами страницы и не раздражающая читателя значительно более эффективна.
15. Большие изображения лучше привлекают внимание.
Люди предпочитаю большие, информативные изображения, на которых доступны детали, вместе с тем изображения должны быть связаны с текстом рядом с которым размещены, иначе шанс того, что они будут проигнорированы возрастает.
16. Понятные, простые лица на изображениях лучше привлекают внимание.
Абстрактные и артистичные фотографии могут хорошо сочетаться с дизайном, но не всегда обращают на себя внимание читателя. Если вы используете фото людей, они должны быть понятными и простыми. Нужно обратить внимание и на то, что лучше работают фото реальных людей, а не моделей.
17. Заголовки притягивают взгляд.
Первое, что пользователь ищет на странице это заголовок. Они не должны подавляться другими элемента страницы, постарайтесь, чтобы заголовки были достаточно заметными.
18. Пользователи тратят много времени, смотря на кнопки и меню.
Поэтому при разработке дизайна вам стоит обратить на них особое внимание. Кроме того, что они привлекают внимание пользователя это еще и одни из важнейших элементов сайта.
19. Списки хорошо задерживают внимание пользователя.
Один из способов задержать внимание пользователя на сайте — это частое использование списков в статьях. Используйте числа или буллиты, чтобы подчеркнуть важную информацию, это упростит «сканирование» сайта.
20. Большие блоки текста игнорируются.
Исследования показывают, что большинство интернет-пользователей не готовы тратить время на изучение больших блоков текста, как бы информативны и хорошо написаны они не были. Разбиение на небольшие параграфы, выделение важных областей, подзаголовки и списки позволяют задержать внимание пользователя.
21. Задержать внимание может форматирование.
Чтобы пользователь не пропустил наиболее важную информацию, используйте различные способы ее выделения: жирный, курсив, цветной, но не переусердствуйте, избыточное использование этих элементов сделает страницу нечитабельной и будет отталкивать посетителей.
22. Пространство полезно.
Несмотря на желание втиснуть что-нибудь в каждый уголок страницы, лучше оставить немного пространства. Перегрузка сайта приведет только к тому, что пользователь будет игнорировать значительную часть контента. Поэтому старайтесь сделать сайт простым и оставить достаточно пространства, на котором могли бы отдохнуть глаза пользователя.
23. Лучшее место для навигации — верхняя часть страницы.
Вы, конечно, хотите чтобы пользователь не только просматривал первую страницу, но и продолжал изучение сайта в поисках интересной ему информации. Удержать пользователя поможет, простая в использовании и заметная, благодаря размещению в верхней части страницы, навигация.
http://designformasters.info
Картинки с важными таблицами не вставить - вам минус. Ищите тогда сами.
Лично у меня компьютер стоит на столе слева и для меня самый заметный - верхний правый угол. Там должно быть самое важное, а также то, на что часто приходится щелкать - вход на сайт, последние комментарии, сейчас на сайте. Остальное лично для меня - второстепенно. Но это кому как, давайте искать золотую середину.
То же не понимаю почему нельзя в комментарии картинки вставлять - это трудно сделать или от этого сайт что-то потеряет?
Пока только так.
Этот же баннер (хороший, красивый, нужный - ничего не говорю), но из-за него вообще не видно верхних кнопок "Главная, О городе, Справочник, Объявления." - им там не место. Или баннер в другое место переставляйте, вообще в самый вверх я не знаю куда.
В верхней части сайта вообще что-то непонятное творится.
"Полностью убрать пузомерялку (счетчик)." конечно убрать, лично мне глубоко фиолетово сколько людей было вчера...важно живое общение, а не количество роботов поисковиков.
у меня медленный инет кстати, пока не тупит, все ок.
Что самое главное в сайте? Самое главное - "Главная страница", потому она так и называется. Это лицо сайта и по нему в первую очередь о нем судят. Поэтому в первую очередь давайте с ней и разберемся, а все остальное - потом (в том числе и ваш любимый справочник).
На главной надо навести порядок, пока у нас не развился "Синдром утенка", вы с этим не затягивайте, сделайте все для людей, а потом из своего справочника вообще не вылезайте.
Поехали по топику - насчет верхних, правых, левых меню - это со всеми пользователями надо обсуждать для кого что важнее и заметнее.
Предлагаю все необходимое и для частого щелканья - в верхний правый угол.
Насчет баяна, то есть аккордеона - давайте не будем его и дальше увеличивать и растягивать до низа страницы, все сливается в кучи, трудно различать сразу кнопки. Даже у аккордеона кнопки по цвету отличаются и чередуются, давайте тоже как-то чередовать, а еще лучше разделить половину оставить слева, половину (часто используемые) перенести направо.
Сервисы, если хотите переносите на отдельные страницы, нам не принципиально, лишь бы работало.
Полностью убрать пузомерялку (счетчик).
В прошлый раз пользователи из-за него чуть не подрались. В итоге так никто (кроме Админа) и не понял, что же он все-таки измеряет, кому и зачем вообще нужен. То вам места не хватает, то занимаете это место неизвестно чем...
10 отборных юзабилити кошмаров
Сайты с кошмарным юзабилити попадаются на каждом шагу, каждый раз вводя ключевое слово на странице Google вы рискуете снова встретиться с ними. Герри МакГоверн в статье «Почему получающие награды сайты так ужасны» утверждает, что награды получают блестящие поверхности, а заказчиков привлекает хорошее содержание, и это абсолютная правда. Каким бы замечательным не был дизайн вашего сайта и его функциональность, если посетитель не понимает, как попасть из точки A в точку B, он не будет им пользоваться.
На каждом профессионально выполненном сайте (есть, конечно, некоторые исключения, такие как портфолио и т.п.) должны быть:
- четкая, интуитивно понятная навигация
- понятные тексты
- поиск
- видимая и обдуманная структура сайта
Это значит, что достаточно следовать базовым правилам юзабилити и здравого смысла. Вы же хотите установить контакт с посетителями, а не распугивать их.
В этой статье мы хотим привести несколько примеров ошибок в юзабилити, а в конце составить небольшой список правил позволяющих избежать наиболее распространенных ошибок в своих проектах.
1. Скрытая ссылка «Log-In»
Backpack, от 37signal один из наиболее удобных инструментов планирования, на главной странице сервиса подробно описано, для чего его можно использовать и какие у него возможности. Но после того как вы зарегистрируетесь, придется потратить пару минут, чтобы понять, как начать использовать этот сервис.
Ссылка Log-In, должна быть гораздо крупнее и хорошо бы с иконкой.
2. Всплывающие окна
Почти каждый современный браузер блокирует всплывающие окна, эта возможность есть в Firefox, Safari, Opera и Internet Explorer, казалось бы, достаточно убедительный аргумент, чтобы не использовать их для контента сайта.
Тем не менее, разработчики Adidas решили отличиться креативностью и использовать всплывающие окна для основного контента сайта. Многие пользователи, попав на ImpossibleStory.com, так и не поймут, о чем был этот сайт, ведь отключать блокировку всплывающих окон просто-напросто лень.
3. Перетягивание для вертикальной прокрутки
На самом деле это не совсем кошмар, но очень непривычно, возможно, такой способ прокрутки получит распространение в будущем. Перетягивание успешно используется при просмотре pdf-документов и, наверняка, может быть адаптировано для сайтов. Fichey предлагает решение, основанное на Flash, но из-за этого он страдает другой проблемой, характерной для Flash сайтов, невозможно сохранить закладку на внутреннюю страницу сайта.
Специальное окно на главной странице, информирует посетителей о новом способе навигации. Сайт показывает популярные социальные ресурсы, но отображаемые страницы внедрены как изображения, а значит, ссылки на них не работают.
4. Невидимые ссылки
Посетитель должен знать, где он сейчас, где он был и куда он может пойти дальше. Если дизайнер не позаботится о предоставлении такой информации, навигация может сильно усложниться. На сайте Real Player используется очень большое количество невидимых ссылок.
5. Визуальный шум
Часто меньше значит лучше. Визуальный шум, одна из наиболее типичных проблем крупных веб-сайтов и разработчикам не всегда удается с ней справиться. Хорошим плохим примером может быть Overstock.
Бонус: На сайте невозможно понять, какой элемент является ссылкой, а какой нет. Используется огромное количество различных стилей ссылок, если у вас много свободного времени, можно интересно провести его, угадывая, будет элемент ссылкой или нет.
6. Тупик
Есть много различных способов представить новый веб-сервис посетителям. Scriblink использует для этого модальное окно. Посетители должны ввести имя, чтобы продолжить просмотр.
Ничего не помогает:
cancel не помогает
ok не помогает
разворачивание на полный экран не помогает
клик в любом другом месте не помогает
закрыть окно браузера невозможно
клик на вопросе, чтобы получить помощь не работает
Не очень приятно, мы ведь просто хотели посмотреть, что может этот сервис.
7. Перекрытие одного слоя сайта другим
Типичная проблема, выпадающее меню попадает под большую Flash заставку и пользователь никак не может выбрать нужный ему пункт.
Та же самая проблема и у Yahoo.com
8. Динамическая навигация
Такая навигация выглядит как достаточно дружелюбная, но стоит вам навести указатель мышки на ссылку, как все начинает двигаться, и вы кликаете уже на совершенно другом элементе.
Чтобы понять, что происходит с меню на следующем сайте, посетителю может понадобиться время, хотя после того как он поймет идею, работать с меню не очень уж и сложно.
9. Выпадающие меню
Выпадающие меню, очень удобны для дизайнеров и столь же неудобны для пользователей. Дизайнер может освободить себе достаточно много пространства, спрятав навигацию в выпадающее меню, но пользователям придется действовать мышью более точно, чтобы попасть в ту часть сайта, куда им нужно.
И это еще не все, может быть и хуже, если расстояние между различными уровнями навигации слишком велико (потому, что заголовок некоторых пунктов меню может быть длинным) пользователям приходиться больше двигать мышь по горизонтали, а если при этом они случайно попадут на другой пункт меню, придется все начинать сначала.
2Advanced и Brita.net отличные примеры этого кошмара.
10. Мигающие изображения
Чтобы преодолеть «баннерную слепоту» рекламщики используют анимированные баннеры — это может быть gif или Flash, но в обоих случаях, если на странице располагаются несколько таких элементов, они значительно усложняют чтение текста.
Digital Web Magazine, превосходное онлайновое издание, которое мы регулярно читаем, тоже не обошлось без постоянно отвлекающего анимированного баннера слева от каждой статьи.
11. Наведение мышки вместо кликов
Dontclick.it исследует безкликовую среду. Они хотят разобраться, что и как измениться для пользователя, если ему придется отказаться от привычки кликать.
Использовать этот интерфейс можно без кнопок на мышке, достаточно наводить указатель на нужный элемент.
Несмотря на то, что поначалу этот подход кажется интересным, вскоре приходит понимание, его недостатков, достаточно подумать о том, что пользователю может понадобиться открыть ссылку в новом окне.
8 правил хорошего юзабилити
1. Не используйте всплывающие окна
Всплывающие окна прерывают естественный ход просмотра страниц и отвлекают внимание пользователя. Уважайте ваших посетителей.
2. Не изменяйте размер окна пользователя
Те же самые аргументы, что и для всплывающих окон остаются, но добавляется еще один, некоторые браузеры сохраняют размер окна и используют его при следующем запуске.
3. Не используйте слишком мелкие шрифты
Они затрудняют чтение длинных текстов, да и небольшие вводные тексты читаются медленнее. То же верно и для ссылок, кнопок, форм, поля поиска и других элементов. Хорошая новость в том, что в Веб 2.0 предпочтение отдается крупным шрифтам.
4. Текст ссылок должен быть понятным
Ссылки должны максимально точно описывать место, на которое они ведут. Все двусмысленные тексты ссылок должны быть исключены.
5. Мертвых ссылок быть не должно
По крайней мере, их число должно быть сведено к минимуму.
6. Не допускайте более одного анимированного изображения на странице
Если мигающие изображения разбросаны по всей странице, то сконцентрироваться на ее содержании очень трудно. Используя анимированные баннеры, не размещайте их близко от основного текста.
7. Посетители должны иметь возможность легко связаться с вами
Если желающий связаться с вами посетитель не сможет найти соответствующую информацию, вы рискуете потерять его доверие и интерес. Особенно важна возможность контакта на сайтах электронной коммерции.
8. Ссылки должны открываться в том же окне
Посетитель хочет контролировать все, что происходит в браузере. Если ему нужно открыть ссылку в новом окне он сделает это без труда, делая ссылки, которые всегда открываются в новом окне, вы принимаете решение за него, не стоит надеяться, что он это одобрит.
15 раздражающих читателя особенностей сайта
Статья о наболевшем, избыточной рекламе, всплывающих окнах и мелких шрифтах. Несмотря на то, что многие пункты хорошо известны, а некоторые не очень актуальны для рунета, мой список задач она немного пополнила.
В поисках вдохновения я просматриваю множество сайтов, и хочу поделиться своими наблюдениями о том, какие раздражающие читателя элементы используются наиболее часто. Эта статья является развитием моей предыдущей статьи на эту тему, с учетом множества замечаний читателей.
Реклама появляющаяся при наведении на ссылку
Любая реклама в тексте неприятна, причем не только та, которая постоянно видна, но и та, которая появляется при наведении указателя мышки на ссылки в тексте. Особенно сильно раздражают окошки, которые появляются при случайном наведении мышки на ссылку.
Отсутствие даты публикаций
Rory Sullivan очень хорошо выразился по поводу отсутствия даты публикации у статьи: «Это все равно, что держать руку в кармане на публичном выступлении». В основном, скрывая дату публикации, автор пытается сделать контент менее зависимым от времени, но я считаю, что такой подход не верен — решать устарела статья или нет должны читатели, а не автор.
Всплывающие окна
В эру табов IE7, FireFox и Opera, всплывающие окна становятся все более раздражающими, большинство пользователей предпочитают открывать страницу в новом табе, а не окне. Раздражая читателя новыми окнами, вам едва ли удастся задержать его на сайте.
Не стоит разочаровывать читателя, дайте ему возможность самостоятельно выбирать способ навигации.
Всплывающие при наведении на ссылку превью
Snap Shots позволяет читателям увидеть небольшое превью сайта при наведении на ссылку, эта казалось бы интересная возможность, ни чуть не помогает читателям, скорее наоборот:
У читателя практически нет выбора, приходится смотреть на эти картинки, и хотя их можно отключить, это не сильно улучшает ситуацию.
Картинки появляются и при случайном наведении на ссылку.
В таких превью нет никакой необходимости, если подумать, какая пользователю разница как выглядит сайт, на который указывает ссылка.
Неудобно расположенный или отсутствующий поиск
Якоб Нильсен считает, что поиск должен быть простым и заметным, и в этом он прав.
В лучшем случае поиск должен быть виден без прокрутки страницы, и расположен как можно выше. Размещение поиска в непредсказуемых местах может запутать читателя.
Темный фон
Лично я очень благосклонен к темному фону, но он раздражает многих пользователей, некоторые из них абсолютно уверены, что на всех сайтах должен быть белый фон.
Конечно, я в этом вопросе не столь категоричен, но, тем не менее, видел несколько сайтов, на которых темный фон действительно усложняет чтение. Каждый раз, используя при разработке сайта темный фон, я обращаю на читабельность особое внимание.
Примерами сайтов, где темный фон смотрится очень хорошо и не мешает чтению, могут быть ShawnBlanc.net и Larissa’s site.
Мне кажется, автор слишком оптимистичен, на самом деле реверс (он же выворотка, но, имхо, не звучит) значительно ухудшает читабельность длинных текстов, за примером можно обратиться к бренду, обычно выделяющемуся своим вниманием к юзабилити, на страничку с характеристиками MacBook Pro. В то же время, если на сайте преобладают небольшие публикации, по несколько предложений, возможно, темный фон и подойдет, но в таком случае избегайте чисто белого текста, на черном фоне он слепит, как дальний свет.
Музыка, включающаяся при входе на сайт
Я уверен, что для всех пользователей MySpace, использующих музыку на своих страничках, в аду подготовлен особый прием. Ну ладно возможно это слишком жестоко, ведь пользователи MySpace могли и не знать обо всех недостатках музыки на сайте.
Но серьезные владельцы сайтов обязаны знать, что читателям не всегда удобно, если музыка на сайте начинает воспроизводиться автоматически, и речь идет не только о тех, кто пользуется сайтом с рабочего места, но и о пользователях недостаточно разбирающихся в компьютерах, которых может смутить, неожиданно включившаяся, музыка.
Неразделенные комментарии и трекбеки
Трекбеки и пингбеки предназначены, в первую очередь, для блогеров, с их помощью можно легко сказать: «Эй, я говорил о тебе на своем блоге. Посмотри.» Для обычных читателей, трекбеки не являются частью обсуждения, а скорее наоборот прерывают его и часто в самом неподходящем месте.
Мне очень нравятся читатели, которые вступают в дискуссию, высказывают свое мнение и оставляют ссылку, вроде: «Я, написал об этом в своем блоге», по-моему, такие комментарии более значимы, чем трекбеки.
Чтобы разделить трекбеки и комментарии пользователям WordPress нужно немного модифицировать файл comments.php
Аудио реклама
Поздравляем! Вы попали на сайт с аудио рекламой. Вы только что выиграли бесперебойное снабжение Виагрой и презервативами в течение месяца!
Неплохая комбинация. Хуже то, что все коллеги слышали, что вы только что выиграли.
Не нужно смущать читателей, не позволяйте рекламе подавать голос.
Навязчивые предложения подписаться
Вы здесь новичок? Почему бы не подписаться (извините, не смог удержаться) на наш RSS?
Эта фраза могла бы звучать и так: «Эй, парень… подпишись на наш RSS, БЫСТРЕЕ! Если ты не подпишешься, я буду все время пилить тебя. Но даже если ты подпишешься, я не отстану. ХА!»
Спрятанные ссылки подписки
Не меньше раздражают пользователя сайты, на которых трудно найти ссылку на RSS. Я испытал это на себе, попав на блог, на котором не мог найти, как подписаться. Больше я никогда не видел этот блог, потому что читаю блоги с помощью RSS и не люблю заходить на них лишний раз. Если на вашем блоге трудно найти ссылку на RSS, то большинство посетителей никогда не вернутся на него.
Ссылка на RSS точно также как и форма поиска должна быть видна сразу, как только пользователь попадает на сайт.
Отсутствие списка похожих материалов
На каждом сайте должен быть простой способ найти материалы, связанные с только что прочтенной статьей или приобретенным товаром. Посмотрите на рекомендованные продукты Amazon.com, другим примером может быть каталог плагинов для WordPress, где исходя их того, какой плагин вы загрузили, вам рекомендуют другие.
На Devlounge мы составляем список похожих публикаций для каждой статьи, при этом все статьи упорядочены по категориям. А как вы помогаете читателям найти материалы, похожие на тот, который заинтересовал его?
Лично я обязательно использую карту сайта, удобные архивы и заметную форму поиска.
Навязчивая реклама
Каждый раз, заходя на CNET News или Slate, я вижу полный экран рекламы, добраться до контента можно только с помощью кнопки «Закрыть», не намного меньше рекламы на MySpace и RottenTomatoes.
Навязчивая реклама производит очень плохое впечатление на пользователя. Переизбыток рекламы можно было бы несколько сгладить, получая материалы с этих сайтов через RSS, но они не предоставляют полных RSS, поэтому я просто вынужден просматривать горы рекламы, не вижу ничего удивительного в том, что такие сайты теряют популярность.
Читатели должны быть свободными, не нужно принуждать их просматривать рекламу.
Реклама в тексте
Сервисы вроде Vibrant Media или Kontera, вставляющие в текст рекламные ссылки, часто очень похожие на обычные, один из самых простых способов подорвать доверие читателей. Читатель не всегда замечает особенности оформления таких ссылок и думает, что блоггер рекомендует продукт, на страницу которого он попал, хотя на самом деле это может быть далеко не лучшее предложение.
В худшем случае при наведении на ссылку появляются окошки с рекламным объявлением, но это у нас, кажется, было первым пунктом.
Мелкий шрифт
Simonne Matthew опубликовал целый список раздражающих его черт блогов, и мелкий шрифт занял в нем первое место.
Мелкий шрифт ухудшает читабельность страниц, и далеко не все читатели знают о возможности масштабирования шрифтов в браузерах. А тех, кто о ней знает необходимость каждый раз, посещая ваш сайт, настраивать масштаб шрифта едва ли обрадует, к тому же часто при масштабировании страница сильно искажается, так что лучше сразу позаботиться о достаточно крупных шрифтах.
5 юзабилити кошмаров на каждый день
Некоторые из приведенных в статье проблем встречаются практически каждый день, другие реже, но все равно успевают запомниться. Этот список — продолжение статей 10 отборных юзабилити кошмаров и 15 раздражающих читателя особенностей сайта, но уже на собственных впечатлениях.
1. Прозрачный фон до загрузки картинки
Такая верстка встречается достаточно часто, самый распространенный пример: внешний фон сайта темный, а фон колонки с текстом светлый и сделан картинкой, в результате пока она загружается, пользователь видит абсолютно не читабельный темный текст на темном фоне.
Решение: проверяйте отображение сайта при отключенных изображениях, текст должен оставаться читабельным.
2. Подмена кнопки в плеере youtube
После запуска ролика, я часто выключаю звук, действие доведено до автоматизма: клик на Play и сразу клик на звук, к сожалению, после того как появилась возможность переключиться на HQ, этот порядок уже не работает, потому что на месте кнопки выключающей звук успевает появиться кнопка HQ, на которую и приходится второй клик.
Решение: избегайте неожиданных перемещений элементов интерфейса и появления новых элементов на месте старых.
3. Не исчезающие пояснения в полях
Когда место для формы ограничено, метки к полям выводят внутри самих полей, при этом важно не забыть очистить поле при получении им фокуса, иначе эту работу придется делать пользователю. Реализовать это не сложно, но часто оказывается, что в скрипте ошибка, а разработчик даже не пытался проверить его работу.
Решение: чтобы полностью исключить такую проблему, никогда не вводите текст приглашения непосредственно в поле, используйте технику описанную в статье о компактных формах.
4. Загрузка программ с сайта Adobe
Решение несуществующих проблем создает реальные проблемы, хороший пример, менеджер загрузки на сайте Adobe, создает сразу несколько проблем: непривычность такого способа загрузки, дополнительные вопросы о том куда сохранять загружаемый файл (менеджер загрузок и браузер наверняка знают куда пользователь предпочитает сохранять файлы), недоработанность (так и не справился с загрузкой 1Гб с двух попыток).
В большинстве браузеров есть встроенный менеджер загрузок, у многих пользователей установлен отдельный менеджер загрузок, который хорошо знает свое дело, даже если такового нет, проще его поставить, чем бороться с сомнительной поделкой, как минимум пользователь должен иметь возможность выполнить действие стандартными средствами.
Решение: не решайте проблемы, которых нет, конечно, это касается не только загрузки файлов, но и таких популярных в прошлом элементов как кнопка «Добавить в избранное», «Сделать стартовой», переопределения горячих клавиш, например, Ctrl+Home для перехода на главную (проблема в том, что многие привыкли использовать это сочетание, чтобы перематывать документ к началу).
5. Ввод даты рождения в LiveJournal
Поле ввода даты рождения, в лучшем случае не очень привычно для русского человека, а в худшем случае заставляет призадуматься, вариантов тут не так уж много и правильное решение быстро найдут даже те, кто совсем не знаком с таким форматом даты, тем не менее, непривычных пользователю форматов данных следует избегать.
Решение: при локализации приложений нужно помнить не только о переводе текста, но и о локальных форматах.