Поширені помилки в дизайні сайтів
“Чому мій сайт не продає?” — відповідь на це запитання може бути дуже простою, варто лише поглянути на свій сайт очима відвідувача.
Коли власник сайту щодня працює зі своїм інформаційним ресурсом, він звикає до навігації та легко знаходить інформацію. Помилки в дизайні сайту для власника стають непомітними або здаються настільки незначними, що не варті уваги. Але як бути новому користувачеві? Зорієнтуватися часом не те що складно – неможливо! Особливо якщо власник сайту не зумів знайти баланс між інформативністю (адже все так важливо і про все потрібно розповісти на сторінках сайту), його навігацією та елементами юзабіліті. У результаті на інтернет-ресурсі “ногу зламати” можна.
У вас на сайті все гаразд? Точно? Відкрийте свій сайт, пройдіться пунктами і перевірте себе.
Перша помилка. Логотип на сайті занадто дрібний або губиться
Логотип повинен говорити користувачеві: «Ти прийшов на правильну адресу! Ти знайшов, що шукав!
У шапці сайту, або на першому слайді, варто розмістити короткий опис діяльності компанії. Приклад: сайт майстра автоключів в Індіанаполісі з нашого портфоліо.
Друга помилка. Логотип по кліку не переводить користувача на головну сторінку сайту
Щоб відвідувач сайту міг повернутись на головну сторінку, зробіть логотип кнопкою повернення. Це вже умовний рефлекс більшості користувачів. Тому не дуріть їхні очікування.
Третя помилка. Телефон та контакти складно знайти
Якщо користувач одразу не знаходить контактну інформацію, як він зв’яжеться з вами? Номер телефону компанії з кодом міста потрібно розташувати на видному, очікуваному для користувача місці – це верхній правий кут. Бажано вказати години роботи.
Якщо специфіка вашої роботи передбачає, що клієнт може дзвонити, щоб уточнити/записатись/забронювати/задати питання, зробіть так, щоб номер телефону завжди був перед його очима, де б користувач не знаходився. Найпростіше рішення – зафіксувати шапку сайту, або зробити кнопку телефону плаваючою.
Ще одна ознака гарного тону – вказати альтернативний спосіб зв’язку в розділі “Контакти” – це може бути електронна пошта, месенджер, номер телефону call-центру і т.д.
Не намагайтеся «зачепити» клієнта на старі добрі скрипти «Ми вам передзвонимо» або «Не знайшли, що шукали – ми вам передзвонимо». Зробіть краще так, щоб користувач сам зміг знайти те, для чого прийшов і як з вами зв’язатися, а не нервував, клацаючи кожні 15 секунд на вікно зворотного зв’язку.
Четверта помилка. Перевантажене меню
Золоте правило «5-6, максимум 7» (кількість елементів, які людина спроможна сприймати одночасно) – говорить про те, що і на сайті не потрібно перевантажувати меню та навігацію по послугах. Навіть якщо вам дуже хочеться показати весь асортимент. Полегшіть клієнту вибір, швидко зорієнтуйте його за основними напрямками, поєднуючи елементи групи.
Зробіть 5-6 основних розділів меню, всередині кожне також можете розбити на 3-5-7 елементів підменю. Окремі опції покажіть на сторінках опису товару/послуги.
П’ята помилка. «Кошик» важко знайти
Вимога відноситься здебільшого до інтернет-магазинів. Дуже часто бувають казуси з кошиками. Зустрічається верстка, коли в деяких браузерах кнопка «Додати товар до кошика» випадає за межі екрану. Трапляються випадки, коли кнопка «Кошик» розташовувалась не в шапці – у звичному для ока місці, а у правому чи лівому блоці, між новинами та рекламним банером.
На сторінці товару кнопка Кошик має бути поруч із ціною – це логічно: подивився товар, побачив ціну, ухвалив рішення, поклав у кошик. Про те, чому ніхто не купує в моєму інтернет-магазині вже написано у нашому блозі.
Шоста помилка. Занадто багато полів у вікні оформлення замовлення
Запитуйте у користувача лише найнеобхіднішу інформацію, інакше його терпіння може не вистачити.
Виділяйте обов’язкові до заповнення поля, не змушуйте довго думати. Доповніть форму підказками. Користувач надіслав заявку – повинен побачити або прохання заповнити коректно, якщо щось пішло не так, або підтвердження, що все вийшло. Наприклад, «Дякую за зроблене замовлення! Найближчим часом із Вами зв’яжеться наш менеджер».
Сьома помилка. 404-ті сторінки, биті посилання, або «посилання в нікуди»
Такі поширені помилки періодично зустрічаються кожному користувачеві всесвітньої павутини під час переходу на сайти. Напевно, «помилку 404» бачив кожен.
З погляду пошукової оптимізації, порожні сторінки – зло, їх потрібно приховувати від індексації, як і дублі. Наявність подібних посилань може негативно позначатися на позиціях сайту у видачі Google, а також викликати незручність простого користувача.
Восьма помилка. Занадто довге очікування
В одній із статей ми детально описували вплив швидкості завантаження сторінок сайту на його ранжування. За даними Kissmetrics, майже половина користувачів очікують, що сайт завантажиться максимум за дві секунди. Якщо сайт не завантажується протягом трьох секунд, з нього йдуть.
79% онлайн-покупців, зіткнувшись з повільним завантаженням сайту, не повернуться на нього ніколи, і близько 40% розкажуть друзям про негативний досвід покупок в інтернеті. Саме тому за швидкістю завантаження сайту потрібно стежити постійно та вживати регулярних заходів для покращення цього показника.
Дев’ята помилка. Сайт некоректно відображається з мобільного пристрою
Ваш сайт повинен коректно відображатися як у десктопній, так і мобільній версії.
Для вирішення питання адаптації сайту під всі види пристроїв існує два підходи:
- Створення окремої версії сайту, яка коректно відображається на мобільному пристрої
- Створення сайту з так званою адаптивною версткою, яка підлаштовується до будь-якого розміру екрану.
Найбільш широкого поширення набув саме другий варіант, оскільки він дешевший у розробці та практичніший загалом. Більшість сучасних сайтів проектуються так, щоб вони були однаково зручними для перегляду на різних екранах.
Чому це так актуально? Майже 90% покупців шукають товари та послуги в інтернеті з мобільних пристроїв. І ця цифра продовжує зростати. Google попереджає, що сайти, які не мають мобільної версії, дуже низько ранжуватимуться в результатах пошуку з мобільних пристроїв. Відповідно, якщо у вас немає мобільної версії сайту, знайти вас користувачеві буде дуже важко.
Більшість користувачів підуть на інший сайт, якщо поточний «криво» відображається у мобільній версії. Для бізнесу це означає, що увагою покупця заволодіє продавець, чий сайт зручний на будь-якому пристрої.
Смартфон дозволяє користувачеві відразу зробити дзвінок за вказаним номером телефону (якщо на сайті реалізована функція click-to-call). Таким чином, ви стаєте набагато ближчими до потенційного покупця. У конкурентній боротьбі перемагає той, чий сайт дружелюбніший, доступніший і зручніший клієнту. Навчіться дивитися на свій сайт очима покупця.
Найпоширеніші помилки в дизайні сайту на думку експертів Норманн Груп
Якоб Нільсен, директор Нільсен Норманн Груп і один з найбільших фахівців в світі веб-консалтингу, стверджує, що існує ряд найпоширеніших помилок, здатних в зародку погубити будь-який веб-проект:
- Відсутність цін. Ціна – це частина мінімальної інформації, необхідної користувачам, щоб зрозуміти суть пропозиції. Якщо ціни відсутні, то відвідувачі можуть просто не зрозуміти про що йде мова. Вказування цін дозволяє відрізняти один товар від іншого.
- Негнучкі пошукові модулі. Надто “розумні” пошукові модулі знижують юзабіліті, оскільки користувачі можуть допустити друкарську помилку або не знати як правильно пишеться слово.
- Горизонтальне прокручування. Користувачі не люблять, коли їх змушують здійснювати прокрутку зліва на право. Сторінки, які вимагають горизонтального прокручування в стандартному вікні просто жахливі!
- Фіксований розмір шрифту. У 95% випадків фіксований шрифт має просто крихітні розміри, знижуючи якість читання сторінки.
- Великі блоки тексту – їх нудно читати, що призводить до втрати користувачів.
- JavaScript в посиланнях – однозначно не хороший варіант. Якщо посилання поводиться непередбачуваним чином, то користувачі відчувають себе загубленими. Вони також не люблять поп-апи (спливаючі вікна), якими тепер часто зловживають.
- Збір e-mail адресів при відсутності політики нерозголошення інформації. Коли web-сайти просять e-mail, користувач зазвичай реагує негативно. У наш час спаму ніхто не хоче ось так просто повідомляти таку інформацію.
- URL довжиною більше 75 знаків, які майже неможливо надіслати другу. Якщо URL занадто довгий, то користувачі просто не будуть знати, як його скопіювати. А якщо посилання не працює, то вони можуть не знати, як повернутися на початкову сторінку.
- Посилання “mail to” в несподіваних місцях. Не ховайте такі посилання під іменами, замість цього чітко вкажіть, що це e-mail адреса.
Засновник та керівник веб студії PBB Design з 2005 року