University Interface Design Report: D'Arrive Cab Service Application

This report presents a user interface design and evaluation of the D'Arrive cab service application. It details the design process, including the creation of a second prototype based on previous user testing results. The report covers heuristic evaluations focusing on system status visibility and real-world match, as well as informational architecture and wireframes. User testing with two participants, representing different levels of experience, provided valuable feedback on the interface's usability. The analysis highlights changes made to the interface, such as the inclusion of Google login and a streamlined registration process. The report discusses the usability testing methodologies and the results, including both positive feedback and areas for improvement. The report also includes wireframes, sitemaps, and testing documentation. The findings conclude that the new user interface is more effective and efficient, with an improved layout and overall user experience.

Running head: INTERFACE AND EXPERIENCE DESIGN
User Interface Design
Name of the Student
Name of the University
Author’s note:

1INTERFACE AND EXPERIENCE DESIGN
Executive Summary
The report reflects the user interface design and evaluation of D’Arrive cab service application.
Two people has been selected for completing the usability testing. These two people has
different level of experience in using online cab service application. Heuristic evaluation
concentrate on visibility of system status and match between system and the real world. Total
five interfaces has been created that shows login, cab booking, payment method selection and
review.

2INTERFACE AND EXPERIENCE DESIGN
Table of Contents
Introduction:....................................................................................................................................3
Overview of Second Prototype:.......................................................................................................3
Analysis of Second User Testing:....................................................................................................4
Heuristic Evaluation:.......................................................................................................................5
Informational Architecture:.............................................................................................................6
Wireframes:.....................................................................................................................................7
Conclusion:....................................................................................................................................11
Bibliography:.................................................................................................................................12

3INTERFACE AND EXPERIENCE DESIGN
Introduction:
User Interface is the technology that user access for communicating with the server. All
the forms, texts, media, buttons and all the other visible elements on screen is a part of user
interface. The report proposes a revised user interface for ‘D’Arrive’ cab service application as
well as evaluation on this newly proposed interface.
Overview of Second Prototype:
The second interface proposes major changes in the user interface of ‘D’Arrive’. From
the previous testing results it has been collected that user wants google login along with
facebook login option. That is why, in this newly proposed interface, google login option has
been enabled. One major change done in the interface is that system will not have a separate
page to register user. The user will only see the login page. If a user tries to login without having
an account, then system will register the user and login automatically. This will save a lot of time
for the user to operate. The same can be seen for social media login such as google and facebook.
After registration, user will enter payment details, contact details and other necessary details. The
second change done in the user interface is booking option. The user will see the cab search
option in the home page. Once user search for the destination, the system will show some
messages along with the trip details. This page will show payment option, cancel button, time
and more.
Once the cab is booked and confirmed, the user interface will show distance between cab
and user’s selected location. The user interface will show the path cab is taking to reach user
location. Moreover, the details of driver, trip and car is visible on the bottom of the screen. User
can see the payment methods available for service. There are typically three methods of payment

4INTERFACE AND EXPERIENCE DESIGN
such as digital wallet, cash and credit card. Clicking on any icon will make that option as the
payment mode for the trip.
Analysis of Second User Testing:
Planning: The critical functionalities of the system are login, register, booking cab and
payment mode selection. The user should be able to login using email and password
combination. The other way to login is social media. The user can login using google or
facebook account. After successful login, user can select pickup location and destination. The
user can manually enter pickup location or click on a button to allow system automatically check
current location in map. One destination is entered, user should see application is searching for
cab. User will be given 15 seconds to cancel the search. Once search is confirmed, user will see
assigned driver’s details along with cab details. User can check payment method on the screen.
Recruiting: Two people is selected for executing the usability testing. First person is a
friend from childhood. He is currently pursuing bachelor degree in accountancy. He has fair
amount of experience in using online cab services. Second person is a middle ages woman from
locality. She is a manager at flower shop. She has used online cab service one or two times.
These two people are chosen for testing because both has different level of experience. This can
allow understanding perception of kind of end users.
Usability Testing: First person liked the idea of having dynamic registration process. He
also liked that application supports social media login. Then he started booking a cab. He praised
the look and feel of the application. He did not like that cancel and payment option buttons are at
top of the screen. For first few minutes he could not find it. He also liked the layout in payment
method section.

5INTERFACE AND EXPERIENCE DESIGN
Second user did have a hard time understanding that registration is done automatically.
That is why she chose social media login. She liked the color of the interface. The icons used
was very good as per her opinion. She liked that interface puts all the information on screen so
that she does not have to go anywhere else to check for information. She also had issues in
understanding how to change the payment method. Interface does not have any button that shows
select option.
Heuristic Evaluation:
Visibility of the System Status: The first page that a new or logged out user sees is login
page. System provides enough information to the user that can help him/her to understand the
purpose of the website. The cab booking page shows information like waiting time, distance,
charge, payment method and cancel option. After the cab is confirmed, system shows the
distance between user and cab as well as path through which cab is arriving. The payment page
shows last payment date and amount for all the different payment modes as well as in terms of
wallet, the available balance is visible on screen.
Match between System and Real World: System shows all the messages and terms in
simple English that is understandable by everyone. The information on booking and cab are in
easy to understand format. All the terms like price, distance, balance and many others are used in
daily life. Feedback section shows button name as submit. User can easily understand that after
information is filled, user can submit the form. This is because, in real life, forms are filled and
then submitted.

6INTERFACE AND EXPERIENCE DESIGN
Informational Architecture:
Figure 1: Sitemap of the Application
(Source: Created by Author)

7INTERFACE AND EXPERIENCE DESIGN
Wireframes:
Figure 2: Login Section
(Source: Created by Author)

8INTERFACE AND EXPERIENCE DESIGN
Figure 4: Booking Process
(Source: Created by Author)

9INTERFACE AND EXPERIENCE DESIGN
Figure 4: Cab Arriving
(Source: Created by Author)

10INTERFACE AND EXPERIENCE DESIGN
Figure 4: Payment Method Selection
(Source: Created by Author)

11INTERFACE AND EXPERIENCE DESIGN
Figure 4: Service Review
(Source: Created by Author)
Conclusion:
From the above study, it can be concluded that proposed new user interface is much more
effective and efficient. The interface also looks very good. Layout of the content is done properly
in this fresh wireframe. The interface could include a menu that shows all the options available
in the system.

12INTERFACE AND EXPERIENCE DESIGN
Bibliography:
[1].Patani, S, More, A, Thakur, P and Thombre, D, ‘An Android Application for Cab Booking
with Return Trip Facility’, 2016.
[2].Dangare, C and Akila, MG, ‘An Android based application: Cab pooling. International
Journal of Advanced Research in Computer and Communication Engineering’, vol. 5, no. 3,
pp.569-573, 2016.
[3].Cremonesi, P, Elahi, M and Garzotto, F, ‘User interface patterns in recommendation-
empowered content intensive multimedia applications’, Multimedia Tools and Applications,
vol. 76, no. 4, pp.5275-5309, 2017.
[4].Nunes, F, Silva, PA, Cevada, J, Barros, AC and Teixeira, L, ‘User interface design
guidelines for smartphone applications for people with Parkinson’s disease’, Universal
Access in the Information Society, 15(4), pp.659-679, 2016.