Embed Size (px)
DESCRIPTION
An Introduction to the Key Principles of Interaction Design
Citation preview
{ PRINCIPLES OF INTERACTION DESIGN }
1
An Introduction to the Key Principles of Interaction Design
{ PRINCIPLES OF INTERACTION DESIGN }
2
How do you begin to create visual solutions to solve complex user interaction problems?
Discusssmart devices computers information portal phones controls
{ PRINCIPLES OF INTERACTION DESIGN }
How do interaction designers succeed at creating design solutions that are powerful, effective, func-tional and aesthetically appealing?
Discuss
3
{ PRINCIPLES OF INTERACTION DESIGN }
44
Why should an MA student consider and apply the Principles of Interaction Design to their work pattern within the design process?
Discuss
{ PRINCIPLES OF INTERACTION DESIGN }
5
WHY USE PRINCIPLES OF INTERACTION DESIGN?
Design Principles can help guide a designer though the design pro-cess. CHANNELLING creative thinking, and can be used to self eval-uate and critique design concepts.
““
Channel
{ PRINCIPLES OF INTERACTION DESIGN }
6
WHY USE PRINCIPLES OF INTERACTION DESIGN?
Facilitating YOU (the student) to become a more productive and ef-fective designer and helping you focus on the key features of an effective design.
“ “
Productivity
{ PRINCIPLES OF INTERACTION DESIGN }
7
WHY USE PRINCIPLES OF INTERACTION DESIGN?
All the Design principles interact in complex ways, often effecting and conflicting with each other, but helping focus the designer to features of effective design.
“ “
Interact
note:
{ PRINCIPLES OF INTERACTION DESIGN }
8
Before considering which principles of Interaction Design to apply. You should first consider three
main influences
{ PRINCIPLES OF INTERACTION DESIGN }
9
CONSIDERATIONS OF INTERACTIVE DESIGN
TASK(S) AND CONTExT
What TASK do you require your target demographic to preform, and in what environment ?
Scenario“ “
{ PRINCIPLES OF INTERACTION DESIGN }
10
CONSIDERATIONS OF INTERACTIVE DESIGN
TARGET MARKET
Who is your target demographic ?
Personia“ “
{ PRINCIPLES OF INTERACTION DESIGN }
11
CONSIDERATIONS OF INTERACTIVE DESIGN
TECHNOLOGIES
What technology do you have at your disposal ?
Construct application
“ “
{ PRINCIPLES OF INTERACTION DESIGN }
12
There are two over arching principles:
ComprehensibilityLearnability“ “
{ PRINCIPLES OF INTERACTION DESIGN }
13
COMPREHENSIBILITY
An interface design that is easy to COMPREHEND will be efficient and effective.
core
effective“ “
{ PRINCIPLES OF INTERACTION DESIGN }
14
{ PRINCIPLES OF INTERACTION DESIGN }
COMPREHENSIBILITY
A design’s comprehensibility is highly dependent on the way in which the interface COMMUNICATES ITS FUNCTIONALITY
core
communicate“ “
{ PRINCIPLES OF INTERACTION DESIGN }
15
LEARNABILITY
The learnability of a design is based on it’s compre-hensibility, IF THE USER CAN’T UNDERSTAND IT, THEY CAN’T LEARN IT.
core
understand“ “
{ PRINCIPLES OF INTERACTION DESIGN }
16
ease of access
Most people are interested in completing their tasks and do not enjoy struggling with the tools they need to use.
6 rules
ease of access sense of control securily&safely user centered
{ PRINCIPLES OF INTERACTION DESIGN }
17
VISIBILITY
Ensure functions are visible to the user, so they can see what is available and what the system is doing.
ease of access
{ PRINCIPLES OF INTERACTION DESIGN }
18
{ PRINCIPLES OF INTERACTION DESIGN }
VISIBILITY
DESIGNERS DILEMA: Show everything at once, and the result is chaos. Don’t show everything, and then information gets lost.
ease of access
Android Interface
{ PRINCIPLES OF INTERACTION DESIGN }
19
CONSISTENCY
Be consistent in the use of design features and be consistent with similar systems.
ease of access
{ PRINCIPLES OF INTERACTION DESIGN }
20consistent features
symbols typography layout colour interactions instruction
{ PRINCIPLES OF INTERACTION DESIGN }
21
FUNCTIONAL LAYERINGease of use
80/20 RULE - 20% of the functionality is used 80% of the time.
Make the most common or important functions easiest to find. Hide or reducing the prominence of infrequently used functions.
hierarchy of controls
{ PRINCIPLES OF INTERACTION DESIGN }
22hierarchy of controls
{ PRINCIPLES OF INTERACTION DESIGN }
23
SIMPLICITY
SHOW THE USER ONLY WHAT IS NECESSARY This Involves limiting the actions that can be per-formed at any one time.
ease of use
{ PRINCIPLES OF INTERACTION DESIGN }
24
By matching the sequence of steps, layout of information and termi-nology used to the prior experiences of the user, you will reduce the discomfort of learning a new system.
FAMILIARITYease of access
{ PRINCIPLES OF INTERACTION DESIGN }
25
{ PRINCIPLES OF INTERACTION DESIGN }
ease of access
Where this is not possible because the concept is distinctly different from what has gone before, try using suitable metaphors to help the user relate.
FAMILIARITY
{ PRINCIPLES OF INTERACTION DESIGN }
26
AFFORDANCE
Design your assets so that they are clear what they are for.
Affordance refers to the proper-ties assets have or are preceived to have.
ease of access
buttons are for pressing“ “
{ PRINCIPLES OF INTERACTION DESIGN }
27
sense of control3 rules
ease of access sense of control securily&safely user centered
Provide the user with a sense of been in control.
{ PRINCIPLES OF INTERACTION DESIGN }
28
NAVIGATION
Provide support to enable the user to move around the parts of the system.
sense of control
Make the steps of navigation obvious and lodgical.
{ PRINCIPLES OF INTERACTION DESIGN }
29
CONTROLsense of control
A sense of CONTROL is enhanced if there is a clear, logical map-ping between the controls and the effect they have.
Make it clear who or what is in control“ “
{ PRINCIPLES OF INTERACTION DESIGN }
30
FEEDBACK
Feedback from the system to the users, so they know what effect their action have had.
CONSTANT AND CONSISTENT FEEDBACK WILL ENHANCE THE FEELING OF USER CONTROL
sense of control
Rapidly feedback information
{ PRINCIPLES OF INTERACTION DESIGN }
31App Builder
{ PRINCIPLES OF INTERACTION DESIGN }
32
securely & safely2 rules
ease of access sense of control securily&safely user centered
How safely and securly the users experience is.
{ PRINCIPLES OF INTERACTION DESIGN }
33
RECOVERY
Particularly from mistakes and errors. Enable this quickly and effectively.
SECURELY & SafELY
Enable recovery from actions
{ PRINCIPLES OF INTERACTION DESIGN }
34
CONSTRAINTSSECURELY & SafELY
physical“ “Restrict the possible actions that can be performed thus Helping pre-vent users from selecting incorrect options.
{ PRINCIPLES OF INTERACTION DESIGN }
35
Restrict the possible actions that can be performed thus Helping prevent users from selecting incorrect options.
cultural“ “
{ PRINCIPLES OF INTERACTION DESIGN }
CONSTRAINTSSECURELY & SafELY
{ PRINCIPLES OF INTERACTION DESIGN }
36
User Centered5 rules
ease of access sense of control securily&safely user centered
Identifing different peoples experiences and reacting to those differences.
{ PRINCIPLES OF INTERACTION DESIGN }
37
FLExIBILITYuser centered
Accommodating people with different levels of experience.
Provide people with the opportunity to change the way things look and behave so that they can personalise the system.
Allow users multiple ways of doing things
{ PRINCIPLES OF INTERACTION DESIGN }
38Photoshop interface
{ PRINCIPLES OF INTERACTION DESIGN }
39
COGNITIVE LOAD
COGNITIVE LOAD THEORY suggests that user can absorb and re-tain information effectively only if it is provided in such a way that it does not OVERLOAD their mental capacity.
Reduce the amount of load that is being placed upon the users working memory
user centered
“ “
{ PRINCIPLES OF INTERACTION DESIGN }
40
VISUAL DESIGN
visual design principles: white space, contrast, similarity, emphasis,
proximity, repetition, unity.
user centered
alignment“ “
{ PRINCIPLES OF INTERACTION DESIGN }
41
CONVIVIALITYuser centered
Interactive systems should be polite, friendly and pleasent. DESIGN FOR POLITENESS
[ instant gratification ] - [ responsive ] [ trustworthy ] [ well informed ] - [ forthcoming ] - [ clarity ] - [ quality ]
{ PRINCIPLES OF INTERACTION DESIGN }
42
ENGAGEMENT
The product your designing must engage with the target demographic.
user centered
demographic
Measures the extent to which a user has a meaningful experience.
{ PRINCIPLES OF INTERACTION DESIGN }
43
ENGAGEMENT
The user should feel like they are in control of the experience at all times, they must constantly feel like they’re achieving something.
user centered
25 seconds“ “
{ PRINCIPLES OF INTERACTION DESIGN }
44
1. IDENTIFY the individual prin-ciples of interaction design that where applied, analysis and evaluate the benefits brought to the final product.
2. DISCUSS how the different principles complemented and contradicted each. Identify why certain principles were given prominence, while others were omitted.
ExERCISE
In Groups of three, select an artefact of applied interaction design:
