Embed Size (px)
Citation preview
SCHOOL OF COMPUTING SESSION 2019/2020
SEMESTER 1
Subject
SCSV 2113 - Human Computer Interaction
Lecturer’s Name
Nor Anita Fairos Binti Ismail
Group Project 4
UTM Smart++ Attendance System Prototype
Student’s Name
Tok Kai Xian(A18CS0267)
Leong Wai Yui (A18CS0097)
Lee Huey Miin(A18CS0096)
Nur Asnani Binti Hassan(A18CS0186)
Section
06
Table of Content1 Introduction............................................................................................................4
2 Prototype Photo......................................................................................................5
3 Briefing..................................................................................................................6
4 Scenario Tasks.......................................................................................................8
5 User Demographics................................................................................................8
6 User Testing of UTM Smart ++ Attendance System...........................................10
6.1 User 1.............................................................................................................10
6.1.1 Task 1: Record Attendance....................................................................10
6.1.2 Task 2: Check Attendance.....................................................................10
6.1.3 Task 3: Apply Payment..........................................................................11
6.2 User 2.............................................................................................................12
6.2.1 Task 1: Record Attendance....................................................................12
6.2.2 Task 2: Check Attendance.....................................................................12
6.2.3 Task 3: Apply Payment..........................................................................13
6.3 User 3.............................................................................................................13
6.3.1 Task 1: Record Attendance....................................................................13
6.3.2 Task 2: Check Attendance.....................................................................14
6.3.3 Task 3: Apply Payment..........................................................................14
7 Observations and Results of User Testing...........................................................16
7.1 Task 1: Record Attendance...........................................................................16
7.1.1 Observation............................................................................................16
7.1.2 Result......................................................................................................16
7.2 Task 2: Check Attendance Record................................................................18
7.2.1 Observation............................................................................................18
7.2.2 Result......................................................................................................18
7.3 Task 3: Payment............................................................................................20
7.3.1 Observation............................................................................................20
7.3.2 Result......................................................................................................20
7.4 User Testing Session After Class..................................................................21
8 Usability Problems and Findings.........................................................................25
Table of Figure
Figure 1 Laptop to Scan the Attendance........................................................................5
Figure 2 The Prototype Testing Using Phone................................................................6
Figure 3 User 1 Record Attendance.............................................................................10
Figure 4 User 1 Check Attendance..............................................................................11
Figure 5 User 1 Apply Payment...................................................................................11
Figure 6 User 2 Record Attendance.............................................................................12
Figure 7 User 2 Check Student Attendance List..........................................................12
Figure 8 User 2 Apply Payment...................................................................................13
Figure 9 User 3 Record Attendance.............................................................................14
Figure 10 User 3 Check Attendance............................................................................14
Figure 11 User 3 Apply Payment.................................................................................15
1 IntroductionTechnology is the use of scientific knowledge to produce new machinery and
devices that can be used to provide different services or can be employed further to
create more devices. The application of information to design and produce machines
and other goods to make life more convenient for the human beings is known as
technology. In this case, technology that we used is biometric artificial intelligence or
known as facial recognition system. It is an application that can uniquely identify a
person by analyzing the patterns based on the facial shape and texture.
There are several type of facial recognition techniques in used, for instance,
generalized matching face detection method and the adaptive regional blend matching
method. However, most of the facial recognition system is based on the different
nodal points on a human face. With all these techniques, the system is able to capture
a human face and can accurately recognized a target individual when the condition are
favorable. For example, face recognition software is also used by Facebook to tag
individual in photo. The software stores mapping information of a person’s facial
characteristic. Once the data has been collected completely, the information can be
used by the software to identify specific individual whenever they appear in a new
photo. Additionally, the facial recognition system is swiftly evolving with more new
approaches such as 3D modelling. This evolution helps human to overcome the issues
of the existing techniques.
There are many advantages and benefits of this system. One of it is that the
system can capture a human face from a distance quickly without requiring interaction
with the user. As a result, this system can ensure that no one can successfully disguise
another person. Last but not least, face recognition system improved the level of
security as it can be able to track an individual. However, data from a facial
recognition system may be captured and stored without authorization. The
information could then accessed by a hacker, and an individual’s information spread
without ever knowing it. In a nutshell, user must utilize technology wisely to prevent
any unwanted incident to be happened.
2 Prototype PhotoIn our prototype, we use digital device to demonstrate our idea. Since our idea
involved hardware and software aspect, we use totally digital device to test our
prototype. With this testing method, user can have more involvement and
understanding about how our device and software works.
In the user testing session, we use two devices which are the laptop as the camera
to scan the attendance and the software prototype created by Adobe XD.
Figure 1 Laptop to Scan the Attendance
Figure 2 The Prototype Testing Using Phone
3 BriefingGood morning, we are currently designing an update version of UTM Smart
(namely UTM Smart ++) by implementing extra features using face recognition
system. It can record your in class attendance without using paper-pen method. Next,
you can check your attendance history to ensure that it has been recorded in the
system. Furthermore, we are encouraging a cashless payment method by using this
UTM Smart++ (upgraded version) and just a face scanning will be able to pay your
stuff.
Hence, we are now conducting a user testing session that will help us by testing
out our developed new system. Your name and details will be included in this
interview form. However, your participation is not mandatory and you shall stop at
any time if you did not feel good. Your thoughts and comments for each task can be
written down in the interview form after you had completed the task.
Next, you can try to complete the three tasks given by using the prototype on the
mobile phone. This prototype is designed by our group using Adobe XD. We will not
guide you the steps for each task as you may try to figure it out. We will observe you
during the testing session and if you have any doubt, feel free to tell us.
Let us know what we can improve with this system. Your testing will definitely
help us to find out the pros and cons of this system. If you are confused, speak up and
we are there to guide you.
If you are ready, then you may start your first task.
4 Scenario TasksScenario task:
Task 1: record user's attendance using face recognition system
Task 2: check previous attendance record for different subject using UTM Smart++
Task 3: Use UTM Smart++ to do the payment
5 User DemographicsUser Background
User 1 - Year 2 student of Graphics and
Multimedia Software
- Male
- Malaysian
User 2 - Year 2 student and Graphics and
Multimedia Software
- Male
- Malaysian
User 3 - Year 2 student and Graphics and
Multimedia Software
- Female
- Malaysian
User 4 - Year 1 student and Graphics and
Multimedia Software
- Male
- Malaysian
User 5 - Year 1 student and Graphics and
Multimedia Software
- Female
- Malaysian
User 6 - Year 1 student and Graphics and
Multimedia Software
- Male
- Malaysian
User 7 - Year 1 student and Graphics and
Multimedia Software
- Female
- Malaysian
User 8 - Year 1 student and Graphics and
Multimedia Software
- Male
- Malaysian
User 9 - Year 2 student and Graphics and
Multimedia Software
- Female
- Malaysian
User 10 - Year 1 student and Graphics and
Multimedia Software
- Male
- Malaysian
6 User Testing of UTM Smart ++ Attendance System
6.1 User 1
6.1.1 Task 1: Record Attendance
In task 1, we ask user 1 to record the attendance as a student. He moved in
front of the camera to detect his face.
Figure 3 User 1 Record Attendance
6.1.2 Task 2: Check Attendance
In task 2, we ask the user to check his attendance whether recorded to the
system successfully.
Figure 4 User 1 Check Attendance
6.1.3 Task 3: Apply Payment
In task 3, we ask User 1 to test whether our payment system is easy to use.
Figure 5 User 1 Apply Payment
6.2 User 2
6.2.1 Task 1: Record Attendance
In task 1, we ask User 2 to record his attendance by the camera as a lecturer.
Figure 6 User 2 Record Attendance
6.2.2 Task 2: Check Attendance
In task 2, we ask User 2 to check the student’s attendance as a lecturer.
Figure 7 User 2 Check Student Attendance List
6.2.3 Task 3: Apply Payment
In task 3, we ask User 2 to test on the payment system.
Figure 8 User 2 Apply Payment
6.3 User 3
6.3.1 Task 1: Record Attendance
In task 3, we ask User 3 to record the attendance as a staff identity.
Figure 9 User 3 Record Attendance
6.3.2 Task 2: Check Attendance
In task 2, we ask User 3 to check her attendance whether recorded into the
system as a staff.
Figure 10 User 3 Check Attendance
6.3.3 Task 3: Apply Payment
In task 3, we ask User 3 to test on our payment system.
Figure 11 User 3 Apply Payment
7 Observations and Results of User Testing
7.1 Task 1: Record Attendance
7.1.1 Observation
User 1
User 1 is keep watching the screen that show the camera interface. The square red
frame will appear when the camera detect a face.
User 2
User 2 just put his head in front of the camera and the camera capture his face with a
red frame, telling the user that the camera is already focus on his face. He say is a
good design.
User 3
User 3 is curious about our method of taking attendance. We tell her that is through
the camera, or face recognition system. She was surprised with our design and she put
her face in front of the camera to try the system.
7.1.2 Result
1. What was easy?User 1: It is easy to follow the flow and simple steps is needed for this system.
User 2: Can directly scanned through face recognition
User 3: It is easy
2. What was difficult?User 1: It do not notify user with color or sound if the scanning was success
User 2: It has no basic flow and instruction in the application
User 3: No difficulty in using this application
3. What would you suggest to improve the interaction below?User 1: Need to notify the user using color or sound when the scanning is success
User 2: Need to have instruction that shows the camera or scanner in the application
User 3: Need a notification as a confirmation of user’s attendance
4. Would you use/not use the system in real life? Please give brief reasonUser 1: Yes, this is because no need to use QR scan which student need to go in front
the class just to make sure the code fit well with the scanner in the phone.
User 2: He will use this system as it is convenient to use, easily to record attendance
without using paper, and easily to store data without error.
User 3: Yes, she will use it. The system does not need to sign or scan QR code for
attendance and this can save a lot of time.
7.2 Task 2: Check Attendance Record
7.2.1 Observation
User 1
User 1 able to find the icon to check attendance, and successfully check the
attendance record.
User 2
User 2 able to find the icon of check attendance, and successfully check the
attendance record.
User 3
User 3 able to find the icon of check attendance, and successfully check the
attendance record.
7.2.2 Result
1. What was easy?User 1: It is easy to understand the icon. Besides, it also easy to follow the flow and it
provide search to find the user’s course.
User 2: Can see clearly the use of ‘check attendance’ and has basic flow
User 3: Easy to use as it has clear icon
2. What was difficult?User 1: It do not provide history of attendance for 2 months before
User 2: There is no difficulty
User 3: There is no difficulty
3. What would suggest to improve the interaction below?User 1: Make the course separate in different color
User 2: Make the words font more clearly and colorful
User 3: The attendance history record will be clear monthly
4. Would you use/not use the system in real life? Please give brief reasonUser 1: Yes, this is because it is easier for student to see their attendance record
User 2: He will use this system as he can see attendance just on application only
User 3: Yes, because she can check the attendance on application.
7.3 Task 3: Payment
7.3.1 Observation
User 1
User 1 able to find the payment icon. After complete this task, he also give some of
him thought to us, which is show all the details of history payment, so that we able to
record all the data required for us.
User 2
User 2 able to find the payment icon. User 2 try every function in the prototype,
which is balance, payment history and top up icon.
User 3
User 3 able to find payment icon. User 3 after try all the function, user 3 give us some
suggestion to improve our system. Some of the icon is confusing her and we need to
explain to her.
7.3.2 Result
1. What was easy?User 1: It is easy to understand and find the payment interface. The steps for the user
to do transaction also simple.
User 2: The application has a basic flow and this can see clearly the icon. The
payment is cashless.
User 3: It is easy to use
2. What was difficult?User 1: The icon usage pattern is not consistent
User 2: It has a confusing icon or duplicate icon or different icon but proceed the
same function. The payment also less security.
User 3: There is no difficulty in using this application
3. What would you suggest to improve the interaction below?User 1: Need to provide quantity of item that user bought in history of payment
User 2: Need to make a combination of icons with label to prevent any duplicate
icons. Besides, add a QR scan or bar code for goods that want to purchase.
User 3: Need to add bank selection option, set a minimum payment for the wallet,
display the amount of item purchased, location during payment. Besides, need to
show the balance of wallet at the payment successful page.
4. Would you use/not use the system in real life? Please give brief reasonUser 1: Yes, this is because it is easier to do payment without to bring wallet as it use
face recognition for payment.
User 2: He will use the system as it is convenient for payment.
User 3: Yes, this is because it does not need to bring the wallet as it is a cashless
payment.
7.4 User Testing Session After Class
User 4: Mau Khai Shan
User 5: Lim Chin Qing
User 6: Yu Kah Wei
User 7: Kiew Xue Kee
User 8: Tan Kah Khoon
User 9: Mazlina binti Jumat
User 10: Chai Ming Choi
8 Usability Problems and FindingsFrom the interviewee, the mostly feedback we get are:
Easy to understand
Easy to use
The design is good and simple
Design is not confusing the users
However, we still can have improvement to the interface from the feedback from user:
Using consistence color of icons in the main page
The payment balance is not show
Confusing in payment balance field
Some of same function icon present in same page
Do not provide the attendance according to monthly and weekly to check
