Що впливає на перше враження про сайт?
Коли користувач потрапляє вперше на сайт, перше враження у нього формується протягом перших секунд. Деякі навіть говорять що протягом сотих секунд. Але це не так важливо, головне справити хороше перше враження і заручиться симпатією з боку відвідувача.
Один з найважливіших параметрів - час завантаження сайту. Повільне завантаження сайту може коштувати господареві втратою потенційного постійного відвідувача і навпаки стати основою для хорошого враження.
Інший момент, який може відштовхнути - це наявність повідомлень про помилки на сайті, неможливість завантажити сторінку і биті посилання.
Думаю очевидно, що ключовим моментом є дизайн сайту. Дизайн являє собою сукупність безлічі елементів: колірна гамма, розмір та тип шрифтів, якість зображень, розмір і т.д.. Кожен з цих елементів по своєму впливає на враження.Наприклад, колірна гамма. Дуже важко підібрати хорошу комбінацію кольорів, яка з одного боку була б гармонійною і з іншого добре сприймалася людським оком. У мережі можна знайти масу статей на цю тему, тому перейду до наступного елементу - логотип (бренд).
Логотип повинен виглядати так, як ви хочете позиціонувати свою компанію. Логотип повинен бути якісним, оригінальним і незабутнім.
Зображення вгорі сайту - це найчастіше те, що першим бачать відвідувачі при завантаженні сторінки, тому і має великий вплив. Багато дизайнерів розміщують зверху великі графічні елементи, хоча з багатьох причин значно краще розміщувати контент якомога ближче до початку сайта.
Як оптимізувати вебформи?
Вебформи невід'ємна і дуже важлива частина будь-якого сайту. Адже саме через форми в більшості випадків відбувається оформлення замовлень, реєстрація користувачів, пошук по сайту, підписка на розсилки і т.д.. Тому цим елементам необхідно приділяти особливу увагу і займатися їхньою оптимізацією.
Представляю вашій увазі підбірку рад щодо поліпшення вебформ:
- Видаліть непотрібні поля. Наприклад інформація про дату народження або приналежності до статі буде зайвою при заповнення форми замовлення товару.
- Простіше - значить краще . Чим простіше виглядає форма, тим вона зрозуміліша і зручніша для користувачів.
- Приберіть кнопку «Очистити». Кнопка «Очистити», розміщена слідом за кнопкою «Додати» лише призводить до випадкових натиснень і стирання введеної інформації. Просто непотрібна опція.
- Видалити кнопку «Скасувати». В формах, які містять кілька послідовно заповнюваних сторінок (наприклад, форма оплати замовлення), необхідно прибрати кнопку «Скасувати». Дана кнопка тільки допомагає користувачам на етапі заповнення даних зайвий раз замислитися про доцільність заповнення і відмовитися приміром від покупки. Це аналогічно питання «Ви дійсно хочете купити це?».
- Виділяйте обов'язкові поля. Чим простіше людині заповнити форму - тим краще. Тому спростите користувачам життя і виділіть обов'язкові для введення даних поля. Це зазвичай робиться за допомогою * або виділенням жирним заголовка поля.
- Використовуйте підказки. Частенько буває, що користувачі не відразу розуміють призначення того чи іншого поля, тому розмістіть спеціальні підказки. Вони можуть бути як маленьким шрифтом, так і відкриватися в спливаются вікнах.
- Показуйте приклади форматування. Деякі поля вимагають спеціального форматування. Наприклад: номери телефонів, ціна, дати. Додайте поруч з полем введення приклад в якому вигляді повинні бути дані.
- Робіть форми інтернаціональними. Іноді зустрічаються сайти, на яких необхідно ввести свою адресу, але в випадаючому списку відсутня необхідна країна або місто чи взагалі є можливість ввести адресу тільки для громадян США - відразу пропонується список штатів. Якщо ваш бізнес має на увазі, що клієнтами можуть бути люди з різних регіонів світу, враховуйте це при створенні форм.
- Логічне перемикання Tab. Ох як дратує, коли при заповненні форми після натискання Tab фокус стрибає не на наступне поле введення, а кудись убік. Таке трапляється, коли форматування виконано за допомогою таблиць і в них порушений порядок вкладення.
- Перевіряйте введені дані на стороні сервера. Як відомо існує 2 способи перевірки правильності введених даних: за допомогою javascript і на стороні сервера. Використовуйте другий спосіб, так як він більш безпечний і у деяких користувачів javascript буває просто відключений налаштуваннями безпеки.
- Робіть зрозумілими повідомлення про помилки. Відображаючи повідомлення про неправильності введених даних користувачем, переконайтеся, що повідомлення буде гранично зрозумілим користувачеві і він зможе швидко виправити дані. Приміром краще написати «Ви не ввели ваш email», ніж «Ви не заповнили всі обов'язкові поля».
- Відображайте тільки те, що треба. Наприклад, ви визначили по ip, що користувач з Україниї, тоді можна приховати поля для вибору країни і відразу запропонувати користувачеві ввести місто або в випадаючому списку поставити Росію, як обраний елемент.
- Логічно сортуйте списки. До прикладу, якщо у вас є список, що випадає країн і ви знаєте, що 90% відвідувачів з України, то дані країни можна поставити спочатку списку. Але в будь-якому випадку як мінімум повинно бути алфавітне сортування.
- Ajax перевірка даних рулить. Дуже зручно коли в процесі заповнення форми відразу виводиться повідомлення про коректність або некоректність введеної інформації. Це дозволяє швидко виправити помилки.
- Функція «Запам'ятати мене». Для форми логіна бажано розміщувати checkbox "Пам'ятати мене" для автоматичного входу в систему. Хто любить запам'ятовувати і постійно вводити паролі?
- Встановлюйте фокус. Якщо завантажується сторінка, що містить форму, фокус необхідно встановлювати на перше поле форми.
- Уникайте особливих вимоги до пароля. Отримували небудь повідомлення «Пароль повинен містять хоча б одну цифру і літеру і бути не менше 6 символів у довжину»? Подібні вимоги призводять до того, що користувачеві доводиться придумувати окремий пароль для сайту, який він потім може забути..
- Правильно називайте кнопки дій. Іноді значно краще назвати кнопку «Зареєструватися», ніж використовувати стандартний варіант «Submit» або «ОК».
Інші пропозиції
- Шрифти (колір, розмір, тип) впливають на читабельність інформації на сайті. Для людського зору значно простіше читати чорний текст на білому фоні, ніж білий на чорному. Погано читається як дрібний, так і великий текст.
- Реклама. Кращий спосіб зіпсувати враження про сайт - розмістити масу реклами. Тут має значення і кількість реклами, і її зовнішній вигляд і її розмір. Якщо мета вашого сайту не заробіток з реклами, то розміщуйте рекламу так, щоб вона не заважала користувачам переглядати інформацію на сайті. Останнім часом найбільше дратує Popup реклама, при натисканні на закриття якої відкривається рекламований сайт. Тобто фактично неможливо позбавитися від неї.
- Репутація. Про ваш сайт відвідувач може дізнатися значніше раніше, ніж побуває на ньому і у нього може скластися думка ще до його відвідування.
- Легкість навігації. Є досить багато сайтів з корисним контентом, однак з дуже незручною навігації, що й погіршує враження про нього.
- Непрофесійні елементи: поганої якості зображення, як і старомодний дизайн можуть негативно відбитися на думці людини.
- Природно, якість контенту. Чим він кращий, об'ємніший і корисніший , тим краще враження.
- Кількість передплатників, зареєстрованих користувачів, щоденна відвідуваність - все це може безпосередньо впливати на сприйняття сайту людиною. «Адже, якщо багато хто визнав сайт цікавими для себе, значить він може бути цікавий і для мене». Для блогів не менш актуально кількість трекбеків і коментарів.
- Флеш заставки (intro). Багатьом вони подобаються, для деяких ресурсів вони доречні, але я вважаю їх зайвими, оскільки вони попросту забирають час. Ну і відповідно поганої якості флеш може вплинути негативно.
