Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

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?

share|improve this question
4  
I'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 Huang Jan 15 '11 at 0:04
4  
A screenshot would go a long way towards explaining the issue at hand. –  Philip Regan Jan 15 '11 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 Koritnik Jan 17 '11 at 8:23
    
I think the issue is terminology. I edited my question. –  Computerish Jan 17 '11 at 15:04

1 Answer 1

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.

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.