SLIQ RIQS HAIRCUTSLIQ RIQS HAIRCUTSALOON WEBSITESALOON WEBSITE

Blake BassettBlake Bassett

Alex KotsoresAlex Kotsores

M.Obaid KhanM.Obaid Khan

Purpose Purpose

• The website serves as basic info The website serves as basic info about ‘Slick Riq’s hair cut saloon’.about ‘Slick Riq’s hair cut saloon’.

• The owner wants picture galleries, The owner wants picture galleries, appointments, and information about appointments, and information about the saloon on the website.the saloon on the website.

Original Web Site DesignOriginal Web Site Design

Home Page >

Screen Shots Cont..Screen Shots Cont..Image Gallery >

Screen Shots Cont..Screen Shots Cont..

UsersUsers

• Users of this website are Riq’s Users of this website are Riq’s existing clients:existing clients:

• Who want to make appointments for Who want to make appointments for different Hair related Services.different Hair related Services.

• Browse around the picture galleries Browse around the picture galleries etc. etc.

Findings from our Usability Findings from our Usability Testing Testing

• Original WebsiteOriginal Website

• Paper PrototypePaper Prototype

Original WebsiteOriginal Website

• Existing navigation was confusing at timesExisting navigation was confusing at times– Did not know where to go nextDid not know where to go next

• The navigational button seemed to be…The navigational button seemed to be…– over-dominantover-dominant– Distracted users from the main focus of the Distracted users from the main focus of the

sitesite

• Had a Random Color Scheme Had a Random Color Scheme – (e.g. felt the site resembled a rainbow)(e.g. felt the site resembled a rainbow)

Findings from our Usability Findings from our Usability Testing Testing

• Original WebsiteOriginal Website

• Paper PrototypePaper Prototype

Paper PrototypePaper Prototype

• Existing navigation was confusing at Existing navigation was confusing at timestimes– Did not know where to go nextDid not know where to go next

• From paper prototype users saw that From paper prototype users saw that to many different columns confused to many different columns confused – They did not know where to look nextThey did not know where to look next– Seemed to crunch in content Seemed to crunch in content

The Re-designed WebsiteThe Re-designed Website

• A redesigned Vertical Navigation A redesigned Vertical Navigation instead of the old Horizontal one.instead of the old Horizontal one.

• Categorized and more Simplified Categorized and more Simplified Image GalleriesImage Galleries

• Current Navigation was found to be Current Navigation was found to be less confusing less confusing – According to past user testsAccording to past user tests

Usability Issues Usability Issues

• We used CSS to create and make We used CSS to create and make contrasting colors to separate the contrasting colors to separate the sub galleries from the normal main sub galleries from the normal main and most common linksand most common links