There are many fundamental principles we need to be aware of when designing something, for example within the creation of this blog.
The main fundamental that I had to be aware of was the perception from other people.
Perception:
Perception is different in everyone's view, for example I had to take into account the colours that I was using because some users may not find it was easy to interact.
When thinking about perception there are many other things to focus on such as:
Patterns:
Similarity- Objects that are in a group/close together because they look the same/similar.
Proximity- The distance between objects if that be near or far.
Symmetry- An object mirrored, for example why side of a page looking the same as the other side.
Colours:
Trichromacy- This is where three colours go well together making it easy to look at.
Luminance- This is the intensity of light, Some times it can be to intense and makes it hard to read/look at something.
Things I have done within the blog;
The font is default so it's clear letters to everyone.
The text is white on a black ground, so it is dull but clear.
Font size is not small so it is not hard to read.
Page is simple, to navigate just scroll down or there is page selections on the side.
Videos and photos are used to break the text up a bit.
Behavior models
Fitts's law (predictive model)
The time that is needed to reach a target but this depends on the path towards the target and the size of the target.If the target is large this makes it easier to use as the time needed to use it is less making it more effective.This is why on some sites/interfaces some buttons/objects are larger than others and that's because they will be used more so they need to be easier to use and more effective than others.
key action model (discriptive model)
The key bored is split into 3 sections.
Symbol keys- These are the ordinary keys such as letters,numbers and symbols.
Modifier-This allows you to modify a current key to be a new option, there are many example such as shift+letter makes the letter become a capital and shift+9 will instead make the symbol "(" appear.
Executive- These are more of an action key such as backspace,enter,enter and the f keys. This is because they doing something else other then form a symbol but actually do an action.
Keystroke-level(predictive model)
This model is to predict performance, to do this it goes through the six operators in a sequence. The operators are;
K-key, P-point of location, H-hand moving, M-preparing mentally and R-response, The time is predicted for each on of these thing in then end adding up to predict the performance, so that is the calculation behind predicting the performance.
Buxton's three state model (discriptive model)
This model is made of 3 states to determine the ease of use of the mouse from a user. This helps to measure the speed of the action taking place.
As you can see on the diagram there is 3 states;Out of range- This can be when someone is moving there hand towards the mouse but yet to make contact or removing the hand after doing an action with the mouse.
Tracking-This will follow the motion/action that you are doing, for example if moving the mouse it will be tracking it.
Dragging-This is putting more pressure onto the mouse and holding down, so you have an object selected that you are now moving around with the mouse.
Within the blog this will be used all the time, because this environment is easier to use with a mouse rather then a key bored.
There is two other behavior models; Throughput (predictive) and Guiard's model of bimanual skill (discriptive).
Information processing
Under this there is 3 main principles and they are:
HIP (human information processing)
Human as a component
Goals,operators,method and selection (GOMS)
Human information processing-This is where information is broken down into steps. The steps that are taken are;
Taking in the information, going over it/analyzing the information, then use the information and finally actually doing a task with that information.
GOMS- This is a way of understanding how a task is being done within HCI. GOMS breaks down into 4 simple thing to allow us to understand how a task is being dealt with.
Goal-what is being achieved/ the target
Operator-The action being under took
Method- How it's doing the action
Selection- Choosing a way of doing the action/choosing the best method to use.
Human as a component-This is where people believe that HCI is human.But humans are the ones making the HCI.Users play a big roll in this as they are the ones pushing it to do the tasks such as complex calculations. When creating a HCI, you are basically building of the idea of how the human brain works and then make the process a lot faster than that.
Image:
http://stackedui.com/wp-content/uploads/2010/03/3-state-model-mouse.gif
No comments:
Post a Comment