WebPagesThatSuck.com — тесты на отстойность

Lumber room
Некоторое время назад произошло страшное — мы с моим коллегой почти час на повышеных тонах обсуждали, какой сделать структуру нового сайта, как и где разместить меню. У нас были диаметрально противоположные мнения, и никакие упоминания красивых слов типа «юзабилити» не могли нас примирить. После того как наш боевой дух иссяк, мы решили поискать какую-нибудь практическую информацию по юзабилити. Так вот, наткнулся я на сайт некоего Vincent Flanders, который уже 11 лет собирает отстойные сайты. Итак, для тех, у кого нелады с английским, или просто лень разбираться, представляю перевод самой интересной информации.

Мой Сайт – Отстой? Введение.
148 Моральных Грехов, 82 Возможных Моральных Греха и 2 Дизайнерских Супер-Пупер Теста.


«Мой Сайт – Отстой?»
Из всех писем, которые я получаю, такие удивляют меня больше всего. Возможно потому, что я привык смотреть правде в глаза. Когда я смотрю в зеркало, я вижу лысеющего, толстого, стареющего белого парня. При взгляде в зеркало, мне не улыбается Том Круз – я намного выше него.

Я отвечаю на эти письма, указывая людям на FAQ, где сказано: «Поскольку я получаю огромное количество запросов, а времени на всех не хватает, критиковать Ваши сайты я не могу».

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

Тест №1

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

Итак, ответ: Если Вы поставите хоть одну галочку в этом тесте, Ваш сайт – отстой! Точка.

Хотя, конечно, все не так просто. Для того, чтобы пройти тест, требуют определенные знания. Вам нужно знать, как сделан Ваш сайт, Вам также потребуются кое-какие знания веб-дизайна. Если Вы не знаете, что значит тег MARQUEE (кстати, я не знаю :), надо спросить у верстальщика, прим.пер.), или если Вы не в курсе, что контент для сайта был сделан в Ворде и сохранен в HTML, как Вы сможете пройти тест?

Примечание №1:
Думаю, никто не любит «многа букав», поэтому я не расписывал что к чему, и не расставлял ссылки в этих тестах. Я смотрю на кривые дизайны уже 11 лет, и ошибся лишь однажды (ха! прим.пер.) Но это – совсем другая тема.

Примечание №2:
Да, Вы правильно подумали — WebPagesThatSuck.com в жизни не пройдет этот тест. Этот сайт всегда был отстойным.

Тест №1:
Первое впечатление / Картинка
  • Наш сайт сделан с учетом требований нашей организации (отдела продаж, снабжения), а не требований наших посетителей.
  • Наш сайт пытается сказать, какая мы отличная фирма, а не объясняет, как наша фирма будет решать мою проблему.
  • Человеку с Марса требуется больше четырех секунд, чтобы понять, о чем наш сайт.
  • Человек с Марса не может определить, на чем сфокусировать внимание на главной странице.
  • Человек с Марса не может определить, на чем сфокусировать внимание на текущей странице.
  • Судя по нашему сайту, мы не профессионалы, которым можно доверять.
  • Глядя на наш сайт, пользователи не испытывают доверия.
  • Наша главная страница (да и любая другая), грузится больше четырех секунд.
  • Глядя на страницу сайта, пользователи толком не поймут, зачем она.
  • Элементы дизайна расположены в неожиданных местах.
  • Мы до сих пор не выкосили ненужные элементы дизайна.
  • Мы пока не знаем, какие элементы дизайна являются ненужными.
  • Наш сайт тупит, когда отключен JavaScript.
  • На нашей главной странице есть фраза «Добро пожаловать…»
  • Наш сайт сделан на Flash (а вот как он выглядит без флеш…)
  • Навигация на сайте сделана на Flash.
  • На нашем сайте есть «заставка» (если только мы не продаем спиртное, порнуху, мы не казино и не табачная фабрика, а также наш сайт не многоязычный).
  • На сайте требуется зарегистрироваться перед входом.
  • На нашем сайте больше одной заставки.
  • Тэг TITLE на нашем сайте содержит что-то вроде «New Document» или «Index», а не название компании, или другие вещи, полезные для поисковиков.
  • На нашем сайте есть аудио файл, который начинает фонить как только загружается страница, однако мы не рекорд лэйбл и не музыканты.
  • Я не имею понятия, выглядит ли наш сайт одинаково в разных браузерах.
  • Наш сайт действительно выглядит по-разному в разных браузерах.
  • Самый важный контент ну никак не вмещается на главную страницу (ха! www.artlebedev.ru/kovodstvo/130/#03 прим.пер.)
  • На наших страницах слишком мало пустого пространства.
  • На нашем сайте есть pop-up-ы.
  • Наш сайт просит пользователей установить какой-нибудь дурацкий плагин.
  • На нашем сайте висит кнопка типа «Загрузите последний браузер».
  • Наш сайт настойчиво пытается донести до юзеров, какой софт и оборудование мы использовали для его разработки.
  • Дизайн нашего сайта был «позаимствован» у другого сайта.
  • На нашем сайте нет инструкций как сделать заказ, заполнить форму и т.п.
  • Наш сайт блокирует клики правой кнопки мыши, поскольку у нас паранойя, и мы считаем, что наш контент заслуживает того, чтобы быть украденным. Мы также уверены, что посетители настолько тупы, что не смогут таки его украсть.
  • Наш сайт сделан на шаблоне, содержащем уродливый код, который трудно модернизировать, и который, честно говоря, кривоват.
  • Мы не маркируем PDF файлы соответствующей иконкой.
  • Мы не анализируем логи.
  • Мы не разу не проводили пользовательское тестирование.

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

Для всех, кто желает ознакомиться с продолжением данного теста, прошу сюда.
Tags:дизайнюзабилитиUI
Hubs: Lumber room
+40
1.7k 27
Comments 26

Popular right now

UX & UI Designer
February 10, 202146,990 ₽Level UP
Паттерны дизайн-менеджмента
March 1, 202149,000 ₽Bang Bang Education
Профессия Product Manager
January 27, 2021108,500 ₽Нетология
Аналитика для руководителей
January 27, 202167,500 ₽Нетология