SlideShare a Scribd company logo
1 of 33
Story Telling and Interaction Design “A [good] story is worth a thousand pictures.” (Gershon & Page 2001) Words are more timely, cheap, and quick to produce. Stories help to discover, it is the discursive element wherein the insights are found and where the value lies. Sketch: invite, suggest and question Scenerio: tell, show, explain and try to convince
Playing with Words “Without play, imagintion dies” Challenges to imagination are the keys to creativity. The skill of retrieving imagination resides in the mastery of play. Possibility incubates creativity. Best ideas consistently come from verbal playing around with thoughtstriggered during conversations with others.
Stories... ,[object Object]
have an informality that is well suited to the lack of certainty that characterizes muchdesign-related knowledge. (Erickson 1996; p.35) “Through their memorability and retelling; they provide a means whereby your audience itself becomes an effective conduit for  spreading the debate and understanding reflected in your tale. In short, they are a form  of “viral marketing” for design ideas.”
Role-playing Stories can be theatrical-another kind of play. Interaction is about roles and their changing relationships; ,[object Object]
 Role of ProductRole of the Product Personal Analogies; “The designer imagines what it would be like to use one’s body to produce the effect that is being sought, e.g. what would it feel like to be a helicopter blade, what forces would act on mefrom the air and from the hub; what would it feel like to be a bed?” (Jones 1992; p. 279)
Role of User; the intent is not to test a product, but to use role playing to understand the experience that it engenders. Black Like Me, by John Howard Griffin (1961) Disguised: A True Story(Moore & Conn 1985) The experience is not real of course, but it was a taste; It was insights, which were more meaningful and and helpful than any other ways Role playing; ,[object Object]
 recognise the limitations of the product or user,[object Object]
Asleep on the Job the particular concern; showing respect for the moral order of the home. That is, the home has certain social, cultural and behavioural conventions that distinguish it from school, the supermarket, or the office. being garbed violates the moral order of the workplace;  so, why is populating the home with technology designed for the office any more acceptable than wearing pajamas(which are perfectly acceptable at home) at the office?
the DVD package which opens like a regular clam-shell laptop. “What the plot revealed was that this seemingly unrelated object was really a novel representation of a new concept for an ultra-portable computer.”
Traditional sketching has an important place in experience design—they are just not sufficient. Quick sketches with more visual story telling helps to menage and get your  ideas down. Trace-like sketches are just so incongruous in that visual context. They catch your eye, and despite thedetail being in the photo, your eye is drawn to the sketch.
“Conventional sketching has an important place in interaction design.Even those without a greatdeal of natural talent can improve their drawing skills with practice.There are a range of techniques and technologies that can be used to create images that servesketch-like purposes. The limiting factor is your imagination, not technology ortechnique. There is always a way toexpress an idea appropriately within your means.” “The main drawback of conventional sketching has to do with its limitations in capturing time, dynamics, phrasing—thetemporal things that lie at the heart of experience.”
Hybrid Photo-Graphic Composition: Abit of tracing and drawing can enable a well-crafted photograph to serve as a sketch.
Sequencing Images Sketches of PDA Agenda Screens comic strip type, multiple images to portray the state of the display as one goes through a particular sequence of transactions. state transition diagram, which can be usedto make a kind of map of the displays in an interface.
[object Object]
 Designer can perform a number of different approaches to the design, in terms ofgraphicalstyle, functionality,and the flow of the interaction. ,[object Object],realistic drawings can trick the designer as they could easily be mistaken for the real thing.
Storyboard of a pervasiveelectronic game. They capture more the spiritof the play than the details of the technology design. Storyboardtechniques can be used explore, brainstorm, capture, and communicate ideas about use and experience.
Transitions and use of arrows These figurestell us about the state, but almost nothing about the transition;                           where is the getting back and forth between home and work? usage of the arrows in storyboards; it shows you who or what is moving in the frame and where. But it also has the power to graphicallycommunicate the nature of the movement itself: fast/slow, accelerating or slowing down, smooth orwobbly, and so on. All these types of properties can be captured in how the arrows are drawn, at leastwhen drawn by someone with appropriate technique.
it is an evacuation process thatis being designed, not just an airplane door...
“Why not just use video or animation to capture thedynamics? After all, are not still images, storyboards, and comic book techniques a poor substitutefor this aspect of the interface?” It is faster, cheaper, and enables the designer toexplore more alternatives in a given (limited) amount of time. Hanged on a wall or placed on a table;it can be absorbed in a glance, and compared, side-by-side, with other alternatives. Video can’tdo this. But then, video can do things that storyboards can’t. Each has its place.
The distinction between traditional product design andinteraction design;  the importance of considering the role that time and behaviorhave in shaping the overall experience.
Animated gifcan be done easily to show short animated sequences.
Mixture of techniques; The range of materials that can be used can be far richer, and can includephotographs, paper cut-outs, or some combination of these.
picture-driven-animation; Instead of drawing individual frames, using the notion of usinghand-drawn lines to define bothobjects that were seen, and motion paths along which those objects would move. In the background, only partiallyvisible, is a representation of a virtual map of western Canada. Above that there is a drawing of a hand holding a small PDA, on whose screen a portion of the map is clearlyvisible. Finally, there is some hand-written text explaining things.
Shooting with the mime:  Projecting the animated sketch on a surface, then have a person mime along with the animation playback.If the mime is good, it will appear to the viewer of the video that the person is actually controlling the system. Playing with Lego bricks: the purpose is to explore the concept of “graspable” or “tangible” user interfaces. (Director) Realizing the video sketch is relatively simple. It is fast, inexpensive, extremely effective, and enablesthe designer towork through a number of scenarios. And significantly, it does not involve writing a line of code.
Wizard of Oz Remote Cursor Control The scenario was to make a video sketch of a large wall-mounted display whosecursor could be manipulated by pointing with one’s hand, and whose cursor size would automatically grow as the operator moved further away from the screen, thereby always remaining visible.

More Related Content

What's hot

Infographics And The Brain
Infographics And The BrainInfographics And The Brain
Infographics And The Braingonzoin
 
Creating Clarity 3.0: How to Design Great Visual Communication
Creating Clarity 3.0: How to Design Great Visual CommunicationCreating Clarity 3.0: How to Design Great Visual Communication
Creating Clarity 3.0: How to Design Great Visual CommunicationBarry Casey
 
Critical Thinking forUX Designers (Workshop)
Critical Thinking forUX Designers (Workshop)Critical Thinking forUX Designers (Workshop)
Critical Thinking forUX Designers (Workshop)Stephen Anderson
 
From Print to Digital Design
From Print to Digital DesignFrom Print to Digital Design
From Print to Digital DesignAndrew Duck
 
Delivery to Discovery
Delivery to DiscoveryDelivery to Discovery
Delivery to DiscoveryPaul Walk
 
Ethics for senior portraits
Ethics for senior portraitsEthics for senior portraits
Ethics for senior portraitsFran McKain
 
Design portfolio - Bert Vuylsteke
Design portfolio - Bert VuylstekeDesign portfolio - Bert Vuylsteke
Design portfolio - Bert VuylstekeBert Vuylsteke
 
The Imagineering Model: What Disney Theme Parks Can Teach Us About Instructio...
The Imagineering Model: What Disney Theme Parks Can Teach Us About Instructio...The Imagineering Model: What Disney Theme Parks Can Teach Us About Instructio...
The Imagineering Model: What Disney Theme Parks Can Teach Us About Instructio...Lou Prosperi
 
How to make your first UX comic (UXScotland)
How to make your first UX comic (UXScotland)How to make your first UX comic (UXScotland)
How to make your first UX comic (UXScotland)Bonny Colville-Hyde
 
Disneyland Then, Now, and Forever: What Disney Parks Can Teach Us About Techn...
Disneyland Then, Now, and Forever: What Disney Parks Can Teach Us About Techn...Disneyland Then, Now, and Forever: What Disney Parks Can Teach Us About Techn...
Disneyland Then, Now, and Forever: What Disney Parks Can Teach Us About Techn...Lou Prosperi
 
Art dept communication
Art dept communicationArt dept communication
Art dept communicationWildfireeffect
 

What's hot (15)

Infographics And The Brain
Infographics And The BrainInfographics And The Brain
Infographics And The Brain
 
Creating Clarity 3.0: How to Design Great Visual Communication
Creating Clarity 3.0: How to Design Great Visual CommunicationCreating Clarity 3.0: How to Design Great Visual Communication
Creating Clarity 3.0: How to Design Great Visual Communication
 
Design doc
Design docDesign doc
Design doc
 
Critical Thinking forUX Designers (Workshop)
Critical Thinking forUX Designers (Workshop)Critical Thinking forUX Designers (Workshop)
Critical Thinking forUX Designers (Workshop)
 
From Print to Digital Design
From Print to Digital DesignFrom Print to Digital Design
From Print to Digital Design
 
Delivery to Discovery
Delivery to DiscoveryDelivery to Discovery
Delivery to Discovery
 
Kick Ass Stylin' Tips
Kick Ass Stylin' TipsKick Ass Stylin' Tips
Kick Ass Stylin' Tips
 
Ethics for senior portraits
Ethics for senior portraitsEthics for senior portraits
Ethics for senior portraits
 
Design portfolio - Bert Vuylsteke
Design portfolio - Bert VuylstekeDesign portfolio - Bert Vuylsteke
Design portfolio - Bert Vuylsteke
 
Estudo 3D
Estudo 3DEstudo 3D
Estudo 3D
 
Archaeological Game Genres, Mechanics
Archaeological Game Genres, MechanicsArchaeological Game Genres, Mechanics
Archaeological Game Genres, Mechanics
 
The Imagineering Model: What Disney Theme Parks Can Teach Us About Instructio...
The Imagineering Model: What Disney Theme Parks Can Teach Us About Instructio...The Imagineering Model: What Disney Theme Parks Can Teach Us About Instructio...
The Imagineering Model: What Disney Theme Parks Can Teach Us About Instructio...
 
How to make your first UX comic (UXScotland)
How to make your first UX comic (UXScotland)How to make your first UX comic (UXScotland)
How to make your first UX comic (UXScotland)
 
Disneyland Then, Now, and Forever: What Disney Parks Can Teach Us About Techn...
Disneyland Then, Now, and Forever: What Disney Parks Can Teach Us About Techn...Disneyland Then, Now, and Forever: What Disney Parks Can Teach Us About Techn...
Disneyland Then, Now, and Forever: What Disney Parks Can Teach Us About Techn...
 
Art dept communication
Art dept communicationArt dept communication
Art dept communication
 

Viewers also liked

Draw the Line: Better UX With Sketching
Draw the Line: Better UX With SketchingDraw the Line: Better UX With Sketching
Draw the Line: Better UX With SketchingDeb Aoki
 
Simple Sketching for Innovation
Simple Sketching for InnovationSimple Sketching for Innovation
Simple Sketching for InnovationDeb Aoki
 
Notes from the how-to video series
Notes from the how-to video seriesNotes from the how-to video series
Notes from the how-to video seriesjrihnna
 
New Business Models in the Digital Ecosystem
New Business Models in the Digital EcosystemNew Business Models in the Digital Ecosystem
New Business Models in the Digital EcosystemNUS-ISS
 
Design Thinking: User Empathy
Design Thinking: User EmpathyDesign Thinking: User Empathy
Design Thinking: User EmpathyWayne Pau
 
Ecosystems and Digital Business Models
Ecosystems and Digital Business ModelsEcosystems and Digital Business Models
Ecosystems and Digital Business ModelsSlashData
 
Business Ecosystem Design
Business Ecosystem DesignBusiness Ecosystem Design
Business Ecosystem DesignJan Schmiedgen
 

Viewers also liked (8)

Draw the Line: Better UX With Sketching
Draw the Line: Better UX With SketchingDraw the Line: Better UX With Sketching
Draw the Line: Better UX With Sketching
 
Ecosystem Design
Ecosystem DesignEcosystem Design
Ecosystem Design
 
Simple Sketching for Innovation
Simple Sketching for InnovationSimple Sketching for Innovation
Simple Sketching for Innovation
 
Notes from the how-to video series
Notes from the how-to video seriesNotes from the how-to video series
Notes from the how-to video series
 
New Business Models in the Digital Ecosystem
New Business Models in the Digital EcosystemNew Business Models in the Digital Ecosystem
New Business Models in the Digital Ecosystem
 
Design Thinking: User Empathy
Design Thinking: User EmpathyDesign Thinking: User Empathy
Design Thinking: User Empathy
 
Ecosystems and Digital Business Models
Ecosystems and Digital Business ModelsEcosystems and Digital Business Models
Ecosystems and Digital Business Models
 
Business Ecosystem Design
Business Ecosystem DesignBusiness Ecosystem Design
Business Ecosystem Design
 

Similar to Sketching user experiences: Getting the design right and the right design

Ixd15 egoodman
Ixd15 egoodmanIxd15 egoodman
Ixd15 egoodmanegoodman
 
Kalan Ray (Magnopus): Bringing the Land of the Dead to Life: The Making of Co...
Kalan Ray (Magnopus): Bringing the Land of the Dead to Life: The Making of Co...Kalan Ray (Magnopus): Bringing the Land of the Dead to Life: The Making of Co...
Kalan Ray (Magnopus): Bringing the Land of the Dead to Life: The Making of Co...AugmentedWorldExpo
 
Interaction as a Material
Interaction as a MaterialInteraction as a Material
Interaction as a MaterialDan Saffer
 
Storyboarding for interaction design
Storyboarding for interaction designStoryboarding for interaction design
Storyboarding for interaction designLorna Howes
 
Saiful hidayat : Teknik Elektro Universitas Brawijaya Malang : being creativ...
Saiful hidayat : Teknik Elektro Universitas Brawijaya Malang :  being creativ...Saiful hidayat : Teknik Elektro Universitas Brawijaya Malang :  being creativ...
Saiful hidayat : Teknik Elektro Universitas Brawijaya Malang : being creativ...Saiful Hidayat
 
Multivariant Narratives
Multivariant NarrativesMultivariant Narratives
Multivariant Narrativesnickbarkl007
 
How Print Design is the Future of Interaction
How Print Design is the Future of InteractionHow Print Design is the Future of Interaction
How Print Design is the Future of InteractionMike Kruzeniski
 
LASTconf 2018 - System Mapping: Discover, Communicate and Explore the Real Co...
LASTconf 2018 - System Mapping: Discover, Communicate and Explore the Real Co...LASTconf 2018 - System Mapping: Discover, Communicate and Explore the Real Co...
LASTconf 2018 - System Mapping: Discover, Communicate and Explore the Real Co...Colin Panisset
 
Touchpoint 2012 Symposium on Interaction Design: Notes
Touchpoint 2012 Symposium on Interaction Design: NotesTouchpoint 2012 Symposium on Interaction Design: Notes
Touchpoint 2012 Symposium on Interaction Design: NotesVisnja Milidragovic
 
Sketching user experiences
Sketching user experiencesSketching user experiences
Sketching user experiencesMerve Sarışın
 
John P Garcia Final Paper
John P Garcia Final PaperJohn P Garcia Final Paper
John P Garcia Final PaperJohn Garcia
 
Presentation when ideas take form
Presentation when ideas take formPresentation when ideas take form
Presentation when ideas take formJules Spanou
 
UX LX in short...
UX LX in short...UX LX in short...
UX LX in short...pubsmith
 
Prototypes, Prototypes, Prototypes
Prototypes, Prototypes, PrototypesPrototypes, Prototypes, Prototypes
Prototypes, Prototypes, PrototypesShane Morris
 

Similar to Sketching user experiences: Getting the design right and the right design (20)

Document1-2-2
Document1-2-2Document1-2-2
Document1-2-2
 
Minimal Displays or Breaking the Pixel Spell
Minimal Displays or Breaking the Pixel SpellMinimal Displays or Breaking the Pixel Spell
Minimal Displays or Breaking the Pixel Spell
 
Applied and persuasive: playful learning
Applied and persuasive: playful learningApplied and persuasive: playful learning
Applied and persuasive: playful learning
 
Ixd15 egoodman
Ixd15 egoodmanIxd15 egoodman
Ixd15 egoodman
 
Kalan Ray (Magnopus): Bringing the Land of the Dead to Life: The Making of Co...
Kalan Ray (Magnopus): Bringing the Land of the Dead to Life: The Making of Co...Kalan Ray (Magnopus): Bringing the Land of the Dead to Life: The Making of Co...
Kalan Ray (Magnopus): Bringing the Land of the Dead to Life: The Making of Co...
 
Interaction as a Material
Interaction as a MaterialInteraction as a Material
Interaction as a Material
 
Storyboarding for interaction design
Storyboarding for interaction designStoryboarding for interaction design
Storyboarding for interaction design
 
Datavisualisation & Stories
Datavisualisation & StoriesDatavisualisation & Stories
Datavisualisation & Stories
 
Saiful hidayat : Teknik Elektro Universitas Brawijaya Malang : being creativ...
Saiful hidayat : Teknik Elektro Universitas Brawijaya Malang :  being creativ...Saiful hidayat : Teknik Elektro Universitas Brawijaya Malang :  being creativ...
Saiful hidayat : Teknik Elektro Universitas Brawijaya Malang : being creativ...
 
Multivariant Narratives
Multivariant NarrativesMultivariant Narratives
Multivariant Narratives
 
How Print Design is the Future of Interaction
How Print Design is the Future of InteractionHow Print Design is the Future of Interaction
How Print Design is the Future of Interaction
 
LASTconf 2018 - System Mapping: Discover, Communicate and Explore the Real Co...
LASTconf 2018 - System Mapping: Discover, Communicate and Explore the Real Co...LASTconf 2018 - System Mapping: Discover, Communicate and Explore the Real Co...
LASTconf 2018 - System Mapping: Discover, Communicate and Explore the Real Co...
 
Touchpoint 2012 Symposium on Interaction Design: Notes
Touchpoint 2012 Symposium on Interaction Design: NotesTouchpoint 2012 Symposium on Interaction Design: Notes
Touchpoint 2012 Symposium on Interaction Design: Notes
 
Communicating UX
Communicating UXCommunicating UX
Communicating UX
 
Sketching user experiences
Sketching user experiencesSketching user experiences
Sketching user experiences
 
John P Garcia Final Paper
John P Garcia Final PaperJohn P Garcia Final Paper
John P Garcia Final Paper
 
Presentation when ideas take form
Presentation when ideas take formPresentation when ideas take form
Presentation when ideas take form
 
UX LX in short...
UX LX in short...UX LX in short...
UX LX in short...
 
Prototypes, Prototypes, Prototypes
Prototypes, Prototypes, PrototypesPrototypes, Prototypes, Prototypes
Prototypes, Prototypes, Prototypes
 
Use Qualities
Use QualitiesUse Qualities
Use Qualities
 

Recently uploaded

The history of music videos a level presentation
The history of music videos a level presentationThe history of music videos a level presentation
The history of music videos a level presentationamedia6
 
2-tool presenthdbdbdbdbddhdhddation.pptx
2-tool presenthdbdbdbdbddhdhddation.pptx2-tool presenthdbdbdbdbddhdhddation.pptx
2-tool presenthdbdbdbdbddhdhddation.pptxsuhanimunjal27
 
Stark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptxStark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptxjeswinjees
 
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts ServiceVVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Servicearoranaina404
 
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...kumaririma588
 
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated  Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...Top Rated  Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...Call Girls in Nagpur High Profile
 
Pastel Portfolio _ by Slidesgo.pptx. Xxx
Pastel Portfolio _ by Slidesgo.pptx. XxxPastel Portfolio _ by Slidesgo.pptx. Xxx
Pastel Portfolio _ by Slidesgo.pptx. XxxSegundoManuelFaichin1
 
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfChapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfParomita Roy
 
DragonBall PowerPoint Template for demo.pptx
DragonBall PowerPoint Template for demo.pptxDragonBall PowerPoint Template for demo.pptx
DragonBall PowerPoint Template for demo.pptxmirandajeremy200221
 
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756dollysharma2066
 
Peaches App development presentation deck
Peaches App development presentation deckPeaches App development presentation deck
Peaches App development presentation decktbatkhuu1
 
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)amitlee9823
 
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779Delhi Call girls
 
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfThe_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfAmirYakdi
 
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...ranjana rawat
 
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779Delhi Call girls
 
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...Call Girls in Nagpur High Profile
 

Recently uploaded (20)

Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance VVIP 🍎 SER...
Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance  VVIP 🍎 SER...Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance  VVIP 🍎 SER...
Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance VVIP 🍎 SER...
 
B. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdfB. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdf
 
The history of music videos a level presentation
The history of music videos a level presentationThe history of music videos a level presentation
The history of music videos a level presentation
 
2-tool presenthdbdbdbdbddhdhddation.pptx
2-tool presenthdbdbdbdbddhdhddation.pptx2-tool presenthdbdbdbdbddhdhddation.pptx
2-tool presenthdbdbdbdbddhdhddation.pptx
 
Stark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptxStark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptx
 
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts ServiceVVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
 
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
 
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated  Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...Top Rated  Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
 
Pastel Portfolio _ by Slidesgo.pptx. Xxx
Pastel Portfolio _ by Slidesgo.pptx. XxxPastel Portfolio _ by Slidesgo.pptx. Xxx
Pastel Portfolio _ by Slidesgo.pptx. Xxx
 
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfChapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
 
DragonBall PowerPoint Template for demo.pptx
DragonBall PowerPoint Template for demo.pptxDragonBall PowerPoint Template for demo.pptx
DragonBall PowerPoint Template for demo.pptx
 
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
 
Peaches App development presentation deck
Peaches App development presentation deckPeaches App development presentation deck
Peaches App development presentation deck
 
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Serviceyoung call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
 
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
 
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
 
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfThe_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
 
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
(AISHA) Ambegaon Khurd Call Girls Just Call 7001035870 [ Cash on Delivery ] P...
 
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
 
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
 

Sketching user experiences: Getting the design right and the right design

  • 1.
  • 2.
  • 3. Story Telling and Interaction Design “A [good] story is worth a thousand pictures.” (Gershon & Page 2001) Words are more timely, cheap, and quick to produce. Stories help to discover, it is the discursive element wherein the insights are found and where the value lies. Sketch: invite, suggest and question Scenerio: tell, show, explain and try to convince
  • 4. Playing with Words “Without play, imagintion dies” Challenges to imagination are the keys to creativity. The skill of retrieving imagination resides in the mastery of play. Possibility incubates creativity. Best ideas consistently come from verbal playing around with thoughtstriggered during conversations with others.
  • 5.
  • 6. have an informality that is well suited to the lack of certainty that characterizes muchdesign-related knowledge. (Erickson 1996; p.35) “Through their memorability and retelling; they provide a means whereby your audience itself becomes an effective conduit for spreading the debate and understanding reflected in your tale. In short, they are a form of “viral marketing” for design ideas.”
  • 7.
  • 8. Role of ProductRole of the Product Personal Analogies; “The designer imagines what it would be like to use one’s body to produce the effect that is being sought, e.g. what would it feel like to be a helicopter blade, what forces would act on mefrom the air and from the hub; what would it feel like to be a bed?” (Jones 1992; p. 279)
  • 9.
  • 10.
  • 11.
  • 12.
  • 13. Asleep on the Job the particular concern; showing respect for the moral order of the home. That is, the home has certain social, cultural and behavioural conventions that distinguish it from school, the supermarket, or the office. being garbed violates the moral order of the workplace; so, why is populating the home with technology designed for the office any more acceptable than wearing pajamas(which are perfectly acceptable at home) at the office?
  • 14. the DVD package which opens like a regular clam-shell laptop. “What the plot revealed was that this seemingly unrelated object was really a novel representation of a new concept for an ultra-portable computer.”
  • 15.
  • 16. Traditional sketching has an important place in experience design—they are just not sufficient. Quick sketches with more visual story telling helps to menage and get your ideas down. Trace-like sketches are just so incongruous in that visual context. They catch your eye, and despite thedetail being in the photo, your eye is drawn to the sketch.
  • 17. “Conventional sketching has an important place in interaction design.Even those without a greatdeal of natural talent can improve their drawing skills with practice.There are a range of techniques and technologies that can be used to create images that servesketch-like purposes. The limiting factor is your imagination, not technology ortechnique. There is always a way toexpress an idea appropriately within your means.” “The main drawback of conventional sketching has to do with its limitations in capturing time, dynamics, phrasing—thetemporal things that lie at the heart of experience.”
  • 18. Hybrid Photo-Graphic Composition: Abit of tracing and drawing can enable a well-crafted photograph to serve as a sketch.
  • 19. Sequencing Images Sketches of PDA Agenda Screens comic strip type, multiple images to portray the state of the display as one goes through a particular sequence of transactions. state transition diagram, which can be usedto make a kind of map of the displays in an interface.
  • 20.
  • 21.
  • 22. Storyboard of a pervasiveelectronic game. They capture more the spiritof the play than the details of the technology design. Storyboardtechniques can be used explore, brainstorm, capture, and communicate ideas about use and experience.
  • 23. Transitions and use of arrows These figurestell us about the state, but almost nothing about the transition; where is the getting back and forth between home and work? usage of the arrows in storyboards; it shows you who or what is moving in the frame and where. But it also has the power to graphicallycommunicate the nature of the movement itself: fast/slow, accelerating or slowing down, smooth orwobbly, and so on. All these types of properties can be captured in how the arrows are drawn, at leastwhen drawn by someone with appropriate technique.
  • 24. it is an evacuation process thatis being designed, not just an airplane door...
  • 25. “Why not just use video or animation to capture thedynamics? After all, are not still images, storyboards, and comic book techniques a poor substitutefor this aspect of the interface?” It is faster, cheaper, and enables the designer toexplore more alternatives in a given (limited) amount of time. Hanged on a wall or placed on a table;it can be absorbed in a glance, and compared, side-by-side, with other alternatives. Video can’tdo this. But then, video can do things that storyboards can’t. Each has its place.
  • 26.
  • 27. The distinction between traditional product design andinteraction design; the importance of considering the role that time and behaviorhave in shaping the overall experience.
  • 28. Animated gifcan be done easily to show short animated sequences.
  • 29. Mixture of techniques; The range of materials that can be used can be far richer, and can includephotographs, paper cut-outs, or some combination of these.
  • 30. picture-driven-animation; Instead of drawing individual frames, using the notion of usinghand-drawn lines to define bothobjects that were seen, and motion paths along which those objects would move. In the background, only partiallyvisible, is a representation of a virtual map of western Canada. Above that there is a drawing of a hand holding a small PDA, on whose screen a portion of the map is clearlyvisible. Finally, there is some hand-written text explaining things.
  • 31.
  • 32. Shooting with the mime: Projecting the animated sketch on a surface, then have a person mime along with the animation playback.If the mime is good, it will appear to the viewer of the video that the person is actually controlling the system. Playing with Lego bricks: the purpose is to explore the concept of “graspable” or “tangible” user interfaces. (Director) Realizing the video sketch is relatively simple. It is fast, inexpensive, extremely effective, and enablesthe designer towork through a number of scenarios. And significantly, it does not involve writing a line of code.
  • 33. Wizard of Oz Remote Cursor Control The scenario was to make a video sketch of a large wall-mounted display whosecursor could be manipulated by pointing with one’s hand, and whose cursor size would automatically grow as the operator moved further away from the screen, thereby always remaining visible.
  • 34.
  • 35. Sketch-a-Move Project more info: http://vimeo.com/5125096
  • 36.
  • 39. SufficentRather than using an extremely skilled animator and time consuming, technology requiring techniques; an experience can be performed or presented by sketch-like video techniques. The given example enables to change paths, and try various alternatives, very quickly. And it includes sense of fun and dynamism – “play”