ЩО ТАКЕ ЮЗАБІЛІТІ САЙТУ, І ЧОМУ ЦЕ ВАЖЛИВО?

Категорія: Створення сайтів Опубліковано: П'ятниця, 24 червня 2016

ЮЗАБІЛІТІ САЙТУ

Хочете зрозуміти, як відвідувачі сприймають сайт? Це дуже просто. Уявіть, що ви говорите по телефону з директором, і в цей час вам дзвонить хтось з родичів, а у вас ще роботи на чотири години, а зараз вже п'ять годин вечора, і вам потрібно встигнути додому до семи на день народження тещі. Уявили? Тепер додайте до цього жаху необхідність вибрати в подарунок кухонний комбайн і починайте ходити по сайтах в пошуках кращого варіанта. Ласкаво просимо у світ відвідувачів комерційних сайтів!

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

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

Що таке usability, і чому це важливо?

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

Круг, один з найвідоміших юзабіліті-фахівців у світі, пише:

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

Люди в цілому і користувачі інтернету зокрема стали дуже нетерплячі. За даними Nielsen Norman Group, вони проводять на одній сторінці в середньому 27 секунд і рідко прокручують сторінку до кінця. Якоб Нільсен пояснює це тим, що «в інтернеті величезна кількість непотрібної інформації. Тому якщо користувачі детально вивчали кожен з відкритих сайтів, вони ніколи б не відключалися від мережі і не жили б реальним життям».

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

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

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

Юзабіліті і веб-розробники 

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

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

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

Особливості сприйняття інформації в інтернеті

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

Правила і прийоми юзабіліті

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

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

Навігація

  1. Рекомендується робити однакову навігацію на всіх сторінках сайту
  2. На всіх сторінках повинен бути логотип чи назву сайту (зазвичай на неї «вішають» також посилання на головну сторінку). Традиційне розташування логотипу – верхній лівий кут
  3. В шапці сайту і в «підвалі» повинна перебувати контактна інформація (хоча б телефон)
  4. На всіх сторінках сайту повинно бути меню першого рівня (а бажано, і другого)
  5. На сторінці повинно міститися назва розділу
  6. Бажано розташування покажчика «Ви знаходитесь тут» (виділення поточного розділу в меню, «хлібні крихти»)
  7. На сторінці повинно бути зрозуміло, що є посиланням, а що ні. Рекомендується виділяти посилання однаково на всіх сторінках, а також робити їх підкресленими.

Внутрішній пошук

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

Щоб пошук був зручним, слід дотримуватися наступних правил:

  1. В ідеалі форма пошуку повинна розміщуватися на всіх сторінках сайту у верхній області (традиційно, верхній правий кут).
  2. Оптимальна довжина поля для введення запиту – 27-30 символів
  3. Пошук на сайті повинен бути тільки внутрішнім (з сайту). Не слід пропонувати користувачам пошук на зовнішніх ресурсах, в інтернеті, так як для цього існують глобальні пошукові системи.
  4. Оформлення сторінки з результатами пошуку має бути максимально наближено до сторінки видачі глобальних пошукових систем: містити поле для введення запиту з введеним відвідувачем запитом, список результатів повинен містити заголовок (з посиланням), стислий опис, можна також додати URL або розділ, до якого належить результат.
  5. Використовуйте функцію перевірки орфографії, як у глобальних пошукових системах. При введенні пошукового запиту з помилкою слід виводити рядок «Можливо, Ви мали на увазі [правильне написання запиту]?»

Головна сторінка

Головна сторінка – це обличчя сайту, тому:

  1. Головна сторінка повинна пояснювати, що це за сайт і для чого він був створений, зазвичай для виконання цих функцій використовується слоган і текст привітання.
  2. На головній сторінці має бути огляд вмісту сайту, наприклад, вигідні пропозиції, останні статті, а також огляд сервісів, наприклад, авторизація, підписка на розсилку новин
  3. Також на головній сторінці бажано присутність періодично оновлюваної інформації: анонси новин, корпоративного блогу.
  4. С. Круг згадує про одній важливій особливості головної сторінки, якої дуже часто нехтують: наявність посилання або підказки «Звідки мені почати». Як було сказано вище, користувачі часто вибирають найбільш очевидний або простий варіант подальшого переходу по сайту, тому при розробці сайту важливо дати користувачеві зрозуміти, звідки ж йому слід почати, щоб перейти до найголовнішого змістом, щоб щось знайти або просто побродити по сайту.

До головній сторінці в повній мірі відносяться всі інші вимоги щодо навігації, елементів, пошуку і т. д.

Текст і його оформлення

При написанні тексту для сайту можна сформулювати два основних правила:

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

По оформленню тексту можна дати наступні рекомендації:

  1. Розмір основного шрифту повинен бути не менше 12 px (що приблизно відповідає звичним 10 pt в MS Word) пунктів.
  2. При підборі шрифтів слід користуватися відносними величинами (а не фіксованим розміром).
  3. При виборі типу шрифту слід орієнтуватися на те, що на моніторі (на відміну від паперу) більш зручно читається текст, набраний шрифтом «без зарубок». Для довідки, шрифти без зарубок»: Arial, Arial Black, Verdana, Tahoma, шрифти з зарубками»: Times New Roman, Georgia.
  4. На сайті не слід використовувати більше чотирьох різних кольорів тексту. Не слід також забувати, що користувачі надають однакове значення елементів, які візуально виглядають однаково.
  5. Не слід використовувати тільки великі літери, так як при цьому знижується швидкість читання і сприйняття може.
  6. Текст і фон повинні бути досить контрастні, кращий варіант – чорний текст на білому фоні. Слід уникати таких комбінацій кольорів, як червоний текст на синьому тлі, помаранчевий – на темно-зеленому і інші, так як подібні сполучення квітів породжують «ефект тремтіння» і створюють сильне навантаження на зір.
  7. Користувачі негативно ставляться до блимати тексту і біжучим рядком, тому слід уникати подібних прийомів.

Дизайн для людей з обмеженими можливостями

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

Прийоми, які допоможуть зробити сайт загальнодоступним:

  1. Розробляйте навігацію таким чином, щоб управляти сайтом було можливо тільки за допомогою клавіатури (без використання миші).
  2. Ставте на початок кожної сторінки посилання на головну сторінку, щоб це було перше, що екранний диктор вимовляє
  3. Навчіть форми взаємодіяти з екранними дикторами, це реалізується за допомогою тега label, що зв'язує поля форми з текстом підказок.
  4. Покладіть на кожне зображення описом, так як зображення ігноруються екранними дикторами
  5. Для людей з ослабленим зором, якщо такі входять в основну аудиторію сайту, передбачте різні варіанти розміру шрифту, зробіть функцію перемикання між розмірами тексту на сторінці, не покладаючись на можливості браузера.
  6. Постарайтеся використовувати технологію javascript по мінімуму, так як вона поки добре сприймається не всіма адаптаційними технологіями.

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

Що робити, якщо сайт вже існує?

Як бути, якщо сайт вже створений, а дизайн затверджувався довго і болісно? Невже все переробляти?

Іноді сайти дійсно знаходяться в такому стані, що простіше брати і все переробляти з нуля, однак найчастіше вони потребують лише «невеликого косметичного ремонту». У будь-якому випадку, щоб не повторити власні помилки, слід звернутися до кваліфікованих фахівців. Біда часто полягає в тому, що особа, яка приймає рішення про дизайн/інтерфейсі сайту, робить висновки про зручність використання, ґрунтуючись лише на власному досвіді і припущеннях; часто буває, що протягом затвердження дизайну «око замилюється», і втрачаються цілі, які ставилися спочатку. Звичайно, практикуючі юзабилисты не знають краще за вас вашу предметну галузь, але вони знають краще інтернет, користувачів інтернету та їх потреби. Що можна зробити? Найперший і найпростіший крок – звернутися за консультацією до професійного юзабіліті-фахівця. Другий, більш серйозний крок - провести дослідження сайту: класичне юзабіліті-тестування та ай-трэкинг дослідження, причому у фокус-групу можна залучити респондентів, співпадаючих з цільовою аудиторією сайту. Цей варіант дає повну картину недоліків поточного сайту, а при правильному взаємодії на даному етапі з проектувальником або дизайнером можна значно поліпшити зручність використання сайту.

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

Читайте також - ТОП-10 помилок юзабіліті сайтів

Сподобався матеріал? Будь ласка, репости!

Почему могут спускать колеса авто смотрите тут kamael.com.ua
Как снять комнату в коммунальной квартире здесь
Дренажная система водоотвода вокруг фундамента - stroidom-shop.ru