Student name : Tan Zhi En
Student number : 004T4120
3029 MAPA Research and Development in Digital Media
Prototype Documentation
PROTOYPE 1 (one side of A4)
Define the research question for this
prototype in one or two sentences.
(What were you trying to find out?)
Give a bit more background
information as to why you did this
prototyping?
(How does it fit in to the bigger
picture of your proposed project?)
Describe the method you used.
(what, where, when, who, how?)
Supply some documentation of your
prototype being conducted
(for example: photographs, written
responses, screenshots, url for a
short video etc)
What did you learn from this
prototype?
(What were the results? What might
you do differently next time as a
result?)
How will you incorporate this learning From the result of my usability test it have help me improve the
into your project proposal?
To ensure the user experience and user interface in line with what
user expect, and the behaviour, needs and expectations of them.
The purpose of carrying out this prototype is to have a better
understanding of the expectation and behaviour of the user. In this
process, I also hope to know what is the obstacle that they face
when they are achieving the task that are given, so in this way I
can know which part that I may need to improve and gave them a
better experience when they browse through my website.
I have use inVision Studio to create my prototype to carried out an
unmoderated remote usability test by giving my user specific task
and let them try on my website prototype. In this process I have
screen recorded it down and also have a user acceptance test so
that I can have a better understand of the problem of my website.
In this usability test, I have choose 5 of my target audience as the
participant in my usability test, which include students, employed
and housewife.
Here is my documentation link for my low fidelity prototype
usability test:
https://drive.google.com/drive/folders/
1uIVeMq8cNqO3BaJiylBF8v1cI2WEg-p9?usp=sharing
In this prototype I have learned about the information in the home
page is quite important, which this is the landing page and user
may hope to know what is about this website is from this page.
Furthermore, the navigation bar of the website is also quite
important because it is a pages that let the user know where they
are, so it will need to be clearly state. So, for my next prototype
which is the high fidelity prototype, I might need to add information
to introduce the service that my website provide and also the
design of my navigation bar.
user experience from my website so that I could have a better
understanding about what expectation from them and the
behaviour on how they achieve the objective that I gave. Thus,
from this prototype, I get to know where to improve my prototype
so that it can give a better user experience to my user.
PROTOYPE 2 (one side of A4)
Define the research question for this
prototype in one or two sentences.
(What were you trying to find out?)
Give a bit more background
information as to why you did this
prototyping?
(How does it fit in to the bigger
picture of your proposed project?)
Describe the method you used.
(what, where, when, who, how?)
Supply some documentation of your
prototype being conducted
(for example: photographs, written
responses, screenshots, url for a
short video etc)
What did you learn from this
prototype?
(What were the results? What might
you do differently next time as a
result?)
How will you incorporate this learning After complete the usability test, I will improve my prototype from
into your project proposal?
To ensure the user experience and user interface are in line with
what user expect, and the behaviour, needs and expectations of
them.
This purpose of this high fidelity prototype is to design the user
interface which user find it easy to use and pleasurable. It will be
focusing on the looks and feel of the whole website and also the
comfortable of hierarchy and readability of the content.
I have use inVision Studio to create my prototype to carried out an
unmoderated remote usability test by giving my user specific task
and let them try on the two high fidelity prototype for comparison.
But, the usability test of this prototype will be done one next part of
my project, which is next semester. The method I would use which
is screen recorning and a user acceptance test.
Here is my documentation link for my high fidelity prototype :
https://researchanddevelopmentzhien.blogspot.com/2021/04/
week-14.html
https://researchanddevelopmentzhien.blogspot.com/2021/04/
week-15.html
From this prototype I found that maybe I can have more colour on
the design, so that it will be more interesting or eye catchy to the
audience. Furthermore, there are also some layout that I may like
to try different kind of layout for comparison.
the comment. Maybe will be a combination of both of the two high
fidelity prototype. So that it will be more closer to what user expect.
PROTOYPE 3 (one side of A4)
Define the research question for this
prototype in one or two sentences.
(What were you trying to find out?)
Give a bit more background
information as to why you did this
prototyping?
(How does it fit in to the bigger
picture of your proposed project?)
Describe the method you used.
(what, where, when, who, how?)
Supply some documentation of your
prototype being conducted
(for example: photographs, written
responses, screenshots, url for a
short video etc)
What did you learn from this
prototype?
(What were the results? What might
you do differently next time as a
result?)
How will you incorporate this learning After I finish the usability test, I'll use the feedback to improve my
into your project proposal?
To ensure that the user experience and user interface are in
accordance with the preferences of the user, as well as their
actions, desires, and expectations.
The aim of this high-fidelity prototype is to create a user interface
that is simple to use and enjoyable for the user. It will concentrate
on the overall look and sound of the website, as well as the
hierarchy and readability of the content. In the end, two high-
fidelity prototypes will be produced, which will be compared to
obtain feedback, combine the positive feedback, and provide a
better outcome.
I used inVision Studio to build my prototype in order to conduct an
unmoderated remote usability test by assigning a particular
assignment to my users and allowing them to check out the two
high-fidelity prototypes for comparison. However, the usability
evaluation of this prototype will be completed as part of the next
phase of my project, which will take place next semester. The
method I would use which is screen recording and a user
acceptance test.
Here is my documentation link for my high fidelity prototype 2 :
https://researchanddevelopmentzhien.blogspot.com/2021/05/
week-16.html
https://researchanddevelopmentzhien.blogspot.com/2021/05/
week-17.html
From this prototype I have applied a colour so that the entire look
and feel can be more exciting. Still, I think for my website it would
not be ideal for more colour because the images are coloured
enough and it would be a little messy. Furthermore, I also change
the object into a card so that it look more sorted.
prototype. Perhaps a combine of the two high-fidelity prototypes.
As a result, it would be similar to what the consumer expects.