SlideShare a Scribd company logo
1 of 52
Download to read offline
Design?IxD?
ArgankaYahya-ProductDesign@traveloka
IxDSharingSession,October2016
arganka@traveloka.com
Art&DesignRelationship
Let’s say you have a great idea.
A message or statement that you want to deliver.
You deliver the message on a medium in a certain form.
The medium can invoke various responses from the audiences.
However, the responses could be way off from your original message.
And that’s fine (at least in art)
They can keep the responses or reactions to themselves.
You are (mostly) not responsible for the responses.
[insertartpicturehere]
Selfexpression
Youare(mostly)notresponsible
1-waycommunication
ART
Design is quite different though. We have a clear intention in mind
and deliver the intention in a medium.
We hope the audiences understand the intention and the message.
Designers are responsible to make sure the right message is
delivered and understood.
Designers are responsible to make sure the responses are inline with
the intention.
The audiences can respond, creating a dialogue between designers
and audiences.
Haveclearintention
Responsibleforthemessageandtheresponse
dialogue
DESIGN
Whatdoyouwantothersto:
- Feel
- Do
- Behave
- React
- Reply
- InteractWhat are the intentions?
Themessageshouldbeunderstoodbyothers
=
Howdowe‘shape’themessage:
- Tone
- Wordchoice
- Bodylanguage
- Facialexpression
- Rhetoricdevices
->The‘interface’isnotlimitedtovisual.
However,eachresponseispersonal.
Why?Becausewe’redealingwithhuman.
Timeincommunication.
Timeindesign.
Let’s compare a conversation:
- between two strangers who just met, and
- best friends for 10 years.
What are the differences?
How much the effort spent to deliver and understand the message?
What about a conversation between a newly downloaded product?
A conversation in a long used product?
DesignProcess
Ignorethem.
Ignorethem.
Butknowthebasicfirst.
Don’t spent too much time comparing and worrying about
wide ranges of methods.
That is not the right time if we are just entered this field
(Design/IxD).
I think most methods are essentially the same.
Just pick one that you (or your mentor) think is appropriate,
understand it deeply, and get the essentials.
Only then it’s a better time to compare methods.
Figure:JonKolko
http://store.elsevier.com/Thoughts-on-Interaction-Design/Jon-Kolko/isbn-9780123809308/
It’suncertain.
Cleardesignprocessisrarelyhappened.
Seethetreeandtheforestatthesametime
Theprocessisnotlinear.
Unclearbeginningandend.
Whatcanwedo?
Understandtheprocess.
Breakthem.
Usethis->Intuition
What!?
Intuition?
Itisabalancebetween:
- Experience(casestudies,projects)
- Confidence(successes)
Embracetheambiguityanduncertainty
Becomeinnatewiththeprocess
Youaretheprocess
Youarethedesigner
You’retheonewho’sresponsibleforthemessageandresponse.
InteractionDesign
Shaperofbehavior
Whatkindof
- Feedback
- Reaction
- Feeling
- Perception
- Action
Dowewantotherstohaveordo
MANIPULATIVE?
Yes.
Remember:intention&responsibility
Weachievethisbycreatingartifacts
(a.k.a.conceptsinTraveloka)
Artifactsarejustmeanstoourintent
“InteractionDesignisthecreationof dialoguebetweenaperson
andaproduct,system,orservice.Thisdialogueis bothphysicaland
emotionalinnature andismanifestedintheinterplaybetween
form,function,andtechnologyas experiencedovertime.”
JonKolko
http://store.elsevier.com/Thoughts-on-Interaction-Design/Jon-Kolko/isbn-9780123809308/
Valuesthatweprovide
Cost/benefitanalysis
Valueproposition
Doestheuserneedstheproduct/serviceatall?
Morethanjustabusiness,solveculturalproblem
Designforinclusion->co-creation
Becomeabetterdesigner
Communication
ProductDesign
Human
understandingBusiness
Techawareness
Ganbatte!
Design?IxD?
ArgankaYahya-ProductDesign@traveloka
IxDSharingSession,October2016
arganka@traveloka.com

More Related Content

Similar to Design and Interaction Design

Media language lesson one
Media language lesson oneMedia language lesson one
Media language lesson onecigdemkalem
 
Creative Director Portfolio
Creative Director PortfolioCreative Director Portfolio
Creative Director PortfolioDr.Rajesh Nanoo
 
Visual Communications Design - a methadology
Visual Communications Design - a methadologyVisual Communications Design - a methadology
Visual Communications Design - a methadologyPaul Vickers
 
Jack Oughton - Copywriting Psychology for Artists (Darker Music Talks Novembe...
Jack Oughton - Copywriting Psychology for Artists (Darker Music Talks Novembe...Jack Oughton - Copywriting Psychology for Artists (Darker Music Talks Novembe...
Jack Oughton - Copywriting Psychology for Artists (Darker Music Talks Novembe...Tommy Darker
 
INTRO What is Graphic Design
INTRO What is Graphic DesignINTRO What is Graphic Design
INTRO What is Graphic DesignDarla Hueske
 
Design 101 ppt
Design 101 pptDesign 101 ppt
Design 101 pptcat_lot18
 
VDIS10015 Visual Communication Skills - Lecture 1
VDIS10015 Visual Communication Skills - Lecture 1VDIS10015 Visual Communication Skills - Lecture 1
VDIS10015 Visual Communication Skills - Lecture 1Virtu Institute
 
An Introduction to Design ThinkingPROCESS GUIDEWHAT is t.docx
An Introduction to Design ThinkingPROCESS GUIDEWHAT is t.docxAn Introduction to Design ThinkingPROCESS GUIDEWHAT is t.docx
An Introduction to Design ThinkingPROCESS GUIDEWHAT is t.docxgalerussel59292
 
An Introduction to Design ThinkingPROCESS GUIDEWHAT .docx
An Introduction to Design ThinkingPROCESS GUIDEWHAT .docxAn Introduction to Design ThinkingPROCESS GUIDEWHAT .docx
An Introduction to Design ThinkingPROCESS GUIDEWHAT .docxdaniahendric
 
Visual Communication
Visual CommunicationVisual Communication
Visual CommunicationArzoo Sahni
 
VISUAL THINKING AND MIND-MAPPING
VISUAL THINKING AND MIND-MAPPINGVISUAL THINKING AND MIND-MAPPING
VISUAL THINKING AND MIND-MAPPINGDisha Pawar
 
Narrative 4 design & visuals
Narrative 4   design & visualsNarrative 4   design & visuals
Narrative 4 design & visualsRahul Singh
 
D.school's design thinking process mode guide
D.school's design thinking process mode guideD.school's design thinking process mode guide
D.school's design thinking process mode guideGeoffrey Dorne
 
Introduction-to-design-thinking.pdf
Introduction-to-design-thinking.pdfIntroduction-to-design-thinking.pdf
Introduction-to-design-thinking.pdfDharam Mentor
 

Similar to Design and Interaction Design (20)

AESTHETICS
AESTHETICSAESTHETICS
AESTHETICS
 
Media language lesson one
Media language lesson oneMedia language lesson one
Media language lesson one
 
Creative Director Portfolio
Creative Director PortfolioCreative Director Portfolio
Creative Director Portfolio
 
Visual Communications Design - a methadology
Visual Communications Design - a methadologyVisual Communications Design - a methadology
Visual Communications Design - a methadology
 
Jack Oughton - Copywriting Psychology for Artists (Darker Music Talks Novembe...
Jack Oughton - Copywriting Psychology for Artists (Darker Music Talks Novembe...Jack Oughton - Copywriting Psychology for Artists (Darker Music Talks Novembe...
Jack Oughton - Copywriting Psychology for Artists (Darker Music Talks Novembe...
 
Essay2 intro
Essay2 introEssay2 intro
Essay2 intro
 
INTRO What is Graphic Design
INTRO What is Graphic DesignINTRO What is Graphic Design
INTRO What is Graphic Design
 
Andee mural
Andee muralAndee mural
Andee mural
 
Design 101 ppt
Design 101 pptDesign 101 ppt
Design 101 ppt
 
VDIS10015 Visual Communication Skills - Lecture 1
VDIS10015 Visual Communication Skills - Lecture 1VDIS10015 Visual Communication Skills - Lecture 1
VDIS10015 Visual Communication Skills - Lecture 1
 
An Introduction to Design ThinkingPROCESS GUIDEWHAT is t.docx
An Introduction to Design ThinkingPROCESS GUIDEWHAT is t.docxAn Introduction to Design ThinkingPROCESS GUIDEWHAT is t.docx
An Introduction to Design ThinkingPROCESS GUIDEWHAT is t.docx
 
An Introduction to Design ThinkingPROCESS GUIDEWHAT .docx
An Introduction to Design ThinkingPROCESS GUIDEWHAT .docxAn Introduction to Design ThinkingPROCESS GUIDEWHAT .docx
An Introduction to Design ThinkingPROCESS GUIDEWHAT .docx
 
Visual Communication
Visual CommunicationVisual Communication
Visual Communication
 
Advertising
AdvertisingAdvertising
Advertising
 
VISUAL THINKING AND MIND-MAPPING
VISUAL THINKING AND MIND-MAPPINGVISUAL THINKING AND MIND-MAPPING
VISUAL THINKING AND MIND-MAPPING
 
Ad pp everything .pptx
Ad pp everything .pptxAd pp everything .pptx
Ad pp everything .pptx
 
Narrative 4 design & visuals
Narrative 4   design & visualsNarrative 4   design & visuals
Narrative 4 design & visuals
 
D.school's design thinking process mode guide
D.school's design thinking process mode guideD.school's design thinking process mode guide
D.school's design thinking process mode guide
 
Introduction-to-design-thinking.pdf
Introduction-to-design-thinking.pdfIntroduction-to-design-thinking.pdf
Introduction-to-design-thinking.pdf
 
Design Ethics
Design EthicsDesign Ethics
Design Ethics
 

Recently uploaded

cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptMaryamAfzal41
 
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Associazione Digital Days
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...Rishabh Aryan
 
Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks CharlottePulte
 
guest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssguest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssNadaMohammed714321
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfAayushChavan5
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfLucyBonelli
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptJIT KUMAR GUPTA
 
Color Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioColor Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioThink360 Studio
 
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppKarim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppNadaMohammed714321
 
Pearl Disrtrict urban analyusis study pptx
Pearl Disrtrict urban analyusis study pptxPearl Disrtrict urban analyusis study pptx
Pearl Disrtrict urban analyusis study pptxDanielTamiru4
 
Niintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxNiintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxKevinYaelJimnezSanti
 
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - MorgenboosterAI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster1508 A/S
 
world health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbworld health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbpreetirao780
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书zdzoqco
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIyuj
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioRMG Project Studio
 
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxUnit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxNitish292041
 
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssNadaMohammed714321
 
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道yrolcks
 

Recently uploaded (20)

cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis ppt
 
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
 
Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks
 
guest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssguest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssss
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdf
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
 
Color Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioColor Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 Studio
 
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppKarim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 ppppppppppppppp
 
Pearl Disrtrict urban analyusis study pptx
Pearl Disrtrict urban analyusis study pptxPearl Disrtrict urban analyusis study pptx
Pearl Disrtrict urban analyusis study pptx
 
Niintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxNiintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptx
 
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - MorgenboosterAI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
 
world health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbworld health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbb
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AI
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project Studio
 
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxUnit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
 
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssss
 
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
 

Design and Interaction Design