Professional Documents
Culture Documents
Web Design Report Analysis On The Usability of Facebook
Web Design Report Analysis On The Usability of Facebook
Web Design Report Analysis On The Usability of Facebook
1
Introduction
This report will analyse the usability of the website design implemented into
Facebook (Zuckerberg, 2004). The usability of the design will be measured through
how well the specific users are able to perform a set of required tasks, with the key
factors of usability, efficiency, being easy to learn as well as being easy to
remember (Brinck, Gergle, & Wood, 2022, p. 2).
The interface was updated in 2020 (Montti, 2020), causing a number of user’s to find
it difficult to navigate through the websites design, creating an inefficiency in the
usability (Porter, 2020). In order to test the theory a team of participants will be used
to test exclusively on the usability of the design implemented into the website.
2
User Interface
The user interface is kept minimal avoiding complexity in the design (Snell, 2020),
which assists in the users navigation through the website, allowing the user to
perform the appointed tasks. The website is kept informative with simplicity in the
design, enabling an easier use of the website through the design (McConnell, 2018).
This aids in the user’s needs, rather than being purely attractive and fun (Pearson,
Pearson, & Green, 2007, p. 817).
Backgrounds, textures and colours are able to affect the readability; there must be
a sufficient contrast between the text and the background, using a clear colour
combination (Babu, 2006, p. 19). The interface must be unified alongside the
balanced structure of the design, creating an understanding in the interface (Babu,
2006, p. 24). These qualities will be examined through the methods of a case study
and survey.
Why Facebook?
Figure 1
3
*This graph was created by Damla Yasemin Gungor, using Everviz (Everviz, 2022), in 2022 (Statista Research
Department, 2021b).
Facebook has spent roughly 11.6 million dollars on their global marketing costs alone
in 2020 (Statista Research Department, 2021a), in the year of the updated website
(Pocket-lint, 2020).
There have been several published articles directing users on steps to use
Facebook’s pre-updated layout, this justifies the updated version not catering to all
of its users (technisette, 2020). This could line in favour with the argument of
Facebook’s usability in its design is not being preferred by many users. This could
defeat the purpose of the update and may reduce the impact of the interface
design in the website; however Facebook shows several examples of usability
heuristics in its design (Nielsen, 10 Heuristics for User Interface Design, 2020).
The goal of the pilot study was to provide conclusive results in advanced; this helped
to collect any warnings and issues about where the main research project could fail
(Doody & Doody, 2015, p. 1075). The preliminary data will be used to collect the
necessary feedback required from the participants to make suggestions. The pilot
studies consisted of a practical process as well as a survey, which would be timed to
confirm the case study being a total of up to 15 minutes. This was used to make
adjustments in the final case study and survey (Malmqvist, Hellberg, Möllås, Rose, &
Shevlin, 2019, p. 5).
4
Case Study
Each participant was given a ‘Facebook test user’ account to keep the practical
process anonymous (Apptimize, 2015) (Meta, 2022), as it was guaranteed in the
consent form to ensure the users privacy.
The participants were all shown a 20 second, instructive video at the start of the
case study; this was to show the participants an example of how they are asked to
follow the instruction list provided. All tasks consisted of navigation through the
Facebook Web site, allowing the user to explore the website freely to follow the
instructive tasks provided (Harley, 2020). The participant would then complete a
Survey directly after the completion of the task.
Survey
The survey used a 7 point Likert scale to offer independence to the participants
which allows them to pick the ‘exact’ answer (Joshi, Kale, Chandel, & Pal, 2015, p.
398). The feedback received from the case study allowed for a validated survey to
be designed using The System Usability Scale (SUS) method (Lewis, 2018), this method
was used for a quick and reliable way to gauge the subjective usability of a system
through its design (Peres, Pham, & Phillips, 2013, p. 193).
Evaluation of Results
Figure 2
A stacked bar chart was created to represent the data gathered from the results of
the survey. A 1-7 Likert scale was used, this stacked bar chart was designed to
represent the multiple totals ( Muth, 2018).
5
The majority of the questions were answered closer to ‘strongly agree’ than they
were to ‘strongly disagree’ in the majority of the questions. There were mostly
participants who ‘strongly disagreed’ with 14/16 of the questions, although
participants also chose ‘strongly agree’ 13/16 times.
Figure 3
These answers were the answers most agreed with by the participants. These
questions do however consist of the more technical side to the website than it did
the interface. Evidently one question from the user interface design has done
exceptionally well compared to the others.
Figure 4
6
The least agreed with questions consist of the instructiveness through the website,
indicating that the level of information and assistance is poor. A lot of participants
found the information and the manoeuvring through the website to be disliked, as
they felt they also became less productive in the process of the case study.
Figure 5
These were the questions which consisted of a mixture of data as the individuals
have chosen almost at least one of the 7 options in the Likert scale to answer these
questions. Question 6 contained the largest mixture of data, indicating that the
participants may have a mixture of views concerning the productivity of the system.
Figure 6
The data was gathered using a table to create clarity. Likewise to the bar and pie
charts, the table shows the number of participants exact decisions, including their
selected options.
Ethical Implications
The research aimed to minimise risks and harm to the participants (Stirling, 2022). The
precautions taken because of covid-19 consisted of participants sanitising their
7
hands, wearing a face mask and maintaining a 2 metre social distancing between
the test conductor (NHS, 2022). The conductor also sanitised the keyboard and
mouse after each participant is finished with the practical tasks and survey (Webb,
2020).
There is no personal data of the participants present in the case study as well as the
survey as it was kept anonymous, the participants were encouraged to share their
views and express their opinions through the 7 point Likert scale with optional
responses (Lezaun, 2007, p. 140).
The results from the data gathered implied that the majority of users felt strongly
towards the questions:
8
These answers cater to the topic of whether Facebooks interface is usable through
its design, as these questions focused solely on the usability and interface of
Facebook. This indicates that majority of the users in the case study felt that the
usability was of a high standard; however it did not discard the few users who
disagreed with this statement. This implies that Facebooks interface system is usable
through its design, implying that it does not cater to all users.
The products success may result in an increase of users regarding its usability in its
design, thus discarding the articles written about the new Facebook design being
unusable. This could be only relevant to some users as a minority of users disagreed
with the majority of the questions.
Outcome
This case study contains the evidence to confirm the usability of Facebook’s design
is functional. The interface of Facebook is usable through its design and majority of
the participants found that it was functional with a good user interface system,
proving the aim of the case study to be wrong. This is because most of the
participants found Facebook to be easy to use as well as functional; the interface
design was also preferred by many of the users. This evidence proves that
Facebooks usability in its design is a success.
9
STUDY PILOTING
Testing Methodology:
The two participants will be given a list of 20 tasks to follow, in order to do this they will
use a ‘Facebook test user’ account A clear and quick explanation will be provided for
each participant before the study is conducted. This will include a tutorial like video to
assist the participant in what they are expected of during the case study.
The tasks the participant will be asked to perform will consist of:
All participants will be shown the same instructive video before they start and the list of
instructions provided will be the same list for every participant.
The study will take up to 10 minutes, each task will be timed to ensure a correct
estimated time for the actual case study. Once the participant confirms that they are
able to confidently perform the tasks with a full understanding, they can move forward
to the practical section.
10
Piloting Results:
The study took the two participants 4:17 and 6:13 minutes to complete the list of tasks.
This confirms the time frame of the study being up to 15 minutes. Once the participant
moved over to the survey, some of the participants found the wording of the questions
confusing, or found mistakes in the grammar. Due to this problem, the same wording
from the System Usability Scale.
Participants explained that they enjoyed the instructive video; it helped the participants
to understand what was expected of them in the case study. There were no complaints
about the length of the case study. Participants did complain about the task, ‘Write a
post with the words ‘abc’ and post it’.
Revised Methodology:
The pilot study confirmed that it will not take longer than the expected time, of up to 15
minutes. The participants did not leave the pilot study out of frustration of confusion. The
tutorial, explanation video was helpful to the users as it explained to them in very little
time, on how to perform the actions.
The “I don’t understand” box in the survey was only used in the questions that were
reworded; these were changed to the original layout of the questions. The reworded
questions were told by the two participants that they were “too confusing” and that
they “didn’t understand”. The survey questions were adjusted back to the original test
questions of the System Usability Scale, this helped them to understand the questions
better than when they were reworded.
Questions:
These questions were changed to create further clarity for the participants
11
PARTICIPANT INFORMATION SHEET
The principal investigator for this project is: Damla Yasemin Gungor
Email: DG8393i@gre.ac.uk
12
Project/Participant Outline
A total of 22 participants will be given a Facebook test user account so that they are
confident they’re not using their personal information. An instruction sheet to follow will
be provided for when the participant is navigating through Facebook. The instruction
sheet will contain a total of 20 activities to follow. These will all be practical questions
designed to enable the user to perform practical actions during the case study. This will
be instructions for the participant to follow when navigating through the website; this will
give the user freedom to explore the website in their own time.
The tasks the participant will be asked to perform will consist of:
Once the activities are completed, in a total time of up to 10-15 minutes, the
participants will then complete a survey containing 10 questions. The survey has been
designed to be anonymous as well as the test user account, this is to ensure the
participants will not share their personal data. A video is provided for the participants to
understand the case study they’re participating in, it will also be located on the top of
the survey. The survey will contain a 7 point Likert scale so the user is able to answer
accurately.
• The case study and survey will be designed to analyse the usability for the
website Facebook
• The case study and survey will discuss the websites design as well as the usability
of the website
The video will provide an example of how the user must follow the instructions; this
confirms with the participants that they are confident in the case study to provide
accurate results. These questions have been designed to collect data from the
13
participants by using their answers for each of the questions. The data collected from
the survey will help to analyse the usability of Facebook through the websites design.
The participants will have to read and sign the consent forms before continuing to the
PARTICIPANT CONSENT FORM
To be completed by the participant. If the participant is under 18, to be completed
by the parent/guardian/person acting in loco parentis.
The principal investigator for this project is: Damla Yasemin Gungor
14
Facebook's Usability Scale Derived off its Design
* Required
Yes
Instructive tutorial video that each participant will be shown before the case study
(Gungor, 2022).
http://youtube.com/watch?v=WQZC-
XxoQu8
Strongly Agree
Agree
Somewhat Agree
Neutral
Somewhat Disagree
Disagree
Strongly Disagree
15
https://docs.google.com/forms/d/1Z0Zyc_JoEpfMz2yw-huswnHT8cdK2TRhcRufDGYpXL4/edit
13/01/2022, 21:06 Facebook's Usability Scale Derived off its Design
Strongly Agree
Agree
Somewhat Agree
Neutral
Somewhat Disagree
Disagree
Strongly Disagree
Strongly Agree
Agree
Somewhat Agree
Neutral
Somewhat Disagree
Disagree
Strongly Disagree
Strongly Agree
Agree
Somewhat Agree
Neutral
Somewhat Disagree
Disagree
Strongly Disagree
16
https://docs.google.com/forms/d/1Z0Zyc_JoEpfMz2yw-huswnHT8cdK2TRhcRufDGYpXL4/edit
13/01/2022, 21:06 Facebook's Usability Scale Derived off its Design
Strongly Agree
Agree
Somewhat Agree
Neutral
Somewhat Disagree
Disagree
Strongly Disagree
Strongly Agree
Agree
Somewhat Agree
Neutral
Somewhat Disagree
Disagree
Strongly Disagree
8. 7. Facebook gives error messages that clearly tell me how to fix problems.
Strongly Agree
Agree
Somewhat Agree
Neutral
Somewhat Disagree
Disagree
Strongly Disagree
17
https://docs.google.com/forms/d/1Z0Zyc_JoEpfMz2yw-huswnHT8cdK2TRhcRufDGYpXL4/edit
13/01/2022, 21:06 Facebook's Usability Scale Derived off its Design
Strongly Agree
Agree
Somewhat Agree
Neutral
Somewhat Disagree
Disagree
Strongly Disagree
10. 9. The information (such as online help, on-screen messages and other
documentation) provided with Facebook is clear.
Strongly Agree
Agree
Somewhat Agree
Neutral
Somewhat Disagree
Disagree
Strongly Disagree
18
https://docs.google.com/forms/d/1Z0Zyc_JoEpfMz2yw-huswnHT8cdK2TRhcRufDGYpXL4/edit
13/01/2022, 21:06 Facebook's Usability Scale Derived off its Design
Strongly Agree
Agree
Somewhat Agree
Neutral
Somewhat Disagree
Disagree
Strongly Disagree
12. 11. The information provided with the system is effective in helping me complete
my work.
Strongly Agree
Agree
Somewhat Agree
Neutral
Somewhat Disagree
Disagree
Strongly Disagree
19
https://docs.google.com/forms/d/1Z0Zyc_JoEpfMz2yw-huswnHT8cdK2TRhcRufDGYpXL4/edit
13/01/2022, 21:06 Facebook's Usability Scale Derived off its Design
Strongly Agree
Agree
Somewhat Agree
Neutral
Somewhat Disagree
Disagree
Strongly Disagree
Strongly Agree
Agree
Somewhat Agree
Neutral
Somewhat Disagree
Disagree
Strongly Disagree
20
https://docs.google.com/forms/d/1Z0Zyc_JoEpfMz2yw-huswnHT8cdK2TRhcRufDGYpXL4/edit
13/01/2022, 21:06 Facebook's Usability Scale Derived off its Design
Strongly Agree
Agree
Somewhat Agree
Neutral
Somewhat Disagree
Disagree
Strongly Disagree
16. 15. Facebook has all the functions and capabilities I expect it to have.
Strongly Agree
Agree
Somewhat Agree
Neutral
Somewhat Disagree
Disagree
Strongly Disagree
Strongly Agree
Agree
Somewhat Agree
Neutral
Somewhat Disagree
Disagree
Strongly Disagree
21
https://docs.google.com/forms/d/1Z0Zyc_JoEpfMz2yw-huswnHT8cdK2TRhcRufDGYpXL4/edit
13/01/2022, 21:06 Facebook's Usability Scale Derived off its Design
References
Lewis, J.R. (2018). Measuring Perceived Usability: SUS, UMUX, and CSUQ Ratings for Four Everyday Products.
International Journal of Human–Computer Interaction, 35(15), pp.1404–1419.
Gungor, D.Y. (2022). Usability of Web Site Design - Facebook. [online] www.youtube.com. Available at:
https://www.youtube.com/watch?v=WQZC-XxoQu8.
Forms
22
https://docs.google.com/forms/d/1Z0Zyc_JoEpfMz2yw-huswnHT8cdK2TRhcRufDGYpXL4/edit
Reference list
Apptimize (2015). What You Need to Know About Facebook’s New Mobile
Logins. [online] Apptimize. Available at:
https://apptimize.com/blog/2015/04/news20150409/ [Accessed 11 Jan.
2022].
Babu, A. (2006). Criteria for Optimal Web Design (designing for usability).
Academia.
Brinck, T., Gergle, D., Wood, S.D. and Netlibrary, I. (2002). Designing Web sites
that work : usability for the Web. San Francisco: Morgan Kaufmann Publishers.
Doody, O. and Doody, C.M. (2015). Conducting a pilot study: case study of a
novice researcher. British Journal of Nursing, 24(21), pp.1074–1078.
Hassan, Z.A., Schattner, P. and Mazza, D. (2006). Doing A Pilot Study: Why is it
Essential? Malaysian Family Physician: the Official Journal of the Academy of
Family Physicians of Malaysia, 1(2-3), pp.70–73.
Joshi, A., Kale, S., Chandel, S. and Pal, D. (2015). Likert Scale: Explored and
Explained. British Journal of Applied Science & Technology, 7(4), pp.396–403.
Lewis, J.R. (2018). Measuring Perceived Usability: SUS, UMUX, and CSUQ
Ratings for Four Everyday Products. International Journal of Human–
Computer Interaction, 35(15), pp.1404–1419.
Malmqvist, J., Hellberg, K., Möllås, G., Rose, R. and Shevlin, M. (2019).
Conducting the Pilot Study: A Neglected Part of the Research Process?
Methodological Findings Supporting the Importance of Piloting in Qualitative
Research Studies. International Journal of Qualitative Methods, [online]
18(10.1177/1609406919878341), pp.1–11. Available at:
https://journals.sagepub.com/doi/full/10.1177/1609406919878341.
24
Available at: https://www.feelingpeaky.com/9-principles-of-good-web-
design/.
Muth, L.C. (2018). What to consider when creating stacked column charts.
[online] blog.datawrapper.de. Available at:
https://blog.datawrapper.de/stacked-column-
charts/#:~:text=Stacked%20column%20charts%20are%20great%20to%20show
%20the%20parts%20of%20multiple%20totals.&text=If%20you%20only%20want%
20to%20communicate%20one%20share%20of%20one [Accessed 13 Jan.
2022].
NHS (2022). Covid-19 information. [online] West London NHS Trust. Available
at: https://www.westlondon.nhs.uk/coronavirus [Accessed 12 Jan. 2022].
Nielsen, J. and Sano, D. (1995). SunWeb: user interface design for Sun
Microsystem’s internal Web. Computer Networks and ISDN Systems, 28(1-2),
pp.179–188.
25
Patton, M.Q. (2014). Qualitative research & evaluation methods: integrating
theory and practice. 4th ed. Thousand Oaks, California: Sage Publications,
Inc, p.832.
Perdomo, E.G., Cardozo, M.A.T., Perdomo, C.A.C. and Serrezuela, R.R. (2017).
A Revieew of the User Based Web Design: Usability and Information
Architecture. International Journal of Applied Engineering Research ISSN,
Volume 12(Number 21), pp.1–4.
Peres, S.C., Pham, T. and Phillips, R. (2013). Validation of the System Usability
Scale (SUS). Proceedings of the Human Factors and Ergonomics Society
Annual Meeting, 57(1), pp.192–196.
Pocket-lint (2020). The New Facebook update: How to get it and turn on dark
mode. [online] Pocket-lint. Available at: https://www.pocket-
lint.com/apps/news/facebook/150761-the-new-facebook-update-how-the-
all-new-design-looks-and-works.
Roger Montti (2020). Why Users Call New Facebook Design a Nightmare.
[online] Search Engine Journal. Available at:
https://www.searchenginejournal.com/facebook-design-
hated/378881/#close.
26
Sender Dovchin (2020). Language, social media and ideologies : translingual
Englishes, Facebook and authenticities. Cham, Switzerland: Springer.
27
Webb, J. (2020). Coronavirus: How often should you clean your keyboard and
mouse? [online] Evening Standard. Available at:
https://www.standard.co.uk/tech/coronavirus-how-often-clean-keyboard-
mouse-a4386886.html.
28