• Сайт, на головній сторінці якого потрібний розділ вдень з вогнем не знайти, клієнта дратує і викликає у нього бажання втекти до конкурентів. На жаль, непродуманими інтерфейсами нерідко забезпечені віртуальні «особи» навіть великих компаній. Як зробити так, щоб клієнт не кидався в подиві по сайту, а легко знаходив потрібні заголовки, робив замовлення і приносив вам гроші? Читайте статтю учасника Спільноти Василя Пирогова.
    Про важливість ефективного розміщення інформації на сайті було написано вже багато хороших статей. Різні стилі і підходи до юзабіліті постійно залучають до цієї сфери пильну увагу аналітиків, і це не дивно, адже створення максимально ефективного прототипу інтерфейсу є надзвичайно важливим завданням, від вирішення якого буде залежати буквальна працездатність сайту.
    Напевно ви стикалися з ситуацією, коли довго шукали на інтернет сторінці купівельну кошик або розділ «контакти», а потім з подивом помічали, що все це час потрібний елемент був у вас під носом. В якості прикладу можу привести сайт однієї піцерії, де ви будете досить довго робити on-line замовлення піци. Подібні випадки зовсім не рідкісні, а ось втрат від них дорогого коштує: не побачивши потрібного елемента в потрібному місці, відвідувач може закрити сайт і звернутися до конкурентів. І сотні тисяч рублів, витрачені на сайт і рекламу, ризикують стати порожніми невиправданими інвестиціями. Користувачі хочуть отримувати всю необхідну інформацію у кілька кліків. Сайти, які не здатні задовольнити цю потребу, нещадно покидаются протягом декількох секунд!
    Для того, щоб уникнути цих невиправданих інвестицій, будь-який інтерфейс потрібно піддавати багаторазовому тестування саме на етапі розробки, а не після запуску сайту. Це допоможе значно знизити ризики, підвищити якість продукту і збільшити лояльність користувачів.
    Однією з найбільш ефективних методик тестування прототипів интрерфейсов є методика Eye-Tracking - відстежуючи рух очей користувача, визначаються області, які привертають його найбільшу увагу. Вона дозволяє з'ясувати зони фокусування і розсіювання уваги користувачів, а також спрогнозувати його маршрути на етапі створення сайту
    На підставі Eye-Tracking’а я протестував 20 прототипів інтерфейсів серед двохсот випадкових респондентів. В результаті тестування було виділено три прототипу, які найбільш ефективно здатні вирішувати наступні ключові завдання інтерфейсу: вони забезпечують повне розуміння структури сайту в найкоротші терміни і практично стовідсоткове виконання власних сценаріїв. Отже, розглянемо ці прототипи.
    Прототип интефейса №1

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

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

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