7 вбивчих помилок у дизайні вашого веб-сайту

Ви впевнені, що ваш сайт не виглядає страшно, але приваблює клієнтів?

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

Насправді, щось ще важливо.

Ваш веб-сайт повинен бути зручним для користувачів. Щоб ваші відвідувачі могли легко і швидко знайти те, що їм потрібно.

Але як ви дізнаєтеся:

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

Відповіді на ці питання ви знайдете в цій статті!

Так…

Що в дизайні вашого сайту може убити конверсію:

Номер помилки один.Дрібний шрифт

Першою і найбільш поширеною помилкою є використання невеликих шрифтів у інтерфейсі сайту.

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

Дослідження показали:

• У вас є всього 8 секунд, щоб зацікавити відвідувача вашим сайтом;
• В середньому люди читають лише 28% тексту на сторінці.

Щоб привернути увагу користувачів прямо зараз, ось що вам потрібно зробити:

1. Зробіть захоплюючий і захоплюючий заголовок;
2. Напишіть цікавий вміст, щоб ви хотіли прочитати його далі, ніж запис;
3. Використовувати великі шрифти для заголовків;
4. Переконайтеся, що шрифт тексту достатньо великий і його легко прочитати.Оптимально – 16-18 пікселів. Розглянемо специфіку шрифту, який ви виберете. Наприклад, в 16 разів нові римські пікселі візуально менші за 16.

Ради!

Якщо вам подобається шрифт на сайті, ви можете дізнатись більше про це. WhatFont допоможе вам в цьому. Це спеціальна компонента plug-in для кольоровості, що дуже проста у використанні. Достатньо натиснути на будь-яку літеру або слово, щоб знати шрифт і розмір.

Помилка номер два. Використання слайдів

Я не розумію, чому так багато сайтів використовувати слайди і рухомі банери.

Як ви вважаєте, це ефективно? Чи справді це збільшує конверсії?

У більшості випадків, відповідь ні!

Дослідження показали, що коли на сайті є слайди, користувачі сприймають інформацію набагато гірше, а іноді не помічають її взагалі. Лише 1-2% відвідувачів натискають на один зі слайдів, а 84% натискають на першу картинку.

Чому ж тоді так багато інтернет-підприємці роблять цю помилку?

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

Кілька рекомендацій:

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

Помилка NO3. Низька контрастність тексту

Іншою величезною помилкою є використання низькоконтрастних букв.

Наприклад:

• Світлий шрифт на світлому фоні,
• Темний-на темряві.

Він може бути придатним для друкованої продукції, але в Інтернеті це точно не так!

Офтальмологи стверджують, що майже половина людей у віці від 40 см бачать в два рази більше, ніж у віці від 20. Ви дійсно хочете відвідувач вашого сайту ледь зрозуміти, що ви написали там?

Ви завжди можете вирішити цю проблему – зробити текст контрастним.

• Якщо тло темне, шрифт має бути світлим.
• Якщо тло є світлим, шрифт темний.

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

Найбільший рекламний експерт Девід Ogilvy провів дослідження про сприйняття тексту різних кольорів на іншому фоні.

В результаті:

• 70% людей добре сприймають чорний текст на білому тлі, 19% – середній і 11% – поганий.
• Лише 12% учасників експерименту зазначили, що білий текст на чорному тлі сприймається якось; 88% сказали, що це погано.
• 82% користувачів вважають білий текст на фіолетовому тлі поганим рішенням; і лише 2% сподобалася така комбінація.
• Білий текст на синьому тлі жахливий, на думку 96% респондентів.

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

Пам'ятайте про це, коли Ви підготуєте технічне завдання для розробника.

Помилка номер 4. Невеликий проміжок між рядками

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

Я зроблю тебе щасливою! Хороші професійні дизайнери апріорі вибирають той міжрядковий інтервал, який ідеально підійде саме вам.

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

Як я можу уникнути цієї помилки?

Використовуйте спеціальний калькулятор для вимірювання висоти міжрядкового інтервалу Золотий перетин.

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

Помилка номер 5. Неправильна довжина лінії

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

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

Будьте уважні, багато дизайнерів роблять цю помилку.

Помилка No6.Непоказний заклик до дії

Ще одна помилка – відсутність кольорового акценту в заклику до дії.

Smart інтернет-маркетологів знати, щоб привернути увагу до ключових фраз або заклик до дії, ви повинні виділити їх з правильним кольором.

Наприклад, якщо у вас є кнопки «Отримати зараз» або «Безкоштовно завантажити», обов'язково виділіть їх контрастним кольором, щоб зробити їх ще більш помітними для клієнта.

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

Як правильно вибрати колір:

1. Вона повинна бути досить яскравою, щоб привернути увагу.
2. Вона повинна гармонізувати з іншими кольорами сайту.
3. Колір апеляції повинен відрізнятися від фону. Це означає, що синя кнопка на синьому фоні є дуже поганою ідеєю.
4. Цей колір слід використовувати лише для викликів до дії.

Помилка No7.  Порушення основних принципів структурування сторінок сайту

Наприклад, рядок пошуку повинен знаходитися вгорі, а не знизу. А логотипи і гасла-у верхньому лівому кутку, не в іншому місці.

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

Деякі власники сайтів хочуть бути супер творчим і спробувати придумати нові і нові способи відображення меню. Але чи будуть такі користувачі?

Свіжі творчі ідеї круті. Але перш ніж відійти від основ і ввести деякі нові функції, подумайте двічі.

Пам'ятаєте, про що я писав на початку? Ваша головна мета – зробити сайт максимально зручним для користувачів!

Висновок

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

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

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

Подобається, якщо ви були корисні!

Є 4 хвилини? У попередній статті я розповідаю про легкі і швидкі способи написання потужного CTA. Цікаво? – Читайте зараз: 5 способів зробити ефективний заклик до дії всього за 5 хвилин