This article was written together with Michael Gilbert, senior user experience researcher in the material design team. Dave Chiu, employee interaction designer, and Sameer Bansal, user experience designer, worked with Michael to redesign the text boxes.
You may not always notice, but Material Design is constantly evolving based on research. We have recently received a request as to why the style of the material text boxes changed in 2017, and we take this opportunity to take a look behind the scenes of our research process. Here's how data has improved Google text boxes.
Why did the text boxes need to be revised?
A text box is one of the most common ways for users to enter and edit text in forms and dialog boxes. However, some users did not know that they could interact with the text box and click on it. It looked like an empty box. The line layout in the old text fields was not clear to some users. The line was confused with a divider. The label and the input were confused with the body text, especially in dense compositions.
The goal of Material Design was to find out how to make the text field more recognizable, readable and understandable - with a clearer touch target. We wanted users to be able to fill out a form correctly and quickly.
research
To improve the usability of text boxes and determine which text box variables should be changed, our researchers and designers conducted two studies with actual users between November 2016 and February 2017.
The first study had three tests and a preference ranking. There were 158 participants (+ 45 pilot participants).
Subscribe by Email
Follow Updates Articles from This Blog via Email
No Comments