Mobile-First Design

A substantial portion of the website traffic to main university websites comes from mobile devices. It is likely that a significant portion of website visitors on any given website are accessing the content on a smartphone or tablet. It is considered a best practice to initiate web design with the mobile layout first and then design the desktop layout. 

Device use by website visitors, August 2023 to April 2024

• Start with mobile layout first when creating a new website design.
• Place essential information and actions in upper portions of the layout.
• Style navigation and headings consistently on mobile and desktop.
• Style and position text and user interface labels to be visually distinct from one another.
• Use simple interfaces and interactivity.
• Make user interface components large enough to touch on a touchscreen device (48x48 pixels minimum).
• Evaluate and test download speeds. More fonts and images mean slower load time.
• Evaluate and test displays at common device breakpoint screen sizes.