Юзабілітість мобільних форм
Нік Бабіч
Мобільні користувачі, які використовують ваш додаток або сайт, мають певну мету. Часто між користувачем та його метою стоїть лише форма. Насправді форми часто вважають завершальним етапом шляху до досягнення цілей. Ось чому так важливо, щоб користувачі заповнювали форми якомога швидше і без жодної плутанини.
Зробіть форми швидкими та простими для заповнення, дотримуючись семи правил:
Переконайтеся, що поля форми не перешкоджають огляду елементами інтерфейсу, такими як клавіатура. Коли користувач заповнює поля форми, автоматично просувайте кожне поле вгору по екрану.
Чим довшою або складнішою здається форма, тим менш імовірно, що користувачі хотіли б заповнити пропуски - особливо на маленьких екранах. Мінімізація кількості полів введення робить вашу форму менш завантаженою, особливо коли ви запитуєте багато інформації у своїх користувачів.
Але мінімізації кількості полів введення недостатньо - вам слід також звернути увагу на зусилля користувача щодо введення даних. Набір тексту має високу вартість взаємодії; це спричиняє помилок і займає багато часу навіть із повною клавіатурою (і тим більше на сенсорному екрані).
Таким чином, спробуйте мінімізувати введення тексту та запобігти помилкам користувачів:
Розумні за замовчуванням
Розумні за замовчуванням заповнюють форму користувача швидше та точніше. Наприклад, попередньо виберіть країну користувача на основі його геоданих.
Радіогрупи для тісно пов’язаних, але взаємовиключних варіантів
Коли користувачеві потрібно вибрати зі списку параметрів, подумайте про використання горизонтального списку тегів, оскільки він краще використовує наявний простір на екрані.
Повзунки для мінімальної/максимальної ціни або діапазону бюджету
Розгляньте можливість використання повзунків для полів, які містять ціни або бюджети, щоб користувач міг пересунути повзунок для встановлення мінімального/максимального діапазону. Повзунок легко гортати горизонтально і забезпечує прості візуальні сигнали для налаштування цієї дії. Але майте на увазі, що цифри не слід приховувати під час роботи повзунка (жирними пальцями).
Мітки повідомляють користувачеві призначення поля, а чіткий текст мітки - один із основних способів зробити інтерфейси більш доступними.
Чому ніколи не слід використовувати вбудовані етикетки
Вбудовані мітки (або текст-заповнювач як мітка поля) - це текст, розміщений усередині поля форми, який зникає, коли користувач вводить поле.
Хоча вбудовані ярлики виглядають добре та економлять цінну екранність, ці переваги значно переважають основні недоліки юзабіліті, найважливіший з яких - втрата контексту. Як тільки користувач клацає на текстовому полі, мітка зникає, і, таким чином, користувач не може подвійно перевіряти, що те, що він/вона написав, справді є тим, що було призначено для написання.
Інша справа, що коли користувачі бачать щось написане всередині текстового поля, вони можуть припустити, що воно вже було попередньо заповнене і, отже, можуть проігнорувати це.