App Analysis

The first stage of the process is to navigate through the original app and analyze its user interface and experience. Our team took notes of the most important factors that we needed to focus on which were the app’s UI task flow, as well as the its overall visual identity.

Competitors

We did our research and explored apps that are similar to but function better than ePark such Pay by Phone. In this case, we compared the two and took notes of key differences in terms of features and appearance that make Pay by Phone an overall better choice.

Research

In order to create a realistic representation of our users, we interviewed real people who have used the app before. We asked about their experience, what they liked about the app, and which features they wished the app had. On top of this method, we gathered user reviews of the app from the App Store to identify key issues that they experience.

User Persona

We based our persona from the interviews we conducted. Creating a user persona helped us get a better understanding of our user, as we combined everyone’s opinion into one fictional person that represents them all.

Visual Identity

Our team wanted to give the app a unique appearance while also still recognizable as an app for parking. In this case, we used road signs for icons initial colours were red and green to represent traffic lights; however we did not want it to look “christmasy” so we went with orange.

Wireframes

After coming up with solutions such as a new payment method, a more user friendly sign in/sign up page, and overall a better UI/UX design, we started building our wireframes. We kept our high-fidelity wireframes simple just to get a sense of its UI flow and how the style tile would translate into the whole app.

Prototype

Our team ran the prototype several times and took note of issues that needed fixing. To ensure that we were'nt missing anything else, our team reached out to other design students and professionals to critique our app redesign.

With this, we had the opportunity to test the app in real life and observe how potential users would navigate through the app, as well as identify new issues that arose from its redesigned UI/UX.