Janji Usability Study

Usability Study Results 1

PRE-STUDY OVERVIEW
Purpose and Scope
The purpose of this study is to evaluate the experience, from beginning to end, a customer has when interacting with Janji. Collecting this data will provide the team with: Insights into the current users experience Insights into aspects of the current website that could be strengthened Insights into the users ability to easily determine the purpose of Janji

Baseline information on the current experience that can be used as a comparison for future online experiences

Methodology
Research questions. This study will collect qualitative and quantitative data to answer the following research questions: Task Completion-How well does the company support our customers ability to accomplish key goals and tasks? Visual Design-What are the first impressions of our customers? Is our visual design conducive to: a running company? a charity? a young company? Navigation and information architecture-How does the site structure support customers ability to accomplish their tasks? Are users able to navigate accurately and quickly? Content-Does the content provide useful information for the user to complete tasks? Purpose of Company-Is the purpose of the company apparent when first visiting the website? Is the purpose of the company consistent throughout?

Outcomes
The study will provide us with: Metrics. Qualitative and quantitative data will provide us a usability baseline for Janji to use to measure future improvements. Audience Insights. Actionable insights on how to improve the user experience for our customers. Recommendations. Concrete recommendations for improvements to the current Janji site based on user data.

Usability Study Results

August 7, 2013

Prepared for: Janji Prepared by: Bridget Cohen Web Development Intern Davies DeCesare-Fousek Technology Intern Amanda Hartsfield Creative Intern Allen & Gerritsen www.a-g.com 857.300.2000

TABLE OF CONTENTS
Pre-Study Overview Overview Project Methodology User Profile Introductory Questions & Summary Usability Findings & Recommendations
Task 1 Task 2 Task 3 Task 4

1 2 3 4 5 6
6 7 8 9

Post Questions & Summary

10

Janji Usability Study

Usability Study Results 2

OVERVIEW
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 users ability 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.

Janji Usability Study

Usability Study Results 3

PR OJE C T M ETHOD O LOGY

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 questions focused on the users perception of the website prior to usage. They were the n 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.

Janji Usability Study

Usability Study Results 4

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

20-30

Female

4x/week

20-30

Female

3x/week

20-30

Female

3x/week

20-30

Female

2x/week

20-30

Female

1x/week

35-40

Female

4x/week

Janji Usability Study

Usability Study Results 5

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.

Janji Usability Study

Usability Study Results 6

USABI L ITY FIND INGS & RE C OMME NDAT IO NS

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 suggest changing 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 suggest having 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 of the 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.

Janji Usability Study

Usability Study Results 7

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 users simply 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 a user. 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 by adding 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 than words. We recommend adding a few sentences explaining where the name of the company came from as well as the meaning behind the name Janji.

Janji Usability Study

Usability Study Results 8

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 straight forward 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 recommend changing 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 country and 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.

Janji Usability Study

Usability Study Results 9

Task #4

You want to buy a new running shirt from the Haiti line. It must be the cheapest womens shirt from the Haiti line.
1. Navigate to Haiti line
Every 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 particular countrys 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 shooting from a similar angle for each model. Adding more photos of the clothes in action would help users see the quality of the clothes and how they move and perform

Janji Usability Study

Usability Study Results 10

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 not as 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 not like 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.