В последнем номере 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-приложений, интернетов тогда ещё не было), причём примерно тем же цветом, но, правда, с точностью до наоборот: необязательные поля были желтоватые, а обязательные – обычные белые:
В общем, малость «опередил своё время». Бывает... ;θ)
Интересно, сможет ли подкраска побить звёздочки (то есть, явный «визуальный мусор») в реальных интернетах. (Я теперь буду в первую очередь внедрять подкраску в интранетах, там она нужнее...)
