×

Чим прості сайти краще за інших?

Більш того «типові» сайти з простим для сприйняття дизайном були оцінені, як найбільш привабливі за всіма параметрами.

При вивченні співробітниками Google в серпні 2012, дослідники виявили не тільки те, що залучають користувачів сайти, завантаження займе 0,02–0,05 секунди, але також те, що «складні для сприйняття» сайти відповідно розцінюються як менш привабливі, ніж їх більш прості копії.
Більш того «типові» сайти - ті, які містять компоненти, загалом пов'язані з сайтами цього рівня – з простим для сприйняття дизайном були оцінені, як найбільш привабливі за всіма параметрами.
Іншими словами при вивченні з'ясувалося, що чим простіше оформлення, тим краще.

Але чому?

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

Що таке «типовий» веб-сайт?

Якщо б я сказав «меблі», який образ виник би в вашій голові? Якщо ви ставитеся до 95% людей, ви думаєте про стільці. Якщо я запитаю який колір символізує «хлопчик» ви думаєте «блакитний», дівчинка = рожевий, автомобіль = седан, птах = малинівка і т.д.
«Типовий» - це фундаментальне мислене відображення, яке створює ваш мозок для того, щоб класифікувати все, з чим ви взаємодієте. Від меблів до веб-сайтів ваш мозок створив шаблон того, як слід бачити і сприймати об'єкти.
«Типовий» сайт розбивається на менші категорії. У вас є відрізняється, але певний уявний образ для соціальних мереж, місць електронної комерції і блогів – і якщо будь-хто з тих особливих веб-сайтів упускає щось з вашого уявного образу ви відкидаєте його на свідомому і підсвідомому рівнях.
Якщо б я сказав «Інтерактивний інтернет-магазин одягу для модних 20 – «неважливо чого»», то ви могли б припустити щось подібне:

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

Ні один не бракує оригінальності, і малоймовірно, щоб вони «крали» один у одного. Замість цього вони грають вашими початковими очікуваннями того, яким повинен бути комерційний сайт.

Що ви розумієте під когнітивної швидкістю?

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

Ще раз, ці правила однаково застосовні до онлайн.
Це «знайомо» для блогів містити opt-in (и) на правій бічній панелі або для комерційних сайтів розміщувати зображення високого дозволу з захоплюючим увагу заголовком і емблемою компанії у верхній частині лівого боку екрану.
Якщо ваші відвідувачі, сформовані певними особливостями є стандартом для окремої категорії сайту, відхиляються від цього, вони могли б підсвідомо помістити вас в «менш привабливу» категорію.
Тут представлена «купка» комерційних сайтів. Подивіться, ви помітите які-небудь подібності.

Увага: що б ви не зробили, заради Божої любові, не сприймайте те, що я подаю як «робіть те, що роблять все». Таким чином, якщо ви не уважні, ви могли б нашкодити собі.
Важливо розуміти, що вибори дизайну - «prototypical» для сайту у твоїй категорії, але куди більш важливо знайти доказ, який підтвердить правильність виборів дизайну результуючого в деякому роді підйом.
Багато проектувальники вибирають погані альтернативи. Без проведення дослідження, ви могли б вчинити аналогічно. Наприклад, багато комерційні сайти використовують автоматичні слайдери зображення для того, щоб показати продукти, але вивчення за вивченням показує те, що автоматичні слайдери негативно позначаються на звернення.

Що відбувається, коли ваші основні очікування виправдовуються і Ваш сайт відповідає очікуванням користувача?

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

До:

Після:

Трохи ключових змін, які ведуть до величезних результатів:

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

Тут представлені варіанти редизайну сайту вражаючі, як для двох з половиною тижнів, після початку роботи:

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

Яким чином зорова обробка інформації повинна вплинути на складність сайту

У спільному вивченні Гарвардом, університетами Меріленда і Колорадо, дослідники виявили сильну математичну взаємозв'язок між “приємним з естетичної точки зору” для різних категорій населення - наприклад, учасникам, пов'язаним з професійною діагностикою апаратури не сподобалися насичені кольорами веб-сайти – але не було ніяких рекомендацій для створення універсальної привабливості.
Єдине, що було універсальним, так це те, чим більш складний для сприйняття веб-сайт, тим нижче його візуальна привабливість.

Чому простота з наукової точки зору простіше для обробки

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

“… око отримує зорову інформацію і перетворює її на нейронну активність, яка повертається в мозок, де вона зберігається і «кодується». Ця інформація може використовуватися іншими частинами мозку пов'язаними з розумовою діяльністю, такою як, сприйняття і увагу.” – сайт Simplypsychology.

Кожен елемент передає ледь вловиму інформацію

Ось чому важливо, оформляючи веб-сайт пам'ятати кожну деталь – оформлення, емблема і вибір кольору – передають ледь вловиму інформацію про бренд.
Коли ці елементи не виконують їх роботу, вебмастер часто компенсує це додаванням непотрібної копії та/або зображень, таким чином, додаючи візуальну складність веб-сайту і віднімаючи загальну естетичність.
Оптимізація сторінки з метою представлення інформації в наочному вигляді – особливо спрощує інформаційне «подорож» від ока до мозку – це щось на зразок передачі максимуму від того, що ви можете, в настільки малій кількості елементів наскільки це можливо.
Коли вони вирішили змусити бренд рости, вони не додали звичайне “Ми робимо електронну пошту з 2001 року, 3 мільйони людей довіряють нам, ось чому ми кльові, бла бла бла”.

Замість цього, вони скоротили обсяг написаного, спростили веб-сайт – головний заголовок просто читається “Відправ кращий лист” – і додали ще більш просту анімацію базової ідеї продукту (продукт з позиції основної вигоди, заради якої споживач купує товар).

До:

Після:

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

”Короткочасна пам'ять” і Святий Грааль перетворення

Вся ця простота веде до того, що інформація в наочному вигляді відразу знаходить свій шлях до мозку.
Згідно знаменитому дослідженню психолога Джорджа А Міллера в Прінстоні, середньостатистичний дорослий мозок здатний зберігати між 5 і 9 “порціями” інформації протягом короткого проміжку часу в короткочасної пам'яті.
Короткочасна пам'ять-це частина вашого мозку, яка тимчасово, протягом декількох секунд, зберігає й обробляє інформацію. Це те, що дає вам можливість фокусувати увагу, чинити опір тому, що його відволікає, і найважливіше, дозволяє вам прийняти рішення.

Все про що ми говорили аж до цього моменту це зменшення кількості «шуму», який попадає в короткочасну пам'ять.
Ось так простий сайт і дає 5-9 “порцій”, які короткочасна пам'ять намагається обробити - це щось на зразок гарантій, описів продукту, цін або пропозицій. Коли короткочасна пам'ять зможе сфокусуватися на вирішенні проблеми, вона буде намагатися вирішити її настільки швидко, наскільки це можливо.

Відхилення призводить до відторгнення

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

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

Висновок

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

01Офіс в Києві
м. Киев, 02068
вул. Ахматової 9/18
02Офіс в Броварах
м. Бровари, 07405
вул. Чорновола 2-А
03Працюємо
Пн.-Пт. 9:00-18:00
Сб. 11-00 -16:00
×
Пропонуємо перейти на українську мову
Згоден?
Хочу, перейти на мовуНет, останусь на языке