(BSC-IT17005) Human Computer Interaction Laboratory

Practical 7

Aim: Optimize / update task UI design.

 Select any one existing task UI design from 5 task you decided in Practical-2. (except login task)
 Select any one UI prototype building tool from your Practical-5.
 Optimize / update UI design of your selected task.

Task Name:
1. Give screenshot of existing UI design.
2. Give screenshot of your optimized / updated UI design.
3.
Sr. No. What you change in existing UI Design Reason for change
1. Added a QR scan code Nearly Everuone has G-pay, Bhim-Upi, paypal app on their
devices(mobile phones), so just scanning QR code will take
less time for payment rather than card-payment methods.
2. Added home icon to get directly into home page To explore new and more courses if one don’t want to pay
for existing filled cart.

4.
KLM for Existing UI Design KLM for Optimize / Updated UI Design
Sr. No. Action Sequence Operator Time Action Sequence Operator Time
1. Point to the web PBB 1.3 Point to the web browser PBB 1.3
browser and click on and click on it.
it.
2. Go to search bar and MPBBHT(W) 5.37 Go to search bar and type MPBBHT(W) 5.37
type payment and payment and check-out
check-out related URL related URL
3. Fill the form(text HBBHTTTHD 16.17 Scan the QR code and - 5(Min for
fields): pay the amount normal User)
-Select ATM card
-Fill the name
-Fill the card no.
-Pick exp date
-Country

Total Time 21.44 sec Total Time 11.67 sec