SLIDE 1
PAY NO ATTENTION TO THE SCREEN-BASED VISUALIZATION IDEAS IN - - PowerPoint PPT Presentation
PAY NO ATTENTION TO THE SCREEN-BASED VISUALIZATION IDEAS IN - - PowerPoint PPT Presentation
PAY NO ATTENTION TO THE SCREEN-BASED VISUALIZATION IDEAS IN PINPOINT. FIELD STUDY POSSIBLE FRAMINGS : Gunnar Forsn, Thomas Lundin, Jonas Lwgren : Project brief E L T I T : February 6, 2008 S R O To build a demonstrator that uses
SLIDE 2
SLIDE 3
SLIDE 4
FIELD STUDY
SLIDE 5
POSSIBLE FRAMINGS
SLIDE 6
T I T L E : Project brief A U T H O R S : Gunnar Forsén, Thomas Lundin, Jonas Löwgren D A T E : February 6, 2008 R E V I S I O N : 1
AIM OF THE PROJECT
To build a demonstrator that uses innovative visualization techniques to support knowledge workers in locating information related to co-workers.
DEFINITIONS
A demonstrator is a partially functioning prototype, focused on communicating interac- tion design decisions pertaining to user services and interaction techniques. Moreover, the demonstrator is designed and constructed for use testing. Innovative visualization techniques can refer to techniques that are new in relation to what would be normal design choices in IKEA IT and similar companies, or techniques that are in- novative in the sense of not being previously published in the interaction design community,
- r both.
The term knowledge workers refers to users who spend a significant amount of their work
- n information acquisition, management and communication.
SLIDE 7
EXISTING APPROACHES
SLIDE 8
EXISTING APPROACHES
SLIDE 9
SKETCHES
SLIDE 10
SKETCHES
SLIDE 11
SKETCHES
qwertyuio pasd hjklzxcvbnm f dahsjdk asjhkjwkj dkjassfhsdjk skjdhfkjashdfljashd hfsdfuoisudf fdsfsk hfkjhfjkshafoi uruhfjsdhnvnoaseropfsf fhsjhdfaskldfjaksj sjhdfaskldfjaksjflkjasd fjlsk jfosfjsk sakjflsajxxaaaQQkas fas SDADDE dnxckjerlelgkbvsmvad jo jsd asdasd aeeql nx jvl ddaas sdjfj jasjdhahahdkk lsjgm n an gqw ertyuiopasd ghjkzcvbnm f dahsjdk asjhkjwkj dkjassfhsdjk skjdhfkjashdfljashd hfsdfuoisudf fdsfsk hfkjhfjkshafoi uruhfjsdhnvnoaseropfsf fhsjhdfaskldfjaksj sjhdfaskld j aksjflkjasd fjlsk j fosfjsk sakjflsaj f l as fas SDADDD dnxckjerlelgkbvsmvad jo jsd asdasd aeeql nx jvl ddaas sdjfj jasjdhahahdkk lsjgm n anfg qwertyuiopasdfghjkl zxcvbnm fdahsjdk asjhkjwkj dkjassfhsdjk skjdhfk lsjgm n anfg qwertyu
- pasdfghjklzxcvbnm f dahsjdk asjhkjwkj
dkjassfh s d jk skjdhfkjashdfljashd hfsdfuoisu fdsfsk hfkjhfjkshafoi uruhfjsdhnvnoaseropfsf fhsjhdfa kldf jaksj sjhdfaskldfj aksjflkjasd fjlsk j fosfjsk sak jflsajd lkas fas SDADDD dnxckjerlelgkbvsmvad jo jsd asdasd aeeql nx jvl ddaas sdjfj jasjdh ahahdkk lsjgm n anfg
SLIDE 12
SKETCHES
SLIDE 13
SYNTHESIS
THOMAS
user experience
GUNNAR STEPH ÅSA TIM EVA
1
THOMAS
BEGREPPSKARTA
usability testing quality usability prototype interaction design interface user experience user testing usability testing quality usability prototype interaction design interface user experience user testing usability testing quality usability prototype interaction design interface user testing usability testing quality usability prototype interaction design interface user experience user testing
2 3 4
GUNNAR STEPH ÅSA TIM EVA THOMAS TIM NIKLAS ÅSA YANG
KUBEN 1+2
komm:
- rg:
ÅSA GUNNAR YANG STEPH EVA TIM
komm:
- rg:
ÅSA GUNNAR YANG STEPH EVA TIM
komm:
- rg:
ÅSA GUNNAR YANG STEPH EVA TIM
komm:
- rg:
ÅSA GUNNAR YANG STEPH EVA TIM
2b 2a 1 3
ämne komm
- rg:
GUNNAR EVA ÅSA TIM STEPH YANG NIKLAS
ämne komm
- rg:
GUNNAR EVA ÅSA TIM STEPH YANG NIKLAS
ämne komm
- rg:
GUNNAR EVA ÅSA TIM STEPH YANG NIKLAS
KUBEN 2+1
Y A N G N I K L A S T I M G U N N A R T H O M A S i n t e r a c t i
- n
d e s i g n m i l e s t
- n
e p r
- c
e s s m e t r i c s p r
- t
- t
y p e q u a l i t y s i x s i g m a t
- l
l g a t e u s a b i l i t y u s a b i l i t y t e s t i n g u s e r e x p e r i e n c e u s e r t e s t i n g S T E P H Y A N G N I K L A S T I M G U N N A R T H O M A S E V A Å S A i n t e r a c t i
- n
d e s i g n m i l e s t
- n
e p r
- c
e s s m e t r i c s p r
- t
- t
y p e q u a l i t y s i x s i g m a t
- l
l g a t e u s a b i l i t y u s a b i l i t y t e s t i n g u s e r e x p e r i e n c e u s e r t e s t i n g K L A S S T E P H Y A N G N I K L A S T I M G U N N A R T H O M A S E V A Å S A i n t e r a c t i
- n
d e s i g n m i l e s t
- n
e p r
- c
e s s m e t r i c s p r
- t
- t
y p e q u a l i t y s i x s i g m a t
- l
l g a t e u s a b i l i t y u s a b i l i t y t e s t i n g u s e r e x p e r i e n c e u s e r t e s t i n g K L A S
2b 2a
SOCIALT NÄTVERK
SLIDE 14
INTERLUDE: ALTERNATIVE SKETCHING TECHNIQUES FOR CONCEPT DEVELOPMENT
SLIDE 15
BASIC STORYBOARD
SLIDE 16
CUTOUT STORYBOARD
SLIDE 17
MOCKUP ENACTMENT
SLIDE 18
WIZARD OF OZ
SLIDE 19
ENVISIONMENT
SLIDE 20
AND NOW: BACK TO THE MAIN TRACK
SLIDE 21
SLIDE 22
INTERFACE DRAWINGS
SLIDE 23
LAYOUT ALGORITHM SKETCH
SLIDE 24
INTERACTION DEMO first Flash port
SLIDE 25
INTERACTION DEMO info card comm links tag filter back/forward
SLIDE 26
INTERACTION DEMO search wall proportions
SLIDE 27
INTERACTION DEMO mouseover tooltips visual cleaning
SLIDE 28
INTERLUDE (AGAIN): ALTERNATIVE SKETCHING TECHNIQUES FOR DETAILING
SLIDE 29
DRAWING AND STORYBOARDS
SLIDE 30
DRAWING AND STORYBOARDS
SLIDE 31
DRAWING AND STORYBOARDS
SLIDE 32
BRICOLAGE
SLIDE 33
CUTOUT ANIMATION
SLIDE 34
SLIDE 35
BACK FOR THE LAST MILESTONE: ELABORATION
SLIDE 36
snapshots timeline history
SLIDE 37
»PROBLEM« AND »SOLUTION« IN PARALLEL
SLIDE 38
»PROBLEM« AND »SOLUTION« IN PARALLEL TECHNICAL, INSTRUMENTAL, AESTHETIC AND ETHICAL
SLIDE 39
»PROBLEM« AND »SOLUTION« IN PARALLEL TECHNICAL, INSTRUMENTAL, AESTHETIC AND ETHICAL SKETCHING TO THINK, COMMUNICATE (AND PERSUADE)
SLIDE 40
HEAVY AND SLOW DETAILING POOR COVERAGE OF EMERGENT SOCIAL ISSUES
SLIDE 41
INTERACTION DESIGN IN RELATION TO S.D. the role of the interaction designer
SLIDE 42
INTERACTION DESIGN IN RELATION TO S.D. development models
SLIDE 43
INTERACTION DESIGN IN RELATION TO S.D. consumer focus
SLIDE 44
SUMMARY: THE INTERACTION DESIGN PROCESS exploring »problems« and »solutions« the usable, the useful and the desirable sketching to think and to communicate
SLIDE 45