Assignment 3: Usability Audit

CSS Website Layout
Nike
CSS Website Layout

Nike's Website

For my usability audit, I tested Nike’s website, a brand that sells products ranging from shoes to clothing to accessories. I believe Nike is a site used by men and women over a wide range of ages, from all different backgrounds. It’s a site used to promote products, and inspire you to be yourself and do the things you want to do while looking good. It promotes different fashion senses and encourages you to dress how you want, even if that’s out of the box. I did this test on my laptop during spring break. For the test, I navigated through lots of different sections of the website including the homepage, the women’s section, the help page, and more. Overall, Nike’s website is fairly easy to understand and navigate, and could be used by a variety of different people. They are representative of all of their customers, being inclusive toward people of all shapes, sizes, and ethnicities. There were some minor issues present, but nothing that couldn’t be overlooked, making the website pretty successful during this test. To conduct this test, I started by analyzing the homepage and how it functioned, looking at everything it included and how easy it was to navigate. Next, I moved into specific sections of the website, looking mainly at the “women” section and its drop down options. I clicked on various options such as “shoes” and “tops & t-shirts” and looked at specific products, the pictures they showed, and the different color options. I clicked on other features like the “help” page, the “featured” items, and I tried out the search bar to find a specific item. Another part of this test was having my classmates analyze the website as well. Seven of my classmates performed a similar test and left their thoughts and observations for me to take into account. These were men and women from ages 19 to 37 with different ethnic backgrounds and jobs. All participants were familiar with using the internet and navigating different websites, allowing them to know what is useful and what isn’t as useful and easy to use. Overall, most of the comments from my classmates were positive and there were very few issues found within Nike’s website. If there was an issue, it was something that could be easily overlooked and not an annoyance to the user. The main issues were some vague language regarding products, and the customize section being kind of confusing at first. Here is a list of my findings: Sometimes it’s hard to understand what you’re looking at on the main page because the pictures take up such a large part of the page, you can’t always see the text explaining the pictures. The main page features new items so that users can see them right away if they’re interested. Search bar enables you to look for anything specific. Header allows you to find the category you’re looking for quickly and easily, including featured items, mens items, womens items, and customizable options. Drop down menus exist for each of these and allow you to easily find a specific clothing category that you’re looking for, or you can simply click on one of the main categories and that will take you to a broad section of items. There’s a button for help that’s on the front page right at the top so it’s very accessible if needed. Right away, there’s a discount code that pops up on the main page for any customer that hasn’t yet created an account, and they can do so very easily by clicking on a button in that pop up. They can use the discount code which makes buying something more attractive. High quality, large pictures showing products allow users to see products clearly and sometimes styled, invoking inspiration for outfits. Models represent people of all shapes, sizes, and ethnicities so it’s very inclusive. There’s a lot of white space that makes the important information pop out and catch your attention, and it declutters the website, minimizing sensory overload. The header menus are fixed, so you can scroll through the page and they stay put which allows users to easily access it when needed. Nike’s site is very similar to other marketing websites, so it’s easy to use if you’ve ever had an experience with another site like it, which a lot of users typically have. Some of the language surrounding the products is vague and it’s hard to tell which products they’re trying to push and promote. The help page gives prompts to highly asked questions so you’re able to find a quick answer to a potential problem. The home page doesn’t say “nike” at all, but only uses the check symbol. Use of a few different fonts, but the different ones are used for the same things consistently. There’s lots of options to choose from when looking at items like color, size, style, price, width, etc., making it very easy to narrow down what a customer wants. After analyzing the website, some recommendations that could be to include smaller pictures on the homepage so they don’t take up the entire screen and block out text explaining them, and use a little more in depth explanation when describing products. Lastly, when clicking on a specific product, instead of showing all the pictures at once, cluttering the page, there should be an arrow option to scroll through the pictures because they’re so big.