Project 4
1.0 Introduction
UTM White Hats app is an improved app from UTM Smart that enhances the Global Positioning System (GPS) usage. Creating a prototype has had both advantages and disadvantages for us. We can learn about anything, especially analytics and heuristic interfaces, in addition to developing the prototype. It is not a simple procedure to take a model from a drawing to a prototype. Every ounce of knowledge we pick up along the way and during this project will be useful to individuals, as technology is advancing every day. We hope the improved app, UTM White Hats, can improve our UTM students, staff and visitors' experience around the UTM campus. Meanwhile, our app also aims to help make daily tasks easier when using the app. This is the last stage of making the UTM White Hats app that will achieve the target of inventing this application.
We utilize Figma, the most user-friendly program for creating application prototypes and offering free public service, for usability testing. In addition, Figma is accessible on a wide range of gadgets, including PCs, phones, and tablets. Three users in total were our intended participants for the usability test of our program. The three main tasks chosen for observation from the existing system are the Lugo app, the i-Tegur app and the SpotHero app. The task analysis was conducted to identify and establish requirements for our product which is an application. Three users with different backgrounds were selected for user analysis: UTM students, staff and visitors. These three different users made it easier for us to understand how different users approach completing tasks, the limitations they might encounter, and their preferences or expectations for the application's features. Several existing systems were observed during task execution to support our analysis.
2.0 Digital Photos of the Pieces of the Prototype
2.1 Task 1: Checking the Bus Schedules
2.2 Task 2: Checking the Availability of Parking Lots Around or Specific Spot
2.3 Task 3: Make the Report of the Faulty Streetlights
3.0 Briefing Notes
Good Morning/Afternoon/Evening Sir/Madam,
Welcome to 'UTM Whitehats' user testing. Our proposed app is called “UTM Whitehats”. It is an application, which allows users to easily access the facilities provided in University Teknologi Malaysia. UTM Whitehats includes a few improved functions from various applications including UTM Smart, i-Tegur, and SpotHero.
3 main tasks that the users should perform :
1) Search for buses’ time of arrival, and bus routes for preferred buses.
2) Search for empty parking spots in UTM.
3) File a report about faulty facilities around UTM.
“This session will be recorded for further analysis. May I have your verbal consent first?” If you could not complete a task due to any problem, please say “Terminate” loudly to skip the current task and proceed with the next task.”
4.0 Testing with Users
4.1 User 1: UTM Student
Videos of User 1 Testing the Prototype
Breifing
Task 1
Task 2
Task 3
Feedback
4.2 User 2: UTM Visitor
Videos of User 2 Testing the Prototype
Briefing Session :
https://youtu.be/lU08oKSDdwo
https://youtu.be/3t3Vw8CwrUU
https://youtu.be/g22UglpI5Ys
https://youtu.be/NL9Ah8R3FOc
Feedback :
https://youtu.be/hy96qfulBqk
4.3 User 3: UTM Staff / Lecturer
Videos of User 3 Testing the Prototype
Briefing Session & Task 1 :
https://www.youtube.com/watch?v=AhBdzKHJSW8
https://www.youtube.com/watch?v=6Adr2POd0ZQ
https://www.youtube.com/watch?v=gIc58uBCaJc
Feedback :
https://www.youtube.com/watch?v=2E9aV5twiCw
5.0 Observations
Based on the feedback provided by Group 4 from Human-Computer Interaction as the first user assigned by the lecturer, Ms. Atiqah to test the user interface of our application, UTM White Hats. According to the feedback provided by Group 7, overall, this application is all good, whether in terms of the design, the layout of this user interface, or the colour, which make them feel satisfied. But there was still a little improvement that we need to make the user interface design improve by including the language features. More language options are in demand since they can allow the user to choose the language according to their preferences which makes them convenient and can understand easily by the user.
After testing all the functions based on each task, we received feedback from them. Firstly, the colour design in this application is not satisfactory to them. They mention that we should add more colours than the UTM logo to make this application attractive and innovative since it uses the maroon colour from the UTM logo design. The second feedback regarding the function key hitbox. They emphasize the hitbox should be bigger since they need to click on it multiple times to access the function, such as "dismiss", rather than just one click to make the function work. Furthermore, they conclude that this application is easy to navigate between pages, and they can proceed by themselves in using the application without any proper guidance or explanation; in other words, it is easy to understand and user-friendly.
The third user, Ms. Atiqah, provides useful feedback and suggestions to improve this user interface. Ms. Atiqah mentions that task 3, the streetlight problem, can add one more authority detection function to detect the report's authenticity. In addition, the feature detects the user when opening the app. It gives rewards that encourage the user to keep using this application, which is like the attractive method, and this application's user interface is crowdsourcing. In conclusion, this application should focus more on transport and put the GPS function in the report system for auto-detection.
6.0 Findings
After the testing by some users from different categories, which are students and staff from UTM, we got some feedback from them and noticed some problems with it. The first problem is that the size of the button to click to dismiss or go to the respective page is too small and difficult to click. So, we discussed making the button larger at about 0.5x than before. We also plan to put a shape on the dismiss button on the successfully submitted report page, which will help the user know the exact click space for dismissing that message.
Next, we also received the language options problem from the users, testing users suggesting that we can add more languages to the app. Since Malaysia is a multiracial country, Malaysians know at least more than 2 languages since they had an education from kindergarten. Our decision is to add two more languages to the application, Malay, Chinese and Tamil. The users will be asked to set a default language for the app when the application is newly installed on their devices. If the users wish to change the language for the app, they can set it in the settings page for the application. In other words, the error messages will only be shown in English, to make our programmer know the problem easily without any translation.
Thirdly, one of our users, Ms. Atiqah, suggests that the report function's location can be put as a click and then automatically locate where the user is so that the location can be known easily and without any problems. Besides that, Ms. Atiqah also suggested that the availability of spaces in the bus can use crowdsourcing to help the application know the data when the users open the app. Based on the suggestion and the problem stated by Ms. Atiqah, we are planning to use the crowdsourcing system in our application to make our application can know the actual availability of spaces in the bus without asking the users to do the survey. Meanwhile, we are worried that users won't open their apps frequently. So, the solution that we made is giving the users some reward points to them; the users can collect the points and change the points to the voucher when the points.
Comments
Post a Comment