User Interface Design and Usability Evaluation

Running head: USER INTERFACE DESIGN
User Interface Design and Usability Evaluation
Name of the Student
Name of the University
Author’s note:

1USER INTERFACE DESIGN
sTable of Contents
1. Introduction:................................................................................................................................2
2. Critical Exploration:....................................................................................................................2
3. User Need Analysis:....................................................................................................................2
3.1 Persona:..................................................................................................................................3
3.2 Scenario:................................................................................................................................5
3.3 Hierarchical Task Analysis:...................................................................................................5
3.4 Environmental Analysis:.......................................................................................................6
4. Preliminary Design:.....................................................................................................................7
4.1 Story Board:.........................................................................................................................11
5. Detailed Design:........................................................................................................................12
5.1 Decision related to User Need Analysis..............................................................................12
4.2 Decision Related to Usability..............................................................................................13
4.3 Decision related to cognitive issues.....................................................................................13
6. Implementation:.........................................................................................................................14
7. Evaluation:.................................................................................................................................18
7.1 Cognitive Walkthrough:......................................................................................................18
8. Conclusion:................................................................................................................................21
Bibliography:.................................................................................................................................23

2USER INTERFACE DESIGN
1. Introduction:
The study is done based on the preliminary ideas based on which the first designs will be
created. Moreover, the study mainly concentrates on the detailed diagram design and usability
evaluation of the prototypes. The developed mobile interface shows the task of purchase a bike
from an iOS based application. The device selected for the UI design is iPhone X.
2. Critical Exploration:
The efficiency can be considered as the usability requirement that ensures smooth
interaction between user and system. The efficient interfaces ate designed such a way that
minimal workload will be upon users and all the complex functions will be processing at the
background. The efficient designs try to hide most of the functions from the student. If needed,
the efficient interface designs can be minimalistic. It follows few user interface design principles
which can make the mobile app easy to use for the user.
In order to make the design of the application more efficient, the designers try to follow
the conventional representation of elements and texts. The pattern of tasks are also similar to
majority of the applications. This makes sure that user do not have to adapt to new process while
using this application, the application is already adjusted to match with user knowledge.
The efficiency of user experience is seen as the ability of the user to perform an activity
accurately and how quickly the user can complete objectives. A efficient user interface always
promotes faster goal achieving.
3. User Need Analysis:
The user requirements are the most important part of any e-commerce system design
process. The proposed system will be used by the customers most of the time. That is why the

3USER INTERFACE DESIGN
customers are the most important users among all. The user requirements will collected through
various methods lie interview, questionnaire, prototyping or more. The user persona provides
details of the user who is being considered as a participant of the requirement gathering
technique.
3.1 Persona:
Name Christian Spooner
Occupation Polisher
Demographics 29 Years Old
Male
Lives in 66, George Street, MORVEN, Queensland, 4468
Facts Trusts in products than the manufacturers
Salary: $14,000
Loves to travel
Travels a lot to mountains
Loves biking in mountains
Has a range of mountain bikes
Trusts in the manufacturers like Author, Avanti, Haro Bikes and more
Has good knowledge of mountains in all over Australia
Communication Phone: [phone]
Mail: [e-mail]
Behaviors Relies on the reviews of the experts before purchasing a bike
Does not like when a website or application does not provide different

4USER INTERFACE DESIGN
angles of the product
Switches to other manufacturers when one or two products are of poor
quality
Not being able to try a bike from new manufacturer before buying
Poor customer after sake service and not able to get proper reply from
customer support center make him extremely angry
Goes to new mountains every year to try his bikes
Loves to promote mountain biking
Suggesting trustworthy manufacturers to new mountain bikers
Managing between family and hobby perfectly is a true good behavioral
side
Needs and Goals Need bikes that can be trusted in new mountains
Reliable after sale service from the seller
Various discount offers and promotion cards as he is a well-known
mountain biker
Pre-booking of bicycles from reputed manufacturers
Easy to pay techniques such as digital wallet
To select the bikes in the wish list
Receive notifications in mail and phone when a selected bike is available
again
An account which can be used to track each activity

5USER INTERFACE DESIGN
3.2 Scenario:
Christian Spooner buys at least one bike in a year. He is also associated with few blogs
on Mountain Biking. The blog owners gets suggestion from him to suggest mountain bikes. In
every weekend, Christian Spooner goes to one nearby mountain or hill with friends to practice.
He also tries bikes of friends and other known people. He is worried about the fact that most of
the reputed manufacturers are preferring online stores rather than physical stores. That is why he
cannot check the bikes physically before buying. Many of the promotional blogs and videos are
paid so accurate idea of the new bikes cannot be gained before checking them physically.
Though he is a well-known person, he has faced issues with buying new launched bikes as the
online retailers sell limited bikes to increase demand.
3.3 Hierarchical Task Analysis:
Figure 1: Hierarchical Task Diagram of Online Book Shop