7 основних принципів створення зручних інтерфейсів для комерційних сайтів

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

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

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

Основні принципи створення інтерфейсів для комерційних сайтів

Автор: Артем Мазуркевич
Компанія: Artox Media. Працює з грудня 2011 року.
Посада: юзабіліті-спеціаліст.

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

Принцип № 1. Простота

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

• Календар
• Безліч лічильників, від яких рябить в очах
• Контекстна реклама
• Банери (про це ми ще поговоримо трохи нижче)
• Величезні зображення логотипу
• Новини компанії, які ніхто не читає, але які дуже подобаються директору і т.д.

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

Багато трактують цей принцип як «сайт повинен бути максимально простим». Насправді, це не зовсім так. Принцип більш правильно буде сформулювати наступним чином: «Комерційний сайт повинен бути спроектований так, щоб користувачеві було максимально просто зробити замовлення» .

Принцип № 2. Чіткий шлях

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

Деякі власники комерційних сайтів (саме комерційних, що пропонують свої товари і послуги), взагалі, поводяться підозріло нелогічно. Уявіть собі сайт, який продає офісні меблі, на якому транслюються оголошення контекстної реклами. Тобто власник сайту бере свого потенційного клієнта і віддає конкурентам за символічну винагороду. Акт небаченої щедрості!

Для того щоб сайт по-справжньому продавав, необхідно заздалегідь продумати, як користувач буде йти до мети. Наприклад, якщо людина потрапляє на головну сторінку, яка, за визначенням, має продавати весь сайт, то він повинен відразу зорієнтуватися і знайти те, що його цікавить. Але ні! Більшість невпинно продовжує писати на головній сторінці, на самому видному місці, тексти «Про компанію» або тематичний SEO-текст в стилі «Що таке бітумна черепиця в Москві», що ні крапельки не наближає користувача до замовлення або дзвінку.

Принцип № 3. Концентрація уваги

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

Принцип № 4. Інтуїтивність

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

Само собою, можна розробляти і принципово нові концепції, однак їх потрібно обов'язково тестувати на реальних представників цільової аудиторії.

Принцип № 5. Відповіді на питання

Різноманітність пропозицій дозволяє споживачу вибирати. Для того щоб закрити операцію, сайт повинен не тільки переконати користувача зробити замовлення і дозволити зробити це максимально швидко, але і відповісти на всі супутні питання, яких у користувача може бути маса:
1. Чому я повинен вибрати саме цю компанію?
2. Які гарантії?
3. Їх товари та послуги точно вирішать мої проблеми?
4. Чи можна довіряти цій фірмі?
5. А раптом щось піде не так, а товар дорогий?
6. А раптом щось станеться, а це не передбачено договором?
7. Хто ще користувався послугами цієї компанії?
8. Які відгуки?

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

Принцип № 6. Зворотній зв'язок

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

Принцип № 7. Рішення проблем

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

Висновок

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

Артем Мазуркевич,
фахівець з юзабіліті

Спасибо Артему за гарну статтю і цікаві приклади. Це, до речі, перша стаття на моєму блозі в новому розділі "Юзабіліті", який ще буде поповнюватися цікавими постами, кейсами та інструкціями.

З ув., Олена Камская.

Опубліковано: 09/08/12 @ 10:11
Розділ Блоги

Рекомендуємо:

Я шукаю тебе
телефони Nokia
Експерти з'ясували, у яких соцмережах найбільше мату і цинізму
SoftServe відкрила другий офіс у Дніпропетровську
Замовити, не виходячи з дому