Wednesday, October 7, 2015

usability - Is it better to represent simple labeled information as table or just text with subheadings?


I'm redesigning a website that has some simple information presented as a table like this:


mockup


download bmml source – Wireframes created with Balsamiq Mockups


I read yet the again the Label Placement in Forms article. The article is a report on eye tracking study and basically says that forms are quicker to read if form labels are place above the fields instead of to left(left-aligned or right-aligned). I was wondering does the data from that article apply to any similar presentation of information? So would a better solution to the table above be simple linear list with headings like this:


mockup


download bmml source


I appreciate any pointers to relevant articles.




Answer



Your linked article is talking about the relationshiop between labels and input fields. The use case is in there is read, think, type. Input, process, output. And during output (typing) a user may want to revisit reading and label-on-top-of-input facilitates that.


The use case of the information you are presenting is read, read. Or maybe simply read. Very different. Your illustration #2 doesn't facilitate reading. A table has too much unnecessary ink for a 2 item line and also slows reading. (But if you consider the information tabular in nature it would be correct to use a table, but I would either have it not display the grid or make the grid very faint.)


I think JohnBG's suggestion of the format is a good one.


No comments:

Post a Comment

technique - How credible is wikipedia?

I understand that this question relates more to wikipedia than it does writing but... If I was going to use wikipedia for a source for a res...