Сайты с плохим дизайном

Сайты с плохим дизайном

Мы любим комфорт во всем. Даже в серфинге по интернету. Только в отношении сайтов этот комфорт привычно называть иначе – юзабилити.

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

Куда смотреть, если вокруг все кажется недостаточно страшным и неудобным?

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

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

Команда Plerdy подготовила для Вас новый бесплатный вебинар — «Юзабилити сайта на примере Google & Apple сайтов». Видеозапись Вы можете посмотреть в этом видео. Присоединяйтесь к тем, кто уже успел посмотреть этот вебинар.

The Big Ugly Website.

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

Craigslist.

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

Blinkee.com.

Этот сайт пугает своими шрифтами, неправильно подобранной цветовой гаммой и изобилием анимированных изображений. Все движется, это не может раздражать. При этом отсутствует любая сегментация товаров на главной странице. Нет блоков “Новинки”, Хиты продаж”, “Акционные товары”. Нет кнопок на слайдере, он играет только декоративную роль. Кнопки карточки товара сливаются с фоном и плохо мотивируют к действию.

The World’s Worst Websitе.

Худший сайт в мире – именно так окрестили свое детище дизайнеры, которые решили указать на ошибки оформления владельцам и создателям ресурсов во всем мире. Безусловно, здесь все гипертрофированно, и подобных сайтов фактически не найти. Но мы видим все возможные и невозможные ошибки в одном месте, что не может не радовать. Сочетание несочетаемых цветов, разноплановая типографика, отсутствие форматирования и какой-либо структурированности контента, подчеркивания – не полный список вещей, которые делают этот сайт худшим в мире. Чего стоит навигационное меню в середине страницы и примитивные анимации разного размера, мигающие по всему сайту!

Lingscars.

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

Internet Archaeology.

Ресурс, оформление которого можно назвать весьма оригинальным, если обращать внимание только на пикселизированную анимацию. Тем не менее, когда попадаешь на такой сайт, совершенно не понимаешь, где ты оказался. Ни слова о том, чему посвящен ресурс, какую пользу он несет для посетителя. Только меню, анимация на весь экран и раздел “Новости”. Хорошо бы знать, о чем и о ком эти новости, так просто ведь читать нет никакого желания. Абсолютно отсутствуют любые кнопки и контентные блоки, включая даже контакты. Такой сайт хорошо подошел бы для ЦРУ – никакой информации о его предназначении, координатах компании/создателей, никаких объяснений.

Dom Perignon.

У именитой марки люксового шампанского также есть недостатки. Точнее, не у самой продукции, которая пользуется спросом не одно столетие, а у сайта, который промоутирует винтажные напитки Дом Периньон. Оформление у ресурса стильное, но главная страница рассказывает нам только о “лице” линейки бренда и креативном директоре компании – Ленни Кравитце. Чтобы посмотреть информацию о винтажных винах, нужно указать свой возраст и место проживания. Ошибка верстальщика заключается в создании формы, которая дает доступ к части содержимого сайта. Узнать о самой марке шампанского можно и без подтверждения возраста на сайте. Но маловероятно, что пользователь так усложнит свой путь, что после изучения информации о марке, вернется на главную страницу для заполнения обязательной формы с возрастом, оформляющей доступ к продукции.Yale

Читайте также:  Полка для гостиной напольные

University School.

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

Penny Juice of America.

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

Electrifying Times.

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

Headhunter Hairstyling.

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

Serene-Naturist.

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

Where2Eat.com.

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

Fusion.

Отталкивает больше не сам дизайн с серыми, интерфейсными элементами. Юзабилити форм здесь на самом низком уровне. Количество полей в форме превышает все допустимые пользовательским спокойствием нормы. Композиция не выглядит единым целым, блоки напоминают отдельные вставки, вырезанные из других сайтов. Единственный плюс – наличие контактов в футере и хедере, понятная навигация.

Тип-Топ Сервис.

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

Arvanitakis.com.

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

Patimex.

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

Читайте также:  Угловая дрель makita da3011f

University of Advancing Technology.

У этого сайта далеко не худший дизайн. Но в список он попал из-за своего юзабилити. Когда главная страничка грузится более 40 секунд – налицо явные технические проблемы, которые сказываются на пользовательском опыте. Большое количество анимации и фотографий в высоком разрешении, использование устаревших методов программирования – причина всех проблем сайта. При всем этом графическом великолепии, главная страница остается неинформативной для пользователя. Единственный плюс – наличие продуманного навигационного меню.

The Glove Club.

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

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

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

Бельгийская компания Bagaar запустила сайт User Inyerface. В нём воплощены все самые неудачные дизайнерские решения современных веб-мастеров.

User Inyerface — своеобразный квест, в котором пользователю нужно успешно пройти регистрацию, заполняя формы с разнообразной и зачастую совершенно лишней информацией.

Современный пользователь интернета периодически сталкивается с отвратительно реализованными элементами на этом сайте. Самое простое задание — выбрать пароль, в котором должно быть не менее десяти символов, в том числе как минимум один кириллический (российским пользователям это просто, а что делать жителям других стран?)

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

Задача посетителя User Inyerface — как можно быстрее пройти мучительный квест и успешно зарегистрироваться на сайте, если хватит терпения. С помощью этой игры разработчики постарались показать веб-мастерам, какими не должны быть современные веб-ресурсы. Самое печальное — на User Inyerface в концентрированном виде используется всё то, что есть на других сайтах, хотя и в меньших количествах.

Увидел я у Миши Шакина посты про самые стильные и красивые дизайны и решил сделать что-то типа анти-подборки. Оказывается, их не так уж мало, я нашел около 30 ужаснейших дизайнов и, собственно, сейчас представляю их вам. Подборка выйдет в 2-х частях. Итак, приступим.

Оф. сайт ПБОЮЛ СКПО “Система” . Меню – внизу. Кстати, раньше сайт был в Яндекс.Каталоге.

Видно, что стеб, но, тем не менее, дизайн вставляет. Даже баннер свой нарисовали. И домен запоминающийся.

Если верить тайтлу, то эта стена неформатированного текста – новостной портал. Отличный экземпляр.

Скромная домашняя страничка скромного американского метеоролога Денли Барнетта. Со скромных размеров фотографией на главной.

Сайт о некоей породе афганских (?) собак. Сайт делала, судя по всему, одна из них.

Сайт веб-студии. Сразу видно, дизайнеры постарались на славу. Обратите внимание на цены за раскрутку.

Еще одна веб-студия. Сразу видно, ребята фанаты олдскула и VGA-графики. И да, попробуйте прокрутить страницу вниз.

Глуповатый стеб, но, тем не менее, цветовая гамма достойна этого списка. А ведь у сайта тИЦ 30, PR 3. Учитесь 🙂

Судя по всему, интернет-магазин. Весьма.. кхм.. нестандартный подход.

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

А от этого мне просто становится страшно. Даже не хочу знать, кто этот парень.

Это что-то с, несомненно, христианским уклоном.

Тайтл говорит нам, что это один из дилерских магазинов компании Adobe. Ну, я даже не знаю. Кто сосчитает кол-во баннеров – получит постовой.

Опять что-то на христианскую тему. Кресты и псалмы в радужных тонах. И, конечно же, 5 голубей. А у морды PR 4:)

Мое любимое. Безумие. Я очень хотел бы узнать, ЗАЧЕМ такое делают. Оно, кстати, со звуками. Попробуйте пообновлять – каждый раз генерируется новый дизайн. Вот так вот. Если вы начинающий дизайнер с растраченным энтузиазмом, то такая подборка должна явно дать вам понять, что вы не безнадежны;)

Читайте также:  Сцепка для мотоблока размеры чертежи

Добрая половина родом из 90х и с тех же времен заброшены. Тогда о дизайне были другие представления.
dokimos.org – очень даже ничего, если смотреть долго, можно увидеть религиозные символы и уверовать ))

WPface
Эх, вернуть бы 90-е. И старые представления о дизайне.

Мне кажется, что легче будет словить эпилептический припадок:)

Жесткая подборка. Откровенно подняла настроение ))

А Вы посмотрите на дизайн сайта http://zaycev.net, пока песню скачаешь нечаянно на десяток реклам кликнешь 🙂

Жесть просто, а не подборка. Вот какие сайты годами живут в индексе 😉

Думаю надо создать команду хакеров, которые бы за сносили такие сайты. Интернет стал бы немного чище 🙂

iT-pomoshnik
Можно писать абузы на хостинг, мол такие сайты оскорбляют мой художественный вкус:)

убило на первом же сайте. Честно говоря давно такого в нете не встречал

Вечер… и как теперь ехать домой из офиса?
надо срочно дать задание дизайнеру, сделать рестайлинг наших сайтов в таком стиле 🙂

Да, под конец рабочего дня посмотрел – насмешило. Спасибо за настроение!

Веселенькая подборка, настроение подняла. Особенно комментарии автора, в частности “Сайт о некоей породе афганских (?) собак. Сайт делала, судя по всему, одна из них.”

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

а по мне так 9-й номер arngren.net списка не достоен. прикольный)

Браво! 🙂
Только что думала о том, что, например, liveinternet – весь задуман под творения “дизайнеров” подобного толка.

Ну и совершенно чудесны ваши комментарии – иду спать, улыбаясь)

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

Бомбическая сила! “Иисус на роликах. ”
этот сайт yyyyyyy.info реально выносит мозг! Это долбаные пришельцы пытаются свести нас с ума!!)))

и при каждом обновлении эффект усугубляется. сайт уже в закладках!)))

Кстати, насчет звуков я вкурил – там где-то на фоне есть анимированная картинка, где мячик катается внутри куба и бьется о его стенки. Отсюда соответсвтующие звуки.

согласен что у ливинтернет подобные down-топы сайты.
А данные сайты прошлого – тогда иметь свой личный сайт – это было крайне модно. Все рвались создать персональную страничку.

На самом деле сайты то очень старые и не обновляются, но с 15 это вообще супер получилось. Психоделический дизайн 100%.

[. ] ТОП самых вырвиглазных дизайнов. Часть 1 – классная подборка из примеров некрасивого оформления сайтов. [. ]

вот это жесть! 🙂 некоторые чебоксарские веб-дизайнеры не сильно отстают от этих)) хахаха

Да сайты убийственные, посмеялся от души. По поводу 15-го это скорее маркетинговый ход, потому что такой сайт захочет показать другу каждый кто его увидел, вот вам и ПР=4. Даже среди комментировавших многие отправили ссылочку друзьям и добавили в закладки )))
Но это сайты сделанные по неумению или как стёб, но что можно сказать по поводу СОВРЕМЕННОГО сайта, СОВРЕМЕННОЙ реально существующей сети крупных магазинов мебели в Украине “Стол и Стул”, с таким вот дизайном – stol-i-stul_com_ua
Это даже не смешно, это душераздирающе… Он достоин попасть во вторую часть этой подборки!

Огого, посмеялась на славу. Складывается впечатление, что часть сайтов с серьезными пузомерками из этого списка делалась как раз для того, чтобы попадать в такие списки с приставкой “анти-“. Как говорится, реклама разная нужна, реклама разная важна…

Ахаха, действительно вырвиглазно! Спасибо, поржал)) красный фон пиздец))

Просто ужасные дизайны, отличная подборка, таких я ещё не видел 🙂

3,14здец одним словом…
интересно, как ты их собирал?
я даже кода только html учил, и то красивее дизайны ваял ))

1,3,9 даже весёлые=) И не сказал что сильно ужасные=) 9 как газета с рекламой=) Сейчас у нас моя реклама точно такая же, каждая страница=)

Первоё ещё нормально для бесплатного хостинга/домена. 2 порвало) 11,12,15 – жёстко психоделичные, разбудить – показать ночью, и человек в психушке))

инет магазин понравился))) похож на коробку старья которая у меня стоит в кладовке

Ссылка на основную публикацию
С чего начать дизайн комнаты
Remplanner.ru - онлайн планировщик квартир, который поможет создать профессиональный дизайн-проект. Благодаря составленным чертежам, вы сможете сделать качественный ремонт, учесть нюансы...
Рулонный газон уход после укладки
Наша жизнь становится все более динамичной и насыщенной, а современные технологии позволяют быстрее добиться желаемых результатов и упростить ряд житейских...
Рунит инъекционный для кладки
Наибольшая крупность заполнителя Расход сухой смеси Количество воды затворения: - на 1 кг сухой смеси Марка по подвижности Время использования...
С чего начать реконструкцию старого деревянного дома
Содержание статьи С чего начать восстановление старого дома Как поднять старый дом Как обновить старую деревянную стену Прежде чем заняться...
Adblock detector