Skip to main content

UH Go Mobile App Guidelines

The UH Go mobile app is the official university app for the University of Houston.  It is the one-stop shop for all app functions to the university’s audience: students, faculty, staff and visitors. UMCMR helps manage the app brand, user experience (including navigation and content hierarchy) and notifications.  

This document is the implementation of guidelines for the “UH Go” mobile application. This document has been developed to aid stakeholders, to familiarize support team members with the best practices, and to help ensure that users have a positive experience when viewing and interacting with the app.

It is University Marketing’s recommendation to use the Collage Template only.  This template has everything the other templates have with the additional ability to apply some customization.

All screen content must adhere to the UH Brand Guidelines. New modules and screens are subject to Brand Review and must be approved by UH Branding. This will be coordinated through the development and implementation cycle with UIT.

Brand does need to review copy changes or screen updates using images that have already received Brand approval.

  • Text size should be easy to read
  • There must be sufficient contrast between foreground colors (text and graphics) and background colors to accommodate low vision and colorblind users
  • Images and user interface elements must include a text component to accommodate screen reading software
  • Use language your audience will understand
  • The less copy the better — keep your message clear and concise
  • Condense paragraphs into bullet points when possible
  • Use headings to break content up into sections
  • Images should be used to help the user navigate and understand content
  • Do not use images purely for decoration
  • Ensure UH has permission to use the photo or graphic
  • Images should be optimized for mobile
    • File size should be no larger than 250 KB for large photos, 100 KB for thumbnail images, and 50 KB for icons
    • Image dimensions should be saved at least 2x the intended size on the screen to display without distortion on high resolution displays
  • Banners should have a simple design and message
  • Clickable banners should include a clear call to action
  • Keep forms simple — include only the fields that are absolutely necessary
  • For longer forms, divide into multiple screens and include a progress bar
  • Use short names for buttons
  • Button names should indicate the action performed by pressing the button
    • E.g., “Sign Up,” “Apply Now,” “Request Information,” “Purchase Tickets”

Users don’t expect to find social media content in the UH Go mobile app. Don’t replicate social media posts or include social media feeds. Keep social media content on relevant networks/apps (e.g., Facebook, Twitter, Instagram, etc.).

Please reference Push Notification Policy for more information.
  • Message content should be relevant to the user/persona
  • Message quantity should be kept to a minimum
  • Bluetooth beacons can be used to send notifications to users at specific locations and should link to screen content for additional information
  • Updates to the app should be messaged to the user only when a significant addition or change is made.
  • Updates to screen content should not be messaged to the user unless a critical change has been made
  • Home screen banners are reserved for news/events that appeal to or affect the majority of the university community
    • News and events should be relevant to the user/persona
    • News and events should be timely, not evergreen
    • Events should be related to the university’s big rocks or strategic initiatives (e.g., arts, athletics, energy, health, student success)
    • Events must have a date, time, and location
  • The home screen and sub-screen menus should be limited to as few items as possible
  • Home screen and sub-screen menus may include icons to help distinguish menu options
  • When an icon is used, a visible text label should be used to communicate the meaning and reduce ambiguity
  • New icons can be requested by and must be approved by University Marketing
  • Home screen banners are reserved for news/events that appeal to or affect the majority of the university community
    • News and events should be relevant to the user/persona
    • News and events should be timely, not evergreen
    • Events should be related to the university’s big rocks or strategic initiatives (e.g., arts, athletics, energy, health, student success)
    • Events must have a date, time, and location

It is important for stakeholders to test their screens on different kinds of devices (e.g., Android and iOS phones and tablets) to ensure content renders correctly and functionality works as intended, but also to conduct user testing to ensure information and navigation is clear and functionality is easy to use. User testing might include:

  • Asking users to perform a specific set of tasks
  • Asking users for their feedback after using the app

University Web Services and University Web Marketing are available for consultation and assistance.

Modules in the app are organized by and should be placed into one of the following categories:
  • Academics — anything to do with classes, including but not limited to:
    • Application
    • Catalogs
    • Advising
    • Enrollment
    • Payments
    • Libraries
    • Bookstore
    • Blackboard
    • Testing
    • Grades
    • Dates and deadlines
  • Athletics — anything to do with collegiate sports only (not including intramural sports — see Recreation under Campus Life), including but not limited to the following:
    • Schedules
    • Rosters
    • Ticketing
    • Venue information
    • Promotional media
  • Events — individual events tied to date, time and location appropriate for the main UH calendar (performances, lectures, etc.) in addition to campus-wide featured events including but not limited to the following:
    • Weeks of Welcome
    • Homecoming
    • Frontier Fiesta
    • Finals Mania
  • Maps & Transportation — anything to do with wayfinding and getting around, including but not limited to:
    • Building and parking maps
    • Shuttle routes
    • Parking registration
    • Bike and car rentals
    • Bike storage and repair stations
    • Metro and Light Rail
    • Commuter programs
  • News & Media — stories and programming from news publications and audio/video producers, including but not limited to:
    • UH Newsroom
    • Daily Cougar
    • Cougar Radio
    • Student Media
    • YouTube Channels
    • Philo
  • Safety — anything to do with campus safety, including but not limited to:
    • Security
    • Police
    • Fire Marshall
    • Environmental Hazards
    • Sexual Misconduct
    • Emergency Alerts
  • Services & Support — any additional services provided to the university community, including but not limited to:
    • Career Services
    • Health Services
    • IT Support
    • Cougar Card
    • Printing & Postal
    • Equal Opportunity Services
  • University Contacts — anything to do with contacting the university, whether it’s reporting a problem or finding help, including but not limited to:
    • University Contact Information
    • Campus Directory
    • Report a Problem
    • Give Feedback
    • Get Help