сайты с плохим дизайном русские
8 самых ужасных сайтов мира
В блоге Name.com был опубликован рейтинг самых ужасных сайтов мира. Среди этих сайтов есть просто безобразные, есть почти неюзабельные, а некоторые могут служить эталоном банальности и неинтересности.
По мнению автора блога, эти сайты настолько отвратительны, что их авторы, должно быть, создавали их под влиянием тяжелых наркотиков. Поэтому, если вы считаете, что дизайн вашего сайта недостаточно профессионален, или же ему не хватает оригинальности и разнообразия, вы можете поднять свою самооценку, взглянув на восемь самых ужасных сайтов в Интернете.
Если у вас еще не заболела голова после просмотра стартовой страницы, продолжайте навигацию по сайту.
Страницы с огромным количеством долго загружающихся элементов и ссылки, ведущие в никуда, заставят вас рвать на себе волосы. Ужасное сочетание ядовито-зеленого и ярко-голубого цветов и множество видеороликов, сваленных в одну кучу. Если вы еще не сошли с ума, посетите их страницу на Facebook и посмотрите их видеоролики с ломаным английским и текстом, выскакивающим поверх видео.
2. Space is the Place
Первым делом вы увидите надоедливую GIFку, на которой каждую секунду взлетает космический корабль. На ослепительном ярко-синем фоне — текст небесно-голубого цвета. Чуть ниже — голова автора сайта, реющая в облаках. Сайт содержит разрозненную информацию о космических полетах и фотографии автора с ракетами и космонавтами.
Этот сайт не только неприятен для глаза, но и заинтересовать может разве что знакомых автора сайта и тех, кому нравятся люди среднего возраста, увлекающиеся космонавтикой.
Сайт, посвященный продаже подержанных машин, весь наполнен сверкающими баннерами и стикерами всех цветов радуги, на нем сотни ссылок, которые ведут на такие же страницы со сверкающими баннерами. Везде, где возможно, вы увидите фотографии самого Лина (владельца сайта). Особенно доставляет изображение Лина с непрерывно трясущейся головой. Все самое худшее, что может быть в рекламе — на этом сайте.
Это образец того, как не надо делать сайты, предназначенные для торговли. Огромный ассортимент товаров как будто свален в кучу на стартовой странице в совершенно беспорядочной последовательности. Найти интересующий товар очень тяжело. В левой части сайта есть меню, благодаря которому можно выбрать интересующий вид товара, но, пройдя по ссылке, вы увидите тот же хаотичный дизайн, а товары зачастую не соответствуют обозначенным категориям. Также на сайте нет никакой информации о владельцах сайта, о том, что они продают и почему у них стоит что-либо покупать.
Личная страница Рона Ослунда, с космическим пейзажем и ужасным дизайном, на которой он рекламирует свой интернет-проект, вывешивает фотографии устаревших компьютеров и принцессы Дианы (с текстом поверх фотографий).
Рон Ослунд поднимает многозадачность и универсальность сайтов на новый уровень.
6. The World’s Worst Website Ever
Этот сайт создан профессиональным вебдизайнером для того, чтобы собрать в одном месте типичные ошибки авторов сайтов и наглядно показать, как не надо делать сайты. Здесь можно прочитать полный список из 60 ошибок, которые намеренно допустил дизайнер. Впрочем, по сравнению с первой пятеркой, этот сайт получился довольно неплохим. Но автор сайта обещает в скором времени создать сайт с еще большим количеством ошибок.
Этот сайт серовато-коричневого цвета с беспорядочным набором слов задумывался как сайт-приманка с ключевыми словами, которым соответствуют ссылки на другие ресурсы. Владелец сайта предлагает разместить у себя ссылку на вашу страницу по приблизительной цене от 20 до 200 долларов в зависимости от дизайна ключевого слова (крупный или цветной шрифт обойдется недешево).
Хотя дизайн этого сайта еще более-менее нормальный, его содержание поражает. Авторы проекта продают импланты половых органов для кастрированных домашних животных. С ними хозяева не будут комплексовать по поводу отсутствия яиц у своих питомцев, да и сами животные не будут так остро ощущать свою неполноценность.
Один имплант стоит 75 долларов — это намного дороже, чем стоимость операции по удалению настоящих половых органов.
Так что плохой дизайн сайта может не только снизить, но и даже повысить его посещаемость: люди со всего мира будут заходить на вашу страницу, чтобы посмеяться!
Ошибаются все, или 5 примеров неудачных сайтов от известных брендов
Большинство владельцев бизнеса при создании сайта ориентируются на бренды-гиганты, копируя как полезные, так и нерабочие элементы и фишки. К сожалению, иногда проблемы выявляются не сразу и успевают «отщипнуть» от дохода с сайта. Чтобы этого не произошло, давайте на примерах известных компаний рассмотрим, как делать не надо.
Coca-Сola
Внезапно, да? Поругать хочется именно их последнюю новогоднюю версию для акции. Получился красивый, но неудобный сайт.
Из-за обилия графики сайт очень долго грузится, особенно на мобильных устройствах. Планируя креатив, обязательно подумайте о скорости загрузки.
При загрузке начинает играть музыка. Создавать новогоднее настроение – это здорово, но лучше предварительно спросить пользователя.
Созданную панораму приходится долго прокручивать как в десктопной, так и в мобильной версии. Лучше было для экрана сделать что-то наподобие слайдера, тогда всего за один клик пользователь бы смог быстро переключаться между локациями.
Основная информация выводится во всплывающем окне, тем самым усложняя восприятие контента.
Отдельные страницы бы решили проблему.
Фотографии подарочных товаров и коллекции одежды слишком маленькие, нельзя рассмотреть детали.
Стоило добавить возможность увеличить изображение. Предполагаем, что разработчики не стали делать эту функцию из-за того, что контент и так выводится во всплывающем окне. Однако в таком случае возвращаемся к совету из предыдущего пункта.
Tescoma
Есть ощущение, что русская версия сайта заброшена, хотя международная версия тоже выглядит устаревшей.
Неинформативная Главная страница. Для известных брендов простительно кратко рассказать о себе, но одного слайдера недостаточно. Тем более, что ссылки ведут на сообщение об ошибке:
На Главной обязательно стоит рассказать об основных категориях товаров, показать новинки, действующие акции, чтобы привлечь внимание пользователя. Для менее известных компаний стоит выделить конкурентные преимущества, основные факты о компании.
Часть изображений отсутствует, из-за чего сайт выглядит заброшенным.
Не добавляйте товар на сайт, если у него ещё нет фотографии. Также рекомендуем периодически проходиться по своему ресурсу, проверяя корректность отображения информации.
Товары нельзя купить. Даже если сайт служит только визиткой компании, можно добавить ссылки на магазины, официальных представителей.
Нет информации для новичков. У каждого бренда появляются новые пользователи и важно из первых уст показать, почему стоит купить именно у вас. Даже на сайте Apple есть множество видео и презентаций, формирующих репутацию бренда.
Устаревший контент. Судя по слайдеру и копирайту в подвале сайта, информацию не обновляли с 2015 года.
Советуем регулярно обновлять информацию на сайте, чтобы у пользователей не возникло мысли, что компания закрыта.
Uniqlo
Компания недавно обновила сайт, но новая версия, к сожалению, не решила всех прежних проблем.
Что стоит исправить:
Два мелькающих слайдера на Главной. Выглядит аляповато, не успеваешь прочитать всю информацию.
Анимацию необходимо замедлить, а между слайдерами стоит добавить статичный блок.
Визуально перегруженные блоки. Наверняка по слайдеру выше заметили, что рядом расположено слишком много информации, из-за чего пользователю понадобится дополнительное время на изучение. При беглом взгляде часть информации пропускается.
Информацию лучше показывать последовательно, объединяя фото и подпись. Нужно было сначала показать общее предложение по всей ширине блока, а под ним два столбца с женскими и мужскими свитерами соответственно. Дополнительную ссылку на раздел в правом нижнем углу точно стоит убрать.
Разделение на категории не очевидно. Возможно, из-за тонкостей перевода не сразу понимаешь, что в разделе «Топы» находятся популярные товары, а не майки. А в разделе «Платья и комбинезоны» размещены только платья.
Популярные товары понятнее назвать «Хиты продаж», а информацию о комбинезонах лучше убрать, чтобы не путать пользователей.
Незаметная форма поиска. Из-за дизайна блока и большого количества ссылок/иконок рядом форма теряется.
Форму лучше сделать крупнее, расположить в правой части шапки и добавить кнопку отправки запроса. Так пользователям будет легче взаимодействовать с формой. Подробнее о том, каким должен быть поиск на сайте, рассказывали здесь.
Для заказа необходима регистрация. Даже в форме быстрого заказа требуют авторизироваться.
Правильно, что добавили авторизацию через соцсети или по номеру телефона, но стоит дать возможность сделать заказ без регистрации. В идеале ненавязчиво предложить автоматически создать личный кабинет после заказа.
Vitek
Сайт данной компании выглядит очень аккуратно и привлекательно, поэтому проблемы заметны не сразу.
Что можно улучшить:
В нашем случае промежуточный уровень «Приготовление горячих напитков» можно убрать, а на странице «Техника для кухни» показать список товаров с подразделами в боковом меню. Так пользователь быстрее перейдет к выбору товаров.
Хлебные крошки похожи на меню, что дезориентирует.
Стоит добавить промежуточные символы между ссылками (например, «->»), чтобы локальная навигация выглядела более привычно.
В каталоге нет возможности отсортировать список товаров. Есть фильтры, но их недостаточно, если захочется распределить товары по цене или популярности.
Стандартные кнопки сортировок по названию, цене и популярности не займут много места на странице, но облегчат выбор товаров. Подробнее о навигации в каталоге можно узнать из статьи.
Неудобный просмотр фотографий товаров. Сейчас детали объекта отображаются только при наведении курсора:
Исходную фотографию товара лучше показать во всплывающем окне, потому что статичное изображение легче рассмотреть и принять решение о покупке.
Нет возможности сравнить товары. Многие модели схожи между собой, и было бы полезно дать возможность клиенту сравнить их параметры на отдельной странице, чтобы не переключаться между страницами товаров.
Тот случай, когда редизайн сайта усложнил поиск товаров.
Что мешает сделать заказ:
Основные элементы навигации на меняющемся фоне. Фон периодически становится слишком ярким или темным, из-за чего не видны названия ссылок.
Выравнивание текста по правому краю усложняет чтение. Мы читаем слева-направо, а при таком выравнивании образуется рваный край:
Выравнивание по левому краю наиболее удобный вариант для пользователей.
Контент не всегда отображается корректно. Например, вот так выглядит список товаров, где выведены три товара вместо четырех, а неряшливые отступы сразу бросаются в глаза.
Рекомендуем всегда проверять сайт на разных разрешениях экрана, чтобы избежать подобных ситуаций.
На сайте так же, как и у Uniqlo, нельзя сделать заказ без регистрации, и этот процесс усложняется отсутствием возможности авторизироваться через соцсети. Пользователю приходится заполнять огромную форму:
Еще раз рекомендуем добавлять возможность заказа без регистрации и продумать более простое создание личного кабинета по номеру телефона, email или аккаунту в соцсетях.
На сайте много мелких важных кнопок и надписей, которые визуально теряются, тем самым усложняют навигацию. Например, в данном случае незаметна ссылка «+info», заголовок и ссылка на корзину:
Стоит увеличить размер объектов, особенно кнопку корзины, чтобы пользователь мог быстро найти ее.
Выводы
Вот основные проблемы, на которые стоит обратить внимание при создании сайта:
Это не номинация «худший официальный сайт», мы просто пытались показать вам, что у каждого ресурса есть недочеты. Главное – регулярно тестировать свой сайт, смотреть на него именно глазами пользователя, и тогда он будет эффективным инструментом ведения бизнеса.
Если вам нужна помощь в поиске ошибок на сайте, то обращайтесь к нашим специалистам – подскажем, как продвигать ресурс, чтобы получать больше прибыли.
Страшные сайты с плохим юзабилити: ТОП 30 в Интернете
Правила, предъявляемые к юзабилити сайтов
Юзабилити или удобство пользования сайтом для обычных людей является одной из основных парадигм корректного построения веб-ресурсов. При этом следует учесть, что большинство пользователей сразу уходят с сайта, если их раздражает дизайн, огромное количество кричащей и пестрой рекламы или они не могут сразу найти необходимую информацию.
Поэтому для юзабилити сайтов следует соблюдать определенные принципы:
Команда 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
Сайт аренды автомобилей имеет яркую и немного психоделичную графику, что усложняет пребывание на нем. Слишком яркий текст сложно читать с экрана, а изображения машин плохо отделены от описаний и видео.
Школа искусств Йельского университета
В недостатках этого сайта отсутствие адаптивного дизайна. Хотя известно, что студенты заходят на сайт в основном с мобильных телефонов, веб-ресурс под них совершенно не адаптирован. Также к недостаткам относится отсутствие сертификата безопасности, ведь тут хранятся личные данные студенческой молодежи.
Этот ресурс вызывает смех и критику. Он так нелеп, что может повредить вашим эстетическим предпочтениям и вкусу. Дизайн скучен и предельно прост, при этом изображения почему-то размыты, создается впечатление, что смотришь на этот сайт через полиэтиленовую пленку.
Сексуальные бюджеты
Не креативен, дизайн прост и стандартен, а цветовая схема слишком однообразна. Навигация сложна и подходит для опытных пользователей, этот сайт не прост для новичков.
Историк будущего
Когда пользователь попадает на этот сайт, то кислотная психоделика поражает воображение и вызывает желание скорее завершить работу. Такое впечатление, что здесь, как на письменном столе неряшливого человека, разбросаны в хаотическом беспорядке различные фотографии, файлы, знаки, немного текста. Все это рассеивает и отвлекает взгляд, мешает сосредоточиться. Кажется почти невозможным, что посредством такого сайта можно заинтересовать пользователей, поэтому он входит в список самых худших сайтов.
The world’sworst website
Попадая на этот сайт не сразу становится понятно, о чем он, какую несет смысловую и логическую нагрузку. Пользователю кажется, что здесь, как во времена сотворения мира, разбросаны и в беспорядке самые различные элементы. Отсутствие внятной анимации и обилие gif-анимации ставит в тупик даже просвещенного пользователя.
Theweddinglens
Обязательным условием для создания хорошего современного сайта является адаптивность. Этот веб-ресурс при загрузке на смартфоне отображает целую страницу с плохим интерфейсом открытых текстов. Большинство пользователей сразу отказались бы от такого сайта.
Рона Ослунда
Сайт имеет непривлекательный дизайн. Здесь плохое сочетание цветовой гаммы, а бегущая строка отвлекает внимание от основной информации. К тому же, тексты на странице не подлежали обновлению с 2001 года, что показывает прохладное отношение к пользователям со стороны владельца веб-ресурса.
Gatesnfences
Простой и интуитивно понятный интерфейс – нет, создатели этого сайта о таком точно не слышали. Здесь пользователь сможет разобраться только после пятого посещения, видимо, так и задумано. Жаль, только, что обычно люди сразу же покидают подобные запутанные и не систематизированные веб-ресурсы.
Фэншуй блог Jami Lin
Удивляет, как можно было сделать таким непрофессиональным блог ведущего специалиста по обустройству домашнего пространства. Дизайна здесь практически нет. Все пространство загромождено предложениями, текстами, картинками, навигация крайне неудобна. Глядя на «красоту» этого сайта хочется только одного – отказаться от услуг этого специалиста.
MIA UK
Пользователь, впервые посетивший этот сайт, пребывает в разочаровании, поскольку от удручающего дизайна может разболеться голова. Здесь на главной странице присутствует слишком много элементов, а ссылки битые. Все видеоролики не рассортированы по логичному принципу, многие из них на ломаном английском.
Wateronwheels
Здесь вас ждет просто огромное количество элементов разных стилей. Текстовая область размещена в контрастной цветовой гамме, и в сочетании с разными размерами шрифтов, читать ее практически невозможно. Такой интерфейс может только раздражать пользователей, а не привлекать.
Конный бизнес
Этот сайт слишком прост и не взыскателен к требованиям дизайна. Главная страница перегружена описаниями, которые неудобно размещены в правой части экрана. Глядя на него, не хочется отдавать лишние доллары для пользования услугами компании.
Time Cube
Данный сайт совсем лишен дизайна. Он представляет собою цельный блок текстовой информации, обогащенный несколькими изображениями. Здесь отсутствует интуитивно понятное пользователю меню, поэтому он входит в тридцатку самых страшных сайтов Интернета.
Итоги
Как видите, плохое юзабилити может оттолкнуть пользователя от посещения сайта и совершения на нем покупок. Некрасивый дизайн, слишком много или слишком мало текста, непонятная навигация, отсутствие обновлений и мобильной версии могут привести ваш сайт в список самых ужасных веб-ресурсов Сети.
Чтобы этого не произошло, следует доверить создание своего сайта специалистам. Они в свою очередь учтут все правила построения сайтов и ваши пожелания. Ваш веб-ресурс станет совершенством стиля и будет иметь продуманное техническое исполнение.