9 секретів інтуїтивного дизайну, які зроблять ваш сайт зручним для відвідувачів

Чи залишають відвідувачі ваш сайт, не стаючи передплатниками/лідерами/клієнтами?

Може бути, вони просто не можуть зрозуміти, що відбувається на всіх на вашому ресурсі. Тож допоможіть їм розібратися! Зробіть його простим у використанні сайту.

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

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

1. Простота – запорука успіху

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

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

Тут важливу роль відіграє досвід користувача. Уявіть ситуацію: ви приїхали в автосалон, щоб купити машину своєї мрії. У фарбах розповіли продавцю, що це має бути. А потім каже, що у них є те, що вам потрібно! Ви, в очікуванні довгоочікуваного знайомства, буквально летите до своєї «красуні» і… Раптом з'ясовується, що на жодній з її дверей немає ручки! Який облом! Як дістатися до салону?

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

Хочете приклад простої та зрозумілої сторінки? Зайдіть в нашу "Лабораторію знань". Немає нічого відволікати вас від корисних статей, тому що немає нічого, крім них. Неможливо заблукати.

2. Головна проблема: хто розуміє ваш дизайн?

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

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

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

3. Знання, що є, і знання, які необхідні

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

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

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

4. Як використовувати концепт-моделі

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

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

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

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

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

5. Дізнайся про свого відвідувача

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

1. Робіть дослідження. Спостерігайте за тим, як відвідувачі використовують сайти в знайомих умовах. Таким чином, ви отримаєте уявлення про їх поточні знання. Цей метод не легкий, але є альтернатива.

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

Важливо! У кожному випадку ви тільки спостерігаєте, робите висновки і не втручаються. Спробуйте і ви швидко дізнаєтеся, що трапилося. До речі, не варто возитися з величезною кількістю учасників, всього 10 вистачить, щоб визначити 90% від проблем.

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

6. Формула для інтуїтивного проектування

В ідеалі це виглядає так: поточні знання = необхідні знання.

Самі користувачі виділяють дві умови, при яких дизайн сайту інтуїтивно зрозумілий:

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

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

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

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

7. Інтуїтивне плавання та пошук

76% покупців стверджують, що найголовніше для них в дизайні сайту-«як легко я можу знайти те, що мені потрібно». Для зручного пошуку потрібно мати потрібну навігацію.

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

Пам'ятайте! 50% відвідувачів інтернет-магазинів відмовляються від покупки, оскільки не можуть знайти те, заради чого прийшли. Таким чином, ви не можете обійтися без пошуку на сайті. Магазин Rozetka має величезний асортимент. Але є рядок пошуку прямо в центрі екрану. Так що ви не повинні думати про те, що робити протягом тривалого часу.

Маленька порада: підключіть пошук на сайті до інструменту Google Analytics. Це збільшить конверсію, тому що Google сам скаже особі, що він може знайти тут.

8. Пам'ятайте: люди більш комфортно використовувати сайти, які вони звикли

Існують правила, щоб слідувати, щоб зробити дизайн вашого ресурсу інтуїтивно:

• Натисніть на логотип компанії (який знаходиться у верхньому лівому кутку) завжди приводить до домашньої сторінки;
• Останнє посилання в горизонтальному меню або в нижній частині вертикальне меню є контактами;
• Контактна інформація дублюється внизу сайту;
• Всі пункти узгоджені: пункти меню залишаться в тому ж місці, як би ви не пересуватися по сайту;
• Посилання виділяються зі звичайного тексту;
• Якщо користувачі можуть і повинні прокрутити вниз, смуга прокручування чітко видима;
• Лівий текст з лівого боку легше читати;
• Спливаючі повідомлення допомагають вам впоратися з інтерфейсом;
• Пункти меню називаються зрозумілими словами (не потрібно замість пункту "Контакти", щоб зробити кнопку "інформаційна підтримка").

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

9. Будьте обережні з редизайном

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

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

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

Нарешті

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

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

Чи було це корисно? Сміливо ставте «Лайк»! Це покаже, що ви хочете дізнатися більше про дизайн, і я незабаром підготую новий пост на цю тему.

Ви вже склали список цілей на найближчі 5 років? Залишається найскладніше – реалізувати свої плани. Щоб не відходити від курсу, важливо знати кілька секретів. Читайте зараз "Як застосувати на практиці найпопулярнішу підказку мільйонера"..