Project Overview Assignment 2022

Project Overview:
This project will be looking forward to the user interaction procedure which has to be
maintained in the click retail store which provides wide range of products such as electronics,
toys and clothing (Han, tom Dieck, and Jung 2018). This project will be considering the use of
Jesse James Garett’s methodology along with UX research methods, qualitative metrics and
UCD qualitative analysis. This project will look forward to justify the selected research methods.
The following unit of this project will be highlighting the project goals and objectives.
Project Goals and Objectives:
The prime objective of this projects are listed as followings:
 User experience of the consumers of click retail has to be optimized.
 Navigation facility of the website has to be optimised.
 User journey of the online services has to be optimised.
 SEO functionality of the website has to be addressed.
 Finding the nearest branch has to be a lot simpler.
 Simpler payment procedure will be beneficial for the client of this online retail
store.
 Collaboration of the market place with the online store must be optimized.
Project Introduction:
The main objective of this paper is the critical evaluation of the research methods which
will be selected for the design and enactment of the prototype system for click retails store (Roth
2015). The new prototype will be very much significant for click retail as it will ensure enhanced

user journey for the consumers of this retail store (Hamalainen et al. 2015). Synchronization of
each of the elements of the prototype along with the detailed investigation of the behavior and
perceptions of the options provided by the new prototype will be very much useful to enhance
the user experience of the consumers of click retail (Sandbiller and Myerson 2018). Each of the
planes of the Jesse James Garett can be very much useful to identify any sort of inconsistencies
associated with this project.
Figure 1: Five plane model
(Source: Created by the author)
Part 1: Strategy Plane Research:
The objectives of the strategy plane is to highlight the usability of the prototype and aligning it
with the need and expectation of the click retail business.
Strategy Scope Structure Skeleton Surface

Figure 2: Defining the strategy for the prototype
(Source: Hassan, Regan and Casey 2018,)
User experience of the prototype can be significant enhanced using this Jesse James
Garett methodology (Ho 2017). It can also be said that the entire changes in the visual design can
be very much useful to manage the Information Architecture and functional specifications of the
new prototype. The next of the paper shall be identifying the website objectives of the new
prototype of Click Retail.

1.1 Business and website objectives
The business goals of the new prototype are listed as followings:
 Optimise the user experience of the customers of click retails.
 Optimise the user journey using login.
 Optimisation of the searching options in the prototype.
 Deployment of the payment gateway.
 Identification of the buying history for the consumers.
 Optimisation of the admin panel regarding the searching options.
 Identification of the nearest branch finders and enhanced collaboration of the online store
with the market place.
Brand identity of this project are listed as follows:
 Enhancement of the user journey.
 Building relationship with the market places.
 Enhancement of the customer service.
Success indicators of this project are listed as follows:
 Improvement of the user visitor.
 Access to the updated payment gateways.
 Improved sales and pre booking facilities
1.2 User needs via research
It can be said that detailed analysis of the demographic elements of the consumers of the
retail industry like age, income and marital status can be very much useful considering the
development of a new prototype for click retail (Linder and Arvola 2017). The diverse categories

of user research which will be considered in this paper are discussed in the following unit of this
paper.
1.2.1 Focus groups discussion
The past experience of the consumers of the retail store can be understood from the
discussion of the focus groups. The confusion of the consumers in terms of making the payments
or searching options can be purposefully resolved using the discussion of the focus groups
(Gruber et al. 2015). The data collection procedure in the focus groups must be done in an
ethical manner so that the reliability of the data can be considered during the implementation of
the prototype.
1.2.2 Mental model
The complexity of the navigation of the prototype can be addressed using the mental
model. At the same time contact details of the market partners can be easily accessed with the
admins of the website using this model (Garcia 2018). The entire device set up considering the
stakeholders of this business can be addressed using this model.

Figure 3: User mental model
(Source: Dorrington et al. 2016)
1.2.3 User interview questionnaire
The objectives of this report can be linked with the hypothesis of the website using
questionnaire. The entire roadmap of the project can also be tracked using the outcome of the
questionnaire (Bernhaupt 2015). The difficulties faced by the consumers of this organization can
also be solved using the questionnaires. The detailed feedback of the questionnaire can be very
much useful to identify the trending business expectation of the consumers of the retail industry.
1.2.4 User persona
The entire interaction of the prototype can be sorted using the user persona, at the same
time it can also be said that user persona can also be very much useful to value the business

objectives of click retails. The target users and the expectation of the users of the retail industry
can be represented using user persona.
Figure 1: User Persona One
(Source: Created by Author)
1.2.5 Card sorting
The three categories of sorting which can be deployed for click retail are listed as
follows:
Open card sorting: New concepts can be incorporated in the navigation of this prototype.
Closed card sorting: The probable participants of this business can be attracted using this
sorting technique.

Open card sorting: It is a collection of both the above two sorting procedures.
Part 2: Scope Plane Outline and Research:
The system is designed in such a way that it can easily meet the business goals by the
help of fancy features and technologies capabilities for software and hardware tool. The system
design approaches to the end-user which is an important section of whole method. User-centred
design is a well-known method of developing a tool for instance. User-interface of this
application is the overall perspective of user about how it will be understood and completely
used by human user. UCD can be employed to system design of a product which delivers more
effective and user-friendly user experience. This ultimately increases overall sales and customer
loyalty. There are ten design principles for a user-centered design like
Designing User and their tasks: Isolation is not suitable for some interactive system as
providing support who are using it for performing it. Centered support user is known to be key
making for user-centered and task orientation. At the development phase, it is vital for vital for a
developer to take into account the number of users.
Maintaining Consistency: User need to have a system which is very much suitable for
learning with minimum and understandable need. Behavior of interface element needs to be
consistent in nature. The consistency will start in the design phase for integrating with the current
component.
Using simple dialogue: The main application of this system requires to incorporate in the
proper interaction for providing a dialogue with user. User will need to have the required
information which is important for completing a task. Each of the added information that is
added results in complicated scenario.

Reducing the mental effort by user: User will mainly focus on task in hand and reducing
the use of tool and its interaction for designed application. It merely focusses on complicated
interaction with system and any complicated application.
Giving proper feedback: User need to have proper action which is executed in a
successful way. It is completely evident by overall changes in appearance for achieving the thing
in successful way. If it takes much longer time, an indicator which is needed for highlighting the
processing which is in still in progress.
Providing proper navigation mechanism: User should be given the freedom of
navigating easily with vital principles so that they will have an idea with respect to position. It is
completely possible by using an effective and consistent mechanism which assign attributes.
User-taking in charge: User need to have an idea what she needs to have for developing
the system which provides adequate information. The user needs to have the ability which is
needed for providing the support to individual request. Constraints are mainly evoked by system
which is possible for developers for providing an easy way for achieving on frequent basis.
Providing information in clear way: There is need of arrangement of providing
information which is important for user on-screen platform. It will provide user with list of
elements and data groups. It is completely achieved by making use of visual code.
Providing assistance: User need to have all the required help which is required by system
along with minimum usage. It needs to be self-explanatory where information needs to be in-line
with different user task.
Click-retail needs to be free from error: Errors need to minimize by directing different
user in right way so that they can achieve goal. Feedback from user needs to be constrained so

that they can prevent any kind of error. There is a need for ensuring the system validates for data
entry which is possible at the input point.
Part 3: Structure Plane Implementation and Information Architecture
The application will merely consist of three types of layers that are front-end, middle and
database. The front part will be clearly visible to a different user. While the middle layer
comprises of scripting where the process for different user will communicate in between the two
that is front end and database. This particular database will be taken into account for both storage
and retrieval of data. Both control and modules will be completely installed in middle portion.
The modules will be completely interacting with the database of the system. This particular
application will be implemented depending on principle of model view approach.
This particular application comes with a header which will have vital information.
Header is made available in some pages that is main and product page. Navigation panel will be
completely fixed in the whole page where it will be outside the header. In case of the mobile
interface, hamburger menu option will be used. User just needs to click on hamburger icon and
all the required menu items will appear. The displayed menu will cover the information about
mobile device screen. By using a search bar in the navigation panel, user can easily search for
required product without going to another page.
Header is known to be as one vital aspect of any application. Header will have certain
number of information that is amount the website. Header will have some sliding content so that
a particular space can be used for showcasing different information. Click retail can provide an
option where in one slide it can provide details of specific product and other sides for reselling
different products.

Click-retail will provide all the required information about the organization in the about
us page. This particular page will provide information with respect to data or product depending
on user-experience. For providing information user need to customize the presentation of product
by making use of filters. Each of the pages of this application will have a cart icon which will
provide details about the number of products in the cart. User can directly go into the cart page
by clicking on icon where each product will be added to the cart and customer will have buy now
option. Customer can visit a dedicated page for a particular product where he or she will have all
the required details. Click-retail also provides the option of reviewing products of another
customer who have carried purchase previously. In addition, they can provide rating to products
according to their personal experience with the product.

Part 4: Skeleton Plane Wireframe Implementation
4.1 New Website Wireframes

4.2 Focus User Group Testing
Focus User Group Testing – ‘Click Retail Website Pages Product Purchase’
User Name: Kyle Kates
User profile A (Electronic Product Purchase)
User Goals/Tasks Outcome
Test and Feedback: Click Retails’ new
website ‘Login’ web page
Feedback
 The contents of the page are well designed
and managed
 Entire page looks very good and used
standard website design approach
 The usage of empty spaces has been done

well
Concerns
 Not using any hyperlink to the register
page is not ideal
 Not providing any social media login link
can cause usability issue
Navigation of the website The hamburger menu is easy to access and
locate
Information alignment Show password for actually seeing the
password being input
Other comments The should have included link to register page
Test and Feedback: Click Retails’ new
website ‘Product Search’ web page
Feedback
 Shifting the search bar from the header to
top of the main section is very good
 The image of the product is presented in
good manner
Concerns
 The price of the product is not visible in the
page
 The page does not show product quantity in
stock
Navigation of the website The usage of buy now and add to cart is very
good
Information alignment The name and description is presented very
well manner
Other comments Showing price and quantity available could
have increase usability
Test and Feedback: Click Retails’ new
website ‘Payment’ web page
Feedback
 Various options for purchase is presented
in well manner
 The image of the product is presented in
good manner
Concerns
 The page does not show the progress of
order status
 There is no need of navigation bar in
payment section
 There is no cancel option in the page
Navigation of the website There is no cancel option in the page
Information alignment All the information has been provided
properly in the page
Other comments No navigation bar is required in the website

4.3 Focus User Group Testing / Wireframes Amendments
As per the feedback of the participant, the login page has been changed. In this page, the
hyperlink to the register page has been provided with a message. The message clearly signifies
that if the user does not have any registered account then registration has to be done first. The
system interface for login page also entail that the user can login using Facebook or twitter.

After the update of product search page, entire product presentation has been changed.
The image of the product has been put in the middle of the section. The name is written in bold
so that it can catch the eye of the user easily. For the same reason, catching user attention, the
price of the product is colored in red. The buy now and cart button has been shifted to bottom-
right. The overall presentation of the page has become very good. The use of the free spaces is
being done properly.

The header section has been removed from the payment page. Instead of main menu a
submenu has been proposed in this page. This submenu represent the progress of the order. As
the user will progress in confirming the order, this menu will be updated. The user can also go
back to any previous stage just by clinking on the link.

5. Surface Plane Implementation & Report
5.1 Visual Design: Click Retails’ Logo
Background color of the logo is transparent. The font used for the logo is Snap ITC. Font
size is 18pxl and font style is regular. Color of the logo is white or #fff.
5.2 Color Scheme: New Website
The background color of header section is # 434343. Color used in the hamburger menu,
search icon and notification icon is # FD9941. The texts are in black or #000 colored. The
buttons in the login and payment page has # 4A86E8 color as background. The color of texts in
button is white or #fff. The color of buy now button is # FD9941. The color used in price is #
FF0000.

5.3 Style Guides: New Website
Part 6: Conclusion and Recommendation
The above critical analysis of the research methods selected for the prototype system
helped in concluding that the legal obligations of the services provided by click ratios has to be
considered in a detailed manner. UCD accessibility standards has to be enacted in an organized
manner while the new prototype is created for click retail. It can also be concluded that the data
associated with each of the research needs has to be secured and safeguarded from diverse
categories of data security issues. The significance of the consent form in this project can also be
understood from the derailed explanation of the project scope which highlighted diverse research
techniques like task model analysis and MoSCoW analysis. The significance of user journey
testing can also be identified from this paper. The paper was very much useful to understand the
significance of new website wireframes which can be very much useful to customize the new

prototype which is planned to enhance the user journey of the consumers of the prototype. Each
minute details of the visual design be reviewed using the discussions of the surface plane.
The list of recommendations of this projects are listed as followings:
i. Product details must be flashed in the dashboard of the prototype.
ii. Searching options must be having filtering options.
iii. Third party promotions can also be very much useful to maintain desired exposure of
this website.
iv. Simple navigation system must be incorporated in the new prototype.
v. Accessibility of the prototype should be there for both the registered as well as the
unregistered members if this system.
vi. The new prototype must be going through the iterative usability testing which can be
very much useful to solve the inconsistencies associated with this new prototype.

References
Bernhaupt, R. ed., 2015. Game user experience evaluation. Springer.
Dorrington, P., Wilkinson, C., Tasker, L. and Walters, A., 2016. User-centered design method
for the design of assistive switch devices to improve user experience, accessibility, and
independence. Journal of Usability Studies, 11(2), pp.66-82.
Garcia, M.P., 2018. The potential of Data-Driven Virtual Assistants to enhance Customer
Experience in the Telecommunications Industry. Human Factors in Design, 7(13), pp.061-072.
Gruber, M., De Leon, N., George, G. and Thompson, P., 2015. Managing by design.
Hamalainen, S.O., Teittinen, V.M., Tang, H., Varonen, K., Seittenranta, P.K. and Parkkali, R.J.,
Nokia Solutions and Networks Oy, 2015. Method and apparatuses for individually control a user
equipment in order to optimise the quality of experience (qoe). U.S. Patent Application
14/434,489.
Han, D.I., tom Dieck, M.C. and Jung, T., 2018. User experience model for augmented reality
applications in urban heritage tourism. Journal of Heritage Tourism, 13(1), pp.46-61.
Hassan, A., Regan, M.A. and Casey, N., 2018, October. Designing road tunnels to optimise user
experience and safety: a user-centred approach. In Australasian Road Safety Conference, 2018,
Sydney, New South Wales, Australia.
Ho, A.G., 2017. Accessing the function of emotion in appreciated user experience design. In
Advances in Affective and Pleasurable Design (pp. 401-409). Springer, Cham.

Linder, J. and Arvola, M., 2017, September. IPA in UX research: Interpretative
phenomenological analysis in a user experience design practice. In Proceedings of the European
Conference on Cognitive Ergonomics 2017 (pp. 17-24). ACM.
Roth, R.E., 2015. Interactivity and cartography: A contemporary perspective on user interface
and user experience design from geospatial professionals. Cartographica: The International
Journal for Geographic Information and Geovisualization, 50(2), pp.94-115.
Sandbiller, K. and Myerson, J., 2018. Hybrid space making: Rethinking the bank branch
experience for the digital age. Corporate Real Estate Journal, 7(3), pp.256-266.