SlideShare a Scribd company logo
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 Brain
gonzoin
 
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
Barry Casey
 
Design doc
Design docDesign doc
Design doc
BeccaEelbeck93
 
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 Design
Andrew Duck
 
Delivery to Discovery
Delivery to DiscoveryDelivery to Discovery
Delivery to Discovery
Paul Walk
 
Kick Ass Stylin' Tips
Kick Ass Stylin' TipsKick Ass Stylin' Tips
Ethics for senior portraits
Ethics for senior portraitsEthics for senior portraits
Ethics for senior portraits
Fran McKain
 
Design portfolio - Bert Vuylsteke
Design portfolio - Bert VuylstekeDesign portfolio - Bert Vuylsteke
Design portfolio - Bert Vuylsteke
Bert Vuylsteke
 
Archaeological Game Genres, Mechanics
Archaeological Game Genres, MechanicsArchaeological Game Genres, Mechanics
Archaeological Game Genres, Mechanics
University of South Australlia
 
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 communication
Wildfireeffect
 

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 Sketching
Deb Aoki
 
Ecosystem Design
Ecosystem DesignEcosystem Design
Ecosystem Design
Pablo Sanchez Martin
 
Simple Sketching for Innovation
Simple Sketching for InnovationSimple Sketching for Innovation
Simple Sketching for Innovation
Deb 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 Empathy
Wayne Pau
 
Ecosystems and Digital Business Models
Ecosystems and Digital Business ModelsEcosystems and Digital Business Models
Ecosystems and Digital Business Models
SlashData
 
Business Ecosystem Design
Business Ecosystem DesignBusiness Ecosystem Design
Business Ecosystem Design
Jan 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

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
School of Creative Media, City University, Hong KOng
 
Applied and persuasive: playful learning
Applied and persuasive: playful learningApplied and persuasive: playful learning
Applied and persuasive: playful learning
Museum Digital Transformation Conference
 
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 Material
Dan Saffer
 
Storyboarding for interaction design
Storyboarding for interaction designStoryboarding for interaction design
Storyboarding for interaction design
Lorna Howes
 
Datavisualisation & Stories
Datavisualisation & StoriesDatavisualisation & Stories
Datavisualisation & Stories
Small Town Heroes
 
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 Interaction
Mike 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: Notes
Visnja Milidragovic
 
Communicating UX
Communicating UXCommunicating UX
Communicating UX
Andrew Travers
 
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 form
Jules 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, Prototypes
Shane Morris
 
Use Qualities
Use QualitiesUse Qualities
Use Qualities
Sefat Chowdhury
 

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

一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
7sd8fier
 
Exploring the Future of Smart Garages.pdf
Exploring the Future of Smart Garages.pdfExploring the Future of Smart Garages.pdf
Exploring the Future of Smart Garages.pdf
fastfixgaragedoor
 
Borys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior designBorys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior design
boryssutkowski
 
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
smpc3nvg
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
7sd8fier
 
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
taqyed
 
Book Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for DesignersBook Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for Designers
Confidence Ago
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
9a93xvy
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
fabianavillanib
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
gpffo76j
 
RTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,DRTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,D
cy0krjxt
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
asuzyq
 
Expert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting ServicesExpert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting Services
ResDraft
 
projectreportnew-170307082323 nnnnnn(1).pdf
projectreportnew-170307082323 nnnnnn(1).pdfprojectreportnew-170307082323 nnnnnn(1).pdf
projectreportnew-170307082323 nnnnnn(1).pdf
farazahmadas6
 
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
ameli25062005
 
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
h7j5io0
 
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Mansi Shah
 
Research 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdfResearch 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdf
ameli25062005
 

Recently uploaded (20)

一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
 
Exploring the Future of Smart Garages.pdf
Exploring the Future of Smart Garages.pdfExploring the Future of Smart Garages.pdf
Exploring the Future of Smart Garages.pdf
 
Borys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior designBorys Sutkowski portfolio interior design
Borys Sutkowski portfolio interior design
 
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
一比一原版(Bristol毕业证书)布里斯托大学毕业证成绩单如何办理
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
 
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
 
Book Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for DesignersBook Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for Designers
 
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
一比一原版(CITY毕业证书)谢菲尔德哈勒姆大学毕业证如何办理
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
 
RTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,DRTUYUIJKLDSADAGHBDJNKSMAL,D
RTUYUIJKLDSADAGHBDJNKSMAL,D
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
 
Expert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting ServicesExpert Accessory Dwelling Unit (ADU) Drafting Services
Expert Accessory Dwelling Unit (ADU) Drafting Services
 
projectreportnew-170307082323 nnnnnn(1).pdf
projectreportnew-170307082323 nnnnnn(1).pdfprojectreportnew-170307082323 nnnnnn(1).pdf
projectreportnew-170307082323 nnnnnn(1).pdf
 
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
 
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
 
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...
 
Research 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdfResearch 20 slides Amelia gavryliuks.pdf
Research 20 slides Amelia gavryliuks.pdf
 

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”