Form
Function
Designing for
Class
Interaction
11 Nov 2012
Noel Perlas
Noel Perlas
1
Interaction Bill Verplank
Form
Function
Class
How do you...
...feel
cool
map
hot
11 Nov 2012
...know
path handle
Noel Perlas
button
... d o
2
Form
Function
Class
Noel Perlas
Xavier School
11 Nov 2012
HS
Ateneo de Manila
AB Interdisciplinary Studies
Interaction Design Institute Ivrea
MA Interaction Design
Noel Perlas
3
Noel Perlas
Form
Function
About Me
Class
11 Nov 2012
Noel Perlas
Philippines: Microsoft
First Philippines website for the multinational company
4
Noel Perlas
Form
Function
About Me
Class
11 Nov 2012
Noel Perlas
Philippines: Globe Telecom
First unified properties website for Globe
5
Noel Perlas
Form
Function
About Me
Class
11 Nov 2012
Noel Perlas
Singapore: k2interactive
Exploring broadband web-services/apps
6
Noel Perlas
Form
Function
About Me
Class
11 Nov 2012
Noel Perlas
Italy: Interaction Design Institute Ivrea
Interaction Design
7
Noel Perlas
Form
Function
About Me
Class
11 Nov 2012
Noel Perlas
Italy: Interaction Design Institute Ivrea
Audiograffiti
8
Noel Perlas
Form
Function
About Me
Class
11 Nov 2012
Noel Perlas
Italy: Interaction Design Institute Ivrea
Audiograffiti
9
Noel Perlas
Form
Function
About Me
Class
11 Nov 2012
Noel Perlas
Italy: Interaction Design Institute Ivrea
Audiograffiti in Salone del Mobile
10
Noel Perlas
Form
Function
About Me
Class
11 Nov 2012
Noel Perlas
Germany: Designafairs Munich
Interface Design
11
Noel Perlas
Form
Function
About Me
Class
11 Nov 2012
Noel Perlas
Germany: Designafairs Munich
Siemens Gigaset Cordless Phone Styleguide
12
Noel Perlas
Form
Function
About Me
Class
11 Nov 2012
Noel Perlas
Philippines: ABS-CBN Interactive
Tantra MMORPG
13
Noel Perlas
Form
Function
About Me
Class
11 Nov 2012
Noel Perlas
Philippines: Novare Technologies
Blogstar.com - Updates and Content from your favorite stars
14
Noel Perlas
Form
Function
About Me
Class
11 Nov 2012
Noel Perlas
Philippines: Novare Technologies
BB apps way before iOS apps
15
Noel Perlas
Form
Function
About Me
Class
11 Nov 2012
Noel Perlas
Philippines: Lowe and Partners
Creative Technology
16
Noel Perlas
Form
Function
About Me
Class
11 Nov 2012
Noel Perlas
Lowe and Partners
FEU Website & Web enrollment interface
17
Noel Perlas
Form
Function
About Me
Class
11 Nov 2012
Noel Perlas
Lowe and Partners
Airphil Express website and booking
18
Form
Function
Growth of
Class
Technology &
Growth of
Promised
Functionality
11 Nov 2012
1920 2020
Noel Perlas
because Mooreʼs Law is
more relevant than ever...
34
Form
Function
Class
Growth of
Human
Capability
11 Nov 2012
1920 2020
Noel Perlas
while the human law
stays the same.
35
Form Self-reported
Function
Class
FOCUS GROUPS SURVEYS
INTERVIEWS
CARD SORTING
Direct Indirect
11 Nov 2012
DIARIES/JOURNALS
ETHNOGRAPHIC RESEARCH SITE LOGS
FIELD REPORT STATISTICS
ACTIVITY ANALYSIS FEEDBACK FORMS
Noel Perlas
Observed
39
Form Self-reported
Function
Class
FOCUS GROUPS SURVEYS
INTERVIEWS
CARD SORTING
Direct Indirect
11 Nov 2012
DIARIES/JOURNALS
ETHNOGRAPHIC RESEARCH SITE LOGS
FIELD REPORT STATISTICS
ACTIVITY ANALYSIS FEEDBACK FORMS
Noel Perlas
Observed
40
Form
Function
Class
11 Nov 2012
Personas Scenarios
Rich Description of: Focus on:
Behavior Product Use
Goals Frequency of Use
Noel Perlas
Needs Activities to be Done
End Results
43
Interaction
Form
Function
Class
How do you...
...feel
cool
map
hot
11 Nov 2012
...know
path handle
Noel Perlas
button
... d o
44
Form
Feedback
Function
Class
11 Nov 2012
Noel Perlas
Action - Reaction
Although this seems obvious, it is often overlooked
47
Form
Mapping
Function
Class
11 Nov 2012
1
Noel Perlas
48
Form
Mapping
Function
Class
11 Nov 2012
1 2
Noel Perlas
49
Form
Mapping
Function
Class
11 Nov 2012
1 2 3
Noel Perlas
“Handles” should map to their respective functions
50
Form
Redundancy
Function
Class
11 Nov 2012
Showing the same thing more than
once
If a signal is presented more than
Noel Perlas
once, it is more likely that it will be
understood correctly.
51
Form
Constraint
Function
Class
11 Nov 2012
Noel Perlas
Limiting what your users can do to the barest minimum
52
Interaction
Form
Function
Class
How do you...
...feel
cool
map
hot
11 Nov 2012
...know
path handle
Noel Perlas
button
... d o
53