Twelve Principles Brandice Girard
Principles Accessibility
Pg.1
Affordance
Pg. 2
Area Alignment
Pg. 3
Blue Effect
Pg. 4
Black Effect
Pg. 5
Chunking
Pg. 6
Closure
Pg. 7
Comfirmation
Pg. 8
Contour Bias
Pg. 9
Consistency
Pg. 10
Expectaion Effect
Pg. 11
Dunning-Kruger Effect
Pg.12
Colophon
Pg.13
i.
Bringing the fish is closer Making accessibility hard to the cat will make it more for cats. They want the fish accessible. on thesting but they can’t catch it.
Accessibility Things that are designed to be as easy to use for as many people as possible. •People who experience disabilities need products, devices, services and environments to be more accessible in their day to day lives. •Accessibility in the web is essential in order to create an equal experience for people with all abilities. •Can be related to Universal Design which is the process of making products that are usable by people with all ranges of abilities, weather disabled or not.
Pg.1
Affordance The influence of an objects physical appearance that had manipulates the way you use it.
•A door knob affords twisting the same way a handle affords pulling. •Wheels are round because they afford rolling, this is because the shape of the object is made suited for this particular function. •A button affords pushing, this is because the form of the object is best of this interaction. •When there is a negative afford things perform poorly and they become difficult to use. When affordances are good, they work efficiently.
Boxes afford packing or play time for kitties.
Pg.2
Alignment based on mass rather than edges.
Alignment based on edges rather than mass.
Area Alignment Aligning objects from based on the area instead of aligning based on center. •Align using the visual weight of an object can be more pleasing to the eye rather than using the rectangular centers. •The center of a placed image often does not visually align with a center based alignment method. •The designer must be the one to judge how effective the alignment is. •Alignment of an object with wonky edges or nonsymmetrical masses. •The technique is used on vector images or images that have uneven edges.
Pg.3
Blue Effect The effects triggered in your brain when exposed to the color blue.
http://animalwall.xyz/blue-eyes-animal-white-cat-cats-full-hd-1080p-background/
When exposed to the color blue you will commonly associate it with water and purity. Blue can be negtively associated with food when spoilage occurs.
Blue is the color of the United Nations because is resembles friendliness and peacefulness.
Blue is know to disrupt sleep because it promotes alertness, openness and creativity during the day.
Blue is often seen as pure.
Pg.4
BlackEffect A reaction in your eyes, that is triggered when you are exposed to the color black.
Black products are generally perceived to be classy, high value, and timeless.
When black is worn it will make people appear more thin.
Black is the color of authority and power.
Black is often seen as evil.
Pg.5
Chunking Grouping similar information together to make it easy to prossess and remember •Chunking should not be used as an argument for improved simplicity, legibility, or used to unclutter page design. •The primary goal of chunking is to help in situations where the commitment of information to working memory is required. •The average person will not memorize this ten digit number when layed out like: 2189892007 But when in chunks like: (218) 989-2007 You’re far more likely to memorize it.
Pg.6
Closure Creating a unified whole by leaving an object incomplete or with space.
•Known as one of the Gestait principles of perception. •Images appear more interesting when the mind has to fill in the gaps. •When the eyes are exposed to an incomplete imagethe brain will use previous knowledge to fill in the gaps to an image. •Closure works best when elements are close together and are used with similar properties. •Closure is used to reduse the complexity of the image. Consider removing areas when a design has simple and recognizable patterns.
Your eyes have the ability to fill in the missing spaces, making the “kitty� whole.
Pg.7
Cats stalk their pray inorder to verify their actions before they attack.
Confirmation Taking precaution to prevent errors before preforming an action. •Verifying the necessary actions in order to prevent injury or wrong actions. Verify all critical actions, inputs or commands. •The two steps to confirmation are dialogs and twostep operations.Affective dialog is asking if the action was intended, fallowed by indication the consequences of the action, and verify or cancel action.Two-step operations is a step that most occur before the action or input. •Noncritical confirmations should be disabled in order to prevent an excessive amount of confirmations.
Pg.8
Contour Bias Favoring objects with curved edges over objects with jagged or sharp edges. •Objects with pointed or sharp edges are associated with fear, making them far less appealing to the average person. •Likely evolved from human ancestors, a type of threat detection to avoid dangerous plants, animals and objects. •Sharp edges can be used to get and hold attention despite the related fear factor in the human brain. •Round, curved edges make a positive first impression over sharp edged objects.
Round, curved edges are PREFERRD.
Sharp, pointed edges are NOT PREFERRD.
Pg.9
Consistency Keeping similar meanings and functions in things to improve usability. •Our subconscious level affects the visual design when your site first feels familiar. •Consistency should be used to enhance recognition of the task at hand. •Consistency is used to help the familiar user navigate a document or area. •The user needs consistency, it makes navigation the page easier on the user.
Pg.10
Expectation Effect A predisposition of an object or item a person already has that effects the way they feel about it.
•When a person has a set expectation of an item that effects the overall satisfaction they have towards the result. •For example, you ate at a restaurant once and it was beyond your expectations, the next time you go there you already know what to expect. When the meal is less then your expectations you are not pleased. •One might lower their expectations do to a bias of another person. When expectations are lowered the chances of being satisfied go up. •Expectation effect can manipulate the out come of surveys, interviews, and focus groups. You must consider this when conducting a direct measurement technique.
Expectaions of a new cat.
Reality of a new cat.
Pg.11
Dunning-Krug Effect The tendency for a relatively unskilled person to mistake their abilities to be mush higher than it is. •An incompetent person lacks the the knowledge to recognize ones’ own incompetents, as well as the incompetents of others. •A person with a low intelligence level does not know they have low intelligence because they are incompetent, there for they lack the ability to distinguish skill level. •Like wise, when a highly competence person will instead underestimate their abilities and overestimate the skills of others.
ger Confidence
100%
0% No nothing
Experience
Expert
Pg.12
Colophon Type Faces Caviar Dreams Caviar Dreams Bold Merriweather
Font Sizes Headings
100 pt.
Sub Headings
16 pt.
Body Text
10 pt./8 pt.
Headings
100 pt.
Sub Headings
15 pt.
Body Text
14 pt.
Leading
Images Pg.2
http://www.zmescience.com/science/why-catslove-boxes-0432423/
Pg.4
http://animalwall.xyz/blue-eyes-animal-w hite-cat-cats-full-hd-1080p-background/
Pg.5
http://phillipspet.com/adopt-black-cat-dog/
Pg.8
https://www.youtube.com/watch?v=5VBriRtl_aM
Pg.8
http://dougleschan.com/digital-marketingguru/44-super-cute-white-kitten-enjoy/
Pg.13