principles of interaction design

{ 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: