Visual hierarchy is a cornerstone for all design disciplines and describes how humans interact and perceive content across all mediums. As digital designers, it is our responsibility to design interfaces and experiences that help communicate the content our users are looking for. Mobile screens present unique challenges to applying visual hierarchy concepts, especially when viewed through the lens of responsive design and progressive enhancement. This presentation will explore tactics that can be employed to help bridge the gap between design constraint and content priority, as well as discuss the role visual hierarchy should play when designing for all digital screens.
Visual Hierarchy in a
Mobile Design World
Director of Web Applications Development
California Baptist University
HighEdWeb Annual Conference - Sacramento, CA
October 23, 2018
– Pete Faraday
“… the order in which information is
communicated to a user.”
Faraday, P., "Visually Critiquing Web Pages", Proceedings of the 6th Conference on Human Factors the Web, 2000, pp. 1-12.
• Take a screenshot of a page on mobile and on
desktop screens, then blur them
• What do you see? Where do your eyes go? Can you
identify where important information should go?
• Ask other users what they see
• Record the results