Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
DIS/PLAY04-01-2011
DIS/PLAY                                                                      04-01-2011    Classic conflict:        Usabi...
DIS/PLAY                                                                                     04-01-2011•   The mind: This ...
DIS/PLAY                              04-01-2011http://www.andelskassen.dk/Privat/Pension%20og%20forsikring/Pensionsberegn...
DIS/PLAY04-01-2011
DIS/PLAY04-01-2011
DIS/PLAY                                                            04-01-2011Engaging interaction forms adds life and rel...
DIS/PLAY                                                         04-01-2011Metaphors from the physical worldMetaphors/inte...
DIS/PLAY                                                                           04-01-2011Computer games – early 80ies ...
DIS/PLAY                                                                                         04-01-2011• A classic mea...
DIS/PLAY04-01-2011
DIS/PLAY                                      04-01-2011                  NordeaAndelskassen.dk                           ...
DIS/PLAY                                                         04-01-2011The slider has been defined as a standard input...
DIS/PLAY04-01-2011
DIS/PLAY04-01-2011
DIS/PLAY                    04-01-2011www.beolounge.com
DIS/PLAY                      04-01-2011www.businessmaan.dk
DIS/PLAY                                                        04-01-2011Even more abstract universHere all navigation el...
DIS/PLAY                                                                                                    04-01-2011The ...
DIS/PLAY                                                                           04-01-2011...or click in the right spot...
DIS/PLAY                                                                       04-01-2011Visitorville – website statistics...
DIS/PLAY                                                          04-01-2011Owes a lot to virtual worlds and video gamesFu...
DIS/PLAY                                                          04-01-2011Taking the alternative universe to an extreme ...
DIS/PLAY04-01-2011
DIS/PLAY                                                    04-01-2011http://www.youtube.com/watch?v=WCW561oVVxQ&feature=p...
DIS/PLAY04-01-2011
DIS/PLAY04-01-2011
DIS/PLAY                                                          04-01-2011Use a well known metaphorUse a metaphor becaus...
DIS/PLAY                         04-01-2011  Jacob Rasmussen   jra@dis-play.dkPhone: +45 20 62 98 42
Upcoming SlideShare
Loading in …5
×

Introducing new interaction elements

271 views

Published on

  • Be the first to comment

  • Be the first to like this

Introducing new interaction elements

  1. 1. DIS/PLAY04-01-2011
  2. 2. DIS/PLAY 04-01-2011 Classic conflict: Usability <-> experience sense <-> sensibility Playing it safe isn’t very sexy An interaction that is percieved as entertaining and engaging is more likely to make users do things, we want them to do.http://www.youtube.com/watch?v=cbEKAwCoCKw&feature=player_embedded#
  3. 3. DIS/PLAY 04-01-2011• The mind: This sounds like the right thing to do. I should start saving for my retirement• The heart: abstract, boring – I’ll have a look at it some other day
  4. 4. DIS/PLAY 04-01-2011http://www.andelskassen.dk/Privat/Pension%20og%20forsikring/Pensionsberegner.aspx
  5. 5. DIS/PLAY04-01-2011
  6. 6. DIS/PLAY04-01-2011
  7. 7. DIS/PLAY 04-01-2011Engaging interaction forms adds life and relevans tootherwise boring contentIncreases the probability that a user will perform a taskand understand the contentAssociates emotional values with the brandIsn’t that really more user friendly?
  8. 8. DIS/PLAY 04-01-2011Metaphors from the physical worldMetaphors/interaction conventions from othermedia/technologies Cellphones Radio/TV Movies Computer gamesIt is okay to mix metaphors and conventions. Users aregenerally smart enough to understandMost important of all: It must make sense to the user It must be relevant to the task at hand It must draw on a shared reference
  9. 9. DIS/PLAY 04-01-2011Computer games – early 80ies Music software – late 80ies Volume control – late 80ies
  10. 10. DIS/PLAY 04-01-2011• A classic measuring instrument is used as a metaphor• Strict interpretation of the metaphor. Physical features are copied relatively close
  11. 11. DIS/PLAY04-01-2011
  12. 12. DIS/PLAY 04-01-2011 NordeaAndelskassen.dk Nykredit
  13. 13. DIS/PLAY 04-01-2011The slider has been defined as a standard input methodin HTML 5.0: <range>Supported by multiple browsers: Safari Chrome Opera FirefoxFirst new standard input method in HTML since 1997
  14. 14. DIS/PLAY04-01-2011
  15. 15. DIS/PLAY04-01-2011
  16. 16. DIS/PLAY 04-01-2011www.beolounge.com
  17. 17. DIS/PLAY 04-01-2011www.businessmaan.dk
  18. 18. DIS/PLAY 04-01-2011Even more abstract universHere all navigation elements are replaced by icons at thebottom of the screen or clickable furniture in the mainarea.Content becomes secondaryNo use of shared references. Any idea what an officechair means = ?
  19. 19. DIS/PLAY 04-01-2011The dolls have to explain the meaning of the different interactive element in bubbles and reaggaesong......
  20. 20. DIS/PLAY 04-01-2011...or click in the right spots if we do not figure it our for ourselves.
  21. 21. DIS/PLAY 04-01-2011Visitorville – website statistics visualised as 3D city map/Simcity/www.visitorville.com
  22. 22. DIS/PLAY 04-01-2011Owes a lot to virtual worlds and video gamesFunny and charming – but does not give a real overviewWhich is why they also supply classic tables and graphs
  23. 23. DIS/PLAY 04-01-2011Taking the alternative universe to an extreme – forcingEVERY single interaction into the conceptLetting the interface become the end instead of themeansCreating something new and groundbreaking notbecause it is better, but because no one has done itbefore – there might be a reason why....
  24. 24. DIS/PLAY04-01-2011
  25. 25. DIS/PLAY 04-01-2011http://www.youtube.com/watch?v=WCW561oVVxQ&feature=player_embedded#
  26. 26. DIS/PLAY04-01-2011
  27. 27. DIS/PLAY04-01-2011
  28. 28. DIS/PLAY 04-01-2011Use a well known metaphorUse a metaphor because it makes sense for thepurpose, not just because it is fun, exciting og newThe user should always be able to anticipate what willhappen when he interacts with an elementTry to mimick behavior of a metaphor from the physicalworld as closely as possibleDo not force all interaction into a single metaphor just toget a coherent universe – like a house or a cardashboardDon’t be afraid to mix new and classic interaction formsUse your common sense – ”will this work?”
  29. 29. DIS/PLAY 04-01-2011 Jacob Rasmussen jra@dis-play.dkPhone: +45 20 62 98 42

×