Week 04

 PROJECT PROGRESS | 19-22 August 2021


For this week, I have already started carrying out the high usability test. Users should be able to easily find their way to their objectives without relying on outside knowledge. The design with high usability guides users throughout the website. While waiting for the response, I will be researching how to apply colour blind effect to the VR game.

Workshop
Today’s workshop will be our final workshop on creating a contact page with a location map, creating a card box, and using div to align the box. The tutorial was relatively easy to understand as the lecture guided us through one by one. Throughout the workshop, I have learned how to code a website from the basics, and I’m glad to have joined the workshop as this has allowed me to add on new skills for future use.

Image 01: Workshop

Image 02: Workshop

Image 03: Workshop

Image 04: Workshop


Analyses of the result
At the end of the test, based on the user review, some places need to fix. Other than that, the user seems to choose website B more than website A. The comment mentions that website B is more professional than website A as the colour and layout are more fun to view. Lastly, there is a minor adjustment to be made on the navigation bar words spacing.

Usability Acceptance Test Result:

Image 05: Result

Questions
1. Which website do you prefer?
2. Why do you prefer the chosen website?
3. Is the website easy to navigate? 1-5 rates
4. Is there naturalness in website interaction? 1-5 rates
5. The screens are consistent. 1-5 rates
6. The organisation of information on the website pages is clear? 1-5 rates
7. The interface of this website is pleasant. 1-5 rates
8. It is easy to find the information I need. 1-5 rates
9. Is there anything else you would want this website to improve on? ( Example, navigation, and button)

User behaviour recording on website A and website B

User 01
Ans: Website B
Ans: The font pairing is more suitable, is easier to read for website B, and the colour are more comfortable when I browse through.
Ans: 4
Ans: 4
Ans: 4
Ans: 5
Ans: 5
Ans: 5
Ans: Colour Blind Navigation - The dropdown choice the padding for each choice are not consistence
         Colour Palette - The extra navigation bar for the colour palette is a bit extra, because the navigation bar is ald on top, so that i think it is not a need.

User 02
Ans: Website B
Ans: The colour are more vibrant and it makes me want to continue reading or browse through the website.
Ans: 5
Ans: 5
Ans: 5
Ans: 5
Ans: 5
Ans: 5
Ans: I think there are nothing much for me to comment now.

User 03
Ans: Website B
Ans: I prefer website B is because of the design and layout, I found that website B is much more friendly and approachable.
Ans: 5
Ans: 5
Ans: 4
Ans: 5
Ans: 5
Ans: 5
Ans: No, I found that this website has all the functions and capabilities I had expected and the interface of this website is user friendly.

User 04
Ans: Website B
Ans: Colour combination is better than website A, and for website A the explanation of game a bit too much because as a user I will direct start the game.
Ans: 4
Ans: 5
Ans: 5
Ans: 4
Ans: 4
Ans: 5
Ans: The add on navigation on the colour palette page is a bit too much, i accidentally press it i only know it is able to function.

User 05
Ans: Website B
Ans: The website looks more fit to the brand & intention of the brand.
Ans: 4
Ans: 5
Ans: 5
Ans: 5
Ans: 5
Ans: 5
Ans: I think It's good enough already.


Iteration Design 
After analysing form the result, I have started fixing the problem from the user feedback. In case there are any errors, I would also check one last time before entering to coding. I would be started coding on the homepage then move on to the other pages.


Image 06: Iteration website B

VR Game 
Colors are a good way to communicate since they have well-defined meanings. People who can't tell the difference between colours, on the other hand, will miss them. (Game accessibility guidelines, 2021)

"Research on colour blind effect on Unity"
How can developers be relied upon to achieve this in colourblind effect in unity? 
While researching for answer I found that there are techniques to remap the colours of a game or programme to imitate what someone with different degrees of colorblindness might perceive. But I couldn't find anything that might be readily integrated into a Unity game. Then, I have finally found a Unity package (Simulating Colorblindness in Unity, 2013) with colour blind effect to apply to the VR game. First, I have to import the package into the project, and drop the simulate colour blindness script onto the players camera. Then, configure which type of colourblindness to applu in the simulator, there are 3 types of color vision, protanopia, deuteranopia, and tritanopia. 

Image 07: Protanopia mode

Image 08: Deuteranopia mode

Image 09: Tritanopia mode

Image 10: Normal mode

Finally, I have choosen protanopia as my vr game colourblind mode, as protanopia is a more common colour blindness in the society.  The most common kind of colour blindness makes distinguishing between red and green difficult.

Reference
Blog.crunchywood.com. 2013. Simulating Colorblindness in Unity. [online] Available at: <http://blog.crunchywood.com/2013/10/simulating-colorblindness-in-unity.html>.

Gameaccessibilityguidelines.com. 2021. Game accessibility guidelines | Ensure no essential information is conveyed by a fixed colour alone. [online] Available at: <http://gameaccessibilityguidelines.com/ensure-no-essential-information-is-conveyed-by-a-colour-alone/>.

Comments

Post a Comment

Popular posts from this blog

Week 14

Image
  PROJECT PROGRESS   | 28-30 October 2021 After researching on how to improve the website home page, today I would be working on improving the colour palette background. To make the page looks better I have decided to create colour shapes to fill in the empty spaces. It is to make the pages looks interactive and full rather then empty.  Colour palette page Image 01: colour palette page Image 02: colour palette page Image 03: colour palette page HOME PAGE To create the effect, I uses After Effects to create the video then embedded it into the website using Adobe Dreamweaver. This makes the overall website looks fun and interactive. Image 04: Homepage
Read more

Week 12

Image
  PROJECT PROGRESS   | 14-17 October 2021 This week we will be having an upcoming mock presentation on Saturday. Thus, I've updated my PowerPoint in response to the lecturers' suggestions. I've also changed the substance of my presentation to make it feel like I'm pitching rather than reporting. In the last round presentation, I have noticed that I had missed out on adding insight to my slides. Insight is to explain about what is the insight of the project? That is it reaches out to a wide range of people by using the website and everyone can access the VR game by going to the website.  Information that I had added in the slides:  1. Question      (Why VR gamification?) 2. Insight       (Wide-ranging, Food festival)      why food ? “Food culture” Food festivals create a unique opportunity to get people thinking about how and why we eat the way we do, in a fun and creative way. The aim of the Festival is to get visito...
Read more

Week 11

Image
  PROJECT PROGRESS   | 07-10 October 2021 WEB PROGRESS | COLOUR BLIND (FOOD) Base on the presentation comment, the website colour blind food page would need some further improvement on the images. Focusing on meat shows that colour blindness is having difficulties in differentiating types of meat in their daily life. This causes them to have a hard time choosing the right meat for their diet.  How Different types of foods look like? Colour blind people face many difficulties in everyday life which normally sighted people that aren't aware of it. The problem that can arise in even the simplest of activities includes choosing and preparing food, and gardening. These can also cause people to don't have that appetite to eat as the colour of the food affects our appetite. It is found that most of the children with colour blindness have often had the problem of eating food with the colour green and red as in colour blind you would not see it as fresh food. Most fresh parents w...
Read more