UX Design Strategy for Click Retail: A Comprehensive Report

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

USER EXPERIENCE DESIGN

Contents
Introduction......................................................................................................................................3
UX design strategy..........................................................................................................................6
Project objective..........................................................................................................................7
User requirement.........................................................................................................................7
Design methodology for UX.......................................................................................................7
Design principles.......................................................................................................................12
Outline of Scope plane...................................................................................................................14
Development of user stories......................................................................................................14
The plane of the structure..............................................................................................................17
The plane of the Skeleton..............................................................................................................19
Developed Wireframes..................................................................................................................20
Wireframes for the Click Retail.................................................................................................20
Testing of developed UX...........................................................................................................26
Recommendations..........................................................................................................................28
Conclusion.....................................................................................................................................29
References......................................................................................................................................30

List of figures
Figure 1: Designing of UX..............................................................................................................5
Figure 2: UX design strategy...........................................................................................................6
Figure 3: Identification of significant values for the application....................................................8
Figure 4: Development of a strategy for UX design........................................................................9
Figure 5: Analysis of competitors....................................................................................................9
Figure 6: Discussion with stakeholders.........................................................................................10
Figure 7: Questionnaires................................................................................................................11
Figure 8: Selection of effective colour and size for the buttons, text, images and icons..............13
Figure 9: Outline of Scope plane for the project...........................................................................14
Figure 10: Development of user stories.........................................................................................15
Figure 11: Developed user stories for Click Retail.......................................................................16
Figure 12: The plane of the structure.............................................................................................17
Figure 13: Flow of design..............................................................................................................18
Figure 14: The plane of Skeleton...................................................................................................19
Figure 15: Welcome page for Click Retail....................................................................................20
Figure 16: Customer login page for Click Retail...........................................................................20
Figure 17: Admin login for Click Retail........................................................................................21
Figure 18: Products page for Click Retail.....................................................................................21
Figure 19: Product search page 1st................................................................................................22
Figure 20: Product search page 2nd...............................................................................................22
Figure 21: Product selection page..................................................................................................23
Figure 22: Order page....................................................................................................................23
Figure 23: Payment page...............................................................................................................24
Figure 24: Payment confirmation page..........................................................................................24
Figure 25: Order history page........................................................................................................25
Figure 26: Search all orders page for Admin.................................................................................25
Figure 27: Locate the nearest branch page....................................................................................26

List of Tables
Table 1: Table 1st for questionnaires.............................................................................................11
Table 2: Table 2nd for questionnaires...........................................................................................12
Table 3: Table for testing 1st.........................................................................................................26
Table 4: Table for testing 2nd........................................................................................................27
Table 5: Table for testing 3rd........................................................................................................27

Introduction
Designing of User experience also termed as UX can be defined as the approach utilized for
design and development of effective interface or the design to deliver a significant and high-level
experience as well as satisfaction for the users. It has significant role in development of an
application or the design including entire services, features, functionalities, product details and
customer management for an organization or the company. It consists of detailed description of
products, services, their brands, and other important factors on the basis of functionality as well
as usability of developed design (Shneiderman et al., 2016). Here in this report, design and
development of effective layout for the digital platform of the retail store named “Click Retail”
in UK has been discussed in order to enhance the existing layout to provide better experience for
users. Click Retail provides best services and large collection of retail goods including clothing,
electronic devices and toys for kids for thousands of users and consumers across the UK region.
With the development of latest technologies and online applications to provide better facilities
for online users and consumers resulted in development of new User Experience layout for the
retail store so that they can provide best service to online customers and give them new
experience in comparison with other competitors. As a junior engineer, effective layout with
better user experience design has been developed utilizing different principles of interactive UX
design for the enhancement and extension of “Click Retail” services for both online as well as
offline users.
Figure 1: Designing of UX

(Bhusari, 2019)
UX design strategy
An approach utilized within the design of UX for the development of new interactive platform
and layout of an application which meets all the aim, objectives and deliverables for the
organization in order provides new experience for the users on the basis of usability and
functionality. It consists of detailed overview and explanation of different factors and key points
required by the user over the interface along with effective management and deployment of
different services of the organization within the design. It also includes detailed flow and guides
for the development of entire application on the basis of user requirements and their satisfaction.
One such strategy utilized commonly by different designers and developers has been listed
below and has been explained in detail with the help of image:
 Elements or factors affecting user (Human) operations.
 Defined objective and deliverables
 Elements of data and information
Figure 2: UX design strategy
(Justinmind, 2019)

All these key elements of the strategy developed for the designing of UX plays significant role in
the development and control of different processes and layout designed for the application to be
used by users as well as organization to fulfil the requirements of both user and organization
through the application.
Project objective
The main objective of this project is to develop a new design for the “Click Retail” in order to
manage their services and provide best experience for the online users and consumers on the
basis of usability of developed application and functionality of the application. It has been done
to enhance the current status of retail organization and to move their services from offline to
online users. Here, design has been developed for the webpage of retail shop which can be
accessed over multiple devices such as PCs, iPhones, iPads and Android devices so that user can
use newly developed platform anytime and from any device to perform certain task.
User requirement
Different requirements of an user such as searching of product, checking details of available
products, placing orders, checking history and old order details and many others has been
identified for the utilization within the design in order to cover entire functionality of an
application developed for the users to serve various functions and services both for the employee
of an organization as well as their users. Different techniques such as questionnaires, survey,
interview and development of user story have been utilized for the identification of different
requirements for different users within an application in order to maximize the service's
availability in the developed application.
Design methodology for UX
Various techniques and methods have been developed and proposed by experts and researchers
for the designing of attractive layout and platform along with high user experience included
within the layout. One of such approach named as “Agile” method has been commonly utilized
by different developers as well as UX designers to develop better UX design for an organization
in order generate best experience for the consumer while using those applications and system.
In this report, the developed design for the retail outlet has been created on the basis of effective
usability to attract a large number of online users and to provide better option for the digital

marketing and retail business in comparison with existing competitors. It also helps to manage
entire store, their products, services, employee and customers linked with retail business.
Different methods implemented within this project has been explained below in detail.
Identification of significant values: All of the significant factors and values which must be
implemented within the design has been identified and listed along with the planning developed
for the implementation of identified values within the application. It helps in the development of
aim and objectives behind the development of application and their deliverables which must be
fulfilled by the developed application from user as well as employee point of view.
Figure 3: Identification of significant values for the application
(Babich, 2017)
Development of a strategy for UX design: Development of plan and strategies for the entire
design and implementation of services within the design plays significant role in the success of
developed design as well as execution of plan for the design. It can be analyzed with the help of
the below-mentioned image:

Figure 4: Development of a strategy for UX design
(Lopez, 2019)
Analysis of competitors: Effective analysis and evaluation of different applications used by
competitors available in the market along with their services available within the application
provided by different competitors of the existing market in order to develop better design and
services for the user in comparison with other applications.
Figure 5: Analysis of competitors
(Babich, 2017)

Discussion with stakeholders: In order to observe the requirements within the design of UX
through stakeholders and other members point of view for the developed of better functionality
and features within the application must be done with the help of meetings and discussions with
stakeholders and other important members of the organization.
Figure 6: Discussion with stakeholders
Questionnaires: In this approach, different questions related with the project and design of UX,
services, etc. have been created and then those questions have been utilized during interviews
conducted with different members of the team, users, competitors and others to collect
significant information on the basis answers provided by different members over the selected
question for the UX design. It plays important role in better understanding of requirements and
user’s point of view for the application so that those requirements and services can be
implemented within the application to provide great experience for the users and customers of
“Click Retail”.

Figure 7: Questionnaires
Different questions developed for the project of “Click Retail” UX design has been listed below
in order to collect different information, data, suggestions and feature’s requirement within the
application which user prefer to use within any application developed for online functions and
operations.
Table 1: Table 1st for questionnaires
Questionnaires 1st
Do you know about UX and its designing?
What trends you wish to see within the selection of clothing and other products?
How features and services can be improved?
What sort of actions you like to perform over the application?
Do you have any reference for other applications?
Have you ever face any error with applications which you wish to improve?
Do you have any plan to be implemented within an online application?
What type of guide and training required to understand the features of the online application?
Do you have any design flow which you wish to follow?
How does the design of an interface matter for you and others?
Do you have any suggestions?

Table 2: Table 2nd for questionnaires
Questionnaires 2nd
What features you wish to remove/add within the application?
Which type of methodologies must be used within the application?
Do you have any experience with designing UX?
What steps to follow for the planning of any project?
What tools and software you prefer for the design and implementation?
What is the most demanding trends among the users for retail products and services?
Tell me more about your experience.
What will you do if a user dislikes or hate developed application?
What are your most favorite applications for retail shopping?
What do you mean by the great experience?
How can you evaluate the performance of any application?
These two sets of questionnaires developed have been utilized during the interview with different
members and users and collected data, as well as significant answers from different users, have
been recorded for the discussion and analysis with stakeholders and other members of the team
for the evaluation and implementation of important points within the design.
Design principles
In order to develop an effective design for the application to be used by Click Retail for their
online services and sales of products and goods has been done on the basis of various principles
developed for the designing of UX (Murphy, 2018). Some of those principles have been
explained below:
 Implementation of visual graphics.
 Control and management of planes and lines utilized within the interface.
 Selection of effective colour and size for the buttons, text, images and icons.
 Consistent design flow over the entire project.
 Selection of easy to understand language for the users.