ruschi_ivan (ruschi_ivan) wrote in ru_ucdesign,
ruschi_ivan
ruschi_ivan
ru_ucdesign

Category:

Обязательные поля: звёздочка или цвет?


В последнем номере Interacting with Computers (август 2009) опубликована статья, которую я в общем тихо-мирно ждал больше 10 лет:

Pauwels S. L., Hubscher C., Leuthold S., Bargas-Avila J. A. & Opwis K. (2009) Error prevention in online forms: Use color instead of asterisks to mark required-fields, Interacting with Computers 21 (4), 257-262 {@ ScienceDirect}

Abstract
In this study, a simple but important user interface design choice is examined: when marking required-fields in online forms, should GUI designers stick with the often used asterisk that many form design guidelines cite as the de-facto web standard, or should they choose a colored background as a new design solution to visually signal which input fields are required? An experiment with 24 participants was conducted to test the hypotheses that efficiency, effectiveness and satisfaction ratings of colored required-fields exceed those of asterisk-marked required-fields. Results indicate that colored required field marking leads to fewer errors, faster form fill-in in and higher user satisfaction.


Короче, сравнивалось заполнение форм, где обязательные поля помечались звёздочкой (нынешний стандарт de facto), и форм, где обязательные поля были выделены цветом. По трём ю-параметрам: количество ошибок, время выполнения задания, субъективная удовлетворённость.

Выделение обязательных полей цветом

(Скриншот со звёздочками опускаю, там классика: красные звёздочки после меток.)

Вышло, что по всем трём параметрам цвет значимо бьёт звёздочки:

Статистика

(errors: t(23)=2.777, p=.006; task completion time: t(23)=1.836, p=.04; satisfaction: t(23)=1.754, p=.047)

Любопытно, что я предлагал красить поля ещё в далёком июне 98-го (для win-приложений, интернетов тогда ещё не было), причём примерно тем же цветом, но, правда, с точностью до наоборот: необязательные поля были желтоватые, а обязательные – обычные белые:

RTS BackOffice

В общем, малость «опередил своё время». Бывает... ;θ)

Интересно, сможет ли подкраска побить звёздочки (то есть, явный «визуальный мусор») в реальных интернетах. (Я теперь буду в первую очередь внедрять подкраску в интранетах, там она нужнее...)
Subscribe

  • Post a new comment

    Error

    default userpic

    Your IP address will be recorded 

    When you submit the form an invisible reCAPTCHA check will be performed.
    You must follow the Privacy Policy and Google Terms of use.
  • 31 comments