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 5 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.