Thursday, April 10, 2014

Out of Class / In-Class Usability Tests


Script

Hello! Thanks so much for coming out today. We really appreciate it. How’s your day going?

I work for Wut The Fork, and we’re testing out a new website to find out how well it performs. 

Although this is called a usability test, don’t worry- you are not being tested. We are testing how well the website performs, so you can’t be wrong today.

I want you to know that I am not the designer, so please feel free to speak freely and honestly. 

I encourage you to think out loud. This will help me to understand your thought process better. 


So first, I’m going to have you take a look at the homepage. 

When you first look at this page, what do you think is the site's purpose and the purpose of the business?

What do you think the main sections of the website are?

If you were visiting this site, where would you start? What would you do first?

Q1: If your parents are coming into town and you want to find a restaurant with an outdoor patio, live music and happy hour specials, how would you find your options that meet these criteria?

Q2: Imagine you own a restaurant and would like to create a new business profile on our website. How would you go about doing that?

Q2: Imagine you are a bar owner and you’ve decided to change your happy hour schedule. How would you update that information on our website?

Follow-Up Questions:

*Chance to ask why they did certain things the way they did.

Our site aims to be an all-inclusive resource where people can find all the information they need about bars and restaurants in Columbus using search terms to find exactly what they’re looking for.

Did you understand this purpose after using our site?



Could you foresee any instances where you might need to leave our website to find the information you’re looking for?

User 1: Results

If the user wants to be able to search for a restaurant/bar by name, then there should be a search bar that is easy to find with a clear purpose. (this will be reflected in our final prototype)

If the user is unsure of what is meant by "log in", then perhaps that needs to be better expressed. For example, "business owner log in".

If the user wants to save places for later, then there should be functionality for them to do so. (Because of time restraints, we have decided we can't fully add this functionality and will stay with the more basic usage).

Overall, this user hit on a lot of the same issues and problems that our in-class users mentioned. This is due mainly in part to the fact that our classmates fall within our target user demographic. Many of these issues have been resolved for our final prototype, with only a few being left as-is due to time and talent restraints. Color and design should also help make some of these tasks more clear.

User 2: Results

If the user wants to search for a bar/restaurant by search terms then they are able to use the search box options on the main page.

If the user wants to search for a specific restaurant directly, for example to see if it has live music that night, then there should be an obvious search box located on the main page.

If the user is confused about the log-in and create accounts links, then these links could be more specific or combined into just one link for logging in and creating an account.

If the user does not immediately recognize the purpose of the site when arriving at the main page, more food and drink related images or a tag line briefly explaining the site can be added tot he front page.

After completing the usability tests, our second user generally did not have many problems navigating the site. They did however, encounter some of the same problems experienced in our other usability tests. These problems were easy to correct, for example adding images and icons to make the purpose of the site more clear, and we believe many of them have been resolved in the finalized version of our click-able prototype.

User 3: Results

If the user is unsure what the purpose of the site is within a reasonable amount of time on the home page, then implementing images and hierarchy could help inform the user of the purpose of the site.

If the user wants to find information on a specific restaurant or bar, then we must be sure to include a search box or keyword entry box in our search graphic.

If the user is confused between the top navigation and the side navigation, then adding more functionality, hierarchy, or content could help clear up confusion regarding the purpose of each navigation bar.

This user was able to navigate the site fairly easily generally, but had some issues with identifying the purpose of the site at first. They were unsure about what the site's goal was, and at first only knew it had to do with searching something. They had a few problems with understanding the graphics, especially with the lack of a keyword box in our search box. Revisions on the graphics should help clarify and fix these issues. There was also a bit of confusion about what the purpose was of having two "navigation bars", especially since the left bar seemed to overlap a bit with the main search box's purpose. This was a problem we had previously encountered, and should be able to be solved. Using functionality might help us to suggest the purpose of the side bar, while clearing up links in the top navigation might clarify what other page options there are.

In-Class User: Results

• User was unsure of why a search bar would be necessary
• User did not not think that links for businesses should  be in the top navigation bar
• Purpose of site was not apparent as quickly as it could be
• User really liked quick links/lists on the side where she could quickly see what's open now, trending, etc.
• User realized that on the "create bus. profile page" - there's no place to create a username and password, so how can you log in to edit your page
• User did not know how to submit her own bar/restaurant review
• User was concerned what a bar/restaurant owner would do if their musical acts/specials change from one week to the next

If the user is unsure of the purpose of a search bar, perhaps the location of the search bar doesn't make the most sense for usability purposes.

If the user is not a business owner, then they may be confused/frustrated by the business-related links at the top of the page. May want to move those links to a different location.

If the user is unsure of the site's purpose, then a slogan would be helpful that gets the purpose across at a glance.

If the user really appreciates the quick links, then we should keep those as is or make them even more prominent on the page.

If the user is unable to create a username or password, then we need to add a section to the 'create profile page' where they can choose a username/PW.

If the user wants to submit reviews but doesn't know how, then we need to add a 'write review' button to the site. Probably in the same area as the other reviews, or possibly it's own nav link as well.

If an owner has changing specials/music and doesn't know how to express that on their profile, then we need to have an 'upcoming events' section where they can add non-recurring events/specials.

Thursday, March 27, 2014

Usability Test 2


Hello! Thanks so much for coming out today. We really appreciate it. How’s your day going?

I work for Wut The Fork, and we’re testing out a new website to find out how well it performs. 

Although this is called a usability test, don’t worry- you are not being tested. We are testing how well the website performs, so you can’t be wrong today.

I want you to know that I am not the designer, so please feel free to speak freely and honestly. 

I encourage you to think out loud. This will help me to understand your thought process better. 


So first, I’m going to have you take a look at the homepage. 

When you first look at this page, what do you think is the site's purpose and the purpose of the business?

What do you think the main sections of the website are?

If you were visiting this site, where would you start? What would you do first?

Q1: If your parents are coming into town and you want to find a restaurant with an outdoor patio, live music and happy hour specials, how would you find your options that meet these criteria?

Q2: Imagine you own a restaurant and would like to create a new business profile on our website. How would you go about doing that?

Q2: Imagine you are a bar owner and you’ve decided to change your happy hour schedule. How would you update that information on our website?

Follow-Up Questions:

*Chance to ask why they did certain things the way they did.

Our site aims to be an all-inclusive resource where people can find all the information they need about bars and restaurants in Columbus using search terms to find exactly what they’re looking for.

Did you understand this purpose after using our site?


Could you foresee any instances where you might need to leave our website to find the information you’re looking for?

Summary of Test Results

Not all of our links are clickable, which may be confusing for the user as several of them are going to be repeating links. More of the links will be clickable in the final prototype

If the user has a specific place in mind then there should be a search bar for them to directly type in a bar/restaurant name rather than going through search terms

If the user does not have a specific location in mind, then they can either use the quick links on the left hand side or the search terms in the main page
Some users were more focused on the side bar than the main search area, me may want to use design/colors etc. to draw more attention to the main search area

Some users indicated that they might want to save locations for later (if they thought the profile was interesting and may want to visit it in the future) or save places that they have been and really liked. We may add a bookmarking feature feature similar to Pinterest or something like that

If the user is a business owner, they may have trouble locating the link to login to change their business profile. We may want to make the link for editing a business profile separate from a general login link so that it is very clear to the user where to go






Tuesday, March 25, 2014

Usability Testing Plan for Clickable Wireframes


  • Where can we find 3-5 individuals to test our website on?
    • Because our target demographic mainly includes people our own age, we will likely just ask friends or family to test our website. We could also consider talking to some local restaurant and bar owners to get an idea of the ease of use of our sign up pages for business owners.
  • How will we solicit people's help?
    • We will likely ask a few of our friends in person to test our site. Outside of that, we may send out emails to other students at OSU to see if they would also like to participate in our test.
  • How has the site changed since our paper-prototype?
    • The overall structure of our site has changed very little as compared to our paper prototype.  We still plan to have essentially the same layout structure for our pages that we laid out in the paper prototype. We thought more about the content in each section and we added this content to our click-able prototype. We anticipate that some size changes and slight re-arrangement may be needed once we begin to add more content and images to the pages.
  • What differences do we foresee in usability testing between the paper wireframe and this current version of our wireframe?
    • Because we will be adding more content, such as images and descriptions, to some areas, there may be more information for people to sort though and therefore they may have slightly more difficultly finding what they want. However, we hope to minimize any confusion by creating a fairly clean main page where the main focus is the search feature and by ensuring that any additional content on the front page does not make it too cluttered. 
    • We also may also make it more immediately clear what the purpose of the website is by adding more images to the front page and including logos, etc. This will increase ease of use and how quickly the user can find what they are looking for.

Tuesday, February 25, 2014

Usability Testing Script


Hello! Thanks so much for coming out today. We really appreciate it. How’s your day going?

I work for Wut The Fork, and we’re testing out a new website to find out how well it performs. 

Although this is called a usability test, don’t worry- you are not being tested. We are testing how well the website performs, so you can’t be wrong today.

I want you to know that I am not the designer, so please feel free to speak freely and honestly. 

I encourage you to think out loud. This will help me to understand your thought process better. 


So first, I’m going to have you take a look at the homepage. 

When you first look at this page, what do you think is the site's purpose and the purpose of the business?

What do you think the main sections of the website are?

If you were visiting this site, where would you start? What would you do first?


Q1: If you were a college student at Ohio State looking to find the contact information for La Fogata (a restaurant), how would you get that information?

Q2: If your parents are coming into town and you want to find a restaurant with an outdoor patio, live music and happy hour specials, how would you find your options that meet these criteria?

Q3: Imagine you own a restaurant and would like to create a new business profile on our website. How would you go about doing that?

Q4: Imagine you are a bar owner and you’ve decided to change your happy hour schedule. How would you update that information on our website?

Follow-Up Questions:

*Chance to ask why they did certain things the way they did.

Our site aims to be an all-inclusive resource where people can find all the information they need about bars and restaurants in Columbus using search terms to find exactly what they’re looking for.

Did you understand this purpose after using our site?


Could you foresee any instances where you might need to leave our website to find the information you’re looking for?


Summary of Findings:

If the website's purpose is not immediately apparent from looking at the homepage, we may want to utilize images to convey the concept and lay out the search terms in a way so that it's obvious what we want our users to do.

Currently, there is a good emphasis on the search feature, which makes the user want to go there first and play around with his/her options.

If the user isn't immediately sure how to directly search for an individual bar/restaurant, we may want to draw more attention to this feature by moving its location or referencing it in a different way, such as "search" instead of "keyterms".

The user quickly realized how to register a bar/restaurant for the first time as a business owner. The user also knew how to log in to update her existing profile information.

After playing around on the site, the user felt that the overall purpose of the website is clear.

The user felt that she may need to leave our website if a restaurant or bar didn't have a profile listed and she was looking for that one in particular.

We also realized that we need to have a "profile" button on our site so that users can navigate back to their profile at any time during their visit.

Sunday, February 16, 2014

Wireframes


Home Page



About Page




Profile Pages




Login Page - for an existing account


Editing a profile or adding information after creating a new profile


Set-up for a New Account


Pop-up After Creating a New Account




Thursday, February 6, 2014

Paper Wire Frames

Home Page:
Orange box will be a quick view window that appears when you click on a restaurant/bar in your results page. From that quick view window, there will be a "full profile" button, which will take you to a separate page with the complete information for that establishment.

Navigation on the side will allow for broader, quick searches, such as trending, events, locations and reviews.

Full profile page: