Jump to HeaderJump to Main ContentJump to Footer
Michigan State University
Michigan State University
Digital Experience Studio

University Communications and Marketing

Digital Experience Studio

  • Experience Program
    • Website Project Process
    • Working with a Vendor
    • Glossary
    • Taxonomy Data Dictionary
  • |
  • Experience Design
    • Website Strategy
    • Website Structure
    • Information Architecture and Navigation
    • User-Centered Design Conventions
    • Common UX Issues
    • Enterprise Design System
    • Content Planning
    • Creating Accessible Content
    • Taxonomy and Filters
  • |
  • Website Technology
    • Web Standards
    • Search Engine Optimization
    • Cascade CMS
    • Sitecore CMS
    • Content Hub Overview
    • Content Hub DAM
    • Content Hub Operations

    SitecoreAI

    Sitecore user login
  • |
  • Social Media
    • Alt Text Bookmarklet
    • Meta Ad Pixel
    • Social Media and Web Integration
    • Sprinklr

    Sprinklr

    Sprinklr user login
  • |
  • Analytics
    • Google Analytics (GA4)
    • Testing
    • Data Visualization

    Google Analytics

    Google Analytics user login
  • |
  • News and Events
    • News and Updates
    • Events and Trainings
Digital Experience Studio

University Communications and Marketing

  • Experience Program
  • Experience Design
  • Website Technology
  • Social Media
  • Analytics
  • News and Events

< Experience Program

  • Website Project Process
  • Working with a Vendor
  • Glossary
  • Taxonomy Data Dictionary

< Experience Design

  • Website Strategy
  • Website Structure
  • Information Architecture and Navigation
  • User-Centered Design Conventions
  • Common UX Issues
  • Enterprise Design System
  • Content Planning
  • Creating Accessible Content
  • Taxonomy and Filters

< Website Technology

  • Web Standards
  • Search Engine Optimization
  • Cascade CMS
  • Sitecore CMS
  • Content Hub Overview
  • Content Hub DAM
  • Content Hub Operations

SitecoreAI

Sitecore user login

< Social Media

  • Alt Text Bookmarklet
  • Meta Ad Pixel
  • Social Media and Web Integration
  • Sprinklr

Sprinklr

Sprinklr user login

< Analytics

  • Google Analytics (GA4)
  • Testing
  • Data Visualization

Google Analytics

Google Analytics user login

< News and Events

  • News and Updates
  • Events and Trainings
Digital Experience Studio > Experience Design >

User-Centered Design Conventions

Michigan State University

MSU Tools and Resources

  • A to Z Index
  • Find People
  • Email
  • Tech Support
  • Social Media Directory

Communications Resources

  • University Communications and Marketing
  • University Trademarks and Licensing
  • MSU Brand Studio
  • MSU Editorial Style Guide
  • MSU Photos

Contact us

517-355-7505

Address

Michigan State University 408 West Circle Drive East Lansing, MI 48824

Follow Us

  • Visit our Facebook page
  • Visit our page on X
  • Visit our Instagram page
  • Visit our LinkedIn page
  • Visit our YouTube page
  • Visit our TikTok page

If you're having accessibility issues, please let us know.

Know MoreTransparency Reporting: Budget & Salary/Compensation
Michigan State University
  • Contact Information|
  • Site Map|
  • Privacy Statement|
  • Site Accessibility|
  • Call MSU: (517) 355-1855|
  • Visit: msu.edu|
  • Notice of Nondiscrimination|

SPARTANS WILL|© Michigan State University|

User-Centered Design Conventions

What is User Experience?

According to the Nielsen Norman Group, leaders in research-based user experience, “The main goal of user experience, or UX, is creating and improving people’s experiences in their everyday life and work. Specifically, UX efforts often focus on improving digital products and services.”

User experience is evaluated using heuristics. A heuristic evaluation is a method for identifying issues with the design of a user interface by judging the design against a set of standardized guidelines (i.e., heuristics) determined to make the website or system easy to use. 


UX at MSU

The following are the heuristic evaluation criteria often cited by University Communications and Marketing's Digital Experience group when conducting a heuristic review or audit.

Layout and Visual Design
  • Aesthetic and minimalist design
  • Consistency in design standards
  • Fonts and graphics have appropriate legibility and contrast
  • Design reinforces the user’s sense of control
  • Design makes it clear how page items should be used (e.g., buttons)
  • Visibility of system status
Navigation and Information Architecture
  • Intuitive content hierarchy and UI flow
  • Navigation is visually prominent and separate
  • Navigation is contextual
  • Links are clearly distinguished
  • Secure/logged-in state is distinguishable
Persuasion, Emotion and Trust
  • Relevant to target audience needs
  • Reflects value proposition(s)
  • Honest and transparent
Site Speed
  • No noticeable or unreasonable delays
User Help and Assistance
  • Access to help
  • Printable
  • Accurate search results
User Interaction and Data Form Entry
  • User interface interaction response is visible without scrolling
  • Logical/anticipated user interface response
  • Forms follow best practices
  • Ability to undo or change choices before committing
  • Evident task confirmation/completion
Content Presentation and Clarity
  • Use a familiar framework, making it easier to absorb (mental model)
  • Progressive levels of detail
  • Use terms, metaphors, etc. familiar to target audience
  • Reduce uncertainty, display data in a manner that is clear and obvious
  • Content broken into digestible chunks (gestalt)
  • Content display follows best practices
  • Practice judicious redundancy
Content Quality
  • Easy to read or scan
  • Has an audience-specific tone
  • Is engaging
  • Presented consistently
  • Facilitates important user activities
  • Communicates the primary message as expected

Key Recommendations

Below are some key recommendations for commonly found features on college and academic department websites.

Menu Navigation

The main navigation bar should have seven or fewer categories. There should be a concise amount of submenu options. Labels should be short and clear.

Homepage

The homepage should cover key tasks that prospective students are trying to accomplish, including accessing programs, admissions page and a means for requesting additional information. Calls to action at the top of the page is more helpful than news and upcoming events.

News and Events

Include multiple ways to browse and search news and events. Examples include topics, departments, areas of research, date and popularity.

Academics

Provide quick and easy access to programs and degrees in the menu. Include a page that provides an overview of all majors and minors for undergraduate programs and all degrees for graduate programs. Ideally, include a brief description of each program or degree. 

Admissions

Provide quick and easy access to an admissions page on the menu. Include calls to action to this admissions page on related pages within the website, such as program page(s). The admissions page should be concise and include a graceful handoff to the university-wide admissions website. Showcase the steps in the user journey from starting an application through acceptance. 

Research

Provide a range of ways to discover research areas, such as by area, impact or research center.

People Directory

The directory should be easily accessible from the navigation menu. It should include the college or unit faculty and staff together in one list and offer search functionality. 

Footer

The footer should include links to important website pages, such as departments or programs, as a helpful failsafe to ensure users can find these pages.  

Common UX Issues

Beware these common user experience issues when designing a website. 

View the list
An illustrative icon of a web browser window containing a hammer and wrench on a coral colored background.

Documentation updated: Nov. 1, 2024