User Experience & Interface Design: A Comprehensive Report

Desklib offers solved assignments and past papers to help students succeed.

UNIT 40
USER EXPERIENCE & INTERFACE DESIGN

Table of Contents
Introduction..................................................................................................3
LO1..................................................................................................................4
P1.................................................................................................................4
P2.................................................................................................................6
M1................................................................................................................8
M2................................................................................................................9
LO2................................................................................................................11
P3...............................................................................................................11
P4...............................................................................................................27
M3..............................................................................................................28
M4..............................................................................................................30
LO3................................................................................................................32
P5...............................................................................................................32
P6...............................................................................................................34
M5..............................................................................................................36
M6..............................................................................................................38
LO4................................................................................................................39
P7...............................................................................................................39
M7..............................................................................................................40
CONCLUSION...............................................................................................41
REFERENCES................................................................................................42

Introduction
The report is based on the basics of UI (User Interface) Design & UX (User
Experience) Design. These are the two main parts of the development
process. UX includes UI. Absence of anyone from both can result in failure of
the product. In this report, we will discuss the various concepts of designing.
We will discuss the various methods and techniques in UX designing which is
used to make the user experience smoother and better. We will also discuss
various tools that are used to implement the UI design. We will learn about
different testing methods which are used to test the product after which the
product is launched in the market.

LO1
P1
User Experience Design is commonly called as UX design. It is the procedure
to develop products which are interactive, functional and easy to use
(Smartdraw, 2019). It deals with strengthening and amplifying the user
experience of the product. Its main purpose is to maintain customer
satisfaction.
UI (User Interface) Design deals with the technicality of the product. It
focuses on developing the interfaces of the product keeping in mind that the
user experience should be smooth and easy to interact.
UX design consists of UI design. UX design deals with how the UI would work
whereas UI design deals with the UI looks. UI is the medium of UX design.
Both the designs work hand-in-hand as you can create a wonderful and eye-
catching interface but if it doesn’t give any decent user experience then it is
a waste of effort.
Below listed are some of the websites & apps which have a great user
experience:
• PayPal
• Google
• Starbucks
• Tinder
• Uber Eats
End-user testing is technically known as user acceptance testing. It is done
on the client’s side. In this testing, the end user interacts with the products
and tests it to evaluate it. The validation is done keeping in mind the
requirements needed. The basic criteria followed is mentioned below:
• Based on performance
• Based on usability

• Based on data integrity
• Based on functionality
• Based on data conversion
• Based on scalability
• Based on confidentiality
• Based on installability
• Based on upgradability
• Based on availability
• Based on documentation
There are various types of usability tests such as,
1. First Click Testing: This type of testing evaluates the potential of the
structure of the site. It measures usability by observing the tendency
to complete a given task. The main purpose of this test is to verify
that when the user clicks the first time to execute any particular
task, the interface should be simple and clear.
2. Contextual Interview: In this scenario, the researchers listen and
watch the user workflow on the website. It deals with the aspects like
what the user sees first, what the user finds more interactive, what
the user finds more creative, what surprises the user, etc. The
observed data is then collected and applied to make the user
experience smoother.
3. Remote Testing: In this testing, common research is carried out in
which the product is provided to the participants and are told to
perform tasks which will observe the actions and behaviour to the
participants. Everything will be observed and the result will be
collected which will tell where the product lacks and should be
improved for better user experience.

P2
Card Sorting
It is a common method which is used to gather information from various
participants which will help in the evaluation and designing the architecture
of the website (Visual Paradigm, 2019). In this session, the participants will
get a chance to write which type of content or the alignment they want in a
website on a card. This session helps in understanding what the end users
want and how they want it. The data is then used for improving and building
the design and user experience of the website.
Personas
These are the representation of the audience that you are targeting. It deals
with the creation of genuine and sensible representations for reference. The
personas are created after the research. The research targets the paramount
audience and focuses on their expectations and needs. This helps in better
design and implementations of the interface based on the end user needs
and expectations. These personas consist of the description of the user, their
purpose to visit the site and what they need from the site.
Use Cases
Use cases are the description of the type of user which will come to the
website and what task will he/she perform. It helps in understanding the
viewpoint of the user and the responding behaviour of the system. A use
case includes the information about the owner of the website, the tasks
that’ll be performed by the user, the goal of the user and the sequence of
steps to carry out the tasks.
Wireframing
It is a 2D demonstration of the interface which aims at allocating space and
prioritizing the content and maintain functionalities. It doesn’t comprise of

any graphic, styling or colour. It even helps in the interaction between
templates.
Mock-Ups
It is the basic representation or description of how the website will look like.
It deals with the layout of the website. It gives you the look at what you’ll be
developing. The sketch of the website eases the development process as the
developer doesn’t need to think twice before adding anything to the website.
It comes under the production phase and it deals with the creativity of the
maker that what will be the flow of the website.

M1
User experience is the most important aspect when developing software as
after all everything comes down to the experience you are providing to the
user. That is why UI is the most important part of the development process.
The main test the product goes is the user acceptance test. Only the end
user can verify if the product lives up to the requirements. The development
process should focus on what is the goal of the user, what are the objectives
that will cover that needs of the user (Uxmatters, 2019). At the same time,
there should be a focus on the budget and organizational time also. The
interface should not be complex, it should be easy to understand and use. It
should have a smooth flow of performing actions. The environment should be
decent but at the same time dynamic. The approach which should be
followed is:
• Don’t go on sketching what you think. Gather people and have
suggestions, it gives a clear mindset of what people want. Even if it’s
not necessary to add everything you gathered to the layout and then
enhance it using your creative skills.
• Design the ecosystem. User experience is enhanced when an
ecosystem is designed. The ecosystem is designed focusing on the
mindset of the end user. The ecosystem consists of services which
should be provided, the data, the sensors and the network. It is based
on what the user will love and adapt.
• After the designing of the ecosystem, comes the part where you
design prototypes. You understand which technology will act as the
base of the project. Select the best prototype and enhance it. The
final product should be perfect for the user to use and always have a
backup.
• Open your product to the end user for evaluation. Collect the
feedback and fix the failure points in the update to provide a better
product to the users.

M2
User Interface design is based on developing the interface of the product. It
is what the end user sees and interacts with. It is done with the help of UI
design. First, we need to understand what user interface is, it deals with the
interaction between the system and the user (Medium, 2019). The different
types of user interfaces are:
1. Natural Language (NLI)
2. Menu Driven (MDI)
3. Form-Based (FBI)
4. Command Line (CLI)
5. Graphical User Interface (GUI)
User Experience Design deals with what the user likes. It deals with the
designing of the ecosystem. The UI design is the most important part of the
SDLC (Software Development Life Cycle). It ensures that the interface the
user is interacting with is smooth and easy to use. The methods and
techniques used to make the user experience smooth and better are as
follows:
• Value Proposition
• Product Strategy
• Competitive & Accessibility Audit
• Cultural Probes
• Stakeholders Interviews
• User Interview
• Heuristic Evaluation
• Task Analysis
• Product Roadmap
• Focus Groups
• Card Sorting
• Usability Testing

• Concept Testing
• A/B Test
• Guerrilla Testing
• Field Studies
• Eye Movement Tracking
• SWOT (Strength, Weakness, Opportunities, Threats) Analysis
The advantages of end-user testing are:
• Helps in improving the flexibility and adaptability of the applications.
• The cost becomes low as the testing is done at the user’s end.
• The end user feedback helps in improving the application much better
than testing in the development phase.
• It helps us in discovering what the user wants.
The disadvantages of end-user testing are:
• The testing is qualitative which results in small feedbacks.
• The results can be altered.
• It is not always accurate as end users can also make silly mistakes
like submitting wrong credentials.

LO2
P3
Persona 1 (Agilemodeling, 2019)

Survey
1. How did you first hear about us?
☒ Advertisement
Name: John Richards
Occupation: Business Analyst
Age: 51
Marital Status: Married
Location: Chicago
Highest Educational
Qualification: MBA
Children: 2 Sons
Gender: Male
Goals: He is hardworking and works very
effectively. His work is to deisgn
strategies by analyzing the market
conditions for company's profit.
Environment: He is not very technical person
irrespective of the fact that he work on
his laptop all day. He just surfs the data
for databases and leads.