Week 03

 PROJECT PROGRESS | 12-15 August 2021


This week, I have work on further improve on the website "decolouring". After I have done with the further improvement, I would be doing two high usability tests on the design and layout of the website. There would be five users to help with the test to see which of the website they would prefer and if there is anything that needs to be further improved. There are a few things which I have to work on for the improvement website, that is the colour and the layout. While working on the website I seem to be having trouble choosing the correct colour for the website. At first, the chosen colour is a bit similar to Facebook and it gives the audience to think if the website is created by Facebook. To avoid this type of problem, I have tested out two types of colour and tone for both websites. Website A would be using vibrant colour and dark tone to match with the layout of the website. As for website B, would be using pastel and light colour to give people a feeling of fun when they visit the website. The objective of this comparison is to see which design and layout would the user choose. 

Workshop
Today, we would be continuing our workshop on coding HTML websites using bootstrap. The workshop includes knowing how to link the pages, carousel, and adding video. 

Image 01: Workshop

Image 02: Workshop

Image 03: Workshop

Image 04: Workshop

Image 04: Workshop

Image 05: Workshop


Further Improvement 
I have done some changes to both website colours and layout. 

Abby_overall Website Prototype 01 Layout by ABBY LIEW MAY XING on Scribd


 Image 06: Exploring website design and layout


 Image 07: Website A_design and layout 


Image 08: Website B_design and layout

Prepare High Usability Testing "website"
The high usability testing would be using a google form "questionnaire" to help with the research. Due to the pandemic, there would be no close contact with the user and the user would be self records the process of how they go through both of the websites. After they had to go through both of the websites they will then began to answer the questionnaire that is being prepared for them. Everything will be online for safety purposes. The questionnaire would be having two sections for the user to fill in. At the end of this research, I would analyse to see which of the user preferences and how they go through the website by the video. 


 Image 09: High Usability Acceptance Test_Questionnaire


 Image 10: High Usability Acceptance Test_Questionnaire


 Image 11: High Usability Acceptance Test_Questionnaire


 Image 12: High Usability Acceptance Test_Questionnaire


 Image 13: High Usability Acceptance Test_Questionnaire


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