Форма мітки для найкращого використання

16

Я створюю форму , яка буде просити відвідувача за їх firstname, middle initialі lastname. Я хочу, щоб ці текстові поля були усі вбудовані, але де я повинен розміщувати мітки? Зліва, вгорі або під полями.

Я шукаю найкращий підхід з точки зору зручності використання.

— Шейн Стиллвелл
джерело

Це не більше підходить для uxexchange.com? ( uxexchange.com )

— Боббі Джек

Нічого собі, я не знав, що існує uxechange.com, дякую. Судячи з кількості голосів за це питання, це, безумовно, на увазі Pro Webmasters.

— Шейн Стиллвелл

Так - це трохи "питання". Я вважаю, що uxexchange був створений за допомогою «старої моделі SO». Сайти, які використовують нову модель, наприклад, веб-майстрів, як правило, приділяють значно більше уваги. Тож те, що більше стосується uxexchange, стає більш успішним для веб-майстрів. Я не впевнений, яке рішення - міграція uxexchange?

— Боббі Джек

10

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

Існує подібна стаття Луки Врублевського , також досить детальна. Обидві статті варто прочитати!

— Грант Пейлін
джерело

+1 я збирався опублікувати ті самі ресурси. Дійсно, будь-яка відповідь на це питання повинна включати дослідження.

— Virtuosi Media

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

— Шейн Стиллвелл

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

— Шейн Стиллвелл

не бути негативним нелли, але uxmatters.com не має розділу "Найпопулярніші статті" або навіть використовує інструменти для веб-майстрів Google, щоб я міг знайти їх найчитаніші статті, що не дуже досвід користувачів!

— Ніл МакГуйган

5

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

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

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

— Бен Гофман
джерело

3

У будь-якому випадку, не забудьте forатрибут.

— П’єр-Ален Віджеант

4

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

Тим не менш, існує багато різних способів компонувати сторінку та бути доступною.

Мітки форми дійсно можуть з’являтися майже в будь-якому місці, де ви їх хочете, доки це відбувається. Цей звернення варто переглянути, http://patterntap.com/tap/collection/forms

— Кевін
джерело

3

Є два варіанти, які вважаються найкращими:

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

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

— GSto
джерело

1

Відповідь: Нічого із зазначеного. Використовуйте текст заповнення всередині самого поля. Атрибут заповнення місця є вбудованою частиною HTML-5.

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

— Адам Л Девіс
джерело

0

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

Цитуючи себе на StackOverflow:

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

Зауваживши, що є досить велика кількість людей, які використовують ім’я, яке не є дареним батьками, я з певним успіхом використовував таку схему:

Повне ім’я (як зазвичай пишеться для адресації пошти); Прізвище; Відомий як (назва, що зазвичай використовується в розмові).

Наприклад:

Повна назва: Вільям Гейтс III; Прізвище: Gates; Відомий як: Білл

Повна назва: Soong Li; Прізвище: Soong; Відомий як: Ліза

Дивіться /programming/259634/splitting-a-persons-name-into-forename-and-surname/259694#259694 для отримання додаткової інформації.

— Беван
джерело

Я бачу цінність у вашій рекомендації, але ключовим питанням буде "хто ваша цільова аудиторія?" Якщо 99% моєї аудиторії будуть американцями, то я б пішов з ім'ям / ім'ям / прізвищем / прізвищем. Я думаю, що багато американців не відразу зрозуміли б, що таке прізвище. Як сказав @RandomBen, ви повинні бути послідовними, і більшість американських сайтів використовують Ім'я / ІМ / Прізвище.

— Шейн Стиллвелл