The Problem

Online shopping experiences everywhere are confusing and often dishonest. How can we design something that doesn’t do that for a sports arena?

The Goal

Create a solid user flow for users to view events and process ordering tickets without it being confusing or cumbersome in experience.

The Process

My Role & Responsibilities

Designer – Creative, UX/UI Research & Design. Everything.

The Users

Personas / Problem statements / User journey maps

Anyone who’s ever shopped online knows the pitfalls of the experience. The lack of transparency. The confusing interfaces that show dark patterns to places you don’t want to go. The hidden charges. How can we make an experience that is none of that and get users where they need to go?

Pain Points

  • Show a clear visual representation of the event calendar.

  • Give users clear information regarding the event and process in getting tickets.

  • Show users multiple ways to search for what they want, not the other way around.

  • Give users a clear ticket processing a without confusing them.

User Persona

Janelle

Age: 27
Education: Bachelors
Location: Haddon, NJ
Personal: Boyfriend
Professional: Admin

“I like to go out with my friends, and plan everything myself” 

Goals 

  • View entertainment choices clearly

  • Get dates and times

  • Buy tickets without confusion.

Frustrations 

  • Sites forcing her to where she doesn’t want to go.

  • Lack of clarity for events.

  • Hidden fees and processing after the fact.

Janelle loves going to live shows to see her favorite artists and sports events. What she hates is going to websites that add hidden fees, hide a down multiple pages selling her other items, and events that don’t address the information she needs to make a decision.

The User Journey

The Design

Wireframes / Low-fidelity Prototype / Usability Studies

Paper Wireframes

Digital Wireframes & Low-Fidelity Prototype Desktop | Mobile

Usability Study

Round 2 Findings

  • Cart processing isn’t transparent

  • Events need to be clearer

  • Can there be more information about the artist or event?

Round 1 Findings

  • Users want clear search options

  • Users needed clear ticketing options

  • Users needed opaque ticketing processing

Refining the Design

Mockups / High-fidelity prototype / Accessibility

Converting to High Fidelity

Accessibility Considerations

  • Design with high contrast colors to lead users to major points of the site.

  • Use fonts that were very readable at optional to large sizes.

  • Use clear iconography that provides users with easy to view options.

Going Forward

Takeaways / Next Steeps

What I Learned
How we search, fill out forms and view information matters. I see so many poorly designed forms and ways to search out there; I really wish more concentrated on this.

Impact
The importance for good direction for users is essential. When added with design it can really inspire and aid users towards having a good experience.

 

Next Steps
I want to add more auxiliary pages to fully realize the full design. Additionally, I’d also like to fully flesh out interactivity in terms of the search buttons and navigation. Finally, I also need to add a confirmation page for after the tickets have been processed, or maybe a modal.

THANKS FOR VIEWING!