Fundamental principles of HCI design

Use of Principles in this blog

Fitts’s Law-

This law predicts the time it needs to rapidly move to a target area is a function of the ratio between the distance to the time target and the width of the target. Fitts law is basically like a pointing tool, either if your using your hand and physically tough an object or pointing to an object in your computer by using your mouse pointer.

Buxton’s 3 State Model

Buxton's 3 state model can decide on how easy it is for someone to use a mouse and a mouse wheel. It measures how much pressure is being used when the user is moving the mouse at a certain speed.

The 3 states that are used to check this: 
1. Out of range: it's used to show the re-positioning and clutching of the mouse
2. Tracking: it's for moving and item around the screen such as a cursor.

3. Dragging: it checks the time that it takes for you to drag an object across the screen.

Key-Action Model:

The Key- Action Model allow you to see how a user interact with a key board so it can verify what kind of short cuts they will use to make things easier for the user to interact with things, like for example if a user wants to highlight everything all they need to do is to hold "Ctrl+A". Today's computer keyboard has enormous selection of buttons, the buttons are either symbol keys, executive keys, or modifier keys.

Symbol - letters (qwert), numbers (12345) or punctuation (!"£$%).
Executive Key - the actions that are in the applications like Enter, F1 and Esc.
Modifier Key - the modifier doesn't type letters and doesn't do any actions like the executive key, but it allows other buttons to do something when it's pressed at the same time. Examples are Shift and Alt. When Shift is pressed with a letter then this will make the letter become capitalized. 

Perceptions:

The font size that I used on this blog is in normal size because it is not too small and not too big for someone to read, but on some parts I used a large font size for the title.

I made the titles in bald so that it stands out when someone reads this blog, and whoever read this blog they will know what this blog is about.


I used the colour black for my texts and a white background because it makes it easier for people to read the texts.

The images that are used in this blog are clear and the visitors of the site is free to click and make the image bigger for them to see it close up.  

The blog is easy to work with and it's easy for the user to direct the site where they want to go because all they have to do is to scroll up and down through the page to see all the contents that is in the blog.

I have use Arial as my font style in this blog because it's very simple and easy to read


The background design that I used has a simple and calming look for the page, i didn't use the other designs because some of them have too much going on in the background and it just didn't suit the subject of this blog.








References:

Wikkipedia - Fitts's Law
Available online - https://en.wikipedia.org/wiki/Fitts%27s_law

Three-state model of graphical input
Available online - http://www.dgp.toronto.edu/OTP/papers/bill.buxton/3state.html

Key-action model
Available online - http://saf789.blogspot.co.uk/2013/03/behaviour-models.html