Human Computer Interaction: Usability Report and Redesign of Jivano

This report presents a comprehensive usability analysis of the Jivano e-commerce website. The report begins with an overview of the chosen system, followed by the usability test plan, which details the methods and metrics used to evaluate the website's usability. The usability test results are then presented, including task completion rates, time-on-task analysis, and task rating tables. A basic statistical analysis is performed to highlight key findings. Based on these findings, the report identifies several usability issues and provides specific recommendations for improvement. Finally, the report concludes with a redesign of the user experience, including visual mockups of the redesigned website, addressing the identified problems to enhance user interaction and overall satisfaction.

Running head: HUMAN COMPUTER INTERACTION
Human Computer Interaction
Name of the Student
Name of the University
Author Note

1HUMAN COMPUTER INTERACTION
Table of Contents
1. The Chosen System:....................................................................................................................2
2. The Usability Test Plan:..............................................................................................................2
3. Usability Test Results:.................................................................................................................3
4. Basic Statistical Analysis:............................................................................................................4
4.1 Task Completion Rate:..........................................................................................................4
4.2 Time on Task Table:..............................................................................................................5
4.3 Task Rating Table:.................................................................................................................5
5. Findings and Recommendation:..................................................................................................6
6. Redesign of the User Experience for the Chosen System:..........................................................7
7. References:................................................................................................................................14

2HUMAN COMPUTER INTERACTION
1. The Chosen System:
In the current context, the chosen system for usability analysis is Jivano. Jivano is an e-
commerce website that sells shoes to customers (Laudon and Traver 2016). Currently, the main
function of the system is to provide a list of shoe products to the customers from which they can
choose their desired one. The current version of the system is the first system, and there are no
previous versions available for the system. In this aspect, the e-commerce website of Jivano has
been chosen for the analysis purpose as it has been assessed that visitors were having several
problems regarding operating this website. For this reason, preparing a complete usability report
is important so that any type of issue with the e-commerce website can be identified (Brosens-
Kessels and van der Aalst 2018).
2. The Usability Test Plan:
In this aspect, it is important to conduct a usability test for assessing the current usability
of the website. For the execution of the usability testing Qualaroo tool has been used. The
Qualaroo tool is capable of gathering feedback from the website visitors in real-time (Hancock et
al.2018). It creates surveys, and from those survey, it can help the webpage developers to
improve the functionality of the webpage (Cardwell et al. 2016). For the execution of usability
testing of Jivano total, three participants will be taken. The first participant is an old man who
does not have sufficient knowledge of exploring a website. The second participant is a web
developer who is generally associated with this kind of web development. The third participant
in the usability testing is a young man who has proper knowledge of operating a website. There
are three important metrics that will be used for measuring the usability of the website. These
three metrics are satisfaction, efficiency, and effectiveness (Šuba et al. 2016). For the execution

3HUMAN COMPUTER INTERACTION
of the usability testing, three participants will be operating the website one by one, and their
experience will be evaluated based on the mentioned metrics. In this aspect, for recording the
extracted results, excel spreadsheets will be used where the metrics used for the evaluation will
be also mentioned.
3. Usability Test Results:
User
ID
Task Description Elapsed
Time
Notes
001 Finding a Specific
Product
10 min No search option is available which is making
finding a specific product difficult (Chen and Yao
2017)
002 Navigating the
Homepage
1 min No homepage is available for the website which
makes it difficult for the visitors to understand the
website (Li et al. 2017)
003 Adding a product to
the Cart
2 min Cart is not updating automatically when a product
is added to the cart. Users need to visit the cart and
check whether the product is added or not.
004 Ordering a Product 5 min Users are only able to add products to the cart but
unable to order it online (Chaffey, Hemphill and
Edmundson-Bird 2019). Users need to visit the
retail shop of Jivano to purchase the products.
005 Contacting the retail
shop
10 min There is no separate contact page available for
contacting the retail shops. Contact information
only becomes available when the user tries to

4HUMAN COMPUTER INTERACTION
checkout with the product.
006 Applying a promo
code to the products
1 min Finding a promo code is quite difficult for the users
in the webpage
007 Analyzing how much
discount a customer
got
1 min There are no data available to the retail shops
regarding how much discount a customer availing
008 Removing items from
cart
1 min To remove a product from the cart user needs to
remove all the products (Derindag, Canakci and
Tsarev 2019). Individual removal is not possible.
009 Viewing product
information
1 min The product does not show the availability of the
product (Linzbach, Inman and Nikolova 2019) and
the size of the product
4. Basic Statistical Analysis:
4.1 Task Completion Rate:
Problem No Task Completion Rate Problem Description
1 70% Search option not available
2 0% The homepage is not available
3 100% Cart is not updating automatically
4 0% Users cannot order products from online
5 30% Contact information only available after
checkout

5HUMAN COMPUTER INTERACTION
6 0% Retail shops do not have any information of
promo code applied by customers
7 50% To remove a single product, the entire cart needs
to be emptied.
4.2 Time on Task Table:
Task Average Time Total Time
Product finding 7 min 50 min
Moving product to cart 3 min 15 min
Product ordering 7 min 1 hr
Contacting retail shop 6 min 1.5 hr
Promo code Applying 5 min 45 min
Removing cart items 4 min 26 min
Viewing product info 1 min 12 min
4.3 Task Rating Table:
Task Mean Task Rating
1 = Very Easy, 5 =
Very Tough
Satisfaction
Product finding 3.4 50%
Homepage Navigation 5 0%
Moving product to cart 2.5 30%
Product ordering 4.5 10%
Contacting retail shop 4 20%

6HUMAN COMPUTER INTERACTION
Promo code Applying 3.8 25%
Removing cart items 4.5 10%
Viewing product info 3.8 25%
5. Findings and Recommendation:
From the usability analysis of the e-commerce website of Jivano, it has been assessed that
there are several issues with the current website of them which need to be fixed. This analysis
has revealed that there are mainly nine issues that are associated with the e-commerce website of
Jivano. In the following section of this report, an error analysis is done, and appropriate
recommendation is provided for the errors.
Rankings Errors Recommendations
1 Customer cannot place the order
online
An online order placing mechanism
will be integrated into the website, and
a secured payment gateway will be
implemented
2 No search options A search options will be integrated
3 No homepage available A new homepage will be created
4 The cart does not update
automatically
Auto update mechanism will be
integrated into the website, so it
updates automatically
5 A single product cannot be The webpage should be modified such

7HUMAN COMPUTER INTERACTION
removed from the cart as the single product can be removed
from the cart
6 Viewing product info A complete description of the product
will be provided to the website
7 Contacting the retail shop A separate contact section will be
added to the website
8 Retail stores do not have
information regarding what promo
code is applied by the customers
Applied promo code by the customers
should be provided to the retail stores
in real-time.
9 Promo code is hard to find The promocodes can be provided to
the customers through email
communication
6. Redesign of the User Experience for the Chosen System:
The key functionality of the redesigned system is enhanced interaction. Users will see all the
necessary details on the screen. The home page will provide an adequate amount of details on
what the organization is selling (Yu and Kong 2016). Each service of the organization will be
provided in detail. Customers can easily navigate throughout the system. Redesigned system will
have a navigation bar. The navigation structure of the system will be simple. Users will not click
more than three times to get the required information. Cart is redesigned in this system. Users
will see the cart only when the user will log in and add a product to the cart (Escobar-Rodríguez
and Bonsón-Fernández 2017). The cart will be visible in the main menu. Users will get a proper
response against each action taken. Such as user will be redirected to a new section or page if

8HUMAN COMPUTER INTERACTION
clicked on a link. Submitting a form will either result in a successful message or specific error
that the user has made.
Figure 1: Home Page
(Source: Created by Author)

9HUMAN COMPUTER INTERACTION
Figure 2: Login Page
(Source: Created by Author)

10HUMAN COMPUTER INTERACTION
Figure 3: Register Page
(Source: Created by Author)

11HUMAN COMPUTER INTERACTION
Figure 4: Products Page
(Source: Created by Author)

12HUMAN COMPUTER INTERACTION
Figure 5: About Us Page
(Source: Created by Author)

13HUMAN COMPUTER INTERACTION
Figure 6: Contact Page
(Source: Created by Author)

14HUMAN COMPUTER INTERACTION
7. References:
Brosens-Kessels, A. and van der Aalst, W.M., 2018, December. Data-Driven Usability Test
Scenario. In Human-Centered Software Engineering: 7th IFIP WG 13.2 International Working
Conference, HCSE 2018, Sophia Antipolis, France, September 3–5, 2018, Revised Selected
Papers (Vol. 11262, p. 88). Springer.
Cardwell, A., Kruse, L., Luque, N., Ratliff, M., Stettinius, A. and Bailey, R., 2016, April.
Developing and implementing a Usability Test Plan for the Challenger Center's EngiLearn.
In 2016 IEEE Systems and Information Engineering Design Symposium (SIEDS) (pp. 255-260).
IEEE.
Chaffey, D., Hemphill, T. and Edmundson-Bird, D., 2019. Digital business and e-commerce
management. Pearson UK.
Chen, Y. and Yao, S., 2017. Sequential search with refinement: Model and application with
click-stream data. Management Science, 63(12), pp.4345-4365.
Derindag, O.F., Canakci, M. and Tsarev, R., 2019, December. Information and communication
technologies in e-commerce and e-governance. In Journal of Physics: Conference Series (Vol.
1399, No. 3, p. 033110). IOP Publishing.
Escobar-Rodríguez, T. and Bonsón-Fernández, R., 2017. Analysing online purchase intention in
Spain: fashion e-commerce. Information Systems and e-Business Management, 15(3), pp.599-
622.
Hancock, G., Latham, A., Flores, A., Van Luven, J. and Diep, T., 2018. Usability Evaluation of
the Faculty Research Experience and Expertise (FREE) Webpage.

15HUMAN COMPUTER INTERACTION
Laudon, K.C. and Traver, C.G., 2016. E-commerce: business, technology, society.
Li, P., Wu, C.X., Zhang, S.Z., Yu, X.W. and Zhong, H.D., 2017. Mining Users' Preference
Similarities in E-commerce Systems Based on Webpage Navigation Logs. International Journal
of Computers, Communications & Control, 12(5).
Linzbach, P., Inman, J.J. and Nikolova, H., 2019. E-Commerce in a physical store: which
retailing technologies add real value?. NIM Marketing Intelligence Review, 11(1), pp.42-47.
Šuba, R., Driel, M., Meijers, M., van Oosterom, P. and Eisemann, E., 2016, June. Usability test
plan for truly vario-scale maps. In Proceedings of the 19th ICA Workshop on Generalisation and
Multiple Representation, Helsinki, Finland.(Cited on pages 8 and 87).
Yu, N. and Kong, J., 2016. User experience with web browsing on small screens: Experimental
investigations of mobile-page interface design and homepage design for news
websites. Information Sciences, 330, pp.427-443.