User Interface and User Experience Design for Pet Care

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

User interface and user experience design

Table of Contents
Introduction.................................................................................................................................................3
LO1. Research what aspects of User Experience and Interface Design are necessary.................................3
LO2. Plan an appropriate User Experience map and Interface Design for a User Interface concept...........5
LO3 Build a User Interface concept and test it with users.........................................................................13
LO4. Evaluate user feedback, test results, and insights gained from end users interacting with your User
Interface....................................................................................................................................................18
Conclusion.................................................................................................................................................21
Reference..................................................................................................................................................21
Figure 1Homepage design...........................................................................................................................9
Figure 2 Cat page.......................................................................................................................................10
Figure 3 Dog Page......................................................................................................................................11
Figure 4 Pharmacy page............................................................................................................................12
Figure 5 Testimonial page..........................................................................................................................13
Figure 6 Homepage user interface............................................................................................................15
Figure 7 Dog interface design....................................................................................................................15
Figure 8 Cat page interface design............................................................................................................16
Figure 9 services page interface design.....................................................................................................16
Figure 10 Testimonial page interface design.............................................................................................17
Figure 11 Contact Us interface design.......................................................................................................17

Introduction
Before the development of actual web solution, it is required to record all requirements of the
user. To prepare a requirement report it is most important to separate the requirements like UI
requirements and UX requirements. A perfect combination of UI and UX makes a dynamic
system with all required features and functionality with state of art user interface design. UI
and UX design are so important for the system because there are several types of users who
always looking for a reliable and fast serviceable solution. So no one likes to return on a
solution where the design and required functionalities are missing. So this report has been
contributed to addressing all requirements for UI & UX with best modeling languages to design
a best suitable system for the corporate client and their customers.

LO1. Research what aspects of User Experience and Interface Design are necessary
User interface Design
User interface design is a technique for system interface design where the client connects with
the framework or programming like versatile applications, PCs and so forth and promising to
convey the best and rich UI. The reason for follow up of this structure is to give the
straightforward however viable association of framework and client. A decent UI configuration
empowers to achieve the evaluation without illustration the consideration of clients for
undesired things. The real piece of this plan is visual depiction and substance the executives
arranging and ought to have the option to adjust the usefulness of the framework alongside
visuals. (The Interaction Design Foundation, 2019)
It required detail thought regarding the necessity of clients and classify in a few phases. In this
plan action, a great interface configuration is suggested that different things of the task.
Subsequently, this procedure generally influences the advancement of work and permits
assembling all prerequisites of clients at the beginning time of improvement. It lessens engineer
endeavors and is efficient for both customer end and designer end. (The Interaction Design
Foundation, 2019)
User experience design
User experience implies a moment where somebody connects with something and utilizations
its administrations and gives their sentiment by utilizing the system functionalities. So client
experience configuration is an extraordinary sort of movement that is required to successfully
address the desire for clients. This procedure finishes up client experience structure, client
undertaking plan and smoothing the present structure to improve the experience of the client
when they connect with the interface of the framework. It is the procedure of progress of
customer fulfillment by improving availability, unwavering quality, ease of use, and sturdiness
of the item. It is a routine with regards to item configuration, handling, adjusting, occasions and
condition where a client associates with a framework where client experience could be
upgraded. It is processed for having numerous points of view. Since this is an applied plan

process and have a human factor root with concentrated on clients, framework, and condition.
It finishes up fundamental structure components like visual plan factors, engineering structure,
communication process and so forth.
A user interface could be designed in a way where it maps all requirement of a user means it
may be design related requirement or it is functionality related requirements. But before the
delivery of the system, it is most important to check its functionality and interface design by
performing activities like a user. At the basic stage, a developer of the system could test the
system by following ways.
By having a click testing a developer can check about the functionality of the system. It is a
strategy by which one can gauge framework convenience and can discover how it is anything
but difficult to process assignments. The point of the snap testing is to make check for interface
and structure and recognize an unmistakable and brief procedure. This kind of testing
empowers a client to play out an undertaking and permit considering and examining customer
conduct for a few situations.
There is another process to ensure all functionality is good and can fulfill the requirement of
users is a contextual interview. It is a set of activities i.e. performed by the developer before
delivery of in a user environment. It permits to record framework result in an increasingly down
to earth condition which at some point turns out to be more practical than a genuine outcome.
In this testing, an analyzer breaks down client experience from the client and thinks from a
client perspective.
Online surveys are the most useful technique to provide the world-class user interface and user
experience to the user. It allows for preparing different type of questions and sets for all types
of users. Here a developer asks some selected user to give their review for the question. It is
one of the fastest methods to test and record a system globally in fewer efforts.
(CHFP, 2019)

LO2. Plan an appropriate User Experience map and Interface Design for a User Interface
concept
There are several types of user exist for a system globally who have different types of power. If
we think about a web system design then there are three types of user for a system. The user
for a system could be a trained, user or novice user. For the testing of system design including
all UI and UX elements, there is a specific set of a user called an employee of the organization
who can provide the best review before actually releasing of the system. Now by selecting a
different type of techniques which could possibly define all types of requirement including
interface and experience including all types of pros and cons is as follows:
 Wireframe design- Web and flexible structure improving gadgets, for instance, mock-
ups, wireframes, and models is speedy transforming into the site pro's nearest buddy
and crucial contraptions in the site engineering process. With a more vital than at some
other time highlight on customer experience and the gatherings and resources endowed
with structure these experiences; these arrangement devices are exhibiting their
esteem. A champion among the best things about the UI mock-up is that it urges us to
structure with reason. While building a fake up, reliably consider your accomplices,
clients and customer analyzers. The UI mock-up is fundamentally an impelled type of
the low-dependability wireframe, a bit closer to the last thing, both with respect to the
value and visual excess
 User Experience Mapping- A client experience mapping encourages a developer to
sketch out the UX and figure any grating before making the real site or model. It's critical
to take a gander at the entire picture before you begin fabricating or notwithstanding
structuring. In the event that you as of now have an item, it tends to be an extraordinary
exercise to see any rubbing focuses your clients might confront.
 Personas- It is a term which characterizes prerequisite and need of the diverse kind of
client's so as to sort out them for better administrations, brand or items. Improvement
of personas permits to record prerequisite of every single kind of chosen clients as far as
usefulness, need, encounters, and destinations. It empowers to perceive that each sort

of client has a different and distinctive prerequisite and desire from the framework,
empower to configuration best in the class arrangement
(UX Planet, 2019)
There are different types of behavioral modeling technique which help to select the appropriate
form of UX and UI design for the fulfillment of user requirement is as follows:
 MARIA- It is a universal most simple and declarative modeling approach where several
abstraction tiers occur. It is an XML based modeling allows designing ubiquitous design
in a suitable environment.
 UML- Some facts about user interface and user experience has been identified when a
developer process with UML modeling. There is no specific language for this modeling
which makes it more preferable.
 UMLi- It is also an extension of UML modeling technique and details about some factor
of the user interface.
 DiaMODL- This modeling technique allows for dataflow oriented modeling including
state chart behavioral modeling.
Among the entire above model, UMLi modeling technique is best suitable to perform required
actions for user interface design and user experience design.
According to situation necessity for corporate customer and client, a Gym related association
SILC has been chosen who offer Gym administrations to their customer by the assistance of an
expert mentor. They direly look for an online stage to give effectively available administrations
to the customer. To audit the attitude of various kind of end client for the new framework
alongside practical and non-useful necessity there are a few different ways or demonstrating
methods accessible. The survey is a standout amongst the best demonstrating system permit to
record the necessity of all sorts of clients at a solitary time without contributing so many sorts
and making various kinds of inquiries for every client. To gather the requirement of the system
from using it is required to perform a best suitable approach questionnaire and using this UMLi
technique.

(The Interaction Design Foundation, 2019)
Questionnaire series for the survey is as follows:
Question1: What is your core requirement?
Ans- An interactive web solution to increase reach to the consumer
Question2: How many of user you wanted to facilitate?
Ans- It is around 1000 customer in a month.
Question3: How many staff will use the system to provide service
Ans- It is around 300 staff total and 100 will use the system.
Question4: What are your functional requirements?
Ans- The system will be a website with service and company portfolio pages. It should also
consist of other required pages.
Question5: Do you want a payment channel to receive online payment?
Ans- No. We would like to add this feature next revision.
Question6: Tell me about your UX design requirements?
Ans- It will consist of a simple page where user can easily find useful services or products and
make a request for that. This should be accessible from anywhere
Question7: Do you require a login registration feature?
Ans- Yes.
The selected approach impacts on the structure of the web arrangement. It gives a reasonable
thought regarding prerequisites and permits the readiness of models and counterfeit ups based
on the given data. It likewise permits structuring a framework for two kinds of the client where

every client will get their particular client space. Means the utilized approach settle different
structures related issues and client experience related issues and empower to set up a plan in
less time by utilizing proficient aptitudes
Mockup Design
A web solution that could engage all professional doctors and a user means a client who wants
pet care for their dogs or cat. This is a solution where a user comes and request for consultation
for their pet. There is no need to assist about timing or type of treatment is provided because
these all information would be there. So as keeping in mind this scenario, as per requirement a
mockup design has been prepared for the required system.
Home

Figure 1Homepage design

Cats page
Figure 2 Cat page

Dog’s page
Figure 3 Dog Page
Pharmacy