About My UI
My UI is a multi-year app development project for the University of Idaho. The app is a system that integrates all student needs as cards. Many student needs like class registration, degree audits, housing, and parking and transportation will have their own cards placed into one main area of the app.
The university invested in developing My UI to improve the user experience for all students. The project was led by the university's Integrated Technology Center who received help from graphic design professors and graphic design students to design and develop screens to later be programmed into My UI.
In the Fall of 2022, the development for the My UI cards Parking and Transportation and Foreign Exchange initiated. I along with Kevin, Eric, and Genesis were put into a team that developed the card for Parking and Transportation.
Materials presented on this page are under the University of Idaho ownership. Materials presented are under copyright.
Design Journey
EXPERIENCING
REDESIGNING
RESEARCHING
USER TESTING
IDEATING
REFINING
DESIGNING
App Parking Assets
Color Permit Lots
Maps were integrated into the parking permits to simplify their use and better connect them to their color permits. Different maps would be created and integrated onto the permits page allowing users to see both the permits they were wanting to purchase and where they could park with those parking permits.
App Icons
The following icons were mostly used as supporting imagery in the parking permit screens. The top icons represent different categories of annual and temporary permits. The colored icons denote color permits when the user individually selects permits from the “Campus Living” and “Commuter” categories. The meters and the motorcycle are used for the map images in the map section.
FINAL SCREEN DESIGNS
PURCHASING A PERMIT LANDING PAGE
PURCHASING A PERMIT
AUXILLIARY PERMITS AND PERMIT INFORMATION
SHUTTLES AND BUSSES
PARKING MAPS
PIT CREW AND CONTACT
MAPPING PREVIOUS UX PAIN POINTS
OVERVIEW
The team documented the student perspective of online processes for transportation services. We bought parking permits, paid citations, viewed parking maps, found shuttles and buses, and contacted car assistance. We, also, used and navigated third party transportation sites linked to the main site. A series of screens shots were taken and organized to demonstrate the website flow and show its key functions.
PAIN POINTS
-
Ordering a permit has too many steps
-
Inconsistent placement of permit maps and information
-
Lacking permit deadlines and refund options
-
Main Parking map should be more-adaptable for mobile and easier to find.
-
Button to “Pay Citation” page doesn’t need to be accessed with “I want to” dropbox button
-
Citations payment information page can be reorganized and trimmed down.
-
Too many options/ third-party sites. There is a question as to whether this many options is necessary.
-
Third party sites are inconsistent with information presented online.
-
Third party sites like Northwestern Trailways has empty links, mass of text, and no hierarchy.
-
Contact information in PIT Crew should be linked and easier to access.
-
PIT Crew Hours should be itemized instead of embedded in paragraph.
IDEATION NOTES
APP WIREFRAMES
User Research
GOOD DESIGN CHOICES
-
The Information shown on the permit pages was sufficient.
-
There was more than one way to find a parking citation.
-
Condensing information for the shuttles and buses was an excellent interface choice.
-
Offering hyperlinks to ground transportation and airlines on “Regional Airports” helps students with travel planning.
OVERALL USER EXPERIENCE
The overall testing experience was successful. The initial screens were very user-friendly, the interface was easy to manage without a guide, and the information was very balanced.
After the test, all recommendations were resolved in the screen’s final draft just shown.
AREAS THAT NEEDED TO BE RESOLVED
-
“On Campus” permits should be rephrased to “Campus living” permits to clarify that those permits apply to campus residencies.
-
An additional screen like a purchase history screen should be added to confirm permit purchases.
-
Additional information should be added to Vandal Break Buses to clarify that the service offers one-way and round-trip options.
-
Local transit should be considered as a screen option for shuttles and buses.
