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

CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10uasjlagroup
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptMaryamAfzal41
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改yuu sss
 
306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social MediaD SSS
 
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryDesign Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryWilliamVickery6
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一Fi L
 
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)jennyeacort
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxmapanig881
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree ttt fff
 
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Yantram Animation Studio Corporation
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case StudySophia Viganò
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造kbdhl05e
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Nightssuser7cb4ff
 
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
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCRdollysharma2066
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,Aginakm1
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubaikojalkojal131
 

Recently uploaded (20)

CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis ppt
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
 
306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media
 
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryDesign Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William Vickery
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
 
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
 
Call Girls in Pratap Nagar, 9953056974 Escort Service
Call Girls in Pratap Nagar,  9953056974 Escort ServiceCall Girls in Pratap Nagar,  9953056974 Escort Service
Call Girls in Pratap Nagar, 9953056974 Escort Service
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case Study
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
 
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...
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
 
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
 

Design and Interaction Design