Professional Documents
Culture Documents
Usability Test
Tkacia Fred
November 22, 2020
2
Website Builder Comparison
Table of Contents
Introduction..........................................................................................................................3
Methodology.........................................................................................................................3
Equipment and Environment......................................................................................................3
Tasks............................................................................................................................................. 3
Metrics.......................................................................................................................................... 4
Likert Scale................................................................................................................................... 5
Results...................................................................................................................................6
Task 1............................................................................................................................................ 6
Task 2........................................................................................................................................... 7
Task 3........................................................................................................................................... 8
Task 4........................................................................................................................................... 9
Task 5.......................................................................................................................................... 10
Task 6.......................................................................................................................................... 11
Task 7.......................................................................................................................................... 12
Task 8.......................................................................................................................................... 13
Task 9.......................................................................................................................................... 14
Task 10........................................................................................................................................ 15
Discussion and Conclusions...............................................................................................16
Summary.................................................................................................................................... 16
Bibliography.......................................................................................................................16
Appendix: Raw Data..........................................................................................................17
3
Website Builder Comparison
Introduction
For small business owners and first time website creators there are two popular tools to
use, Weebly and Wix. This white paper shows the results of a usability test of both of
these tools in regards to ten specific tasks. These tasks are for those who have basic
computer skills who would use the website designing tools as a first time user. Each task
will define usability with a five component standard result.
Methodology
The test of usability was conducted using Safari on a 2015Macbook Air with macOS
Catalina version 10.15.6 with an additional Samsung curve monitor connected to be able
to conduct the usability test and evaluation simultaneously.
The environment I will be using is my home office with little distractions as a first time
user would want to do the same to be able to focus.
Tasks
1. Select a theme/template
5. Create a pop up
6. Add a picture
7. Add a page
Metrics
Error Tolerant: Few errors, and of those errors they were easy to correct
Likert Scale
Results
Task 1
Theme/Template Select a theme/template
Weebly Wix
5 For the Weebly editor, this task was easy
to do. When first starting to create the
4
website, it gave an option to select a
3
theme. Once in the actual editor
Likert Scale
create the website if gave the option to select a template before getting into the editor, as
seen in Image 2. Once in the editor there was not a way to change it.
IMAGE 1 IMAGE 2
7
Website Builder Comparison
Task 2
Choose Colors Choose colors for the theme
Weebly Wix
5 For Weebly, selecting the color was
simple. From the theme page, there was
4
a selection of colors to choose from, as
3 seen in Image 3
Likert Scale
0
Efficient Effective Engaging Error Easy to
Tolerant Learn
TABLE 2
8
Website Builder Comparison
For Wix, selecting the color there were different ways to select colors. The one that I
chose to do was the page background. For this I clicked the page background button and
from there I selected color. Once selecting color it gave me a selection of colors to choose
from, as seen in Image 4
IMAGE 3
IMAGE 4
9
Website Builder Comparison
Task 3
Choose Font Choose font for the theme
Weebly Wix
5 For Weebly, I had to go to the Theme tab
and then select “Change Font.” On this
4
page it gave the option to select multiple
3 different fonts, as seen in Image 5.
Likert Scale
2
For Wix, changing the font took just
1 clicking the text I want to change and
0 then click “Edit Text.” As seen in Image
Efficient Effective Engaging Error Easy to 6, it gave different options of fonts to
Tolerant Learn
choose.
TABLE 3
IMAGE 5 IMAGE 6
10
Website Builder Comparison
Task 4
Add Logo Add Logo to the Website
Weebly Wix
5 For Weebly, I had to just put my mouse
over the title of the page and select
4
“Logo.” Once I clicked that, I was able to
3
upload a logo to the website.
Likert Scale
2
For Wix, I was unable to add the logo in
1
the logo. I had to close the editor and go
0 to my account page. From my account
Efficient Effective Engaging Error Easy to
Tolerant Learn page I had to go “General Info” tab and
TABLE 4
scroll down to “Add Logo.”
Create Pop Up
Weebly Wix
5
3
Likert Scale
0
Efficient Effective Engaging Error Easy to
IMAGE 7 Tolerant Learn
Task TABLE 5
5
Create
a pop
up
IMAGE 8
11
Website Builder Comparison
For Weebly, this task could not be done within the editor. I had to go to my account to
complete. Once in my account, I selected pop ups and from there I was given different
types of pop ups to add to the website as seen in Image 9.
For Wix, I had to click the (+) button and then go down to interactive. From there it
gave me different types of pop ups to choose from, as seen in Image 10.
IMAGE 10
IMAGE 9
12
Website Builder Comparison
Task 6
Add a Picture Add a picture
Weebly Wix
5 For Weebly, I need to be on the build
page, and once there I clicked the
4
“Image” button, as seen in Image 11.
3 Once I clicked that button it gave the
Likert Scale
IMAGE 11
IMAGE 12
13
Website Builder Comparison
Task 7
Add a Page Add a page
5 Weebly Wix
For Weebly, I had to click the “Pages”
4 button at the top of the page and then
3 click the (+), as seen in Image 13.
Likert Scale
TABLE 7
IMAGE 13
IMAGE 14
14
Website Builder Comparison
Task 8
Add Social Media Add social media
Weebly Wix
5 For Weebly, I had to be on the build
page and then scroll down and click
4
“Social Icons” as seen in Image 15. Once
3 I clicked the button the icons were
Likert Scale
IMAGE 16
IMAGE 15
15
Website Builder Comparison
Task 9
Preview the Website Preview the Website
Weebly Wix
5 For Weebly, the editor tool is always in
preview mode. There is an option to
4
switch between desktop or mobile view
3 at the top of the page, as seen in Image
Likert Scale
17.
2
0
Efficient Effective Engaging Error Easy to
Tolerant Learn
TABLE 9
16
Website Builder Comparison
For Wix, there is a preview button on the top right hand side of the page, as seen in
Image 18. Once I clicked the preview button it took me to a page that shows how the
website would look to anyone who visits it.
IMAGE 17
IMAGE 18
17
Website Builder Comparison
Task 10
Publish the Website Publish the website
Weebly Wix
5 For both Weebly and Wix, to publish the
site I just needed to click the “Publish”
4
button in the top right hand corner, as
3 seen in Image 19 and 20.
Likert Scale
0
Efficient Effective Engaging Error Easy to
Tolerant Learn
TABLE 10
IMAGE 19
IMAGE 20
18
Website Builder Comparison
Likert Scale
25 20
0
Weebly Wix 10
0
Efficient Effective Engaging Error Easy to
Tolerant Learn
TABLE 12
TABLE 11
Summary
Overall, Weebly scored higher than Wix. Both of the editors were fairly easy to use and
the process of creating the website was fairly quick. Both of the editors rank high in
everything, but Weebly scored just a little bit higher. Weebly’s editor tool was user
friendly, especially for first time users. As a first time user, either of these editor tools
would be good to use, but I would recommend Weebly as it is a little more user friendly
than Wix.
Bibliography