Research and app UI design

Scanning App
Improvement

Iterative redesign process of scanning app
In team with: Serena Dorrestijn, Stefan Manojlovic
Goal
We have been working with the ticket service provider Eventix, which offers a complete ticket system for all types of events. The goal of the project was to increase the functionality and redesign the interface of the mobile scanning application in order to improve customers' experience of using it

Result
High-fidelity interactive prototype
(Illustrator + InVision)
Research
What are the user needs, how does the event run, what is the journey of the ticket from the moment it was brought to the moment it got scanned? To find out answers to these questions we used several methods.
Benchmarking workshop
The benchmarking workshop was divided into the following two stages:

  1. The first part includes examples of radical changes in UX from other companies (which have similar vision, identity and/or strategy) so that stakeholders and designers can immerse in the problem-solving approach.
  2. Consists of a brainstorming session that accommodates users' needs and captures business value from the stakeholders' perspective.

Value Chain Analysis
After having an interview with the users of the current application — organizers of the events — we analyzed their input for a value chain analysis. This tool helped us to analyse the current service value that Eventix.io is offering to their customers. We identified the strongest points, so we could later on reinforce them in the final design and, oppositely, find pain points to identify opportunities for improvement.


On the left are the main values of the application and on the right two columns with most important factors of an existing version and needed changes for each value
Low-fi prototype
and its evaluation
Prototypes
Setup
  • 7 participants
  • Different usage scenarios: for organizer & for scanners
  • 6 tasks per scenario

Results
  • Ambiguity about calling a manager from app
  • Missing and confusing button placements
  • Search screen unclear
  • Unclear who is logged in
  • Dashboard was clear & well received
  • Predictable flow
  • Clear design
First hi-fi prototype
and its evaluation
First hi-fi iteration
We included feedback from the paper prototype to the first version of the high fidelity prototype of an app.
For evaluation we had a session with the product owners and developer, who gave us elaborate feedback on our designs.
Second iteration
of hi-fi prototype
Second hi-fi iteration
For the second iteration we included the feedback from clients, created more detailed UI for different user-roles and provided the users with an overview of the current status of all tickets being sold and scanned.

The interactive InVision prototype can be found here!
Overview of main changes:

  • Re-design the flow of the app — from the moment of scanning to manual searching of tickets;
  • Personalised functions of app for different user-roles, such as organisers or volunteers;
  • Real-time visual and haptic feedback during scanning;
  • Optimised ticket search via any field;
  • Improved notification handling (sending and receiving) and history of notifications;
  • Current visual status of all the tickets, including amount of those which were sold and scanned.
Screens of new version
of scanning app
This site was made on Tilda — a website builder that helps to create a website without any code
Create a website