You are on page 1of 27

Website Builder Comparison

Usability Test

Weebly and Wix

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

Equipment and Environment

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

2. Choose colors for the theme

3. Choose font for the theme

4. Add logo to the website

5. Create a pop up

6. Add a picture

7. Add a page

8. Add social media

9. Preview the website


4
Website Builder Comparison

10. Publish the website

Metrics

Efficient: I was able to complete the task in 5 clicks or less

Effective: I was able to complete the task

Engaging: Did the editing tool boost the editing process

Error Tolerant: Few errors, and of those errors they were easy to correct

Easy to learn: The task was easy to complete


5
Website Builder Comparison

Likert Scale

Efficient I was able to complete the task in 5 clicks or less

Strongly Somewhat Neutral Somewhat Strongly


Disagree Disagree Agree Agree
1 2 3 4 5

Effective I was able to complete the task

Strongly Somewhat Neutral Somewhat Strongly


Disagree Disagree Agree Agree
1 2 3 4 5

Engaging Did the editing tool boost the editing process

Strongly Somewhat Neutral Somewhat Strongly


Disagree Disagree Agree Agree
1 2 3 4 5

Error Few errors, and of those errors they were easy to


Tolerant correct
Strongly Somewhat Neutral Somewhat Strongly
Disagree Disagree Agree Agree
1 2 3 4 5

Easy to Learn The task was easy to complete

Strongly Somewhat Neutral Somewhat Strongly


Disagree Disagree Agree Agree
1 2 3 4 5
6
Website Builder Comparison

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

2 changing the theme only took hitting the


1 “Theme” button at the top of the page
0
and then selecting “Change Theme” as
Efficient Effective Engaging Error Easy to seen in Image 1.
Tolerant Learn
For the Wix editor, when first starting to
TABLE 1

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

option to upload a picture.


2

1 For Wix, I had to click the (+) and then


0 select image, as seen in Image 12. Once I
Efficient Effective Engaging Error Easy to clicked that I was able to upload a
Tolerant Learn
picture
TABLE 6

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

2 For Wix, I had to click the site manager


1 button which is the top button on the
left side of the screen. Once there I
0
Efficient Effective Engaging Error Easy to clicked the “+Add Page” button to add a
Tolerant Learn
page to the website, as seen in image 14.

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

added and connect my social media


2
accounts to the website.
1

0 For Wix, I had to click the (+) button


Efficient Effective Engaging Error Easy to and then go down to social as seen in
Tolerant Learn
Image 16. From there it gave different
TABLE 8
options to add the social media accounts to the
website.

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

Overall Discussion and Conclusions


250
243
225
200
237
Cummulative Results
175
150 Weebly Wix
125 50
100
40
75
50 30

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

Weebly.com. Accessed 4 November 2020.

Wix.com. Accessed 4 November 2020.

Appendix: Raw Data


19
Website Builder Comparison
20
Website Builder Comparison
21
Website Builder Comparison
22
Website Builder Comparison
23
Website Builder Comparison
24
Website Builder Comparison
25
Website Builder Comparison
26
Website Builder Comparison
27
Website Builder Comparison

You might also like