UniversityTickets
The Importance of Barcode Redundancy on PDF Tickets
![image](https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F24be1854-7ccd-4245-9401-1cf82f1a7761%2F81384255-5f77-446b-b9ad-cabe3273ef47%2FFixed-Ticket-2023.jpg?id=7c285447-e062-4f66-83bb-4449766949a8&table=block)
UniversityTickets was a live-event ticketing platform for universities.
Barcodes on print-at-home PDF tickets were not scannable, causing delays with attendee entrance to events. My solution was to increase the number of barcodes in strategic locations which resulted in a 15% average increase in tickets scanned.
Highlights
MY ROLE
UI/UX Designer
TEAM
Leo Vogel, CTO, 1 Developer
TOOLS
![image](https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F24be1854-7ccd-4245-9401-1cf82f1a7761%2F3bffb781-ac99-46f4-b5cf-21fac3be5f94%2FUntitled.png?id=1f052dd9-98d5-406f-ad2c-18d824f07604&table=block)
EMPLOYER
UniversityTickets
TIMELINE
4 Months
4 Common Problems
Attendee entrance was slowed down due to barcodes not being scannable.
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fb664451c-55d8-49bc-8ff6-f071cb52a19c%2FBarcode_Does_Not_Scan.jpg?id=47ea9ce0-b71e-474c-ad4a-f2139277818b&table=block)
Covering
![Some attendees held out a ticket for scanning with the barcode covered by their thumb, without noticing they were doing so.](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F6f09632b-59bd-4726-9776-06a15a1761c5%2FOld_V29_Eticket_Example_holding.png?id=feef046d-7354-411c-8878-53ebc93a2910&table=block)
Mis-Printing
![Some tickets were misprinted in such a way that the barcode was un-scannable.](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fc38cc40d-8275-4acf-9dd7-cb784d9374b7%2FOld_V29_Eticket_Example_Misprinted.jpg?id=05de816e-30c7-4ecf-9ab9-d91a65d5af00&table=block)
Folding
![Attendees commonly fold tickets in quarters or thirds. This puts creases in the barcodes that make the barcodes difficult to read by the scanning hardware.](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F23c72e24-d965-4604-a42c-9aa15562a1d6%2FOld_V29_Eticket_Example_Fold_Lines.jpg?id=3fbcf6da-ec3a-4395-b373-b32e428c8cef&table=block)
Smudging
![Perspiration from sweaty hands, perspiration from water bottles, and tears from emotional parents sometimes caused ink to smudge.](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F1b11d9b3-2021-4ef5-868f-7726cc72ff15%2FOld_V29_Eticket_Example_water_smudge.jpg?id=25d16a09-56c2-4d2d-be33-ffbe62dade15&table=block)
Key information difficult to quickly locate on the tickets visually.
Customer’s Name
Quickly finding the customer's name is important for greeting attendees at the door.
Event Title
Attendees need to know that they are bringing the tickets to the correct event.
Seating Location
This is important so staff and customers can easily locate their correct seat.
Design
🔢 Increase Barcode Redundancy
Created draft layouts with 3 QR barcodes that avoided common fold lines.
🗂️ Improved Information Hierarchy
Improved structure of the key information of seat location, ticket type, ticket number, and customer name so that it was easy to find.
👥 Integrate Team Feedback
Removed map to make room for more client content and reduced info boxes to two key points.
📊 Test with Real Data
Discovered that ticket option and ticket type name content areas needed to be enlarged.
Iterations
First Concept
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fcaabbf27-b1cf-4492-af78-bd89a40e4491%2Ffirst-concept-border_grayscale.jpg?id=438850ef-316e-43c4-8d42-4efbdf068b99&table=block)
Final Concept
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F63f7a45c-6029-4798-8b26-fa71e12f50b3%2Ffinal-concept-border_grayscale.jpg?id=b4ad1bf6-e04d-4e80-a663-a34c501c2c22&table=block)
Ideas
🔢 Increase redundancy
Added multiple barcodes and barcode data in strategic locations.
📨 Encourage party ticket distribution
Add instructions to users for each person in their group to be holding their own ticket.
✨ Better event branding
Automatically show client's primary brand color or event's category color and include an event image.
🪜 Elevate important information
Improve information hierarchy to make finding customer name, seating information, and event details easier.
Solutions
1. Added Barcode Redundancy
Adding barcodes and avoiding common fold lines fixes the scanning problem.
Fold lines shown in red.
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F2e9c2327-1b08-4dcb-b33e-b6773dc0da42%2Ffinal-concept-fold-lines-border.jpg?id=ca494727-0c23-4a72-9ac1-a3a0e43a9eb2&table=block)
Scanning issues fixed:
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fa725742e-06e6-47ef-87e5-686794929518%2FIMG_2959_Annotated_Revised.jpg?id=094adbe0-bd4f-4b02-9607-20c7edfdd4f8&table=block)
2. Improved Readability
Customer name, event name, seating information, and ticket type are all easier to find in dedicated locations and visual styles.
Old Ticket
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F3c5e1dff-96f6-47b4-aaa5-fffe41b2fb52%2FOriginal_with_Border.jpg?id=03fc3495-f28b-46e5-8720-5391c0241abb&table=block)
New Ticket
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F6aba6a37-0e01-4d2b-ac5c-a84b888d1e10%2FNew_Ticket_with_Border.jpg?id=f0426845-3702-442b-b7c4-21ae7071efa6&table=block)
The Improved PDF Ticket Launched in August 2016
![image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F9242e8b0-5766-4305-94ae-5fd62160028e%2FFixed-Ticket.jpg?id=011ff41f-250a-4c6f-a9be-15498170ade9&table=block)
Results
15% increase in tickets scanned!
The number of tickets scanned increased 15% as a result of the new ticket design—which is now being used by over 200 colleges and universities across the USA and Canada, including MIT.
Takeaways
- Contextual observation can uncover big, unknown problems.
- When a digital file becomes a physical object, unexpected issues can arise.
- Design for extremes, not the ideal. Decide how to accommodate content that exceeds available space.
- Leverage existing data to inform design decisions. By analyzing the longest and average text lengths for text content I was able to design a ticket that would work better for most clients.
Areas for future exploration
1. Alternate Layouts
I would like to add alternate layout options that clients can choose from, to offer more flexibility. A quarter-folded layout that looks like a mini book is something I’d like to explore.
2. Research Unique Needs of 4 Main Client Types
I would research the different E-Ticket needs of the four main client types: theater, student activities, athletics, and graduations. Perhaps offering an E-Ticket layout tailored to the needs of each would be better than a single layout balancing the needs of all four.
3. Additional Analysis
For additional measures of success I would have liked to compare two events at the same school of equal size using the original and the new e-ticket designs. I would compare the amount of time a user spends in line, user satisfaction with ease of finding their seat, and number of times a scanner's laser is activated vs number of times a barcode is successfully scanned.
More Projects
Projects