AI Alignment Liaison Apr 25 - now
The AI Alignment Liaison is an open-source GenAI project that aids AI teams and professionals from any company and industry to build ethical products based on desired values.
Role: UX/UI Designer
Types of Design
User Interface Design
User Experience Design
Software Design
Designing AI/ML
Company/Team: Start-up/10 active members
Tools
Figma
ChatGPT
01
Heuristic Evaluation
01
02
02
User Personas
03
Timeline
Ideation
03
04
04
05
Design Brief + Research Plan
05
Site Map + User Flow
06
06
07
Red Routes
07
Field Testing
08
08
09
Paper Prototype
09
Sketches
10
10
Hallway Testing
11
Style Guide
11
12
12
13
Screener
High Fidelity Wireframe
13
14
15
Usability Testing
14
Medium Fidelity Prototype
15
recognizing the problem
From our personal experience to asking other customers in San Francisco, we identified the main issue to be in the navigation and the design choices made to present information and other features. There was a strong need for a more user-friendly design to enhance the overall user experience.
“Users were facing issues with the usability and design of the original mobile website. Some areas of improvement included the confusing navigation, design inconsistencies, and the lack of clear features.”
The Mission Bay Shuttle App is quite difficult to figure out for those who are not accustomed to using transportation apps or have disabilities that make it difficult to view certain designs. There are many design choices that are unnecessary or unhelpful for customers, such as placing the logo twice or providing emergency information through small, moving text. The map that shows the location and timing of each shuttle is also not entirely intuitive. The images below show the original design of the mobile site.
The goal of this redesign project is to explore more user-friendly designs that balance the expectations of both the Mission Bay Shuttle Team and the user, along with any external constrains that the team may have regarding the app’s design.
Research
IDEATION
After the Heuristic Evaluation and User Personas, we had a better understanding of:
What changes the app needs from a design perspective
What changes or additions the app needs from a user’s perspective.
Our next step from here was to come up with some ideas regarding what exactly would our changes be. Since this was a group project, each of us took some time to come up with our ideas individually. We, then, took to Mural and organized our ideas in themed groups. We took inspiration from dot voting and placed 2 thumbs-up icons on the ideas or groups we preferred to work on.
As is shown in the image on the left, the top three ideas included:
Removing repetitive or unnecessary elements
Mimic the user interface of other travel and transportation apps
Prioritizing information and elements through a clear hierarchical format.
