Official (Closed) - Non Sensitive
Assignment 1
TB05 / S10247867D / TEO KANG JIE
This slide is not counted.
Official (Closed) - Non Sensitive
Table of Contents
Content Slide Number
The Information Architecture 3
Heuristic Evaluation Summary 4 - 11
Usability Test Research 12 - 13
References 14
This slide is not counted.
Official (Closed) - Non Sensitive
The Information Architecture
(https://blinkee.com/)
Official (Closed) - Non Sensitive
No.
Summary - Heuristics Evaluation #1
Explain the Explain how it affects the Heuristics Severity Rating Action Plan – Evidence – iVid
usability issues on users and the business, violated with explanation* explain with a Link (2m)
the interface. (2m) using the heuristic (1m) (1m) Sketch where
guidelines. (2m) relevant (2m)
1 - The website uses - The website system does not Match between 3 = Major usability - Instead of using https://ivid2.np.edu.sg/
marketing term/jargon speak user’s language. It uses system and the problem ; important terms that are not media/TB05_TEO+KANG
+JIE_Assignment+1/1_r2
with the intention of marketing jargon that only the real world to fix, so should be well-named, the yps293
appealing users. internal organisation would given high priority. action plan is to
However, the usability understand. For example, under compile the
issue would generally “products”, one of which would be - It should be given marketing term (for all 3 issues, video
be about how users are “new flashing blinky and novelty”. high priority as users under a “NEW IN” timing is 2.48 min)
confused with the generally explore and tab that I have
description of products. - It affect users as they are unable navigate to different created (Sketch is
to comprehend or recognise what pages for products attached on slide 7)
the term could mean. Based on that may appeal to
the heuristic guidelines, the system them. Hence, it is
does not match with the real- important to fix the
world convention. For example, jargon that the
going up to someone and asking company uses to
whether they would like to buy promote user’s
“new flashing blinky and novelty”, usability experience,
no customers would know what so that customers find
products they are offering. interest in
understanding the
- The business will be affected new products that are
when users abandon the idea of offered without being
purchasing their products, it confused with the
reduces sales and increase terms used.
likelihood of them not returning.
Bad user experience will affect the
reputation of the company which
contributes to the decrease in
customer loyalty.
Official (Closed) - Non Sensitive
No.
Summary - Heuristics Evaluation #2
Explain the Explain how it affects the Heuristics Severity Rating Action Plan – Evidence – iVid Link
usability issues on users and the business, violated with explanation* explain with a (2m)
the interface. (2m) using the heuristic (1m) (1m) Sketch where
guidelines. (2m) relevant (2m)
2 - Some pages do not - Users are affected by how the User control 3 = Major usability - Include features (in the video link shared on
allow customers to go website does not include and freedom problem ; important where it promotes the slide before)
“back”, “forward”, emergency “redo”, “undo”, “back” to fix, so should be usability
“undo” and “redo” or “forward” feature. They are given high priority experience and
which is a usability issue heavily bound to click on a page move freely from
where users are unable where they did not intent to land -The explanation a page to another.
to move freely with on. Thus, having the features will behind the severity
ease. The lack of control help to tackle the problem. It rating is mainly due (Sketch is
and freedom lowers the causes some form of frustration to how the feature is attached on slide
user experience when when users are unable to rely on commonly found in 8)
navigating around the those features to shop with almost everywhere
website. certainty, ease, control and website and not
freedom. having the necessity
of incorporating
- The business will therefore be these features in a
affected as users are unable to website just shows
navigate efficiently and freely why this website is
which resulted them to have a bad lacking behind.
usability experience. That causes
business to not securing a loyal - It is important for
customer base as emergency every website to
button are not incorporated, when include features that
consumers generally don’t feel are mandatory.
safe, the likelihood of them not Hence, the severity
returning is high. Furthermore, rating of 3, due to
when users are unable to rely on how the website
emergency features, there will be does not have the
an increase in “contact us” from most basic and
the customers which increases fundamental
workload and decreases features.
productivity in the office
Official (Closed) - Non Sensitive
No.
Summary - Heuristics Evaluation #3
Explain the Explain how it affects the users Heuristics Severity Rating Action Plan – Evidence – iVid Link
usability issues and the business, using the violated with explain with a (2m)
on the heuristic guidelines. (2m) (1m) explanation* Sketch where
interface. (2m) (1m) relevant (2m)
3 - The content - Our brain can only process limited Aesthetic 4 = Usability - Update to a (in the video link shared on
including text and information at a time, having a cluttered and catastrophe ; trendier logo the slide before)
products are page filled with words and minimalist imperative to fix design than the old
visually monochromatic colours will affect the design this before product one
unappealing. usability experience for users. Especially can be release;
when there are so many elements, it indicates that it is a - Redesigning the
- Choice of colours does not appeal visually to anyone and very bad problem. “about” page to
are rather increases the likelihood for users to be fully maximise the
monochromatic, confused on where various products - The conclusion for space and
cluttered text and could be found. the severity rating enhances usability
outdated logo of 4 is mainly due to by having visually
design. - Furthermore, it increases the possibility the fact that when appealing element
of users not being able to fully digest the users enter your
content of important notes such as – webpage, the - Updating the
policies, refund or exchange. visuals and message home page and
is the first thing that product page to
- The business will be affected when they would catch their capture user’s
are using the same images for 5 to 6 attention. It is attention while
different version of the same product, it proven that most shortening the
increases more room for users to make users does not stay height for the visual
mistake and the business may need to In a page for more element to fully
provide further assistance to assist the than 15 seconds for utitlise space for
problem. It decreases productivity and a poorly designed more content
efficiency for the company. Based on the webpage. Hence,
heuristic guidelines, it uses unnecessary the absolute need (Sketch is attached
visual content which takes up space and for changes. on slide 9 to 11)
does not communicate well via the
visuals. Which generally means that the
business are prone to meeting more
problems in conveying the message they
want.
Official (Closed) - Non Sensitive
Sketch for Heuristics Evaluation #1
Before:
- Under “Products”, there is a term
called “NEW FLASHING BLINKIES &
NOVELTY”.
After:
- Created a “NEW IN” tab and classify
“NEW FLASHING BLINKIES & NOVELTY”
to “SHOP FLASHING PRODUCTS” and
categorise each product name in a
manner where users can understand.
Official (Closed) - Non Sensitive
Sketch for Heuristics Evaluation #2
Before:
- There is no button or feature for me to
go back when I click on the product
After:
- Created a function that allows user
to go back to “HOLIDAY” or
“PRODUCT” page.
- Created another function that allows
user to go back
Official (Closed) - Non Sensitive
Sketch for Heuristics Evaluation #3- part a)
Before:
- Outdated logo which ruins the
aesthetic of the website
After:
- Updated logo that represent its
brand name.
- Remove the “.com” from previous
logo as nobody call themselves
“.com” anymore.
Official (Closed) - Non Sensitive
Sketch for Heuristics Evaluation #3- part b)
Before:
- Picture is irrelevant as it contains a
heart shape GIF in the box
- For the description, it is
monochromatic tone and cluttered
together (unappealing)
After:
- Added a title “ABOUT” to centralise the
design so that users would know which
page they are on
- Added a scrolling feature that both
words and photos could be moved
around easily (more visually appealing)
- Organise content by sections to make it
not-so-cluttered.
Official (Closed) - Non Sensitive
Sketch for Heuristics Evaluation #3-part c)
Before:
- The first visual element used took
too much space where it does not
attract user’s attention
- Product listed below uses the same
plain background
After:
- Added the first visual element with
shorter height so that it
communicates to the user that the
company is having sale while
showcasing products below to
attract attention
- Utilising the space to add a
“Featured” section.
Official (Closed) - Non Sensitive
Usability Test –How, Why, Where
SUMMARY OF BASIC STEPS IN A USABILITY TEST
The basic steps in a usability test comprises of at least seven steps. It is always important to identify the objectives of your research and knowing
what you would want to takeaway from conducting the test. Having task scenarios on the actionable required for your user to call that actions can
determine the success or failure of the test. It is also important to be choosing the right testing method to use as choosing the wrong one could
lead to a different in results to your objectives. Having usability test plan will help to document the steps on each component’s progress.
Recruiting user testers is also very crucial to the test as there are many different test that requires different people to study. Regularly conduct the
testing sessions can benefit the facilitator to be informed of the feedback. Lastly, always write and update a report to conclude your findings on
what went wrong or how can one improve.
2 BENEFITS OF USABILITY TESTS TO BUSINESS
1. It helps businesses to identify the not-so-obvious problems – by conducting tests, businesses will be informed of various problems that they are
unaware of.
2. Businesses having an un-biased study – It helps businesses to grow from having unbiased feedback as feedback is required for businesses to grow
whereas biased feedback will only hinder that process further.
MODERATED TEST UNMODERATED TEST GUERRILLA TEST
- Requires facilitators to be available in - Does not require facilitators to be around - It is an efficient manner to test an interface
real time situations and environment to or in presence of participants as it will design on target audiences and taking
guide participants on required content or not be guided through feedback on the responses
steps
- Participants are to complete necessary - It is cheap, efficient, fast and requires low
- Participants are able to follow up and actions at their own pace and timing in maintenance to conduct the test.
have an direct answer to their questions the location that they are in
immediately for better understanding
The differences between all test are:
Moderated testing usually are more expensive to conduct as it requires real life time situations and environment that participants and facilitator needs to
be present to be guided on the steps and obtain feedback from. Unmoderated simply means almost the opposite of moderated testing – where facilitators
and participants do not need to be guided through for the conduct to work. Whereas guerrilla test is probably the most efficient, fast and cheap method
to conduct a test by taking feedback from responses by target group of people, it focuses more on qualitative than quantitative results.
Official (Closed) - Non Sensitive
Reflection on UX Research
From the webinar, I understood that the simple process of UX design comprises of three pillars such as research, ideate
and test. Researching is mainly about empathy and understanding the pain points of people and it is extremely crucial
to understand where they are coming from, so we can uncover the problem. After empathy, ideate comes in when
there are different roles that helps to uncover creativity, brain-storming, sketching and improvise on what could be
done to improve a design. Last pillar is the testing stage, getting feedback from real user will help a team to improve
the designs on hand and work in circle until the team find’s a solution.
The second thing I found interesting would be the different roles in a team which includes, product designer, UX
designer, service designer, interaction designer, visual designer, content designer, front-end developer, user interface
designer and generalist. From this information, I am aware of the career available for people who are keen in this field.
My takeaway from the webinar would be how working as a UX designer is more than just an individual part but rather
working collaboratively with a team of different roles. Furthermore, understanding a simple process of UX design has
provided me a glimpse of what to expect when accomplishing this module.
Title: Introduction to UX Design (Free Webinar) - UX Academy
Date and time: Nov 26, 2021
Speaker: Natalia from UX Academy Trainer
https://youtu.be/qScEpOKfkRQ
Official (Closed) - Non Sensitive
REFERENCES
Reno, R. (2022b, October 18). How to do Usability Testing: 7 Steps to Success. Analysia. https://www.analysia.com/how-to-do-usability-testing/
The Benefits of Usability Testing Explained. (n.d.-b). KeyCDN. https://www.keycdn.com/blog/usability-testing
Moderated Vs. Unmoderated Usability Testing | Pros & Cons. (n.d.-b). UserTesting.
https://www.usertesting.com/resources/topics/moderated-vs-unmoderated-usability-testing
Security check. (n.d.). https://help.usertesting.com/hc/en-us/articles/360060344951-Moderated-vs-Unmoderated-Tests-
Adiseshiah, E. G. (2019, September 6). Guerrilla Usability Testing: How To Introduce It In Your Next UX Project. Usability Geek.
https://usabilitygeek.com/guerrilla-usability-testing-how-to/
NNgroup. (2020, May 29). The Case for Remote Moderated Usability Testing [Video]. YouTube.
https://www.youtube.com/watch?v=fbTKAHiWtFw&feature=youtu.be
Just a moment. . . (n.d.). https://www.canva.com/design/DAFTEm11a1k/-AAODS1mdaHY_hcJ87G8Dg/edit
Magic Matt’s Brilliant Blinkys | Almost as Bright as Your Smile. (n.d.). https://blinkee.com/
