Ідеальна форма реєстрації

Опубліковано: 25 листопад, 2009 о 13:16

Останнім часом багато уваги приділю питань usability. Тому на adne.info з`явилася відповідна рубрика. У цьому пості, як випливає з назви, поговоримо про форми реєстрації. Точніше: про підписи до полів (label).

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

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

Тут виникає питання, як вирівнювати підпису - лівим або правим краєм? Що краще? Запитаємо у популярних сервісів: Вконтакте проти Однокласників:

Вконтакте проти Однокласників

Відео: Форма реєстрації. Як створити форму реєстрації php

Справи у Вконтакте йдуть кілька краще, вирівнювання - по правому краю. Йдемо далі: порівняємо Яндекс і Рамблер:

Відео: КОРЕКЦІЯ ФОРМИ БРІВ. Як робити корекцію брів: підбір форми брів, вищипування, стрижка

Порівняємо Яндекс і Рамблер

Яндекс ставить праве вирівнювання і виграє. У той же час у Гугла - вирівнювання по лівому краю ...

А як щодо сервісів знайомств: Мамба і Лавпленет:

Мамба і Лавпленет

На Мамбе ліве вирівнювання і 12,016,405 користувачів, Лавпленете - праве вирівнювання і 18,293,478 користувачів.

Однозначно, праве вирівнювання виграє (Гугл не береться до уваги). Підтверджує це і Твіттер - сильно виріс за останній час.

При вирівнюванні по лівому краю користувач проходить очима більш значні відстані і частіше плутається в полях:

Вирівнювання по правому краю мінімізує кількість рухів очей і впорядковує процес:

праве вирівнювання

Підпис також можна поставити знизу або зверху поля введення інформації.

Що буде якщо підпис поставимо знизу? Пробігаючи очима сторінку, користувач бачить поле, нижче підпис до нього. Отже, треба зробити додаткове рух, щоб повернутися до поля (як і з розміщенням підписи праворуч). Чи не раціонально. Стало бути в цьому варіанті краще розміщувати підписи над полями.

До речі, вивчаючи закордонні ресурси по usability виявив що більшість рекомендує саме верхні підписи до форм. Так наприклад зроблено у популярного блог-движка WordPress:

Звірити, зліва - може бути щось краще? На думку фахівців - може. Підписи треба виділити «жирним» - тегом або . Отже зроблено у Tumblr:

Ідеальна форма реєстрації?

Утім, для рунета все ж краще орієнтуватися на наші ресурси, а здесь, що показало моє невелике дослідження - праве вирівнювання з лівої сторони від поля - виграє.