Куди дивляться відвідувачі вашого сайту?

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

Тема цікава, а розібратися в ній допоможе сьогоднішній гість блогу ADNE.info, керівник проекту Ай-тракер, Дмитро Богданов, він уже знає в чому причини успіху, а де стоїть внести правки, щоб було «як треба».

Для довідки: Ай-тракер - це компанія, що займається дослідженням візуального сприйняття різних об`єктів. Сайт: https://eye-tracker.ru

Компанія мого співрозмовника пропонує експрес-тести, які

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

Отже, Дмитро, хоча це очевидно, але для початку розкажіть навіщо це взагалі потрібно?

Створення «інтуїтивно зрозумілого» і зручного сайту дозволяє підвищити рівень конверсії відвідувачів.

Якщо сайт зручний і все в ньому знаходиться «на своїх місцях», то значно підвищується шанс, що новий відвідувач перейде в групу постійних і / або що-небудь купить.

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

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

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

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

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

Чим ваші експрес-тести відрізняються від звичного юзабіліті тестування?

В першу чергу - ціна # 128578; юзабіліті обходиться тисяч так в 100-200 наші тести починаються від 2500 # 128578;

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

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

Наша практика показала, що приблизно 80% типових помилок і тенденцій можна побачити неозброєним поглядом.

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

Респонденти постійні? Де знаходите людей для тестів?

Стандартна процедура - це оренда столика в кафе або місця в торговому центрі, і потім «вилов» відповідних по виду людей для проходження тесту.

Інший варіант - це домовленість з якоїсь організації про проведення тесту на їх співробітників (на різних умовах).

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

Тут знають, куди дивляться ваш сайт відвідують!

Скільки людей зазвичай бере участь в тестах?

В експрес-тестах - 5. У великих дослідженнях - в залежності від завдання.

Справа в тому, що на відміну від традиційних методів досліджень - опитувань і т.п., де випробовувані підсвідомо «брешуть» (тобто намагаються представити все «краще» - вони це розуміють), eye-tracking фіксує об`єктивні дані і у реальному часі. Тому при традиційних опитуваннях потрібно використовувати досить велику кількість респондентів (від 30) - тоді їх суб`єктивність нівелюється. А в eye-tracking`е практика показала, що вже 5 респондентів дають цілком об`єктивну картину візуального сприйняття (хоча, якщо в тесті задіяні додаткові опитувальники - то знову ж таки потрібна велика кількість респондентів).

Які кольори найбільш привабливі при перших секундах знайомства з сайтом?

Чи не які б`ють по очах і не змушують напружуватися. В іншому - залежить від дизайну.

Куди краще розставляти акценти? (Кути, центри).

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

Хоча розташування, безумовно, теж робить свій вплив, але це більше пов`язано з традицією. Скажімо, всі звикли. що в лівому верхньому кутку знаходиться логотип. Тому будь-яке «пляма» в цьому місці буде підсвідомо віднесено до логотипу. А будь-який блок стандартного рекламного розміри - до реклами і, швидше за все, буде проігноровано.

Чи є приклади вдалого використання вашого рішення?

Справа в тому, що ми не пропонуємо рішень. Ми тільки даємо можливість дізнатися як йдуть справи в реальності на даний момент.

Слід враховувати, що сприйняття постійної аудиторії сайту і новачків сильно розрізняється. Постійний постітель знає де і що знаходиться, новачок змушений це шукати. Eye-tracking має сенс використовувати саме для того, щоб «заточити» сайт під новачків - щоб їм було зручно.

Біда в тому, що зміна дизайну веде і до зміни сприйняття, тобто процес підстроювання сайту ітераційний.

Один із зручних способів використання eye-tracker`а - пошук «правильного» місця для посилання. Можна дати респондентам завдання це посилання на сторінці знайти, а потім просто розмістити її саме там, де її шукали ...

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

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

Так звичайно. Власне, одне з основних застосувань eye-tracker`а на Заході в даний час - це тестування упаковок товарів і різного роду журналів.

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

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

Чи впливає час доби на результати тестів?

Ні. Але впливає (хоча і незначно) загальна втома респондента.

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

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

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

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

Основні тенденції розподілу уваги - вони єдині для всіх сайтів, або в кожному конкретний випадку сильно різняться?

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

Як часто користувач повертається до точки початкового уваги до сайту?

Що вважати «точкою початкового уваги»? Якщо, наприклад, сторінка починає завантажуватися з реклами - то навряд чи повернеться, а коли з навігації - то майже напевно.

Коли користувач дивиться на чистий екран або тільки клікнув і сайт завантажується, куди зазвичай спрямований його погляд?

Бігає по виділяється деталей. Якщо просто порожній браузер (чекає завантаження гальмівного сайту, наприклад), то погляд блукає по панелі інструментів, індикатору завантаження, іконка на таскбару і т.п. Коли сайт починає завантажуватися, то погляд стрибає по з`являтимуться елементів (та «ідентифікація блоків» про яку я писав вище).

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

Дякую Дмитра за докладні відповіді. Мало отримати трафік, треба його її і правильно конвертувати. Сподіваюся сьогоднішній матеріал буде в цьому корисний.

Читачам adne.info, що бажають скористатися послугами https://eye-tracker.ru, пропонується знижка (5%), для цього при замовленні послуги вкажіть купон код: ADNE.

Гарного вам конверта!