Даруємо!!!

Приклади несучасного UI дизайну


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

Правила, що пред’являються до юзабіліті сайтів

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

Тому для юзабіліті сайтів слід дотримуватись певних принципів:

  • Дизайн повинен бути лаконічним і красивим, що не обтяжений різними яскравими елементами.
  • Текст повинен легко читатися і бути розбитим на логічні блоки
  • На сайті повинна бути форма пошуку і форма замовлення, контакти.
  • Легка навігація дозволить користувачам швидко і безперешкодно знайти необхідну інформацію.
  • У публікаціях повинні бути посилання на інші розділи або так звана перелінковка.
  • Сайт повинен швидко і коректно працювати не тільки на комп’ютері, але і на мобільних пристроях.
  • На веб-ресурсі не повинно бути зайвих рекламних блоків.

ТОП 30 найжахливіших сайтів Інтернету

Всі ці сайти були створені без розуміння сучасних тенденцій побудови сторінки, дизайну та дотримання правил юзабіліті. Саме тому вони в списку.

Сік Пенні

b_5d42b42408adf.jpg

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

Blinkee

b_5d42b42cbc3c4.jpg

Здавалося б, сайт миготливих речей можна зробити привабливим, але тільки не в даному випадку. Коли на веб-ресурсі картинки дуже малі і їх багато, вони всі виблискують, блимають і переливаються, то мимоволі у користувачів починає рябіти в очах. Цей сайт дуже жвавий і не дуже зручний, щоб викликати бажання придбати представлені на ньому товари.

Arngren.

b_5d42b43f669cb.jpg

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

Great Dreams

b_5d42b44d91e59.jpg

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

Pacific Northwest

b_5d42b4a030e88.jpg

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

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

b_5d42b4a565fca.jpg

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

Brathouse

b_5d480e0410e46.jpg

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

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

b_5d42b4ea40f18.jpg

Цей ресурс викликає відчуття, що дизайнер вперше працював з розміром зображення. Навіть якщо витратити час і зменшити його на чверть все одно не буде повністю видно зображення, розміщене на головній сторінці сайту. При цьому здається, що дизайнер в одному місці прагнув розмістити всі наявні у нього не продані картинки, адже веб-ресурс перевантажений візуальним контентом. Елементів занадто багато і вони мало пов’язані між собою логікою. Це дозволяє говорити про цей сайт, як про один з найжахливіших сайтів Інтернету.

Antique Collectors

b_5d42b4fbb4108.jpg

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

Patimex

b_5d42b512d9d0e.jpg

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

Rudgwick Steam & County Show

b_5d42b54ff1f54.jpg

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

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

b_5d42b554c8089.jpg

Давно помічено, що користувачі не люблять, коли без їх дозволу запускаються картинки, анімація і звуковий супровід. Однак розробники цього сайту, ймовірно, цього не знали, так як на сайті в достатку присутні всі ці набридливі елементи. Разом з нудним дизайном, в якому немає ні краплі креативу і повільної завантаженням сторінок. Цей сайт залишає бажати кращого.

Headhunter

b_5d42b5614a369.jpg

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

Electrifying Times

b_5d480e63605af.jpg

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

Mednat.org

b_5d42b56fb2a9d.jpg

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

Де поїсти

b_5d42b576ca9de.jpg

Сайт примітивний і дуже простий, тут погана навігація і не дуже продуманий дизайн. Особливо пригнічує відсутність в узгодженості елементів.

Ling’s Cars

b_5d42b580c3cc1.jpg

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

Школа мистецтв Єльського університету

b_5d42b58727321.jpg

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

EFW

b_5d42b5cf35149.jpg

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

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

b_5d42b5d8f03d3.jpg

Чи не креативний, дизайн простий і стандартний, а колірна схема занадто одноманітна. Навігація складна і підходить лише для досвідчених користувачів.

Історик майбутнього

b_5d42b5e6aa9b9.jpg

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

The world’sworst website

b_5d42b60ab2a0b.jpg

Потрапляючи на цей сайт не відразу стає зрозуміло, про що він, яке несе смислове і логічне навантаження. Користувачеві здається, що тут, як за часів створення світу, розкидані і в безладді найрізноманітніші елементи. Відсутність виразної анімації і велика кількість gif-анімації ставить в безвихідь навіть освіченого користувача.

Theweddinglens

b_5d42b6149e1ce.jpg

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

Рон Ослунд

b_5d42b61f5c9e6.jpg

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

Gatesnfences

b_5d42b658a4687.jpg

Простий і інтуїтивно зрозумілий інтерфейс – ні, творці цього сайту про таке точно не чули. Тут користувач зможе розібратися тільки після п’ятого відвідування, мабуть, так і задумано. Шкода, тільки, що зазвичай люди відразу ж покидають подібні заплутані і не систематизовані веб-ресурси.

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

b_5d42b665218d2.jpg

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

MIA UK

b_5d42b764c2a09.jpg

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

Wateronwheels

b_5d42b76dde9eb.jpg

Тут вас чекає просто величезна кількість елементів різних стилів. Текстова область розміщена в контрастною кольоровій гамі, і в поєднанні з різними розмірами шрифтів, читати її практично неможливо. Такий інтерфейс може тільки дратувати користувачів, а не приваблювати.

Кінний бізнес

b_5d42b8749b759.jpg

Цей сайт дуже простий і не вимогливий до дизайну. Головна сторінка перевантажена описами, які незручно розміщені в правій частині екрана. Дивлячись на нього, не хочеться віддавати зайві долари для користування послугами компанії.

Time Cube

b_5d42ba4ba5f7e.jpg

Даний сайт зовсім позбавлений дизайну. Він являє собою цілісний блок текстової інформації, збагачений декількома зображеннями. Тут відсутній інтуїтивно зрозуміле користувачу меню, тому він входить до тридцятки найстрашніших сайтів Інтернету.

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