HuskySwap
Create your dream schedule
Overview
For a class project, my group and I designed an app which enables students to trade courses and sections with one another.
My Role
UI/UX Designer
Team Lead
UX Researcher
Timeline
6 weeks
Tools Used
Figma, Miro, Photoshop
Team Members
Sammy Bharadwaj,
Parker Huang
Oscar Wang
What’s the problem?
Students can’t get the classes that they want
At the University of Washington, many students encounter a recurring challenge each quarter: not being able to secure the classes they desire. This issue can significantly impact their academic progress. Unfortunately, UW’s existing system for notifying students about open class spots is inefficient. As a result, we have been assigned the task of devising a more effective solution to address this problem.
"As a UW student aiming to graduate on time with essential major courses, I experience stress due to unpredictable course availability. I am actively seeking a solution to stay on track academically."
Our Solution
A course trading platform
After conducting preliminary research, we concluded that a course trading application would serve as the optimal platform for college students to engage with our concept. Husky Swap is an application that allows students at the University of Washington to trade courses and sections between one another seamlessly, allowing students to get the classes they want each quarter, securing a timely graduation and reducing unnecessary stress
Interviews
What do other students think?
Our team conducted a series of in-person interviews with local students in our class and dorms to understand student opinion on the current registration system.
Our aim was to identify pain points, validate assumptions and build empathy
Findings
The more feedback the better
We obtained a sample of 50 UW students through classes and friends and sent our a survey on thair opinions on a course trading platform. As seen by the graph around 60 percent of the students are not too satisfied about the registration system and 80% of students think a platform to trade courses would be useful
Do you think a platform to trade courses would be useful?
On a scale from 1-5 how do you feel about the current course registration system
5 - Flawless
4 - Works most of the time
3 - Can be annoying sometimes
2- Is very annoying
1 - I want to transfer schools
Personas
Understanding Our Users
Drawing insights from user interviews and an online survey, we crafted two distinct user personas. These personas allow us to delve deeply into the motivations and needs of our intended audience
Ideation
Initial Sketches
As a group we came up with some initial sketches for how the system of our product will work. For this ideation session, we worked based off of our user research and the personas we had created.
Once we looked over our sketches, we decided that a mobile app would be the best way to go with our product as it is the most accessible to students and the content of our system would be simple enough to just require an app and not an entire website.
Design Requirements
What features do we need?
Now that we had narrowed down the platform, we had a brainstorming session where we agreed on some of the main features for our app. We took insights from our user research in order to create features best catered to users needs. This initial list helped us guide the rest of our design process:
This page allows users to select the courses they want to send to the trade matcher(Feature #2). Users can search courses and also specify the classes they already have.
#1
Selecting Classes
After sending selected classes to the trade matcher, users can check two tabs: one displaying the best matches for you and another listing all matches (where at least one class aligns with your preferences).
#2
Matching Users
Essential for communication during trades. Enables users to discuss specific trade details with their counterparts.
#3
Messaging
Information Architecture
Visualizing the User Flows
Wireframes
Low-Fidelity
Guided by our sitemap, we translated its structure into low-fidelity wireframes. These wireframes provided us with a clear understanding of the design’s functionality and the user-app interactions
Feedback
User Testing Evaluation
To evaluate our initial prototype, we tested our low-fidelity prototype on students at the University of Washington and in our classroom. We presented each user with a set of tasks and then an interview at the beginning and end of their testing, observing pain points, user work-flow, and general functionality of the app.
Some changes we implemented based off of feedback:
A 'section' tab where users can trade sections. I recognized and confirmed through student interviews that enabling class section trading is more useful than just trading classes.
Using more specific button icons for our tabs to ensure that there is no confusion
Implement a feature allowing users to cancel their trade post submission
Informed users that their schedule auto-connects after logging in via UW MyPlan, displaying only compatible classes in the Trade Matcher.
Final Design
Putting It All Together
After carefully evaluating the design modifications stemming from our low-fidelity prototype, we proceeded to incorporate them into our high-fidelity design.
As the sole member in our group with a design background, I took the role of the UI designer for our product. Leveraging Figma, I crafted a user-friendly and dynamic interface that strikes a balance between cleanliness and vibrancy for our app.
Easy Onboarding Process
Adding a trade request
Sending classes to trade matcher page and accepting trade request
Reflection
What did I learn?
With this being one of my first end-to-end UX case studies, I came to the realization that the significance of UI design is not paramount compared to other aspects of the project. Through constructive critique, I gained a valuable understanding that user feedback and research play a pivotal role in shaping the design decisions. As a designer, our primary objective is to cater to the needs of users, and this insight has become a guiding principle in my approach to UX projects.
After multiple iterations of my design, I discovered that achieving a final design is an ongoing process. No matter how many changes and versions I create, the design will never be final. User feedback, often diverse and sometimes conflicting, constantly shapes the evolution of the design. Despite this, as the designer, the ultimate decision on design choices rests with me, but it's crucial to recognize the significance of feedback and testing, as they consistently prove to be valuable and guide the refinement process.