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

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

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

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

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

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

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

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

• The Big Ugly Website
• Craigslist
• Blinkee.com
• The World’s Worst Websitе
• Lingscars
• Internet Archaeology
• Dom Perignon
• Yale University School
• Penny Juice of America
• Electrifying Times
• Headhunter Hairstyling
• Serene-Naturist
• Where2Eat. com
• Fusion
• TipTopService
• Arvanitakis
• Patimex
• University of Advancing Technology
• The Glove Club

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

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

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

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

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

Internet Archaeology

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

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

University School

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

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

Electrifying Times

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

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

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

Where2Eat.com

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

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

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

Arvanitakis.com.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• The Big Ugly Website
• Craigslist
• Blinkee.com
• The World’s Worst Websitе
• Lingscars
• Internet Archaeology
• Dom Perignon
• Yale University School
• Penny Juice of America
• Electrifying Times
• Headhunter Hairstyling
• Serene-Naturist
• Where2Eat.com
• Fusion
• TipTopService
• Arvanitakis
• Patimex
• University of Advancing Technology
• The Glove Club

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

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

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

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

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

Internet Archaeology

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

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

University School

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

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

Electrifying Times

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

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

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

Where2Eat.com

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

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

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

Arvanitakis.com.

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

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

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

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

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

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

19 примеров плохого дизайна веб-сайтов в 2022 году [+ Что они сделали не так]

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

Интернет прошел долгий путь в области веб-дизайна с 90-х годов. Помните Apple в 1998 году? Или Амазон в 1999 году? Оглядываясь назад на Yelp в 2005 году, чувствуешь себя как в машине времени. Тем не менее, даже спустя десятилетия, все еще существуют загроможденные, трудные для просмотра веб-сайты с проблемами доступности, которые точно демонстрируют, почему необходим хороший дизайн сайта.

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

• Что делает дизайн сайта плохим?
• Плохой дизайн веб-сайта: Электронная торговля
• Плохой дизайн веб-сайта: фильмы
• Плохой дизайн сайта: Новости
• Плохой дизайн веб-сайта: образование
• Плохой дизайн сайта: сообщество
• Плохой дизайн веб-сайта: Искусство
• Витрина «плохих» веб-сайтов

Что делает дизайн сайта плохим?

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

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

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

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

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

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

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

1. ЗАРА
2. Путь
3. eBay
4. Липтон
5. Мадвелл
6. Источник бумаги
7. Комната
8. IMDb
9. Фанданго
10. Yahoo!
11. Си-Эн-Эн
12. Ежедневная почта
13. Йельская школа искусств
14. НЮ
15. Университет Луизианы
16. Craigslist
17. Новости хакеров
18. Камерный оркестр «Новый век»
19. ODC/Танец

1.

ZARA

В чем ошибка: Нетрадиционная навигация

Посещение веб-сайта ZARA напоминает листание редакционного журнала. Это визуально привлекательно, но сам процесс совершения покупок, который является целью посетителей сайта, оказывается сложным. Рассмотрим домашнюю страницу его сайта в США выше. Текст небольшой, а меню навигации скрыто за кнопкой-гамбургером, поэтому пользователям не сразу понятно, что делать дальше. Без явного призыва к действию посетители могут легко запутаться или разочароваться.

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

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

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

2. Путь

В чем ошибка : Отсутствие визуальной иерархии

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

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

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

3. eBay

В чем ошибка : Сложные страницы продуктов

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

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

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

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

4. Lipton

Что пошло не так : Изображения с низким разрешением

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

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

Как улучшить: Визуальные эффекты Lipton должны быть лучше. Визуалы составляют 65% населения, поэтому имеет смысл использовать изображения с высоким разрешением, которые привлекут внимание аудитории. Использование пиксельных изображений с низким разрешением не вызывает доверия к сообщениям Lipton и делает сайт безвкусным.

5. Madewell

Что пошло не так : Непонятная мобильная навигация

Только во втором квартале 2022 года мобильный трафик составил почти 59% мирового веб-трафика. Поэтому наличие легко усваиваемого мобильного сайта является необходимостью. Тем не менее, эти сайты представляют собой проблему дизайна: вы хотите предоставить все возможности навигации и информацию, необходимую посетителю, не загромождая интерфейс. Мобильный сайт Madewell не совсем соответствует этому балансу. Он чистый и гладкий, но в нем отсутствуют некоторые важные функции, которые негативно сказываются на пути пользователя.

Например, вы вошли в систему и хотите изменить свой пароль. Вы можете щелкнуть желтый значок пользователя и увидеть всплывающее меню. Возможно, вы понимаете, что можете нажать «Мои заказы», ​​«Мое избранное» или «Выйти», но это не даст возможности изменить ваш пароль. Чтобы обновить пароль, нажмите «Привет, [ИМЯ]». Эта нечеткая навигационная метка, вероятно, помешает некоторым клиентам завершить этот пользовательский процесс и изменить свой пароль, что является большой проблемой и угрозой безопасности.

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

6. Источник бумаги

Что не так : Устаревший дизайн

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

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

Плохой дизайн веб-сайта: фильмы

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

7. Комната — Официальный сайт фильма

Что пошло не так : Отсутствие доверия

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

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

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

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

8. IMDb

В чем ошибка : Беспорядочный макет

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

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

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

9. Fandango

Что не так : Нет четких CTA

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

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

Плохой дизайн веб-сайта: новости

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

10. Yahoo!

В чем ошибка : Пробелы

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

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

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

11. CNN

Что пошло не так : Медленное время загрузки

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

Однако страница тяжелая и загружается медленно. Настолько медленный, что он включен в список самых медленных сайтов в Интернете по версии Speedmonitor.io. Поскольку время загрузки имеет важное значение для пользовательского опыта и рейтинга в поисковых системах, CNN, вероятно, теряет посетителей и позиции на страницах результатов поисковых систем (SERP) из-за своей скорости.

Как улучшить: Обширная библиотека контента CNN отягощает его и замедляет загрузку. Сайт может ускорить загрузку за счет уменьшения количества текста, изображений и видео.

12. The Daily Mail

Что пошло не так : Слишком много рекламы

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

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

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

Плохой дизайн веб-сайта: образование

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

13. Йельская школа искусств

В чем ошибка : Несоответствие

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

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

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

14. Нью-Йоркский университет

В чем ошибка : Цвет

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

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

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

15. Университет Луизианы

В чем ошибка : Сложная раскрывающаяся навигация

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

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

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

Плохой дизайн веб-сайта: сообщество

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

16. Craigslist

Что не так : Неотзывчивый дизайн

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

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

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

17. Hacker News

Что пошло не так : Проблемы с читабельностью

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

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

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

Плохой дизайн веб-сайта: Искусство

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

18. Камерный оркестр «Новый век»

Что было не так : Непоследовательный брендинг

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

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

19. ODC/Dance

Что пошло не так : Проблемы доступности

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

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

Как улучшить: OBD/Dance не соответствует рекомендациям WCAG по доступности. Если бы ODC/Dance сделали это, у них не было бы этих проблем с доступностью.

Демонстрация «плохих» веб-сайтов

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

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

Примечание редактора: этот пост был первоначально опубликован в декабре 2018 года и был обновлен для полноты картины.

Плохие веб-сайты — 40 худших веб-сайтов в Интернете

Плохие веб-сайты — 40 худших веб-сайтов в Интернете

Вы ищете лучшие веб-сайты в Интернете? Вы находитесь не в том месте!

Сегодня мы рассмотрим плохих веб-сайтов . 40 худших веб-сайтов в Интернете, если быть точным.

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

1. Craigslist

Почему это не работает: Так популярно и так востребовано, можно только подумать, если явная простота сайт имеет рациональное назначение.

https://craigslist.org/

2. Berkshire Hathaway Inc.

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

https://berkshirehathaway.com/

3. Йельская школа искусств

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

https://www.art.yale.edu/

4. Университет передовых технологий

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

https://www.uat.edu/

5. Suzanne Collins

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

http://www.suzannecollinsbooks.com/

6. Бюджеты — это сексуально

Почему это не работает: Этот веб-сайт, представленный престижными агентствами, такими как NYT и Forbes, выглядит тесным, загруженным и однообразным.

https://www.budgetsaresexy.com/

7. Internet Archive Wayback Machine

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

https://archive.org/web/

8. Interrupt Tech Corp.

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

http://itcorp.com/

9. The One and Only Sparkella

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

https://read.macmillan.com/mcpg/the-one-and-only-sparkella/

10. Bob Saget

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

https://www.bobsaget.com/

11. Dollar Tree

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

https://www.dollartree.com/

12. Toronto Cupcake

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

https://torontocupcake.com/index.html

13. Агенты Америки

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

http://www.agentsofamerica.org/

14. Illuminati Exposers

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

https://nwokillers.weebly.com/

15. Аптека Rite Aid

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

https://www.riteaid.com/

16. Экселон

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

https://www.exeloncorp.com/

17. Vortex Technology

Почему это не работает: если вы жили в 80–90-е годы и использовали удаленный доступ к сети для подключения к Интернету, Вы можете наткнуться на этот веб-сайт, каламбур

https://www.vortex.com/

18. CashNetUSA

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

https://www.cashnetusa.com/

19. UPS

Почему это не работает: веб-сайт UPS совершенно не впечатляет с точки зрения дизайна. Это очень просто.

https://www.ups.com/us/en/Home.page

20. Пол Грэм

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

http://paulgraham.com/

21. Строительная компания Тернер

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

https://www.turnerconstruction.com/

22. Pacific Northwest X-Ray Inc.

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

http://www2.pnwx.com/

23. American Axle & Manufacturing

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

https://www.aam.com/

24. Begley Living

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

Home

25. Пауло Коэльо

Почему это не работает: Официальный сайт известного автора ощущался как свежий готовый шаблон блога WordPress

https://paulocoelhoblog.com/

26. Connection

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

https://www.connection.com/

27. Лаборатории ACME

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

http://acme.com/

28. USA Real Estate

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

https://propertybuyusa.com/

29. Maverick Industries

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

https://www.maverickindustries.com/

30. Герои Стивена Фрая

Почему это не работает: на сайте известного Стивена Фрая много отвлекающих элементов, нечеткая структура сайта и цветовая схема, которой не хватает связности .

Home

31. Арт-центр Риверсайд

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

https://www.riversideartcenter.org/

32. Roadside America

Почему это не работает: Ниша неясна, а в макете отсутствует четкая навигация. Взгляните также на эту симпатичную панель поиска!

https://www.roadsideamerica.com/

33. JPMorgan Chase&Co.

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

https://www.jpmorganchase.com/

34.

Музей Джеймса Бонда 007

Почему не работает: Непонятная структура и коллажи изображений забиты на сайте. Плохая навигация.

http://www.007museum.com/

35. United Airlines – Investor Relations

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

https://ir.united.com/

36. Empire Metal Products

Почему это не работает: Нет, это не «Звездные войны» или «Звездный путь», но вы будете поражены «взрывчаткой». дизайн.

http://empiremetalproducts.com/home.html

37. Atari Best Electronics

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

http://best-electronics-ca.com/

38. Plains All American

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

This entry was posted in Популярное