Page 1

User Experence Study

wallpaper.net

Alyssa Teeter


Table Of Contents 1 2 3 4 5 6 7 8 9

About About Detail Process Content Audit Content Audit Detail Cardsorting In-Person Cardsort Online Cardsort Sitemap

10 11 12 13 14 15 16 17 18 19

Persona Content Area Studies Content Area Websites Content Area Websites Content Area Websites Final Wireframe Final Wireframe Images Final Wireframe Images Final Summary Colophon


1 Wallpaper.Net is a portal website that also sells wallpaper straight from their site but also link pages of other wallpaper websites within it's on website. This was an initial reason to choose this site to help and study how it could be redesigned to fit the users needs and make it a more productive website.

About

Immediately the website gets confusing because for a first time buyer of wallapper nothing is explained and there is no imagery on the homepage for user to get a feel for what they would want to purchase. It isn't very user friendly.


2 On almost every single page there are repeated links where you can get to a page almost three different ways. This is confusing to users and also, they label them differently so it seems as if they are going to different pages when they are not.


3

Process


4 Content audit The content audit was a really great way to see what all links were available to click on, on the actual website. It also made it easy to see where the problems were when the color coding of different features really began. Things such as external links, non-working links and image links were visual in a way that can’t be seen just by clicking through pages of a website. It also showed just how many repeated links there were too, this was the easiest part of the process to see where most of the problems were right off the bat.


5 As you can see here with the content audit, even just looking at the colors that there are a majority of external links. Right off the bat this is a problem if there are pages within pages. This can get extremely confusing for a user to try to navigate through.


6 Overall, I expected how most of the card sorts would play out because the websites that I based the words off of were self-explanatory for the most part. But most of the main navigation was pretty self-explanatory for everyone to see, but there was confusing when it came to the gallery and also for the process of ordering things, if certain items fell all under that category or if they would go on the main navigation. It helps with trying to see how other people categorize things, for when I actually use my own website I can see how a good wallpaper website is set up and what type of information actually goes on it. I used the same categories that I used for the Closed Online Findings and asked family members to sort the cards based off of. See pages 7 and 8 for cardsorting images.

Cardsorting


7

Cardsorting

In-person


8

Cardsorting

online


9 The sitemap was created based off of categories chosen and groupings from all of the cardsorting

WALLPAPER.NET SITEMAP

activites. There is now going to be a five button

Home Page

1.0

main navigation in which all three categories of wallpaper just fall under wallpaper. This makes

Contact

1.1

it easier for a first time user to navigate through.

Wallpapers

About Us

1.3

1.2

Residential

Commercial

Norwall Wallcoverings

Suede Wallcovering

1.3.1

There is also a separate section for brands/de-

1.3.2

1.3.1.1

signers so users don't get confused when they

1.3.2.1

Belair Studios

Tackable Wallcovering

1.3.1.2

are seeing designers where they want to just ball

1.3.3

Wallcoverings 1.3.3.1-1.3.3.12

Patty Madden Ecology

1.3.2.5.5 Lincrusta

1.3.2.5.6

1.3.2.5

Lincrusta

Grasscloth

1.3.2.5.7

Brands

1.3.1.5.2

1.3.2.5.1-1.3.2.5.8

Paint Plus III

1.3.1.5.3

sitemap

Brewster

1.3.2.5.3 Waverly

By Brand

1.3.1.5

Albert Van Luit

1.3.2.5.1

1.3.2.5.4

1.3.2.4

Paintable Wallcoverings

1.4

Norwall

Arbor Series

1.3.1.4

Designers/ Companies

1.3.2.5.2

1.3.2.3

Design By Color

1.3.1.5.1

Specialty

Wood Wallcovering

1.3.1.3

Anaglypta

1.5

1.3.2.2

Brewster Wallcoverings

a certain type of wallpaper.

Request Quotation

Paintable Solutions III

1.3.1.5.4

KEY Pagestack

Dynamic Page

Home

Static Page

External Page

Main Nav.


10 Persona: Wallpaper.net

After a phone call with the individual who created the website, they stated that their main users are male contractors whom buy wallpaper for commercial buildings. The persona is a reflection

Bernie Irwin "I’m a reliable guy.” age: 48 location: Raleigh, NC salary: $74,000 occupation: Contractor

of a hardworking male who is a contractor. He is very outdoorsy and spends most of his time doing

Online Activites

Bernie Irwin has been involved in the contracting business almost all of his life. He started out painting

work related things or outdoors related activites.

neighbors houses at the age of 13 and eventually

This would be an average user that would visit Wallpaper.net to purchase wallpaper.

got a job as an intern for Clear Cut Construction once

20%

he turned 18. Bernie orginally grew up in Louisiana,

43%

12%

but soon moved to Raleigh, North Carolina to take business classes.

25%

After graduation Bernie joined up with Woolsbury Construction, in which he worked his way up to Head

Wallcovering Sites

Contractor. He still holds that position today. You can Fishing Sites

find Bernie these days doing wallcoverings or construction during the week and out fishing on the

Games

persona

weekends. His wife and two sons are the most

Construction Sites

important part of his life.

Offline Activites

Eating 30% Work Related Hiking/Fishing

Son’s Sporting Events

21%

37%

14%


11 I’ve realized with a lot of the websites that images are the main links when it comes to the wallpaper. They also have a lot of search by options on the left sidebar rather than on the main navigation. Multiple pages had a lot of sample images to entice user to look more into their website to find out more about it which I think is a great attention grabber. A few of the websites also had contact buttons on the bottom of the site and had some sort of tag line above the main navigation. That’s smart to keep a logo and tagline across the top to get the feel of the company to the user at first glance.

content area studies In general the websites had creative interesting background images also which I thought would be helpful to grab attention when users get on the website in which mine is lacking. There were images in a few of the sites that had featured items as well that were under the main navigation. Most of the sidebars also fell on the left side of the page instead of the right, which is probably because we look at the top left corner and keep going back to the left hand side of the page as we skim through. See pages 12-14 for website images/wireframes.


12 wallnutwallpaper.com

wallpaperstore.com


13 wallpaperstogo.com

designyourwall.com


14 americanblinds.com


16 final

wireframe The wireframe was created by the sitemap which visually representated that there would be a more extensive main navigation. Based off information from the content studies, all of the images that are seen are links that link to what is being featured in that image. There is also a search by bar that is how users can browse for wallpapers easier if they are looking for a more specific item, this is a quicker more efficient way to hunt compared to how the website is laid out now. View next page for final wireframe image of homepage and subpage.


17 Contact

About Us

Wallpapers

Request Quotation

Designer/ Companies

Contact

About Us

Wallpapers

Request Quotation

Designer/ Companies

Search By

Wallpaper Images Color 1

2

Pattern 1 Residential Image

Commercial Image

Wallpaper Images

Specialty Image

Brand 2

Annotations:

Annotations:

1 This is an image of a featured wallpaper along with welcome information to the website.

1 These are images of all the different types of wallpapers depending on what was

2 These three images are links that take you to each category of wallpaper.

2 This is a search by sidebar where you can search by color, pattern and brand.

searched for so they will link to the brand or a page to buy the wallpaper.


18

summary Overall, Wallpaper.net needs a lot of work so that it's easier for users to navigate through and buy wallpaper. The individual that answers their call number said that they just want people to buy so following the new wireframe would achieve that main user goal. Designing to fit the user that is created in the persona and following the research will eventually lead to increase of wallpaper sales. An easier navigation leads to less frusterated users which would lead to more purchases.


19 Design: Created by Alyssa Teeter Photographs: Taken by Alyssa Teeter Persona Background Information: Website Creator (Phone-call)

User Experience Design Spring 2013 Millersville University

colophon


User Experience Study  
Advertisement
Read more
Read more
Similar to
Popular now
Just for you