# data[].attributes.body
The link is at the bottom.

1) Visibility of system status:
7/10

Good system statues and I am able to see what I am clicking on when I hover my mouse over the button it changes to a different shade or it underlines the word.

2) match between system and the real world:
5/10

The match between the two is very similar but when it comes to listing stuff they don't make it realistic.

3) Error prevention:
9/10

they have good error prevention and they let you know by saying that something is out of stock so they aren't going to list it and then you can click on the link to see the out of stock stuff.

4) flexibility and efficiency of use:
10/10

from inexperienced people to people that can use the website with their eyes closed the website is very informational and you are able to navigate your way around the place really easily.

*5* and the logo is also nice and has good colouring.

Link:
https://www.pbtech.co.nz/

# data[].attributes.body
1)  Visibility of system status: 9/10
the home page is a little bit loaded but it says exactly what it is on each button so it's hard to get lost.

2) Recognition rather than recall: 8/10
lots of pictures to show what's what so you can remember easy

3) User control and freedom:

4)Match between system and the real world:

# data[].attributes.body
Visibility of system status - The Website has its main logo in the top left and has a bunch of subheadings that will take you to a different part of the website. When you hover over each subheading it lights up indicating a button

Match between system and the real world -  The website makes it easy to tell what part of the website you are on by keeping their title/subheading nice and short with simple terms

User control and freedom - When you click on a title/subheading a drop-down menu will appear showing multiple different things that are on this part of the website, It is easy to go back to the home page as you can either click on the logo or click the subheading/title again and the drop-down menu will retract itself.

Consistency and standards - The colors they use on the website are their classic red and blue colors and this is consistent throughout the website.

# data[].attributes.attachment_link.title
10 DIG (EB Games logo(Usability Heuristics)

# data[].attributes.body
1) Visibility of system status: YouTube shows a loading bar at the top of the page when a video or different page is loading. It highlights what you hover your mouse over, and has other signs showing you what will happen when you click it

2) User control and freedom: The buttons on YouTube are almost always visible wherever you go or click. It is also easy to navigate.

3) Recognition rather than recall: Youtube uses recognition by including small icons next to the menu buttons so you recognise them faster.

4) Aesthetic and minimalist design: The YouTube website is simple, with a small logo on the top left to take you to the home page and a simple menu on the left for navigation and finding other videos.

https://www.youtube.com/

# data[].attributes.body
1) Visibility of status. When you hover over images the website changes the cursor into a hand and enlarges images.

2) User control and freedom. Apple's website has a tab at the top of the website that has a home button and other buttons that lead to their various products

3) Aesthetic and minimalist design. The website sticks to a minimalist design that advertises their products and has slogans that appeal to customers

4)  Consistency and standards. The website sticks to the same black and white colours.

Apple Store Online - Apple (NZ)

# data[].attributes.body
1. Visibility of system status (8/10)
Highlights what sections you are on and shows the sub-sections when you hover over them. Clearly shows that you are currently hovering over something

2. Aesthetic and minimalist design (9/10)
Has short simple sentences which are easy to understand. Nice animations when you hover over buttons.

3. User control and freedom (5/10)
In some sections, there are no clear "emergency exits" to go back to where you were before.

4. Match between system and the real world (8/10)
Most sections do not need explanations as they are logical and make sense to the reader.

https://kahoot.com/

# data[].attributes.body
Crunchyroll
1. The webpage allows the user to click back to the home page if they click on the wrong anime show. This gives users freedom and control of where they can go.

2. This user interface shows them the image of the show A.K.A showing an image of Attack on titan then just telling them with text what the show is. This allows the user to recognize it instead of having to recall what show it is.

3. The color pallet is an iconic black background for the show with either a cyan or orange color for the big image and a line underneath the white text to make it easier to recognize. It is consistent even if you scroll down to the very bottom of the webpage

4. This UI webpage uses a lot of visibility of system status. If you hover above an amine show, the cursor change to show that you can click on the show, and the background color of the show which is usually black lightens up into gray. This tells the user that it is responding to the user's movement of the cursor.

Link: https://beta.crunchyroll.com/

# data[].attributes.body
1) Visibility of system status: 8/10 They have a great system status and it will be very easy to use if you can get used to them. For example, if you wanted to download Fortnite you don't have to download other apps or files, just the epic games launcher and the game you wanted.

2)Match between the system and the real world: 6/10 Between the system and the real world, they are slightly similar, but when it comes to listing things, it is slightly different/or realistic.

3) Error Prevention: 7/10 They have great error prevention. For example, when you are buying GTAV, they will either prevent errors from not having enough money or filling the numbers incorrectly.

4) User Control and freedom: 6.5/10 Not epic games' games cost money, but some games are free as well as they don't have to pay for some game such as rocket league and Fortnite. And unlike Youtube or Spotify, they don't have any premiums.

https://www.epicgames.com/site/en-US/home

# data[].attributes.body
1) Visibility of system status: 8/10
EB Games has a great interface that tells where every category is.

2) Consistency and standards: 7.5/10
EB games keep a consistent color scheme throughout the pages of the website.

# data[].attributes.body
Visibility of system status
The visibility system status is pretty good on the apple website, its up to date with all their latest products and gives a reasonable amount of information of the products they sell

Match between the system and the real world

# data[].attributes.body
1. Visibility of system status.
the visibility for Spotify is a solid 8/10 and it has all the songs you would want to listen to.

2. Match between system and the real world.

# data[].attributes.body
Recognition rather than recall: Mighty Ape has a drop-down menu of all the things you can find on their website making it easier to remember or find what you want or need. 7/10

Consistency and standards: Mighty Ape keeps a consistent colour scheme throughout the pages the website also has nice even and symmetrical rows. 6/10

Match between system and the real world: Mighty Ape use correct and simple naming for categories of purchasable items, they also make it easy to be able to navigate through the UI and be able to find your desired purchase. 8/10

User control and freedom: When in Mighty Ape you can access the home page by clicking the logo, you can also seach throughout the categories with all the options it gives you. 9/10

https://www.mightyape.co.nz/

# data[].attributes.body
1)visibility of system status:8/10
it highlights all the buttons when I hover over it so I know what I am clicking or puts a line under what I'm about to click on

2)Match between system and the real world:6/10
the website varies on what language it is using depending on the location of the user and the preferred language on the devise being used

3)

# data[].attributes.body
1) Visibility of Status:
Good system status when you hover over a product or menu tab the cursor changes into a hand. Which makes it very clear what you can and can't do.

2)User control and Freedom:
The footlocker  has good user control. If you accidently click on something you can easily just go back by clicking the back arrow. If you have been viewing at multiple products and want to go back to the home page you can just simply click on the logo at the top of the page.

3)Recognition rather than recall
Footlocker has the picture of all the products to show what they look like when browsing instead of just the name.

# data[].attributes.body
Visibility Of System Status:
Monkeytype gives you a very clear objective on what you can and cannot click; everything on the website lights up on hover. It is very clear what to do on the website, as soon as you enter the website you are given a prompt to type, you can tell you are meant to type it by the blinking line that appears when typing / idle. After completing a typing test, it is not too clear on what to do after, there is a row of buttons that tell you what they do on hover. informing you what you are able to click and what you can't. 9/10

Consistency And Standards:
The entire website consist of a yellow, grey and white theme. not once in the website is there any other color. You can even go to the options and change the color of the theme to suit your liking. 10/10

Recognition Rather Than Recall:
Every clickable button have its own little icon that can represent what it is. Unfortunately this is not the better choice rather than telling you what it does. Some buttons do tell you what they do on hover, some just light up. Because of inconsistency it is a 5/10

Flexibility And Efficiency Of Use:
This website is incredible in terms of flexibility. Every single action has its own shortcut, and while it may not be the easiest to learn how to do them, it does tell you at the bottom of the completed page the main shortcuts. once you do figure it out you can basically use the entire website on your keyboard. 7.5/10

# data[].attributes.body
McDonalds

1) Visibility of system status: 8/10
pretty good because it has a funky lil animation when i go             to get a burger

2) Match between system and the real world: 7/10
pretty drippy
menu had this aesthetic small fries design theme

3) User control and freedom: 8/10

it was cool because i could get all the maccas on one page, and it even had a menu where i can look at the food but not get it because im poor

4) Error prevention: 6/10

when i went to the dodgy side of mcdonalds.com it told me to check the url and refresh the page, although some old lady probably doesnt know what a url is so 6/10

https://mcdonalds.co.nz

# data[].attributes.body
The minimalistic design provides a not crowded website that is easily excessable and not over the top. but sometimes it does feel a bit bland and un-original

The website is very consistent when it comes to the color green. It use different shades of green and yellow for certain buttons and such to blend in with their logo.

There is a lot of freedom on the site. You have the option to go and click and do many different things. On top of that they are all clearly labeled with bright green.

Clear visibilty of system status when hovering over buttons

https://www.subway.com/en-NZ/