Usability Evaluation of Adidas and Nike Sites

Usability Evaluation Portfolio
Adidas and Nike
THE BRITISH COLLEGE

Anup Sapkota
USABILITY EVALUATION PORTFOLIO
Contents
Website Analysis:............................................................................................................2
UI and UX:.........................................................................................................................2
Evaluation:........................................................................................................................5
Predictive analysis:......................................................................................................6
Usability testing:..........................................................................................................7
Participant User Profile:..............................................................................................8
Analyzing data:..............................................................................................................10
Usability Testing Result:...............................................................................................10
Predictive analysis report:............................................................................................16
Analyzing the data collected from Predictive analysis:............................................26
Recommendation for Nike:.......................................................................................27
Recommendation for Adidas:...................................................................................27
Conclusion:....................................................................................................................27
Reflection:......................................................................................................................27
Further Work:.................................................................................................................28
References:....................................................................................................................33
ANUP SAPKOTA | HUMAN COMPUTER INTERACTION 1

Usability Evaluation Portfolio
Introduction/Context:
The sites that I have selected for the website analysis and portfolio are
https://www.adidas.co.uk/ and https://www.nike.com/gb/.
These sites are responsible to provide the information about the sports equipment’s.
These sites provide the sports equipment like shoes, T-shirt, tracksuits, joggers,
hoodies, sweat shirts, shocks, bags, etc. Here a user can get review posted by different
user and their personal rating towards that particular product. The main difference that
has been spotted between adidas and Nike is that, adidas provides the different design
pattern product whereas Nike provide less design pattern product as compare to
adidas. The user-based review of adidas is better than then Nike.
Website Analysis:
(Measure, 2021) Website analysis is the process where sets of tests are performed so
that performance of a particular website can be checked and evaluated for better result
in coming days. Website analysis plays a vital role for a betterment of that particular site
and as a result it might improve performance, conversion rate as well as the flow of
traffic into the site. Some of the benefits of website analysis are listed below:
• Fix bugs from the website
• Boost performance as well as speed
• Knowledge about the want of visitor
• Website security
• Finding of traffic volume

UI and UX:
(What is UI vs. UX design? What’s the difference?, 2021) UI stands for “User Interface”,
which means the graphical presentation of any application, website or software.
Basically, component of user interface includes of buttons, images, sliders, text entry
fields and many more items where a user can interact at their own which includes the
component such as transition between pages, animations and screen layout too.
According to, User Interface can be defined as the procedure of designing an interface
for a computerized device focusing on a factor that is look.
Similarly, UX stands for “User experience”, which is a feel that user gets when they
interact with a specific product or services. It is actually a factor determined by
interaction of user with a particular website, web applications or software. It deals with
the subject like ease of use, smoothness and performance of the application,
accomplishment of task along with proper interaction of user with any kind of services or
product. As per user experience is figured out by the easiness or the toughness an
individual feels while interaction with the user interface and their respective elements.
Why did I pick https://www.adidas.co.uk/

• Search is a bit
weird
I would
normally expect
to type my
search term in
the box that
says search,
but no. It brings
up an entirely
new drop-down
box, which you
then have to
click in at the

other end of the

screen.
 Search is a bit
weird. It does
offer predictive
text entry,
although the
results take up
half the screen
and this doesn’t
feel like the
best use of
space.
 Taking as long
to load as it
takes to write
this sentence.
Now it’s saying
error…

Why did I pick https://www.nike.com/gb/

 It’s a non-
responsive site
disappointingly
, but Nike does
operate a
specific mobile
site.
 The search
benefits from a
predictive entry
field.
 Navigation-
wise we’re
treated to a
detailed mega
menu which
appears when
we hover over
each tab along
the top and is
tailored to
each section.

Evaluation:
The main aim of evaluation is to figure out more information. As the time was limited
and the information to be gathered is much, I need to prepare such question which
require very less time but help in grabbing more data. This require me to prepare
questionnaire which is very short and understandable to fill up. There are some of the
topics that I need to discuss while preparing the questionnaire and they are:
• Does the color used in the site really gives you the vibe of what you are doing?
Does this impact user’s mood for recommending this to another user?
• Does unstable navigation bar prevent you from doing the task?
• Pile of navigation menu confuses from choosing the intended results
• Does the irresponsive site (site which is not responsive in screen), hampers in
the user behavior for further using the same site?
These topics are also the main objective for my portfolio. As data plays vital role in
figuring out my main objective, I figured out two kinds of evaluation technique that can
really help me with dealing with above mentioned objectives and they are:
• Predictive analysis
• Usability testing
Predictive analysis:
(What is Predictive Analysis?, 2021) The process of predicting about the unknown
future results is defined as predictive analysis. It is carried out through different
techniques such as data mining, statistics, machine learning and modeling which hence
predicts the future results. In predictive analysis we will be dealing with the question
mainly focused in the look and feel of the site. It will primarily defend with the color
used, fonts, navigations menu used, language used and so on.

Inside of predictive analysis we have heuristic evaluation and according to, heuristic
evaluation means a specialized usability inspection method for software, web
application or mobile application which supports in figuring out usability problem
particular at the user interface design.
Jakob Nielsen's 10 general principles for interaction design are listed below:
• Visibility of system status

• Match between system and the real world
• User control and freedom
• Consistency and standards
• Error prevention
• Recognition rather than recall
• Flexibility and efficiency of use
• Aesthetic and minimalist design
• Help users recognize, diagnose, and recover from errors
• Help and documentation
While preforming predictive analysis we will be performing two different techniques to

figure out the perspective of user with Adidas and Nike site. Here we will be performing
cognitive walk-through and expert walk-through.
(Cognitive Walkthrough | Usability Body of Knowledge, 2021) According to, Cognitive

walk-through means the evaluation technique where we ask out evaluator to go through
series of task and ask some question from the perspective of user. Here we will be
preparing some questionnaire.
Similarly, in expert walk through we will be taking help of an expert and ask him/her to
figure out the potential problem that they figure out while analyzing both of the site.

The questionnaire that will be prepared so that we perform predictive analysis will be on
following topic:
• Colors used in website
• Selection of fonts and their sizes
• Content of navigation bar
• Smoothness of navigation bar
• Responsiveness of the site
• Easiness of the language used
• Information given to user and its relevancy
Usability testing:
(What is usability testing? | Experience UX, 2021) The study of testing the easiness
while performing certain activity is defined as usability testing. Here users are asked to
perform certain task being on the supervision of researcher and they are monitored on
every step so that the problem encounter by them can be monitored and then
recommendation can be made for that particular problem. The questionnaire that will be
prepared so that we perform usability testing will be on following topic:
• Load time of the website
• Load time to move from one page to another
• View in mobile devices
• Difference while changing the font sizes
Participant User Profile:

The participant that are involved in these surveys are 18 above individuals who are
enamored with purchasing different items and are associated with various occupations.
The fundamental goal of doing the review in web-based shopping loving circle is of
getting more data and downside in the framework with the goal that we could condemn

helpfully and endorse particular suggestion for the disadvantages. The profile of
members who had straightforwardly added to our overview are recorded beneath:
Participan Age Gender Computer Behavior Occupation Disabilities

t No. skill
1 18 Male Skilled Online Student none
shopping
lover
2 20 Female Skilled Online Student none
shopping
lover
3 23 Female Skilled Online Businessma none
shopping n
lover
4 22 Male Skilled Online Website none
shopping designer
lover
5 28 Male Skilled Online Civil none
shopping engineer
lover
As we have performed two arrangements of errand for example prescient assessment

and ease of use testing. To perform prescient examination, we arranged a poll in google
structure and circulated the structure to the members and they were offered time to
present the structure back to me.
Though in setting of convenience testing, a progression of errand was arranged and

afterward movement of our member was followed, time was checked and consequently
their assessment on the consequence of assignment given to them were recorded. The
rundown of undertakings resembles:
Task1 Opening same link in two different browsers

Time taken for Nike Time taken for adidas
Brave
Google
Chrome
Task2 Time taken to navigate from one part of website to another part of website
Home
page to
sign up
page
Home
page to
sign in
page
Home
page to
privacy
page
Home
page to
terms of
use
page
Sign in
page to
sign up
page
Home
page to

Sales
selection
Home
page to
men
section
Task3 Max and min font observation

Increase
font (how
easy it is)
Decreas
e font
(how
easy it is)
Task4 Opening same link in two different browsers

Desktop
site
Mobile
site
Task5 Single hand navigation ease in mobile site


Navigatio
n
Task6 View of screen with responsiveness according to the screen size

Mobile
size
Tablet
size
Analyzing data:
Time and reaction were gathered for the undertaking-based overview and here in
prescient investigation, last answer of the members was likewise accumulated. In the
wake of gathering adequate, we need to handle the information and afterward
examinations it for significant outcomes.
All out number of members we have = 5
Normal period of participants= 24.6
Usability Testing Result:

Task 1 Time taken for opening the same link in different browsers. (value in

second)
Participant Participant 2 Participant Participant Participant
1 3 4 5
Nik Adida Nike Adida Nik Adida Nik Adida Nik Adida
e s s e s e s e s
Googl 8.3 6.88 12.4 5.53 4 3 3.0 3.49 6.3 5.25
e 1 5 9 3
Chrom
e
Brave 2.9 3.72 9.34 5.11 3 4.5 3.3 4.72 8.4 4.95
2 4 5
Nike Adidas
Average time to open in 6.836 4.83
chrome:
Average time to open in 5.41 4.6

Brave:
Average time: 6.123 4.751
Task 2 Time taken to navigate from one part of the website to another part of
website ((value in second))
Participant 1 Participant Participant Participant Participant
2 3 4 5
Nike Adida Nik Adida Nik Adida Nik Adida Nik Adida
s e s e s e s e s
Home 16.5 0 2.3 0 4.5 0 9.8 0 4.3 0
page 9 5 4 3 5
to sign
up

page
Home 12.2 0 2.7 0 5.3 0 8.2 0 6.2 0
page 7 3 3 0 5
to sign
in
page
Sign in 4.32 0 3.2 0 3.8 0 6.6 0 4.9 0
page 7 6 2 5
to sign
up
page
Home 4.80 6.75 4.5 5.23 7.2 3.25 5.2 5.40 4.3 6.27
page 1 7 6 2
to
Terms
of use
page
Home 5.74 5.40 5.5 7.52 4.6 5.25 4.2 6.68 8.2 6.84
page 6 8 6 5
to
Privac
y page
Home 9.75 8.20 7.3 4.87 5.2 4.51 6.7 5.75 4.2 11.27
page 4 4 7 5
to
sales
slectio
n
Home 23.6 10.68 6.2 6.81 6.7 6.54 9.7 10.03 6.9 16.78
page 2 5 1 0 3
mens
sectio
n

NIke Adidas
Average time to move from 5.567 0
Home page to sign up page
Home page to sign in page
Sign in page to sign up page
Average time to move from 5.232 5.38
Home page to Terms of use
page
Home page to Privacy page
Home page to Sale section
Home page to new release
page
Average response time to 6.567 3.972
move from one page to
another page
Task 3 Max & Min font change observation

Participant Participant Participant Participant Participant
1 2 3 4 5
Nik Adida Nik Adida Nik Adida Nik Adida Nik Adida
e s e s e s e s e s
Increasin Mo Mod Goo Mod Goo Good Mo Mod Goo Good
g font: d d d d d
(How
easy is to
read)
Decreasi Mo Bad Goo Mod Goo Good Mo Bad Goo Mod

ng font: d d d d d
(How
easy is to
read)
Nike Adidas
Increasing font: 60% voted good 40% voted good
(How easy is to read) 40% voted moderate 60% voted moderate
Decreasing font: 60% voted good 40% voted good
(How easy is to read) 40% voted moderate 40% voted moderate
20% voted bad
Average rating: Good Moderate
Task 4 Scroll to bottom time task in mobile site and desktop site
Participant Participant Participant Participant Participant 5
1 2 3 4
Nike Adida Nike Adida Nike Adida Nik Adida Nike Adida
s s s e s s
Deskto 12.1 6.03 10.3 4.40 19.7 17.65 3 1 12.5 9.36
p Site 9 9 4 6
Mobile 6.61 11.95 3.34 6.60 3.37 5.24 4 3 8.23 5.32
Site
Nike Adidas
Average time to scroll in 11.576 7.688
desktop site
Average time to scroll in 5.11 6.422

mobile site:
Average scroll time: 8.343 7.055
Task 5 Using a single Thumb and mobile on the same hand

Participant Participant Participant Participant Participant
1 2 3 4 5
e s e s e s e s e s
Navigati Goo Good Goo Good mo mod Goo Mod Goo bad
on d d d d d
(mobile
site)
Nike Adidas
Ease of navigation in mobile 80% voted good 40% voted good
site 20% voted moderate 40% voted moderate
20% voted bad
Average rating: Good Moderate
Task View of screen with responsiveness according to the screen size

6
Participant 1 Participant Participant Participant 4 Participant 5
2 3
e s e s e s e s e s
Mobil goo mod mod mod mod mod goo good goo mod
e size d d d
Table goo mod mod mod mod mod goo good goo mod
t Size d d d

Nike Adidas
Ease of navigation in mobile 60% voted good 20% voted good
size 40% voted moderate 80% voted moderate
Ease of navigation in tablet 60% voted good 80% voted good

size 40% voted moderate 20% voted moderate
Average rating: Good Good
Analyzing collected data from Usability testing:
After the information is gathered for usability testing, we are going to investigate the
obtained data from our members. The main assignment was to open both of the site in
two distinct programs and afterward the time was recorded. After an ideal opportunity
for two distinct programs was taken, the normal burden time for the site was determined
and subsequently the normal burden time for Nike was 6.123 seconds and Adidas were
4.751. The subsequent undertaking was to open various pages from various area or
returning to the underlying page. Here we determined the normal burden time for each
site and accordingly we came to realize that the normal burden time for each page
came out to be 6.567 seconds for Nike and 3.972 for Adidas. Because of the hefty
utilization of realistic and pictures in Nike, the site was setting aside nearly longer effort
to open the site.
In task 3, we expanded and decline the text dimension so we can check the text
dimension in various program zoom in/out choice. The consequences of Nike in normal
came out to be great as the image and substance were straightforward in any event,
expanding and diminishing the text dimension, while the outcome for Adidas came out
to be moderate as a portion of our member were experiencing difficulty in sorting out the
substance and pictures client. Here in task 4, we determined the parchment time in both
work area and portable site so we could gauge the substance length recommended in
landing page and we concocted normal consequence of 8.343 seconds in Nike and
7.055 seconds in Adidas.
Similarly, in task 5 we asked out participant to rate their navigation which is performed
with their single hand. As a result, navigation for Nike came up with result of being good
whereas participant rated adidas to be moderate in terms of navigation with their single
hand. In task 6, we asked user to measure the responsiveness of both the site in their
tablet and phone. As a conclusion we got a result of Nike to be responsive in both of the
device and adidas not to be responsive and some content of their site were hidden.
Predictive analysis report:

To find the legitimate solution, I for one utilized the assistance of emojis with various
articulation. The determination of the emojis is really the articulation that they feel while
they answer the inquiry for the look and feel of particular site. Here I have chosen five
emojis which implies:
Emoticons Emoticon meaning Point

Happy 5
🙂 Smiley 4
Satisfactory 3
☹ Sad 2
Angry 1
Here I have also given points for each emoticon so that we can actually get a final result
in number help in further analyzing the result.
Nike Adidas

• First
impression
when you
visit the site
😃 (Excellent)
🙂 (good)
😑 (normal)
☹ (confused)
😡 (what 40% voted 😃 60% voted 🙂
exactly is it) 60% voted 🙂 40% voted 😃

Total Score:22 Total Score:17
• Do you feel
like you are
inside
online
shopping
website?
😃 (pretty
much)
🙂 (much)
80% voted 😃 60% voted 🙂
😑 (yeah)
20% voted 40% voted
☹ (no)
😡 (not at all)
• Do you like
the color
combination
used in the
website?
😃 (I love it)
🙂 (i like it)

😑 (yeah) 60% voted 😃 40% voted 😃

☹ (no) 40% voted 🙂 20% voted 🙂
😡 (not at all) Total Score:23 40% voted 😑
Total Score:12
• Is the font
size used
easy to
read and
understand
?
😃 (it was too
easy)
60% voted 😃 20% voted ☹
🙂 (yeah it was
40% voted 🙂 60% voted 🙂
easy)
20% voted 😃
😑 (easy)
☹ (no)
😡 (not at all)
• How easy is
navigation
bar to use?
😃 (it was too
easy)
🙂 (yeah it was
easy)
😑 (easy) 60% voted 20% voted
☹ (no) 20% voted 🙂 20% voted 🙂
😡 (not at all) 20% voted 😃 60% voted 😃

• How easily
are you
finding the
content in
navigation
bar?
😃 (it was too
easy) 40% voted 😃
40% voted
🙂 (yeah it was 60% voted 🙂
20% voted
easy)
40% voted 🙂
😑 (easy) Total Score:22
Total Score:12
☹ (no)
😡 (not at all)
• Is the
content and
characters
in the
website
easy to
read?
😃 (it was too 100% voted 🙂 40% voted 😃
easy) 60% voted 🙂
🙂 (yeah it was Total Score:20 Total Score:22
easy)
😑 (easy)
☹(no)
😡 (not at all)

• How
relevant is
the
information
you are
getting?
😃 (pretty
much)
🙂 (much) 20% voted
80% voted 😃 20% voted
😑 (yeah)
40% voted 🙂
☹ (no)
40% voted 😃
😡 (not at all)
• Was the
information
informative
to you?
😃 (pretty much
relevant)
🙂 (much)
😑 (yeah
20% voted 40% voted
relevant)
40% voted 🙂 40% voted 🙂
☹ (no)
40% voted 😃 20% voted 😃
😡 (confused)

• Was the
language
used in the
website
easy to
understand
?
😃 (it was too
40% voted 🙂
easy)
🙂 (yeah it was
40% voted 🙂
easy)
40% voted 😃
😑(easy)
☹(no)
😡 (not at all)
• Was the
information
displayed
sufficient?
😃 (yeah fully)
🙂 (yes)
😑 (normal)
☹ (no)
😡 (not at all) 40% voted 🙂 40% voted
20% voted 🙂
20% voted 😃

• Do you
think that
you need
any kind of
assistance
while
operating
the site?
40% voted
😃 (i am did all 100% voted 🙂
40% voted
myself)
20% voted 🙂
🙂 (no)
😑 (might not)
☹ (yes)
Total Score:14
😡 (yeah i Total Score:20
definitely need.
i didn’t know
what was
going)
• Do you
have the
sense of
control
while
accessing
the site?
😃 (full control)
20% voted 20% voted
🙂 (yeah i had)
80% voted 🙂 40% voted
😑 (bit)
40% voted 🙂
☹ (no)
😡 (no at all)

• Do you see
all the
portion of
website in
the screen?
(mobile
site test)
😃 (yeah all of
them) 40% voted 40% voted
🙂 (yeah) 60% voted 😃 40% voted
😑 (somewhat) 20% voted 😃
☹ (no) Total Score:21 Total Score:15
😡 (portions
were hidden)
• how easy
did you feel
while
navigating?
(mobile site
test)
😃 (it was too
easy)
🙂 (yeah it was 20% voted 40% voted
easy) 40% voted 🙂 40% voted 🙂
😑 (easy) 40% voted 😃 20% voted 😃
☹ (no) Total Score:21 Total Score:19
😡 (not at all)

• Is the font
size used
easy to
read and
understand
?
(mobile site
test)
😃 (it was too
easy)
🙂 yeah it was
easy)
😑 (easy)
☹ (no)
😡 (not at all)
• Is the
content and
characters
in the
website
easy to
read?
(mobile site
test)
😃 (it was too
20% voted 😃
easy)
🙂 (yeah it was
easy)
😑 (easy)
☹ (no)

😡 (not at all)
• how likely
are you to
recommend
this site to
another
user?
(mobile site
test) 20% voted 20% voted ☹
😃 (Definitely) 60% voted 🙂 80% voted 😑
🙂 (Yeah for 20% voted 😃
sure) Total Score:20 Total Score:14
😑 (i will)
☹ (i won’t)
😡 (I will never)
Analyzing the data collected from Predictive analysis:

From the outset the inquiry was about the look and feel while remaining in the home
page where our member appraised Nike to be greater than Adidas. Members were
additionally gotten some information about the vibe they feel remaining at the home
page and a large portion of our member applauded Nike to cause them to feel that they
are inside a shopping stage while they whined Adidas for utilizing incorrectly shading
mix in their site. Member additionally favored the shading mix utilized in Nike contrasted
with Adidas. Text dimension of the two locales were offered an explanation to be
decipherable and straightforward. Content written in the site were additionally evaluated
to be comprehend and the language to be straightforward. Member appraised Adidas to
be somewhat confounding and may require somebody's direction to ride the site as
there were some substances that were somewhat befuddling for the individual surfing
for first time.

Discussing navigation bar, Nike navigation bar was casted a ballot to be befuddling
because of the dispersed menu. It comprises of a navigation bar which is a piece
unmanaged and the substance of navigation bar are casted a ballot to be confounding
while at the same time looking. While the navigation bar of Adidas was overseen as the
theme was obviously referenced and client can likewise get their ideal alternative
without any problem. Members likewise noticed that navigation bar in Adidas shows up
solely after the page is completely stacked yet here in Nike navigation bar can be
utilized before the landing page is completely stacked. Despite the fact that Adidas have
naturally showing up navigation bar, it frequently vanishes if the pointer goes marginally
from the navigation consuming space. Be that as it may, here in Nike, the navigation is
steady and show up solely after the snap.
Members evaluated the two destinations data and its importance to be better than
expected and the data are likewise discovered to be pertinent in the two locales
alongside adequate data. In term of feeling of control, individuals favored Nike instead
of Adidas. The most featured theme in term of portable site is about the responsiveness
while opening site in cell phones like tablets and cell phone. As indicated by member,
substance of Nike stows away and seems a left to right slider bar in both portable and
tablets which clears characterize that Adidas site in cell phone isn't responsive.
However, text dimension and picture for the two destinations were amazing while at the
same time surfing in cell phone.
Recommendation for Nike:

As most of our participant are complaining about the scattered navigation bar, the first
recommendation will be categorized navigation bar. This will certainly help user in faster
navigation. Similarly, less graphic can be used so that it reduces the page load time.
Use of modal in sign in or registration page can motivate user to sign up as well as
reduces waiting time.

Recommendation for Adidas:

For adidas, participants mentioned about the color used in the site. Most of our
participant doesn’t prefer color used here. The color used in adidas didn’t have any vibe
that reflect online shopping. The dark color will certainly help visitor to have some vibe
of being in online shopping. Similarly, the navigation bar doesn’t show much
information. The navigation bar can be made with lot more information like in Nike. In
content to mobile site, most of our participants noticed the mobile site is not responsive
and some portion in right need to be manually dragged left. The site must be made
responsive so that mobile user also tends to get attracted to the feature it is providing.
Conclusion, Reflection, Further work and References
Conclusion:
To close, I have applied prescient examination method and ease of use strategy where
my undertaking explicit was identified with prescient investigation, which is one of the
quality pointers in ease-of-use procedure. Issues were examined and arrangements
were prescribed to additional improve the sites.
Reflection:
For the purpose of evaluation of website, certain tasks were done according to usability
testing. I have selected the five number of participants and asked them to fill up the
consent form. Every participant has got the task according to the breakdown. With the
help of usability testing all the required information were collected. It clearly shows that
Adidas have more problems than that of Nike website. But in adidas most of the options
are visible on front page. There should not be any problem regarding navigation bar. It
has to follow the consistency and standard evaluation rule to make system more
effective. Navigation bar should be justified according to user necessity. During the
process of sign in, user should not be got puzzled. The review and rating bar of Nike
should be on the front to let the user know that they are actually on the online shopping

website whereas, the review process of Adidas must be much easier to let everyone
review accordingly.
In this modern era, technology is being more advanced day by day in order to make
effortless and effective work. In any project, evaluation is considered as one of the most
important factors in the field of information technology. We can add different facilities in
order to reduce time effort like social media login, chatting bot and many more.
Further Work:
Several problems were found during evaluation testing with the help of usability testing
and predictive analysis. These methods are used to compare different site performance
and design interface of the websites. Lately, it helps to find out usability problems of the
participant users.
To evaluate this website, there are some different techniques that can be taken for
evaluation. One of them is cooperative evaluation where participants are motivated to
criticize the interface design of the websites. Here the identified problems are recorded
and can be used in future work. These collected usability problems will be very useful
for future research.
References:
 web.dev. 2021. Measure. [online] Available at: <https://web.dev/measure/?
gclid=Cj0KCQjwi7yCBhDJARIsAMWFScNMoaKEBSMSSfPQIFY4_GyGJSDySX
KhlAL3ZrLwdxgcqsb3oTUNyR8aAm7UEALw_wcB> [Accessed 15 March 2021].
 Medium. 2021. What is UI vs. UX design? What’s the difference?. [online]
Available at: <https://uxplanet.org/what-is-ui-vs-ux-design-and-the-difference-
d9113f6612de> [Accessed 15 March 2021].
 PAT RESEARCH: B2B Reviews, Buying Guides & Best Practices. 2021. What is
Predictive Analytics ?. [online] Available at:
<https://www.predictiveanalyticstoday.com/what-is-predictive-
analytics/#:~:text=Predictive%20analytics%20is%20the%20branch,to%20make
%20predictions%20about%20future.> [Accessed 15 March 2021].

 Usabilitybok.org. 2021. Cognitive Walkthrough | Usability Body of Knowledge.

[online] Available at: <https://www.usabilitybok.org/cognitive-walkthrough>
[Accessed 15 March 2021].
 Experience UX. 2021. What is usability testing? | Experience UX. [online]
Available at: <https://www.experienceux.co.uk/faqs/what-is-usability-testing/>
 Indriana, M., & Adzani, M. L. (2017). UI/UX analysis & design for mobile e-
commerce application prototype on Gramedia.com. 2017 4th International
Conference on New Media Studies (CONMEDIA).
doi:10.1109/conmedia.2017.8266051
 Algorithmia Blog. 2021. Introduction To Sentiment Analysis Algorithms. [online]
Available at:<https://algorithmia.com/blog/introduction-sentiment-analysis>
 Anon 2020. What is Predictive Analytics ?. PAT RESEARCH: B2B Reviews,
Buying Guides & Best Practices. [Online]. [Accessed 15 December 2020]
Appendix:
The questionnaires used in the predictive analysis and usability testing are listed
underneath;
SURVEY QUESTIONS:
Name:
Age:
Email ID:
1. How was the first impression when you visit the site?
 Excellent
 Good
 Normal
 Confused
2. Do you feel like you are inside online shopping website?
 Pretty much
 Much
 Yeah
 No
 Not at all
3. Do you like the color combination used in the website?
 I love it
 I like it
 Yeah
 No
 Not at all
4. Is the font size used easy to read and understand?
 It was too easy
 Yeah, it was easy
 Easy
 No
 Not at all
5. How easy it is to use navigation bar?
 It was too easy
 Easy
 No
 Not at all
6. How easy are you finding the content in the navigation bar?

 It was too easy

 Easy
 No
 Not at all
7. Is the contents and characters in the website easy to read?
 It was too easy
 Easy
 No
 Not at all
8. How relevant is the information are you getting?
 Pretty much
 Much
 Yeah
 No
 Not at all
9. Was the information informative to you?
 Pretty much
 Much
 Yeah
 No
 relevant
 Confusing
10. Was the language used in the website easy to understand?
 It was too easy
 Easy
 No

 Not at all
11. Was the information displayed sufficient?
 Yeah fully
 Yeah
 Normal
 No
 Not at all
12. Do you think that you need any kind of assistance while operating the site?
 I did all myself
 No
 Might not
 Yes
 Yeas, I definitely need, I don’t know what was going
13. Do you have the sense of control while accessing the site?
 Full control
 Yeah, I had
 Bit
 No
 Not at all
Mobile/ tablet test
1. Do you see all the portion of website in the screen?

 Yeah, all of them
 Yeah
 Somewhat
 No
 Portions were hidden
2. How easy do you feel while navigating?
 It was too easy


 Easy
 No
 Not at all
3. Is the font size used easy to read and understand?
 It was too easy
 Easy
 No
 Not at all
4. Is the content and characters in the site easy to read?
 It was too easy
 Easy
 No
 Not at all
5. How likely are you to recommend this site to another user?
 Definitely
 Yeah, for sure
 I will
 I won’t
 I will never
These were the questions asked and all the recommendations and issues were
reviewed to further findings:
Tasks:
1. Opening same link in two different browsers (record the time).

2. Time taken to navigate from one part of the website to another part of website
3. Maximum and minimum font change observation.
a. How easy is it to read the text?
b. Measure (Good, Bad, Moderate)
4. Scroll to bottom time task in mobile site and desktop site
5. Single hand navigation ease in ease in mobile site.

a. Using a single Thumb and mobile on the same hand. Record your response (Good,
Bad Moderate)
6. View of screen with responsiveness according to the screen size.

a. Record the screen view while changing the resolution of the screen.
Participant Task 1 Task Task Task 4 Task Task

s 2 3 5 6
Browse Browse Deskto Mobil
r1 r2 p e
1.
2.
3.
4.
5.
For Adidas;
Participant Task 1 Task Task Task 4 Task Task

s 2 3 5 6
Browse Browse Deskto Mobil
r1 r2 p e
1.

2.
3.
4.
5.
While changing the different resolution
Participants Mobile/tab Screen Size Browser 1 Browser 2

1.
2.
3.
4.
5.
The BRITISH COLLEGE

Thapathali, Kathamandu
RESEARCH CONSENT FORM
I have read the foregoing information. I have had the opportunity to ask questions
about it and any questions I have been asked have been answered to my
satisfaction. I consent voluntarily to be a participant in this study.
Print Name of Participant: _________________

Signature of Participant: Thumb print of participant
Date: _________________

Day/month/year
If illiterate
I have witnessed the accurate reading of the consent form to the potential
participant, and the individual has had the opportunity to ask questions. I confirm
that the individual has given consent freely.
Print name of witness: _______________________

Signature of witness: _______________________
Date: _____________________
Day/month/year
Statement by the researcher taking consent
I have accurately read out the information sheet to the potential participant, and to
the best of my ability made sure that the participant understands that the following
will be done:
1. The data such as age, gender, occupation, computer skills, disabilities will be
collected.
2. Those information will be used in making Participant User Profile.
3. At last, with the help of participant User Profile, there will be evaluation and
diagnosing among them for my academic purpose.
I confirm that the participant was given an opportunity to ask questions about the
study, and all the questions asked by the participant have been answered correctly
and to the best of my ability. I confirm that the individual has not been coerced into
giving consent, and the consent has been given freely and voluntarily.
A copy of this ICF has been provided to the participant.
Print Name of Researcher taking the consent: __________________________

Signature of Researcher taking the consent: ___________________________
Date:
___________________________
Day/month/year

Usability Evaluation of Adidas and Nike Sites

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Usability Evaluation of Adidas and Nike Sites

Uploaded by

Copyright:

Available Formats

Usability Evaluation Portfolio

Adidas and Nike

THE BRITISH COLLEGE

Participant User Profile:..............................................................................................8

Usability Testing Result:...............................................................................................10

Predictive analysis report:............................................................................................16

Analyzing the data collected from Predictive analysis:............................................26

Recommendation for Nike:.......................................................................................27

Recommendation for Adidas:...................................................................................27

ANUP SAPKOTA | HUMAN COMPUTER INTERACTION 1

Usability Evaluation Portfolio

• Fix bugs from the website

• Boost performance as well as speed

• Knowledge about the want of visitor

• Finding of traffic volume

ANUP SAPKOTA | HUMAN COMPUTER INTERACTION 2

Why did I pick https://www.adidas.co.uk/

ANUP SAPKOTA | HUMAN COMPUTER INTERACTION 3

other end of the

ANUP SAPKOTA | HUMAN COMPUTER INTERACTION 4

Why did I pick https://www.nike.com/gb/

ANUP SAPKOTA | HUMAN COMPUTER INTERACTION 5

• Pile of navigation menu confuses from choosing the intended results

ANUP SAPKOTA | HUMAN COMPUTER INTERACTION 6

• Visibility of system status

While preforming predictive analysis we will be performing two different techniques to

(Cognitive Walkthrough | Usability Body of Knowledge, 2021) According to, Cognitive

ANUP SAPKOTA | HUMAN COMPUTER INTERACTION 7

• Colors used in website

• Selection of fonts and their sizes

• Content of navigation bar

• Smoothness of navigation bar

• Responsiveness of the site

• Easiness of the language used

• Information given to user and its relevancy

• Load time of the website

• Load time to move from one page to another

• View in mobile devices

• Difference while changing the font sizes

Participant User Profile:

ANUP SAPKOTA | HUMAN COMPUTER INTERACTION 8

Participan Age Gender Computer Behavior Occupation Disabilities

As we have performed two arrangements of errand for example prescient assessment

Though in setting of convenience testing, a progression of errand was arranged and

Task1 Opening same link in two different browsers

ANUP SAPKOTA | HUMAN COMPUTER INTERACTION 10

Task3 Max and min font observation

Task4 Opening same link in two different browsers

Task5 Single hand navigation ease in mobile site

ANUP SAPKOTA | HUMAN COMPUTER INTERACTION 11

Task6 View of screen with responsiveness according to the screen size

All out number of members we have = 5

Normal period of participants= 24.6

Usability Testing Result:

ANUP SAPKOTA | HUMAN COMPUTER INTERACTION 12

Average time to open in 5.41 4.6

Average time: 6.123 4.751

ANUP SAPKOTA | HUMAN COMPUTER INTERACTION 13

ANUP SAPKOTA | HUMAN COMPUTER INTERACTION 14

Task 3 Max & Min font change observation

ANUP SAPKOTA | HUMAN COMPUTER INTERACTION 15

Average time to scroll in 5.11 6.422