I recently had a conversation with a friend about the design of an installer application. I pointed out that its visual flow was confusing. It led my eyes from the left to the right and then up to the top and then back down to the bottom left and finally across to the right. He responded that he doesn't think visual flow is especially important to graphic design. Does having a clear direction and flow between elements matter in graphic design or is unimportant compared to other aspects?
-
4I'm not sure what you mean by leading line in the context of a user interface. Usually that term is used in relation to photography where the image itself contains visual lines for the user to follow. User interfaces aren't images, and the eye tends to follow the logical layout of the interface (e.g. the flow of text: scanning left to right, top to bottom) rather than any geometric lines found in the interface.– Calvin HuangJan 15, 2011 at 0:04
-
4A screenshot would go a long way towards explaining the issue at hand.– Philip ReganJan 15, 2011 at 0:57
-
Exactly. What is a leading line? Are you talking about headlines or anything else? Are you asking about leading which is basically line height?– Robert KoritnikJan 17, 2011 at 8:23
-
I think the issue is terminology. I edited my question.– ComputerishJan 17, 2011 at 15:04
Add a comment
|
1 Answer
The visual flow of an interface does matter, and here's why:
- Every interface screen should have a primary action or actions that are to be performed. The visual flow should naturally draw the eye to the primary action.
- The less distance the eye has to travel, the easier an interface is to comprehend and use. Studies (pdf) on form design bear this out as forms with top-aligned labels are more quickly completed than forms with left- or right-aligned labels.
- A confusing or extended visual flow increases user frustration. As they weigh the perceived cost of continued frustration and time versus accomplishing a task, many users will abandon the task.
- The more abandoned tasks, the fewer conversions. In your friend's case, that means fewer installs. In short, he's hurting his bottom line by ignoring good design.
One of the best resources I've seen on this topic is a video series by StomperNet (ignore the sales pitch, the videos are worth putting up with it). The focus of the videos is to improve website conversions, but there are a lot of solid design principles with a scientific basis in them that could be applied to any design.
If video isn't your thing, check out this study, Identifying Web Usability Problems from Eye-Tracking Data (pdf), which highlights specific usability problems that stem from a poor visual flow.
answered Jan 17, 2011 at 19:52
