Janji Usability Study

8/12/2019 Janji Usability Study

1/12

Usability Study ResultsAugust 7, 2013

Prepared for:

Janji

Prepared by:

Bridget Cohen

Web Development Intern

Davies DeCesare-FousekTechnology Intern

Amanda Hartsfield

Creative Intern

Allen & Gerritsen

www.a-g.com

857.300.2000
http://www.a-g.com/http://www.a-g.com/http://www.a-g.com/


2/12


3/12

T A B L E O F C O N T E N T S

Pre-Study Overview 1

Overview 2Project Methodology 3

User Profile 4

Introductory Questions & Summary 5

Usability Findings & Recommendations 6Task 1 6

Task 2 7

Task 3 8

Task 4 9

Post Questions & Summary 10


4/12

Janji Usability Study Usability Study Results 2

O V E R V I E W

The goal of this usability test was to evaluate the experience, from beginning to end, a customer has

when interacting with Janji. Specifically, the usability team was interested in gaining insights into the

current users experience, the aspects of the current website that could be strengthened, and the usersability to easily determine the purpose of Janji.

TOP FINDINGS

Users loved how colorful the website is.

Users continually commented on how colorful the website was. The color added to the design of the

website. Every single user appreciated the use of color.

Users loved the use of infographics.

The majority of the infographics looked very professional. Infographics were used in appropriate

places where the user doesnt want to read through a lot of text.

The navigation is not intuitive.

The navigation is unclear to most users. The wording of certain tabs does not clearly indicate what will

be in that particular section.

Locating a store that carries Janji apparel is frustrating.

Locating a store without a zip code finder is tedious. This is a fix that would drastically improve the

users experience when visiting this page.

RunJanji.com is a solid first website with a great message. However, it can be improved

dramatically with a few changes.Overall, the website was liked. It could use some changes to make it even better.


5/12


P R O J E C T M E T H O D O L O G Y

Eight employees from Allen & Gerritsen were invited to participate in a usability study for

RunJanji.com. During the testing, the users were asked five introductory questions. These questionsfocused on the users perception of the website prior to usage. They were then asked to complete and

answer questions for four tasks. These tasks included locating a store that carries Janji apparel, finding

out about the Janji story, learning about the food and water crisis, and purchasing an item of Janji

apparel. They were then asked nine post questions. Users errors, comments,and suggestions were

observed and recorded during the study. Each test lasted around 25 minutes.

TESTING ENVIRONMENT

The product evaluation was conducted on a computer running Windows 7, and viewed at a 1920 x

1080 pixel screen resolution using the Chrome v28 browser. The review was

conducted using in-person individual interviews.


6/12


USER PROFILE

An effort was made to select 8 users who fit the customer profile of Janji. These participants all identified as

being runners as well as being employees of Allen & Gerritsen.

Age Gender Running Frequency Technological Ability

(1-6, 6 being high)

20-30 Male 3x/week 5

20-30 Female 7x/week 6








7/12


INTRODUCTORY QUESTIONS & SUMMARY

At the beginning of each session, we asked participants five questions including:

Have you heard of Janji outside of a&g? What is the first word that pops into your mind when you view the homepage? What do you think Janji does? What demographic do you think this site is designed for? Why? Just from looking at the site, what kind of information do you think you could get from this

site? Please be specific?

All users were employees of Allen & Gerritsen and have been exposed to Janji in the past. However, outside of Allen

& Gerritsen, only one user has heard friends speaking of Janji. One user, once hearing about Janji, noticed Janjis

presence in Boston.

At first glance of the website, Janji appears to be a colorful website that sells athletic apparel. Only one user picked

up on the charity aspect of the website. However, every user recognized it to be a retail site. Users expected the

site to contain product information, prices, what Janji has to offer, and how Janji helps other countries.

Many users identified Janjis target audience as millennials due to the age of the models, the style of the clothing,

and the length of the shorts. One user also targeted the audience to be people with an income of 50k+ due to the

prices of the apparel.


8/12


U S A B I L I T Y F I N D I N G S & R E C O M M E N D A T I O N S

Task #1

You want to purchase a pair of shorts from Janji but have not bought apparel from Janji before.Therefore, you want to try on the shorts in a store to avoid ordering the wrong size and having to

pay to ship the shorts back. You want to locate a store in the area that supplies Janji apparel.

1. Search for location of closest store

Every user expected to be able to find the closest store by entering a zip code or address. Users found it

irritating to scroll to find the closest location. Although users appreciated the blue markers on the map,

zooming in was tedious

Recommendations:

The title Store Locator is a bit misleading, because Janji does not have its own stores. We suggestchanging the title to reflect that Janji apparel can be bought from retailers in stores. We also suggest

moving the Store Locator link to the top of the page

Adding a search by zip code and address feature would alleviate many of the frustrations of users.Integration of this type of search is easily implemented using Google Maps JavaScript API.

Users enjoyed the blue markers on the map thus we recommend keeping them. However, we suggesthaving the map zoom in to the area searched utilizing the zip code search function.

2. Find information about closest store

Users expected to see information about each store on the store locator page. They expected to see at

minimum a phone number, an address, and the hours.

Recommendations:

Adding the address, phone number, and hours is overkill. We recommend simply having the name ofthe store be a link. This link would bring the user to the stores information page providing the user

with a phone number, address, and hours. This would prevent Janji from having to update any store

information as it changes.


9/12


Task #2

You want to learn how Janji was founded.

1. Navigate to Janji Story

Around half of the users correctly navigated to the Janji Story navigation tab. However, half of the userssimply clicked on About Us. These users expected to navigate to Janjis Story from the About Us Landing

Page.

Recommendations:

Adding a link to the Janji Story from the About Us Landing page would be a simple way to engage auser. It would create a natural flow for a user looking at the About Us page. It would also help redirect

a user searching for the Janji Story.

2. Read text on Janjis Story page

Users had mixed opinions on the presentation and way the Janji story was written. Around half the users

were satisfied with the information presented. Those users who found the presentation ineffective

suggested that the information be shown in a more visually appealing way. One user pointed out that she

doesnt know why the company is called Janji and would like an explanation on the Janji Story page.

Recommendations:

Janji can add more personality to their story by changing the presentation. This can be done simply byadding bullet points to break things up visually, bolding words to bring attention to interesting or

important information, and including clickable links to engage the user further

Janji can also include a video instead of text to tell their story. It will engage millennials more thanwords.

We recommend adding a few sentences explaining where the name of the company came from aswell as the meaning behind the name Janji.


10/12


Task #3

You want to learn where your money goes and how it affects each country.

1. Navigate to a countrys Food and Water Crisis page

Most users agreed that finding where their money goes was very hard to find. A few users stated that

the navigation doesnt give a clear message. Users dont know to navigate to the Food and Water

Crisis navigation tab to find out how their donation helps others.

Recommendations:

Changing the titles on the navigation bar would help give a clearer message. A simple yet straightforward title such as What Your Money Does would allow the user to easily see how their money

affects other countries

Changing the dropdown navigation under Food and Water Crisis to something such as Crisis in[country] would engage the user more. It is clear to the user that they want to learn about the

crisis in said country instead of seeing the line for that country.

2. View infographic

The infographics on the website were loved by the users. Users indicated that the infographics, for the

most part, looked very professional. However, certain infographics were hard to read. Users were also

unable to easily find out information about where their money goes. They wished to see what

percentage of their purchase is going to their chosen country as well as what that percentage buys for

said country.

Recommendations:

The colors of the Tanzania and Kenya infographics are difficult for users to read. We recommendchanging the colors so that there is not purple font on a blue background.

Users continuously stated that they wanted clear statistics at the top of the infographic. We suggest,at the top of the infographic, indicating how much of each purchase goes towards the chosen countryand what that money buying for said country. The Kenya infographic does a good job as stating what

they money buys for Kenya. However, this statistic should be at the top of the infographic for users

to quickly grab.


11/12


Task #4

You want to buy a new running shirt from the Hait i line. It must be the cheapest womens shirt

from the Haiti line.

1. Navigate to Haiti lineEvery user except for one had difficulty navigating to the Haiti line. Instead of going to the Countries

navigation tab and selecting Haiti, most users went to Womens Shirts. Users stated that the navigation

wasnt intuitive. Users found the filtering of prices useful and would like a similar function for filtering by

line.

Recommendations:

We recommend getting rid of the Countries tab on the navigation. Instead, on the merchandise page,allow users to both filter the clothing to show only a particular line as well as show the merchandise

grouped by line.

At the bottom of every countrys crisis page, have a link or display items only from the particularcountrys line

2. View apparel available for purchase

Users were not impressed with the photography. It seemed amateur and did not allow the user to

appreciate the quality and design of the apparel.

Recommendations:

The photography could be improved by having a consistent shot of each model, meaning shootingfrom a similar angle for each model.

Adding more photos of the clothes in action would help users see the quality of the clothes and howthey move and perform


12/12


POST QUESTIONS & SUMMARY

At the end of each session, we asked participants nine questions including:

What is your overall impression of RunJanji.com?

How easy or difficult is the navigation? Does the layout and graphic design support the concept of the brand? How so? Do you feel this site is current? Why? What did you like best about the site? What did you like least about the site? Is there anything you feel is missing on this site? If you were to describe this site to a colleague in a sentence or two, what would you say? Do you have any other final comments or questions?

Overall, users viewed RunJanji.com as a solid first website. However, it seems a bit amateur. It is simple but notas user friendly as users wanted and expected. The wording and order of the navigation could be improved to be

more intuitive. The use of colors on the website was something that all users loved. It adds to the concept of the

brand. However, the white background is not consistent with the colorful website.

Many users indicated that the infographics were their favorite part of the website. However, one user suggested

that the Food and Water Crisis Landing Page be an interactive map showing impact instead of an infographic.

The Run For Another graphic on the front page was also a hit. However, some users would like to see the

message in a bigger font. Users also appreciated how easy checking out was.

The message of the company is very strong, but the website does not clearly portray the message. Users did notlike how difficult it was to find out where their money was going. Users also wanted to know how they can get

involved with Janji.

When asked how to describe the site to a colleague, users highlighted the bright colors on the website and how

good the message of Janji is. However, users felt that the website is lacking consistent branding.

Documents

Janji Usability Study