Разное

Ужасный сайт: 8 самых ужасных сайтов мира / Блог компании Webnames.ru / Хабр

Содержание

8 самых ужасных сайтов мира / Блог компании Webnames.ru / Хабр

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

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

1. MIA UK

http://www.miauk.com/

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

2. Space is the Place

http://www.spaceistheplace.ca/

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

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

3. Ling’s Cars

http://www.lingscars.com/

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

4. ARNGREN

www.arngren.net

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

5. Ronoslund

www.ronoslund.com

Личная страница Рона Ослунда, с космическим пейзажем и ужасным дизайном, на которой он рекламирует свой интернет-проект, вывешивает фотографии устаревших компьютеров и принцессы Дианы (с текстом поверх фотографий).

Рон Ослунд поднимает многозадачность и универсальность сайтов на новый уровень.

6. The World’s Worst Website Ever

www.theworldsworstwebsiteever.com

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

7. Rent my Chest

www.rentmychest.com

Этот сайт серовато-коричневого цвета с беспорядочным набором слов задумывался как сайт-приманка с ключевыми словами, которым соответствуют ссылки на другие ресурсы. Владелец сайта предлагает разместить у себя ссылку на вашу страницу по приблизительной цене от 20 до 200 долларов в зависимости от дизайна ключевого слова (крупный или цветной шрифт обойдется недешево).

8. Neuticles
www.neuticles.com

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

Один имплант стоит 75 долларов — это намного дороже, чем стоимость операции по удалению настоящих половых органов.

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

20+ сайтов с ужасным юзабилити — Plerdy

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

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

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


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

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

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

В данный обзор вошли такие сайты:

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

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

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

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

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

Internet Archaeology

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

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

University School

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

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

Electrifying Times

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

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

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

Where2Eat.com

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

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

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

Arvanitakis.com.

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

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

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

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

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

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

20+ сайтов с ужасным юзабилити — Plerdy

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

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

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


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

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

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

В данный обзор вошли такие сайты:

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

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

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

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

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

Internet Archaeology

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

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

University School

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

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

Electrifying Times

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

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

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

Where2Eat.com

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

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

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

Arvanitakis.com.

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

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

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

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

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

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

Веб-дизайнеры создали самый ужасный UI в истории – Сей-Хай

Веб-дизайн прошел долгий путь за эти годы, но это не значит, что он идеален. Мы постоянно пишем о том, как можно сделать UI лучше, как исправить проблемы с интерфейсом. Именно такие примеры головной боли с интерфейсом высмеивает пародийный сайт User Inyerface.

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

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

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

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

А если вы связаны с веб-дизайном, этот сайт ещё и заставляет вас задуматься о собственных «грехах».

Если вы дойдете до конца, вас встретит GIF с танцующим Карлтоном из «Принц из Беверли-Хиллз». Кроме того, есть ссылка на страницу вакансий агентства, что наталкивает нас на мысль: может User Inyerface – это способ отфильтровать нужных кандидатов? Если так, то это гениально.

Как бы то ни было, мы справились со всеми препятствиями за пять минут. У вас получится лучше?

Читайте также:

Гениальный кейс: агентство нашло арт-директора, не потратив ни копейки

5 распространенных ошибок в веб-дизайне, которые бесят пользователей

Mobile UX: где размещать кнопки призыва, чтобы повысить конверсию

Фото на главной: Harpal Singh

Как узнать, что у тебя ужасный сайт

Менять его дизайн или нет.

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

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

Дата создания: 11 сентября 1997 года
Посещений в месяц: 716 000 000

Как ни странно, этот сайт входит в список самых популярных в мире. Это Avito, в котором совершенно отсутствует оформление. Зато всё просто и понятно, категории перед глазами, навигация тут же.

Дата создания: 19 июня 2005 года
Посещений в месяц: 190 000

Это сайт Ling Valentine, которая сдаёт машины напрокат. Просто она умудрилась стать самой известной в своей области бизнеса. И не в последнюю очередь благодаря кричащему сайту. Все понимают, что нельзя так оформлять страничку в интернете, навигация неудобна, контент не видно, не сразу понятно куда ты попал. Но почему-то это работает.

Дата создания: 2 января 1999 года
Посещений в месяц: 1 900 000

Дизайн самого известного каталога интернет-ресурсов не менялся, похоже, со дня своего основания в 1999 году. Оформление так же отсутствует, что пошло на пользу функциональности сайта. Там даже есть раздел на русском языке, он, кстати, 9ый по величине.

Дата создания: 20 ноября 2002 года
Посещений в месяц: 50 000

А вот пример, когда убогий дизайн не работает. Казалось бы, всё по рецепту Ling Valentine, но нет, не смотрят. Это норвежский сайт электронной коммерции. От изобилия элементов глаза в кучу не соберёшь. Я так и не понял как там что-то купить.

Дата создания: 10 июня 2003 года
Посещений в месяц: 4 100 000

Читаешь TheQuestion? Нравится? Первопроходцем среди сайтов типа «вопрос-ответ» был wisegeek. Стоит только выбрать категорию — отобразится список вопросов со строкой поиска наверху. И всё. Этого хватает, чтобы сайт смотрели более четырёх миллионов раз в месяц.

Дата создания: 18 июля 2002 года
Посещений в месяц: 15 600 000

Привет 90е! А это, между прочим, крупный новостной портал в России. С зелёным фоном, который рябит при прокрутке. Что не мешает сайту до сих пор оставаться на плаву.

Дата создания: 14 февраля 1997 года
Посещений в месяц: 111 500 000

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

Менять или нет

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

1. Если оформление не отвлекает от содержания

Первое, что приходит в голову — Википедия. Тебя хоть раз отвлекал дизайн сайта? Вряд ли, ведь во главе угла — контент, а не его оформление.

2. Если аудитории наплевать

Бывает и такое. Когда на сайт заходят с конкретной целью, например, книжку скачать. Lib.ru просматривают 8 000 000 раз в месяц и явно не из-за оформления.

3. Если не хочешь терять трафик

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

4. Если цифры говорят, что всё в порядке

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

5. Если антиреклама реально работает

Твой сайт давно висит в подборках худших по России? Ок, тем больше просмотров. Куда ни глянь, одни плюсы: и бесплатная реклама, и экономия на редизайне.

Что делать

Узнал свой сайт в этом списке? Оставляй всё как есть, сохранишь свои деньги. Если это всё не про тебя — беги к толковым веб-дизайнерам, они помогут, это их работа. Главное, чтобы в итоге не получилось подобное. Кстати, если хочешь посмотреть какие сайты сейчас в тренде и поржать над этим — заходи сюда.*

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

🤓 Хочешь больше? Подпишись на наш Telegram. … и не забывай читать наш Facebook и Twitter 🍒 В закладки iPhones.ru Менять его дизайн или нет. Бывало такое, заходишь на сайт и думаешь, что его сделал школьник на уроках информатики семь лет назад? Убого? Ага, только нередко такие сайты дают больше конверсий, чем их «модные» конкуренты. Конечно, это не работает с шаблонами ucoz и narod, даже над страшной страницей придётся постараться. Погоди закладывать многотысячный бюджет в…

Максим Клименчук

@maks.klim

Автор, инженер, кофеман и отец маленького «почемучки». Стараюсь не обрастать гаджетами. Не получается.

  • До ←

    Лайфхак. Как раскрутить свой аккаунт в Instagram

  • После →

    Как уменьшить яркость iPhone до минимума

Страшные сайты с плохим юзабилити: ТОП 30 в Интернете

Правила, предъявляемые к юзабилити сайтов

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

Поэтому для юзабилити сайтов следует соблюдать определенные принципы:

  1. Дизайн должен быть лаконичным и красивым, не отягощенным различными яркими элементами.
  2. Текст должен легко читаться и быть разбитым на логичные блоки
  3. На сайте должна быть форма поиска и форма заказа, контакты.
  4. Легкая навигация позволит пользователям быстро и беспрепятственно найти необходимую информацию.
  5. В публикациях должны быть ссылки на другие разделы или так называемая перелинковка.
  6. Сайт должен быстро и корректно грузится не только на компьютере, но и на мобильных устройствах. Многие любят заходить в Интернет с телефона.
  7. На веб-ресурсе не должно быть излишних рекламных блоков.

Команда Plerdy, учитывая свой опыт в анализе UX-дизайна сайтов, подготовила для вас примеры ужаснейших сайтов с точки зрения дизайна и юзабилити.

ТОП 30 самых ужасных сайтов Интернета

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

Сок Пенни

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

Blinkee

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

Arngren.

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

Great Dreams

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

Pacific Northwest

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

Книжный веб-ресурс Сюзанны Коллинз

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

Brathouse

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

Сайт Беллы Де Сото

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

Antique Collectors

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

Patimex

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

Rudgwick Steam & County Show

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

Команда тегов

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

Headhunter

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

Electrifying Times

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

Mednat.org

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

Где поесть

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

Ling’s Cars

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

Школа искусств Йельского университета

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

EFW

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

Сексуальные бюджеты

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

Историк будущего

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

The world’sworst website

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

Theweddinglens

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

Рона Ослунда

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

Gatesnfences

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

Фэншуй блог Jami Lin

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

MIA UK

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

Wateronwheels

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

Конный бизнес

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

Time Cube

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

Итоги

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

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

Топ-5 ужасных сайтов, которые приносят миллионы

Рассказ о том, как нарушение тенденций веб-дизайна помогает зарабатывать на сайте.


Если вы чувствительная натура, я бы достал флакончик валокордина.

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

Вы спросите: «Разве имеет смысл учиться плохому дизайну? Ну повезло, и что?»

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

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

Если вы сверстаете сайт на коленках, вас с вероятностью 99,99% ожидает провал.

Но это вовсе не лузеры — это успешные мутанты.

Они выглядят непривычно? Перестаньте.

Неужели вы не устали смотреть на классных ребят, пьющих кофе перед ноутбуком?

Добро пожаловать в нашу комнату ужасов, где каждый экспонат — наглядный урок.

Пятое место: веб-сайт компании Superior Web Solutions


С чего начать ругать этот веб-сайт?

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

Знаете, чем они занимаются? Да, эти ребята разрабатывают веб-сайты)

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

Справедливости ради стоит отметить, что сегодня у них вывеска under construction.

Четвертое место: веб-сайт AintWet


Чем занимается компания с таким названием и загадочной домашней страницей?

И вообще, что произойдет при нажатии кнопки START? Зачем посетителю ее нажимать?

Aintwet – это пример новой тенденции веб-дизайна, называемом брутализм.

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

Чтобы вы лучше поняли суть сайтов-бруталистов, посмотрите на другое чудовище — это официальный сайт Школы искусств Йельского университета.

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

Не потому что дизайн сайта квадратный и уродливый, а потому что он делает свою работу.


Известный веб-дизайнер Марк Шенкер из Webdesignerdepot утверждает: «Ультраминималистичный дизайн на самом деле может оказаться полезным для повышения коэффициентов конверсии, главным образом за счет ускорения загрузки сайтов и усиления пользовательского опыта».

AintWet действительно быстро загружается, и на нем сложно заблудиться.

Нажмите START, и вы увидите: каждая кнопка меню четкая и заметная, как пожарная дверь.

Эстеты могут любить их или ненавидеть — но искать не придется.

Третье место: сайт проката автомобилей LingsCars


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

Сайт компании LingsCars – это шокирующий пример того, как не принято поступать в современном веб-дизайне. Совершенно безвкусная цветовая схема, раздражающая глаз флэш-анимания и тонна отвлекающих посетителя факторов. Турецкий базар, а не homepage!

Думаете, только главная страница такая? Пойдите дальше, и градус безвкусицы зашкалит!

Но результаты налицо: по данным pr-cy, сайт получает 115000 посетителей в месяц.

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

Компания процветает благодаря нелепому дизайну, генерирующему трафик.

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

Второе место: сайт объявлений craigslist

Как должен выглядеть хороший сайт объявлений?

Мы привыкли к дизайну, как на OLX или у стильного сайта объявлений Крыма DIOLS.

Но то, что вы увидите у гиганта британского рынка craigslist – это как Web 0.5


Полный однотонного текста, скучный дизайн 1990-х годов не мешает craigslist приблизиться к топ-1000 сайтов по Ahrefs – свыше 30 миллионов обратных ссылок и 100 тысяч ссылающихся доменов!

Компания Крейга Ньюмарка запустила онлайн-проект в далеком 1995 году, и за прошедшие 23 года фактически не проводила редизайн. Несмотря на этот факт, многомиллионный органический трафик ресурса сейчас оценивается, по самым скромным меркам, в 200 000 000 долларов.

Их прибыль в 2016 году составила 690 000 000 долларов, причем владельцы уверяют, что не инвестировали ни единого пенни в онлайн-маркетинг и рекламу — крупнейшую статью расходов ВСЕХ топовых компаний планеты. Дальше — интересней.

Штат компании насчитывает около 50 сотрудников, и основная статья расходов craigslist – это выделенные сервера и уплата налогов в казну Ее Величества.

В мае 2017 издание Forbes скромно оценило компанию Ньюмарка в 3 миллиарда долларов.

Сайт работает без постоянных редизайнов, ярких трюков или даже фотографий.

Почему? Оказывается, секрет сайта объявлений очень похож на LingsCars.

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

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

Но не меньшую роль играет видение компоновки веб-сайта и пользовательского опыта.

Первое место: поисковая система Google

Да, именно Google. И это не шутка.

Причины, по которым внешний вид перечисленных сайтов ужасен, смотрят прямо на вас.

Поисковик №1 не таков. Он симпатичный. У него даже есть интерактивные дудлы!

Почему он приносит миллионы (миллиарды) — не нуждается в пояснениях.

Но почему мы ставим Google в рейтинг самых ужасных сайтов мира?

Как и Craigslist, этот сайт не сильно изменился с 1990-х годов.

По сравнению с эволюцией Интернета за 20 лет редизайн почти незаметен.

Для наглядности, домашняя страница американского поисковика Yahoo с 1998 проделала впечатляющий путь, став примерно таким:


Минималистично, но стильно и очень информативно. Не к чему придраться.

Yahoo, Yandex, Rambler и большинство других поисковых систем ориентированы на то, чтобы бросить весь Интернет у ваших ног прямо при входе. Гугл застрял на строке поиска и паре линков.

Домашняя страница Google – супер чистая и легкая, с огромными пятнами негативного пространства. Это было аномалией раньше, но сегодня Гугл — царь интернет-поиска и законодатель мод.

С другой стороны, это то, что мы ожидаем от поисковой системы.

Там ничего нет. Все вводит пользователь.

Разве функционал Гугла вас не устраивает? Вы понимаете, что надо делать.

Это всегда был предельно простой, интуитивно понятный интерфейс.

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

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

Google аккуратно избегает этой ловушки.

Выводы

Некоторые из этих сайтов явно отвратительны для зрителя. Другие просто странные.

Все, что у всех есть общего — это прямолинейность, актуальная коммерческая или творческая идея, а также не покидающее чувство, что посетитель находится «на водительском сиденье».

Они разработаны для дела, поэтому приносят миллионы.

Худший веб-сайт в мире!

Худший веб-сайт в мире!

СКОРО В ПРОДАЖЕ: еще худший сайт! Ищи это когда-нибудь позже, в конце концов! мы обещаем!

ОХХХ МАЛЬЧИК!
v 2.0
TWWWE скоро появятся!

>>>>> Вы нашли В в мире Худшее Веб-сайт Всегда!

TWWWE — это проект по выявлению ошибок в веб-дизайне, ломая каждую Правило дизайна вообразимо.
Щелкните здесь, чтобы увидеть неполный список ошибки, обнаруженные на этом сайте.

ОСТОРОЖНО! Этот сайт в разработке! =)
<- напишите нам по электронной почте!

ГЛАВНЫЕ НОВОСТИ: 3 из 4 человек говорят, что это ужасный сайт!

Эти фотографии потрясающе отформатирован УЖАСНО!


Вы можете догадаться, как ??


Как насчет этого?


и этот??


И наконец… Trifecta!

Я быстр!
Я быстрее!
Я самый быстрый!
Я самый быстрый !!!

Этот ящик не имеет ничего общего, так что вы не надо это читать.

РОЗОВЫЙ

КРАСНЫЙ НА СИНИЙ — ВЕЛИКОЛЕПНО!

СИНИЙ НА КРАСНОМ ЛУЧШЕ!


с 3 октября 2009 г. +3310 посетителей пред.Последнее обновление: 19.06.2021 14:44:03

Это зрелище — лучший вид через Internet Explorer или Fire Fox. Разрешение 1024×768. Маки глупы, как и Safari, так что это зрелище наверняка не будет смотреть прямо через Safari или Mac. лол о да, Windows Vista тоже воняет!

2008-2018 Худший веб-сайт в мире. Все права защищены.

Новая страница 1

Новая страница 1

Худший веб-сайт в мире — ошибки сайта

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

(Сейчас 2018 год, а мы еще не запустили новый сайт, так что я полагаю, что это очередная ОШИБКА! Однако мы сделали сайт зашифрованным с помощью SSL. Наверное, не стоило, потому что это правильный способ создать веб-сайт.)

<Вернуться в домашняя страница

  1. Изображение заголовка пикселизировано и чрезмерно оптимизировано.
  2. Превышена прозрачность в изображении заголовка.
  3. Несколько цветов шрифта, используемых в «ever»
  4. Анимированные звезды (все анимированные гифки — плохая идея)
  5. Запрещается использовать графику на стадии строительства
  6. Примечание «В разработке» почти никогда не следует использовать, особенно на домашней странице
  7. Знак «<-» и другие текстовые маркеры / графические изображения являются ошибкой в ​​дизайне
  8. Эта страница, файл с именем «новая_страница_1.htm «указывает на плохое именование файлов и организация
  9. «Главное меню» не должно существовать; если люди не знают, что такое главное меню, их не должно быть в сети
  10. Тинейджерские варианты написания, такие как «kewl», никогда не должны использоваться ни для каких профессиональный сайт
  11. Лично я презираю * улыбку * — пожалуйста, постарайтесь избегать этого ради меня ради здравомыслия
  12. Иконки электронной почты тоже сильно раздражают, особенно тем, что они анимированные. (если вы не используете настоящие значки вместе с другими, такими как печать и т. д.)
  13. Повторение фона — почти всегда плохая идея
  14. Цветные фоны почти никогда не работают
  15. Изображения со скосом, например на фоновом изображении, почти всегда непрофессионально выглядящий
  16. В желтой таблице вверху ширина ячейки отличается от ширина стола, оставляя пустое место с правой стороны
  17. Границы таблицы могут работать, если все сделано правильно. Все границы представлены на этом сайте приведены примеры того, что НЕ делать
  18. Курсоры Javascript — это шутка! Просто потому, что технология там что-то делать, это не всегда нужно делать.Спросите британцев о Кобальтовая бомба, например
  19. Наведение указателя мыши на ссылки можно сделать профессионально и добавить приятный штрих к веб-сайт, но текст никогда не должен изменяться или выделяться жирным шрифтом при перемещении курсора над ним
  20. Несогласованность в главном меню становится все больше. Если ты собираешься чтобы иметь значки, иметь на них все ссылки
  21. Рамка вокруг значков слишком толстая. Я вижу это много
  22. Пункт главного меню «GOOGLE КАРТЫ» не полностью связан гиперссылкой
  23. Ссылка «ПОГОДА» не работает
  24. Мигающие значки «Новые» или «Обновленные» обычно считаются чизбаном. Избежать их!
  25. На веб-сайте используется несколько шрифтов, в том числе некоторые не веб-безопасный
  26. В разделе «Что нового» много слов с ошибками.
  27. Опять же, «1» вместо «один» и «u» для «вас» ужасны для профессионалов. веб-сайты. Ваши клиенты не воспримут вас всерьез, если увидят что-то вот так
  28. Прокручиваемые шатры могут быть эффективными, если их использовать ненавязчиво и редко. Но большинство из них используются неправильно, поэтому …
  29. «О TWWWE» гиперссылки нет
  30. На этом сайте есть несколько примеров Microsoft Word Art.Это почти всегда плохая идея использовать его
  31. Анимированные разделительные полосы могут очень дезориентировать, не говоря уже о том, чтобы липкий
  32. Синий на красном — плохая идея
  33. Красный на синем — плохая идея
  34. Синий или красный на черном — плохая идея
  35. В «Фантастических цветах» есть еще несколько примеров «плохих идей». Раздел
  36. Абсолютно и однозначно ненавижу шрифт «кисть скрипт», который используется в «Фантастических цветах», а также в «The» и «Ever» в заголовке.Это самый часто используемый скриптовый шрифт за всю историю
  37. Если вы используете американский английский, избегайте словосочетания «Цвета» и других слов с ошибками.
  38. Внизу есть счетчик страниц. В 99% случаев это плохо идея иметь публичный счетчик на вашей странице
  39. Ссылка «Шокирующие картинки» ведет в раздел «Шокирующие фотографии». В большинстве случаев ссылка и заголовок страницы / раздела должны быть одинаковыми
  40. На этом сайте есть таблицы разной ширины. Последовательность — ключ к успеху!
  41. Стол слишком длинный для экрана, что создает горизонтальный полоса прокрутки.Горизонтальные полосы прокрутки — это плохо, плохо, плохо!
  42. Помимо множества слов с ошибками, есть несколько примеров плохая грамматика, в том числе «Эти фотографии УЖАСНО отформатированы УЖАСНО»
  43. Первая фотография слева отформатирована неправильно. На самом деле это размер большой фотографии изменен с помощью HTML. Это плохо, потому что качество фото плохое. потеряно, но самое главное размер файла огромен, что занимает много времени время скачать.
  44. Вторая фотография слева также отформатирована неправильно.это скошенный (что действительно личный вкус, не обязательно неправильный) и чрезмерно оптимизированный. Обратите внимание на переливающиеся цвета
  45. Третье изображение поначалу может быть трудно различить. Если вы посмотрите близко, цвета заката зернистые. Это потому, что изображение было сохраняется как gif вместо jpg. При работе с изображениями блестящего цвета, сохраняйте их в формате JPEG, а не GIF. Это потому, что гифки ограничен 256 цветами, в то время как JPEG практически безграничен
  46. Четвертое изображение — это то, что происходит, когда вы делаете небольшой снимок и увеличьте его размер.Несмотря на то, что делает CSI: Miami, взорвать нельзя изображения и сделать их красивыми
  47. Забавно, по крайней мере, для меня забавно, что слово «Trifecta» используется на фото четвертое
  48. При размещении фотографий слева направо, по возможности, убедитесь, что они такой же размер
  49. Доменное имя www.theworldsworstwebsiteever.com слишком длинный (поэтому мы также используем www.twwwe.com)
  50. Я действительно думаю, что четыре гоночных шатра с прокруткой довольно забавны, но опять же, чрезмерное использование шатров никогда не бывает хорошей идеей
  51. На этом сайте повсюду битые изображения.Берегись эти!
  52. Текстовое поле с надписью «Могли бы мы еще что-нибудь сделать, сказал кот?» тройной удар. Во-первых, это не имеет смысла. Во-вторых, у него есть не имеет отношения к содержанию сайта. И в-третьих, это графика когда это должен быть простой текст HTML.
  53. Последние обновленные скрипты — плохая идея. Единственное исключение: если вы обновляете свой сайт очень часто (почти ежедневно) и, вероятно, вам следует используется для блогов, новостных сайтов и т.п.
  54. Вместо слова «место» используется «прицел».Я действительно вижу, как это происходит слишком часто
  55. MIDI (музыка играет в фоновом режиме) официально являются моими самыми большими любимая мозоль. Их нельзя использовать ни при каких обстоятельствах. Почти все встроенные звуки, не только миди, очень раздражают
  56. Встроенный миди не может быть отключен и зацикливается бесконечно. если ты на вашем веб-сайте должен быть звук, дайте людям возможность БЫСТРО выключить его
  57. Еще в конце 90-х для веб-мастеров считалось нормальным ставить просмотр требований / предложений в нижнем колонтитуле своего сайта (т.е. «Лучший просматривается в Internet Explorer «). Я почти никогда не вижу этого на профессиональные веб-сайты, за исключением некоторых сайтов на основе Flash
  58. Переходы между страницами были аккуратными в 1996 году, но не сегодня
  59. Выровненный по ширине текст в поле «Что нового» обычно не подходит идея. Хорошо смотрится в газетах, но почему-то не работает для Интернета
  60. Еще одна неприятная вещь — это текст и изображения, которые упираются в стол граница. Чтобы исправить это, добавьте заполнение ячейки или таблицы
  61. Я уверен, что на этом сайте есть и другие ошибки, или те, которые не были представлены здесь, а пока это все

2008-Всегда.Исследования СМИ Группа, ООО. Все права защищены — но мы не думаем, что это важно.

5 ужасных сайтов, которые стоит скопировать

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

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

Вы можете многое узнать о том, чего нельзя делать в случае неудачи.(Если бы я планировал пойти по этому пути, я бы начал здесь, с самопровозглашенного «худшего веб-сайта в мире».)

Но сайты в этом списке не неудачные — это успешные мутанты . Каждый из них внесен в список за нарушение большинства или всех «лучших практических» правил дизайна и при этом преуспевает хотя бы в одном важном направлении.

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

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

Давай проверим их.

С чего начать? Ваш сайт может быть подключен. Запустите сейчас (только не запускайте Flash).

Почему он попал в список?

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

Но как только вы посмотрите на это, вы поймете, что они делают. Они делают сайты.

Когда вы смотрите на сайты, которые считаются воплощением дизайна, иногда трудно сказать, чем они на самом деле занимаются. А копия помогает даже меньше, чем изображения. Он может быть грамматическим и на английском языке, но во многих случаях это настолько запоздалый взгляд на миллион крутых дизайнерских уловок, что он не выходит за рамки и не говорит: «Мы делаем X.’

Там, где это было задумано, часто это выглядит так:

Источник

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

Что они хотят от меня? Не понимаю …

Почему он попал в список?

Aintwet — это пример тенденции веб-дизайна, называемой брутализмом. Брутализм не предназначен для того, чтобы выглядеть «брутально» — он происходит от французского слова «brut», что означает «сырой». Часто бруталистские веб-сайты содержат противоречивые неоновые цвета, яркую типографику и целый ряд ошибок классического дизайна.’ Как это.

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

Но причина, по которой AintWet попала в список, заключается в том, что вам придется выключить монитор, чтобы пропустить их CTA. Вся домашняя страница — это CTA. Это дизайн в действии — это «брутально» не потому, что он большой, квадратный и некрасивый в поразительном смысле, а потому, что он проходит все быстрые и грязные тесты на твердость дизайна.

Тест на прищур? Проверять. Человек пьяный тест? Наверное, не спрашивайте меня.

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

AintWet — тому пример: он загружается быстро, но в большинстве случаев на этом веб-сайте сложно заблудиться.

Щелкните мышью, и вы получите следующее:

Это их магазин:

Каждая опция, которая есть у пользователя на этом сайте, помечена как противопожарная дверь.С эстетической точки зрения вам это понравится или вы возненавидите, но вам не придется искать кнопку «Отмена».

Для достижения наилучших результатов оставьте страницу открытой на минуту или две, чтобы увидеть, как перетаскивание выполняет весь «Лидер стаи» Шангри-Лас на заднем плане. Я буду ждать.

Почему он попал в список?

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

Источник

Очень плохо. Становится хуже.

Источник

Достаточно?

Хоо, мальчик.

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

Это все органическое и стоит кучу денег.

Неплохо для сайта, зарегистрированного в Гейтсхеде на мужа Линг Джона, с которым она познакомилась в Финляндии, когда не получила степень магистра в области химии древесины (да, действительно: финский «чертовски трудно выучить»).

(Мне нравится, что адрес электронной почты регистранта является коммерческим адресом сайта).

Веб-сайт

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

Исходя из этого, в 2015 году Линг заработала 106 192 200 долларов (ее цифры).

И это то, что должен делать веб-сайт.

Требуется ли для этого Шангри-лас? Только небо знает…

Это какой-то текст.Но довольно много.

Почему он попал в список?

Craigslist — лучший из множества веб-сайтов, таких как Drudge Report, которые в основном представляют собой страницу с текстовыми ссылками. Щелкните их, чтобы перейти на другую страницу текста. Это похоже на Web 0.5. Даже название имеет настолько отсталый дизайн, насколько это возможно: оно называется Craigslist, потому что это список Крейга. Крейг Ньюмарк основал сайт в 1995 году, но потом практически не менял его.

На самом деле в этом не было необходимости. Craigslist пользуется огромным успехом.Ahrefs оценивает стоимость своего органического трафика в 206 миллионов долларов.

В 2016 году было получено более 690 миллионов долларов, что на 75% больше, чем в предыдущем году. «не тратя ни копейки на рекламу или маркетинг — самые большие расходы в большинстве крупных секретных компаний», , по словам Питера М. Цоллмана, исполнительного директора. редактор секретного разведывательного отчета.

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

Тем не менее, Forbes оценивает Craigslist «консервативно» в , 3 миллиарда долларов .

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

Почему?

Оказывается, секрет успеха Craigslist может быть очень похож на секрет успеха Линга.

«Двадцать лет назад я имел в виду необычный пользовательский интерфейс», — сказал Ньюмарк Алиссе Березнак в The Ringer.«В разговоре с людьми они сказали:« Не делайте этого, делайте это просто и быстро и переходите к делу »».

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

Не менее важно, однако, то, что за макетом сайта и пользовательским интерфейсом стоит подлинное видение.

«Боюсь, что мое личное отношение отражает это, — продолжает Ньюмарк. «Особенно когда я слушаю, как говорят люди, я хочу, чтобы люди быстро перешли к сути дела, а затем остановились.’

5: Google

Подождите, что?

Почему он попал в список

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

Ну, для начала, как и Craigslist, Google не сильно изменился с 90-х годов. Домашняя страница Google в 1998 году:

Это, конечно, другое.Но по сравнению с тем, насколько Интернет выглядел иначе, чем тогда, это почти не изменилось.

Для сравнения: домашняя страница Yahoo в 1998 году:

Разное. Yahoo и большинство других поисковых систем сосредоточились на том, чтобы бросить на вас весь Интернет, как только вы их откроете. Google застрял с окном поиска и парочкой ссылок. Домашняя страница Google очень чистая и светлая, с огромным белым пространством. Когда он появился, он был аномальным, но теперь он бесспорный король поиска:

Источник

Это также обусловлено тем, что мы ожидаем от поисковой системы.

Но там почти ничего нет. Единственное, что они хотят от вас. Он слишком урезанный, слишком простой, слишком запасной? Нет. Потому что каждый знает одно, что он должен делать на этой странице. И дело не в том, что Google сначала был загружен, а со временем смягчил его: они сразу же появились с супер-свободной домашней страницей, и их успех был быстрым. Это всегда был простой, интуитивно понятный интерфейс.

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

Заключение

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

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

Топ-10 худших веб-сайтов, о которых вы пожалеете, что не видели

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

По мере того, как за последние пару десятилетий Интернет значительно изменился, дизайн и функциональность сайта также сильно изменились.

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

Uglytub.com

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

Mrbottles.com

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

Jamilin.com

Джами Лин «Люблю, люблю, ЛЮБИТ, помогая тебе развиваться», но могла бы воспользоваться некоторыми собственными советами, чтобы обновить свой веб-сайт.Коллажи из изображений, видео, ссылок, рекламы и текстов втиснуты в центр сайта. Этот избыток изображений и текста немного ошеломляет и мало что дает в плане понятной навигации.

Wholsesalemeatscoventry.com

Включите звук и получите незабываемые впечатления от работы в сети…

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

Gatesnfences.com

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

Pennyjuice.com

Несмотря на то, что у Penny Juice есть страница с вопросом «Кто такой Penny Juice?», Ослепительно яркие цвета заглушают любые объяснения. Похоже, что нет никаких навигационных вкладок, которые помогли бы вам узнать больше. Но есть изображение ребенка, пузырек с речью и всеобщий любимый шрифт: Comic Sans.

bolenreport.com

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

007museum.com

На протяжении десятилетий Джеймс Бонд украшал серебряный экран как харизматичный, обаятельный и ультрасовременный секретный агент. Тем не менее, веб-сайт музея Джеймса Бонда с его ярким фоном и шрифтом Times New Roman несколько не впечатляет. Едва повторяя характер самого Бонда, домашняя страница представляет собой кислый коктейль из меню, гиперссылок и случайных изображений.

Arngren.net

Есть небольшой ключ к разгадке того, что это за сайт на самом деле. Этот сайт, немного похожий на раннюю веб-версию каталога Argos, действительно сбивает с толку. Прокрутите вниз, и вы по-прежнему будете видеть больше таких же вырезанных и вставленных изображений низкого качества со ссылками. Вверху есть поле поиска, которое удобно — если вы получили некоторое представление о том, что ищете…

Rudgwicksteamshow.co.uk

RUDGWICK STEAM SHOW! Этот личный сайт в полной мере использует изображения коллажей, основные цветные шрифты и случайные плавающие GIF-файлы! На невероятно загруженной домашней странице сложно найти какую-либо полезную информацию.Даже вкладки навигации вверху страницы не предоставляют никакой полезной информации. У пользователей есть возможность прокручивать изображения Панч и Джуди, тракторов и цыплят, перемежающиеся случайными деталями события.

Если ваш веб-сайт появился в нашем списке, пожалуйста, не обижайтесь, но, возможно, пришло время подумать о редизайне (если вы все еще можете получить к нему доступ, то есть…).

15 способов запустить ужасный сайт

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

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

С тех пор веб-сайты

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

Имея это в виду, вот 15 насмешливых советов о том, как запустить ужасный веб-сайт.

SEE: Описание работы: Специалист по пользовательскому опыту (Tech Pro Research)

1. Требуется определенный браузер / плагин

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

Полагаю, понятно, делает ли компания указанный браузер (например, Microsoft). Однако во многих случаях это просто факт, что веб-сервер или различные связанные приложения недостаточно элегантны для поддержки ряда доступных веб-браузеров.

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

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

ПОСМОТРЕТЬ: Набор для найма: специалист по пользовательскому опыту (Tech Pro Research)

2. Используйте громоздкий URL-адрес

Как определить любительский веб-сайт? URL-адрес часто выдает это.Что работает лучше: www.company.com или www.joeandbobstastyclamshack.com? Для хорошей работы сделайте URL-адрес коротким и быстрым, особенно для людей, которые вводят его вручную. Что хуже? Использование размещенного сайта со ссылкой вроде www.hostingorg.com/joeandbobstastyclamshack.com.

Для приведенного выше примера я бы выбрал www.jbclamshack.com.

3. Раздражать или отвлекать пользователя

Одна из моих самых больших проблем как ИТ-специалиста — это когда я гуглию определенную проблему, щелкаю ссылку на веб-сайт поставщика (который предлагает решение), начинаю с жадностью читать, а затем получить всплывающее окно с просьбой принять участие в опросе.Я ответил утвердительно на 0,00% таких запросов.

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

SEE: Research: Развитие корпоративного программного обеспечения UX (Tech Pro Research)

4. Сделайте вход пользователя в систему для взаимодействия с сайтом

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

5. Заставьте пользователя войти в систему, а затем перенаправить его на домашнюю страницу

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

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

6. Установите низкий порог тайм-аута

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

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

СМОТРИ: Набор для найма: мультимедийный дизайнер (Tech Pro Research)

7. Создайте паршивый макет / навигацию

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

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

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

ПОСМОТРЕТЬ: Политика обновления системы (Tech Pro Research)

8. Предоставление нестандартных возможностей поиска или отсутствие возможности поиска

Без функции поиска ваш веб-сайт обречен.Да, эту задачу можно передать Google, но многие уже знают, как это сделать.

Хуже того, что отсутствие функции поиска — это плохая функция поиска. Искать фразы и получать нерелевантные или вообще не получать результатов — непростительно. Убедитесь, что опция поиска работает хорошо — и тоже быстро. Это вращающееся колесо (или аналогичный значок «Подождите») вызывает раздражение.

9. Не предоставляйте мобильный доступ (или не обеспечивайте его плохим доступом)

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

10. Используйте громоздкую или неработающую двухфакторную аутентификацию

Двухфакторная аутентификация включает что-то, что вы знаете (пароль), и что-то, что у вас есть (одноразовый код). Обычно это влечет за собой использование токена RSA или специального кода, передаваемого, например, на ваш телефон или электронную почту. Это необходимо для входа в систему.

Я полностью понимаю и поддерживаю необходимость двухфакторной аутентификации, но когда слишком много обручей, через которую нужно прыгать, это становится утомительным. Мне не нужно, чтобы код отправлялся на мой мобильный телефон КАЖДЫЙ раз, когда я пытаюсь войти на веб-сайт моего оператора связи, или просто потому, что я вхожу в систему через другой компьютер.

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

Если вы используете двухфакторную аутентификацию, убедитесь, что она работает на высшем уровне.

См .: Руководство ИТ-лидера по восстановлению после кибератак (Tech Pro Research)

11. Не поддерживать и не обновлять ссылки

Знаете, что кричит «устаревший веб-сайт»? Устаревшие ссылки. Когда пользователи нажимают на предоставленные вами URL-адреса, эти URL-адреса должны переходить по назначению, в противном случае сайт теряет доверие — и вы тоже.

12. Не обновляйте содержимое

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

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

СМ.: Краткий глоссарий: Компьютерная графика (Tech Pro Research)

13. Сделайте затруднительным с вами связаться

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

Что подводит меня к следующему пункту …

14. Не запрашивайте и не действуйте в ответ на общение и обратную связь

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

15. Не применяйте исправления операционной системы или приложений

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

Информационный бюллетень для руководителей

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

Зарегистрироваться Сегодня

См. Также

Изображение: fizkes, Getty Images / iStockphoto

Во все тяжкие: 21 пример плохих веб-сайтов (Upd: 2021)

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

Вы когда-нибудь сталкивались с дизайном сайта, который заставлял вас часами смеяться и делиться им с друзьями? И мы не имеем в виду, что бизнес компании забавный или что некоторые элементы сайта неправильные. Нет, это весь дизайн выглядит так, будто он пришел из 90-х. Это настоящий источник вдохновения для таких топов с плохим дизайном веб-сайтов, как этот.

Наше глубокое исследование принесло свои плоды: посмотрите эти 11 плохих веб-сайтов в 2021 году, которые покажут, как не следует создавать веб-сайт!

Если плохой веб-сайт не для вас (мы надеемся, что это не так), попробуйте AI Website Builder Weblium — вы получите гарантированный результат, который оправдает ваши ожидания.

Создайте свой веб-сайт бесплатно

Различия между хорошим и плохим веб-дизайном

  • хорошая навигация (легко понять)
  • хорошая цветовая схема
  • визуально привлекательный интерфейс
  • чистый макет

плохие примеры веб-сайтов

Penny Juice — примеры плохого дизайна

Посетите веб-сайт: https://www.pennyjuice.com

Penny Juice — первый в нашем списке примеров плохого дизайна интерфейса — сайт, которому не удалось достичь любые цели веб-сайта, будь то интуитивная навигация, привлекательный дизайн или четкое описание предлагаемого продукта.

Первое, что вы замечаете, когда заходите на сайт, — это беспорядочная радуга ярких цветов. В макете отсутствует четкая навигация: вы не сможете перейти на другие страницы сайта, если не прокрутите каждую страницу вниз.

Веб-сайт Blinkee — пример плохого дизайна

Посетите веб-сайт: https://blinkee.com

Blinkee продает светящиеся и мигающие вещи — вот и все! Но, к сожалению, это единственное, что вы понимаете с первого взгляда.

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

Есть и множество других важных проблем, которые делают веб-сайт Blinkee одним из худших веб-сайтов , поэтому мы хотим обратить внимание на следующие моменты:

  • Изображения товаров просто слишком малы (хотя у них быть в центре внимания пользователя).
  • Все здесь настолько оживленное, что здесь, что весь дизайн может вызвать судороги.
  • Цветовая схема — настоящая проблема : вы должны читать текст на черном фоне.
  • Фреймы веб-сайта также являются проблемой : один слева включает текст, а другой — просто пустой.

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

Веб-сайт Arngren

Посетите веб-сайт: http://arngren.net

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

Этот норвежский сайт объявлений отрицает все существующие правила современного веб-дизайна! Вспомните ужасные «желтые страницы», которые были популярны в 90-е годы, когда реклама боролась за крошечный размер страницы.Теперь вы видите похожий дизайн, воплощенный в жизнь в 2021 году.

Причины включения веб-сайта в категорию плохого дизайна:

  • Неправильное использование цвета.
  • Плохая навигация.
  • Крохотная и даже запутанная типографика.
  • Отсутствие четкого сообщения о бизнесе.
  • Случайное использование цветов.

Веб-сайт Great Dreams с плохим дизайном

Посетите веб-сайт: http://www.greatdreams.com

Веб-сайт Great Dreams предлагает вам сочетание цвета текста и фона, что делает контент почти нечитаемым.Особенно, когда размер текста такой крошечный.

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

Но самое главное — на сайте нет четкой тематики. Похоже, этот универсальный сайт претендует на роль продвинутой онлайн-энциклопедии!

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

Pacific Northwest X-Ray Inc.

Посетите веб-сайт: http://www2.pnwx.com

Один из самых поразительно плохих веб-сайтов 2021 , Pacific Northwest вряд ли объясняет, что их услуги — и это их первая ошибка.

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

Причины включения веб-сайта в категорию с плохим дизайном:

  • Плохая типографика с плохой читабельностью.
  • Цвета шрифта не соответствуют дизайну веб-сайта.
  • Отсутствуют призывы к действию. Внизу есть только номер телефона.
  • Flash не работает.

Веб-сайт книг Сюзанны Коллинз

Посетите веб-сайт: http://www.suzannecollinsbooks.com

Даже если вы любите работы Сюзанны Коллинз («Голодные игры» сводят с ума многих), вы будете разочарован ее сайтом.

Во-первых, пользователь должен увеличить веб-страницу до 200%, чтобы контент стал читабельным. Когда вы увеличиваете масштаб, все перемещается к внешним краям экрана. Вот как мы должны использовать пустое пространство.

Попробуйте нажать на любую книгу, и ничего не произойдет — и это лучший пример упущенной возможности. Попробуйте нажать на раздел «Работы», и вы попадете на тот же экран с книгами, наградами и отзывами, но вы не найдете там описания.

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

Пример уродливого веб-дизайна Bavarian Brathouse

Посетите сайт: http://bavarianbrathaus.info

Помните свои первые детские рисунки? Теперь у вас есть шанс увидеть нечто подобное на сайте.

Дизайн этого сайта выглядит как уличные стены 80-х годов! Фон в виде кирпича не имеет эффекта параллакса, а скучная графика делает веб-сайт Bavarian Boathouse ярким примером плохих веб-сайтов для мобильных устройств.

Причины включения веб-сайта в категорию плохого дизайна:

  • Отсутствие приятного эстетического дизайна.
  • Плохая навигация.
  • Перегрузка с левой копией без адекватного четкого сообщения.
  • Тусклая графика, не соответствующая коммерческой ценности компании.
  • Нет CTA!

Уродливый пример дизайна веб-сайта Беллы Де Сото

Посетите веб-сайт: http://www.bellads.info

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

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

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

Ресурс по коллекционерам антикварных бутылок

Посетите веб-сайт: http://www.mrbottles.com

Один из худших веб-сайтов в Интернете, «Коллекционеры антикварных бутылок», имеет множество проблем…

Причины для включения сайта в список плохой дизайн Категория:

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

Patimex некрасивый веб-дизайн

Посетите веб-сайт: http://www.patimex.com

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

Причины включения веб-сайта в категорию с плохим дизайном:

  • Текст веб-страницы постепенно появляется и исчезает, , но это не самое худшее на этом сайте.
  • Затем вы замечаете крошечную музыкальную ноту, сообщающую вам, что есть музыка, играющая на веб-странице … И эта безумная музыка в стиле кантри вместе с ужасной анимацией дьявола, жаряющего его адское величие на барбекю, заставили нас пожалеть людей .
  • Пульсирующий логотип Patimex — еще одна вещь, которая может озадачить веб-дизайнера: почему логотип привлекает внимание, если вы даже не можете нажать на него?

Навигация по сайту работает нормально, и это, наверное, единственное, что нормально на сайте Patimex.

Rudgwick Steam & County Show

Посетите веб-сайт: http://www.rudgwicksteamshow.co.uk

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

Причины включения веб-сайта в категорию с плохим дизайном:

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

Приветственное сообщение не имеет четкого смысла и смысла. Весь сайт выглядит списком!

Отсутствие удобной навигации или удобочитаемости усугубляет ваше плохое впечатление. Кстати ссылки в меню навигации не работают!

Знаки команды тегов — плохой веб-сайт

Посетите веб-сайт: http://www.tagteamsigns.net/

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

Headhunter Hair Styling

Посетите веб-сайт: https://www.headhunterhairstyling.com/

Что ужасного в этом веб-сайте?

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

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

Electrifying Times

Посетите веб-сайт: http://electrifyingtimes.com/

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

Mednat.org — плохой веб-сайт

Посетите веб-сайт: http://www.mednat.org/

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

Основные проблемы сайта:

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

Где поесть

Посетите веб-сайт: https://www.where2eat.com/

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

Ling’s Cars

Посетите веб-сайт: https://www.lingscars.com/

Веб-сайт Ling’s Cars выглядит немного странно. Он содержит множество гифок как с владельцем, миссис Линг, так и с ее автомобилями и мотоциклами. Ее бизнес ориентирован на долгосрочную аренду автомобиля от 9 месяцев эксплуатации.Она работает в Великобритании и, кажется, довольно популярна. Возможно, такая популярность не заслуга сайта.
Обратимся к этому сайту и посмотрим, как он выглядит. Что ж, цветовая гамма здесь психоделическая и яркая. По этим причинам сложно долго находиться на этом сайте.
Надо признать, с навигацией все в порядке. Он ведет на разные нужные страницы и не вызывает никаких затруднений.
Проблема в этих цветах и ​​содержании. Яркость делает текст нечитаемым, фотографии смешиваются с GIF-файлами, видео и предложениями.Проверьте этот сайт самостоятельно и найдите другие недостатки, которых следует избегать.

Школа искусств Йельского университета

Посетите веб-сайт: http://art.yale.edu/

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

Надо заметить — эти коридоры движутся внутри, как туннели.
Йельский университет размещает здесь объявления о будущих выставках, достижениях своих преподавателей и студентов и т. Д.

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

На сайте нет сертификата безопасности (https начинается на ссылке), хотя на нем собираются личные данные студентов факультета (их список находится на вкладке «Текущие студенты»).Кроме того, он позволяет вам подписаться на новости факультета, и снова ваши данные не защищены.

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

EFW

Посетите веб-сайт: http://www.everyfuckingwebsite.com/

Этот одностраничный веб-сайт разработан, чтобы критиковать и высмеивать обычные, приемлемые и стандартные способы организации пространства на веб-сайте.
Он содержит приветственный блок, раздел о нас, дополнительную информацию и форму регистрации. Это минимальное содержимое для веб-сайта для любых целей, таких как продажи, реклама, веб-сайт портфолио и т. Д.
Если честно, у этого веб-сайта действительно нет серьезных недостатков, его навигация безупречна, потому что это одностраничный, и он содержит панель навигации в качестве дополнения. Он также содержит кнопки социальных сетей, что отлично подходит для любого подобного сайта.
С другой стороны, этот веб-сайт отражает позицию владельца в отношении процесса создания веб-сайта и требований.Таким образом, мы номинируем его как плохой сайт, потому что он может задеть ваши чувства 🙂 Будьте осторожны.

Бюджеты сексуальны

Посетите веб-сайт: http://www.budgetsaresexy.com/

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

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

Историк будущего

Посетите веб-сайт: http://www.historianofthefuture.com/

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

Чтобы назвать несколько проблем:

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

Хватит тратить зря время и деньги: создайте идеальный веб-сайт для своего бизнеса с помощью Weblium «сделай это для вас» конструктора веб-сайтов. Вы будете удивлены новым конструктором сайтов 5-го поколения!

Бесплатные шаблоны веб-сайтов

Люси Кухаренко

Контент-маркетолог и копирайтер в Weblium

2.7 20 голосов

Рейтинг статьи

Худшие сайты | Удивительно плохие веб-сайты 90-х годов и сегодня

Эта статья была первоначально опубликована в 2014 году и недавно была обновлена ​​- когда я пытался найти потрясающе плохие веб-сайты, которые я помню с юности!

  • Когда я говорю, что они плохие, я также имею в виду, что люблю их.
  • Я также нашел 5 веб-сайтов с сегодняшнего дня, которые имеют эстетику девяностых.
  • Некоторые берут старый стиль и делают его крутым.

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

Первый — удивительно плохие сайты девяностых

Да, эти сайты действительно существовали — и некоторые из них все еще работают. Спасибо, Warner Brothers! РЖУ НЕ МОГУ.

Сайт Space Jam

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

Веб-сайт Space Jam

Худший веб-сайт в мире


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

Худший веб-сайт в мире

График DP

Программа для динамического фотореалистичного построения трехмерных графиков
для математической и физической визуализации

Ужас вращения, мерцания, флуоресценции всего.

DPGraph

Ali Web

Первая поисковая система во всей своей восхитительной «доисторической» безвкусице

Ali Web

Cyber ​​Beach

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

Cyber ​​Beach

Клуб любителей домашнего благоустройства

Что ж, это тот, который я должен ссылаться на «The Wayback Machine» в архиве.org — это удивительный ресурс, который позволяет вам просматривать веб-страницы во всей их ужасающей красоте в те времена. Я здесь не для того, чтобы критиковать эти сайты; Я помню, как весело было создавать веб-сайт, когда мне было 11… в библиотеке, прежде чем я пошел домой и посмотрел «Улучшение дома». Фактор ностальгии здесь довольно сильный. Вау… Взгляните на эти изображения.

Больше возможностей — Фан-клуб по благоустройству дома

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

Плохие сайты с сегодняшнего дня — дерьмовые / ужасные, которые более актуальны

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

Вот 5 удивительно плохих веб-сайтов с сегодняшнего дня — которые кажутся — пожалуйста, бог, , пожалуйста, будь нарочно .

1. Fresh Meat — Рекламное агентство Mother на сайте стажировки в Нью-Йорке в 2015 году

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

Вот полное изложение того ужаса, которым был meatmeatmother.com

2. LINGsCARS.com

Это должно быть сделано специально. На это определенно больно смотреть; крутящиеся гифки повсюду на странице — это возврат ко всему, что было ужасно на сайтах конца 90-х, Angelfire, геогородах и т. д. Вы помните это? Цыпленок, идущий по ленте Twitter, очевидно, очень важен для взаимодействия с пользователем на этом сайте.

Проверьте это на Lingscars.com

3. Jodi

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

Посмотрите на это во всей его великолепной бессмысленности на wwwwwwwww.jodi.org

4. Зона Буба

Да, это могло быть технически не «плохим нарочно», но похоже «смешно нарочно», и за это я благодарен.Создатель сериала «Телепузики» сделал это, когда, похоже, посчитал «Телепузики» слишком сухими и логичными.

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

Посмотреть возрожденную версию «Boohbah Zone» на danryckert.eu

5. Medijate

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

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

Посетите сайт Medijate.com

Что делает хороший веб-сайт?

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

Создайте свой веб-сайт с помощью карты сайта Сначала

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

Найдите сайты, которые вам нравятся для вдохновения

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

Работа с профессиональным веб-дизайнером и разработчиком

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

Когда ваш сайт готов, протестируйте его, проверьте еще раз, а затем проверьте еще раз

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

Используйте закон Хика

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

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

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

Социальные сети для подрядчиков Курс + ежедневные подсказки

Мы потратили 3 месяца, чтобы собрать это только для подрядчиков — и это совершенно бесплатно!

🔥 5 дней подготовки с ключевыми мыслями перед тем, как начать публикацию.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *