Layout

The primary purpose of your page design is to create a clear visual hierarchy so the
user can tell at a glance what is important and what is peripheral. The design should
also quickly and clearly define visually the functional regions of a page and group
related elements.

Use a grid layout to ensure that users easily predict the location of major content
and functional elements. For this reason, the layout uses familiar principles of page
layout and makes good use of white space. Crowded pages cause visual confusion. Always
consider the spacing, grouping, similarity and overall visual and informational logic
of your content.

A well-organized page with clear groups of content allows the user to easily scan
and “chunk” the content and helps form a predictable pattern for good usability.

The official web presence of the University of Arkansas uses the Bootstrap 3 responsive framework coupled with Font Awesome for icons.

Bootstrap fits perfectly into a 1280 monitor, becomes fluid and adapts to the browser
width on smaller monitors. It also uses media queries to serve up a mobile version,
which stacks the columns on top of each other so the flow of information still makes
sense. It works on smartphones and devices that recognize “handheld” in the style
sheet and/or media queries.