User Experience Design And Content

Running head: USER EXPERIENCE DESIGN
USER EXPERIENCE DESIGN
Name of the Student
Name of the University
Author Note

USER EXPERIENCE DESIGN
1
Table of Contents
Introduction:...............................................................................................................................2
Strategy Plane Research:............................................................................................................2
Methodology:.........................................................................................................................2
UX qualitative interview questionnaire:................................................................................2
User persons:..........................................................................................................................4
Scope Plane:...............................................................................................................................4
User stories:............................................................................................................................5
Structure Phase:..........................................................................................................................6
Skeleton Plane:...........................................................................................................................8
Implement high fidelity wireframes:......................................................................................8
Wireframes Testing:.............................................................................................................13
Surface Plane:...........................................................................................................................19
Implementation of style tiles and guides:.............................................................................19
Conclusion and Recommendations:.........................................................................................20
References:...............................................................................................................................21

USER EXPERIENCE DESIGN
2
Introduction:
TreatWithCare is an online beauty parlour. They want a beautiful, simple and
appealing website that can perform several tasks automatically. This website will help to
increase business growth. TreatWithCare wants to implement an online payment method that
us helpful for customer and organization as well. To develop this system, Jesse James
Garrett’s methodology is used in this project. This report provides the four plane of UX
design methodology, high wireframes and test wireframes with different users to prove the
theory of process development.
Strategy Plane Research:
Methodology:
In this project, Jesse James Garrett’s methodology is used to designing digital
products. Garret describes a full UX design life cycle to design the user experience. Garret
provides five different planes that allow understanding of a user’s behaviour and expectations
(Yesilada et al. 2015). These aspects provide the design looks and how it behaves and how it
allows a user to do.
Strategy Plane: This is the first pane that defines what business and a user want.
Scope Plane: After determining the strategy, UX designer starts focusing on the scope that is
already defined by the strategy itself (Gray et al. 2018).
Structure Plane: In this step, a conceptual structure is developed. This structure can provide
how a system response to the user request.
Skeleton Plane: in this step, designers refined the structure where navigation and interface
will identify.
Surface Plane: In this step designers provide the content, aesthetics and functionality to
complete the entire design.
UX qualitative interview questionnaire:
Qualitative interview questionnaires able to produce in-depth responses, and it is
usually designed to find out what a person has learnt, what is changed in the program result
and what their different approach (Tomlin. 2018). Few samples of UX qualitative interview
questionnaires are given below:

USER EXPERIENCE DESIGN
3
What is UX design?
UX or user experience design is a special type of process design that a team can use to
create different products and provide beautiful user interfaces to users (Pan and Wang 2019).
UX design will make the user experience simple so that people can perform several tasks
without noticing what tool they are using.
What is a popular tool that can be used to design the workflow?
Following tool can be used to design the workflow:
 Ideate- Balsamiq, illustrator, keynote.
 Discover - Google docs, Trello, Wufoo.
 Prototype – Photoshop, InVision, Sketch.
What is the difference between information architecture and user experience?
IA or information architecture can provide a navigation tool that is helpful for a user
to search and obtain every information while user experience provides the experience what a
user can get (Frederick et al. 2015).
Explain how you can change the design for a few famous websites such as amazon,
Instagram, etc.?
This is one of the tricky questions, and an interviewer needs to it. Amazon is one of
the popular websites that every person use every day. A person needs to very careful while
changing the design (Orlova. 2016). The changes can be done from the user and merchant
perspective. Changes can include user search and search result. And these changes can make
an easy interface for the merchants.
Please explain the design process of a mobile app?
The design process is:
Discover: The aim of developing a mobile app is for buying and selling various
products. To develop this app, a person needs to research and study the diffract website and a
mobile app such as amazon and determine what the most important thing a user can get from
this app (Brhel. 2015).
Define: To develop a mobile app, a person end to end use case for various functions,
storyboards and site map.

USER EXPERIENCE DESIGN
4
Ideate: a person must develop a wireframe for different use cases and provides the
application flow.
Prototype: This is the most important aspect where a visual design was developed.
Implement: Create tests ideas and measure the performance.
What do you think about skeuomorphic vs flat design?
A skeuomorphic design must have an appealing user interface while a flat design
provides interface less design that provides an unobtrusive and clean design (Canziba. 2018).
How do you know your design is complete or not?
The interviewee needs to explain this question as per their views.
Provide a list of UX designs that inspire you?
Some of the popular UX designers are:
 Bo Ren (Facebook)
 Frank Yoo (Lyft) Daniel Burka (Google Ventures)
User persons:
After gathering evidence from the research, two user persons are admin and a visitor
who is finding a treatment. A user can search for the treatments and admin can search for a
customer and stylist.
Scope Plane:
This is an interactive computer system. This system can work with any device. This is
user-friendly. This system has everything that every user want (O'Neil. 2015). Designer keeps
in mind this thing while developing this system. Every task involves the real-world
environment. The interface of this system is simple and responsive. Every user wants a
system that is easy to use, and the interface behaviour must be consistent. The consistency
was started while this system in the designing phase. This most important thing is the
consistency of this system. This website provides proper interaction with the user. Every user
can see every legitimate dialogue and important, relevant information (Nagel. 2015). A user
can get confused easily with irrelevant content. While developing this website, the designer

USER EXPERIENCE DESIGN
5
keeps this thing in their mind. The designer uses simple English that every user can
understand.
Most of the customer concentrate on the treatment only. They are not the concern of
using a different tool and the interaction with the applications. They are already frustrated
with their problem and searching a treatment. If a customer sees more complexity to find
their solution, they will find a different website (Mullins. 2015). A designer always focused
on this thing while developing this system. A customer can get the answer immediately when
they asked for.
After completing every task, this system will display a success message that can help
a customer to assure that their job is done successfully (da Silva, Silveira and Maurer 2015).
A customer can have evidence after completing a task. A customer can get a confirmation
message when they book a treatment.
Navigation is the most useful features on this website (Ferreira. 2016). A customer
always prefers simple navigation on the website. Every page in this system provides a page
number and titles. Other things such as history, overview and site map is available on the
website that can help customers.
Only a customer knows their needs and the system offers the solutions. In this system,
a customer can fill only essential information and the rest of the field they can leave empty
(Moore et al. 2017). The basic information is required on the home page. In this system
developer also add only essential information on the front page. A customer should get every
type of help while they are navigating the website. This system provides a complete user
guide that can help a customer to browse the website efficiently (CHAUVIN. 2019). Apart
from the user guide, the customer can directly contact admin or stylists and get help.
This system errorless in every situation; this website can handle user loads and
provide errorless solutions. At a time, many customers can use this system (Merriam and
Tisdell 2015). In case of any system error occurs, this system will display a message an error
message in simple English language and provide the actual problem and offer a solution.
User stories:
 As a user, I need skin treatment so that I can cure acne.
 As a user, I want to see my treatment history so that I can choose the next treatment
plan.