Visibility of System Status PROS It communicates the current status really well by showing the loading process and displaying the time of the last update. It is very helpful to see the shuttle icons moving in real time and helps users identify where exactly the shuttle is.

Match Between the System and the Real World PROS It is very helpful to see the shuttle icons moving in real time and helps users identify where exactly the shuttle is. CONS Route button is very small and users can’t tell what the button will do until they click it. RECOMMENDATIONS Route button should be larger.

User Control and Freedom PROS When clicking on a route on the list of routes on the left, users are able to exit the specific route and click a different route.

Consistency and Standards PROS Looks like Google Maps and other route-planning apps. CONS 1. The Accessibility Adjustments button for the interface looks more like the Street View button seen in Google Maps. Showing a person does not necessarily suggest accessibility needs. 2. The button with the question mark at the bottom of the page may not be immediately apparent to users. Upon clicking it, many users anticipate finding an FAQ or Contact page, but instead it leads to a video tutorial on the website’s usage. RECOMMENDATIONS 1. The accessibility icon needs to be redesigned to show in some way that this is for people who need additional adjustments. 2. Use a different logo for the page featuring the video and use the question mark button to lead to the FAQ page for improved user clarity. Additionally, it would be beneficial to have a phone icon to symbolize a Contact page. This way, users don’t need to navigate to another page to reach the FAQ and Contact pages.

Error Prevention PROS Clearly states which routes are online and offline by using the colors green and red to prevent confusion to users looking for what options are available. There is also a red error icon shown for the routes that aren’t operating today.

Recognition Rather than Recall CONS Route button is very small and users can’t tell what the button will do until they click it. RECOMMENDATIONS Route button should be larger and the icon should make the function more obvious. This function being that, when pressed, the map view focuses back onto the routes. (There’s a similar button in Google Maps; it could use a similar visual).

Flexibility and Efficiency of Use CONS 1. The accessibility button is very small and shoved to the corner, making it very hard to see. 2. The accessibility button is a sticky button that follows users as they scroll. RECOMMENDATIONS 1. The button can be slightly larger and placed at the top of the screen. 2. Instead of a sticky button, the accessibility button should be a fixed button as there is no benefit of it being a sticky button.

Aesthetic and Minimalist Design CONS 1. The top row of buttons for the routes are unnecessary (because the same can be done within the map). These buttons are also difficult to notice because they are very small. 2. The red line of announcements are small and hard to read. This is an issue especially if there is important information. 3. The Mission Bay logo is placed twice (and one isn’t a button so it is confusing on which one links back to the home page). 4. Some routes overlap with each other, causing some routes’ colors to not be seen. RECOMMENDATIONS 1. They can remove the top buttons of the route, and instead make the red announcements bigger. 2. Instead of having the announcements scroll through, there should be an arrow that goes through all of the announcements so that users don’t need to wait for the announcements to loop again in order to read it again. 3. Remove the second repetition of the logo, especially the one that doesn’t link to the home page and make the logo larger. 4. When routes overlap with each other, the path of the routes should go next to each other, not on top of each other.

Help Users Recognize, Diagnose, and Recover from Errors PROS Did not face any errors (at least hard to make ones) for the site to tell us what we did wrong.

Help and Documentation PROS There is a button (with a question mark visual) that leads to a video demo of the app. Within this page, there is a link at the top of the page to the FAQ page and Contact page, with answers to different questions and a search option to look for specific information.  CONS The button with the question mark at the bottom of the page may not be immediately apparent to users. Upon clicking it, many users anticipate finding an FAQ or Contact page, but instead it leads to a video tutorial on the website’s usage. RECOMMENDATIONS Use a different logo for the page featuring the video and use the question mark button to lead to the FAQ page for improved user clarity. Additionally, it would be beneficial to have a phone icon to symbolize a Contact page. This way, users don’t need to navigate to another page to reach the FAQ and Contact pages.