Валюта:
$
USD ($)
EUR (€)
UAH (₴)
DKK (Dkk)
SEK (Sek)
NOK (Nok)
JPY (¥)
CHF (₣)
GBP (£)
AUD (A$)
PLN (zł)
ILS (₪)
KZT (₸)
CAD (C$)
Показати ще
Регіон:
Не вказано
США
Україна
Ізраїль
Європа
Іспанія
Казахстан
Італія
Данія
Швеція
Норвегія
Німеччина
Швейцарія
Франція
Фінляндія
Нідерланди
Японія
Великобританія
Австралія
Канада
Польща
Мальта
Не вказано
Латвія
Показати ще
SEO

Поради щодо інтерфейсу користувача - 7 важливих моментів

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

261
52

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

Ступінь SEO-оптимізації, рівень користувацького досвіду, правильність коду відповідно до рекомендацій W3C і так далі тощо.....

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

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

7 рад за інтерфейсом користувача

1. Знайте, на кого орієнтований ваш веб-сайт.

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

Про створення сайтів на свій смак.

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

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

  • розміщення головного меню у верхній частині сторінки
  • робити кнопки досить великими, щоб на них можна було легко натискати або торкатися до них
  • встановлення "хрестика" у верхньому кутку (зазвичай у правому) будь-яких діалогових вікон або спливаючих вікон
  • наведення курсору на активні елементи
  • Звичайно , з кожного правила можна зробити винятки, але вони мають бути сильно мотивовані, інакше відвідувачі будуть шоковані.

    2. Протидія помилковим діям.

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

    Якщо він містить поле номер телефону, користувач повинен мати можливість вводити тільки цифри.

    Якщо будь-які поля повинні бути обов'язково заповнені, форма не зможе відправити повідомлення , доки не буде введена відповідна інформація.

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

    3 Пам'ятайте, що розмір і розташування мають значення.

    Рада за інтерфейсом користувача не могла обійтися без обговорення цього моменту.

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

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

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

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

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

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

    Все зводиться до ясності.

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

    5. Дійте відповідно до зразків.

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

    Кнопка для пошуку інформації повинна мати текстову мітку (типу "Пошук") або , якщо ви хочете вставити туди символ, значок лупи. місці, до якого легко дотягнутися великим пальцем. Саме про такий "смак" і йдеться.Точніше йдеться про те, щоб не дивувати користувачів незвичайними рішеннями за принципом "бо".

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

    Я знаю один сайт, на якому можна побачити кілька прайс листів. Але це не, наприклад, 3 або 4 прайс-листи. Їх вісім. І всі вони видно поруч один з одним, в одному ряду. З великою кількістю рядів, де багато з них повторюються у всіх упаковках. Це не дуже вдале рішення, так як користувачі можуть заплутатися, поставивши перед очима такий величезний вибір. Ця проблема обговорюється законом Хіка, згідно з яким чим більше простір для маневру, тим складніше нам прийняти рішення. Таким чином, принцип дійсно досить простий. Чим простіше загальний інтерфейс, тим легше відвідувачам орієнтуватися у ньому. Тоді вони зможуть швидше досягти цілей, про які ви дбаєте (наприклад, встановити контакт).

    7. регулярно перевіряйте статистику.

    І, нарешті, кліше, що вінчає пораду з інтерфейсу користувача.

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

    Поради з інтерфейсу користувача - короткий зміст запису

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

    ДІЗНАЙТЕСЯ ЯК ОТРИМАТИ САЙТ ІЗ ЗНИЖКОЮ
    Залиште свої дані та наші оператори передзвонять вам, щоб розрахувати вартість та погодити знижку спеціально для Вас
    Статті
    Публікації у нашому блозі

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

    всі статті
    Є ідеї, але не знаєте, з чого почати?

    Дайте відповідь на кілька запитань в онлайні і ми підкажемо!

    Бриф – це коротка інформація про Ваш проект. Заповнивши онлайн-бриф на нашому сайті - ви заощадите час і позбавитеся від непотрібних розмов!

    Дізнайтесь як вийти в ТОП у 2021! ?
    Дайте відповідь на кілька запитань ОНЛАЙН і дізнайтеся, що потрібно, щоб Ваш сайт вийшов у ТОП !
    заповнити бриф
    Дізнайтесь вартість проекту онлайн! ?
    Дайте відповідь на кілька питань і дізнайтеся скільки коштує розробка Вашого сайту!
    заповнити бриф