It Shouldnt Work that WayOr maybe It should… It’s all about affordances
2About Me           Hoang C. Huynh            Front-end   Specialist            Freelance   Information Architect         ...
3Where We Are Talking About
4It Shouldnt Work that Way  @ Mercedes-Benz
5It Shouldnt Work that Way                             WE USE ONLY 10%                              OF OUR BRAINS @ bhphot...
6It Shouldnt Work that Way                             WE USE ONLY 10%                              OF OUR BRAINS
7It Shouldnt Work that Way                              WHILE THE 90%                               OF YOUR BRAIN         ...
8It Shouldnt Work that Way    YOUR BRAIN, YOUR BEST ENEMY
9How Things Work                  Gestalt Laws
10Everything on your plate must be eaten                     REALLY SURE THAT THOSE FIELDSET                          ARE ...
11Here’s the problem
12Take a look
13It Shouldnt Work that Way                o  It looks like a search box                o  It behaves like a search box   ...
14It Shouldnt Work that Way                o  It looks like a search box                o  It behaves like a search box   ...
15It Shouldnt Work that Way o  Visibility of system status o  Match between system and the real world o  User control and ...
16It Shouldnt Work that Way o  Visibility of system status o  Match between system and the real world o  User control and ...
17It Shouldnt Work that Way                             RECOGNITION IS MUCH                             EASIER THAN RECALL
18It Shouldnt Work that Way                                                    AFFORDANCE                     “… an action...
19It Shouldnt Work that WayPERCEIVED AFFORDANCE “ … refers to the perceived and actual properties ofthe thing, primarily t...
20It Shouldnt Work that Way   1.  Follow major conventions already established       for images and actions.   2.  Whereve...
21It Shouldnt Work that Way
22It Shouldnt Work that Way                             AFFORDANCES AND                                 CONSTRAINTS
23It Shouldnt Work that Way @ Alberto Vasquez
24Can you feel the dissonance?                         SIT   THROW
25It Shouldnt Work that WayDO YOU THINK YOU WILL NEEDINSTRUCTIONS?
26It Shouldnt Work that Way                             AND NOW?
27It Shouldnt Work that Way                             SLIGHT DIFFERENCES                                 HUGE EFFORT
28It Shouldnt Work that Way                             Gaver, W. W. (1991)
29It Shouldnt Work that Way                             Gaver, W. W. (1991)
30It Shouldnt Work that Way  WHAT KIND OF AFFORDANCE  HAS A WALL ?
31It Shouldnt Work that Way                             STRUCTURE ?
32It Shouldnt Work that Way    BOUNDARIES ?
33It Shouldnt Work that Way                             STILL A WALL ? CASA BATILLA - GAUDI
34It Shouldnt Work that Way@ Random Dude on Flickr I Can’t Recall
35It Shouldnt Work that Way@Destos
36It Shouldnt Work that Way SUPER MARIO BROS
37It Shouldnt Work that Way      ARKANOID
38It Shouldnt Work that Way    MIRROR’S EDGE
39It Shouldnt Work that Way    MIRROR’S EDGE
40It Shouldnt Work that Way    MIRROR’S EDGE
41It Shouldnt Work that WaySPLINTER CELL: CONVICTION
42It Shouldnt Work that WaySPLINTER CELL: CONVICTION
43If Mess With Affordances      SOMETHING BAD WILL HAPPEN
44It Shouldnt Work that Way                                 IT’S LIKE EATING SUSHI                             IN A CHINES...
45It Shouldnt Work that Way  TELEPHONES HANDSETS MAY NOT BE ERGONOMIC,        BUT THEIR AFFORDANCE ARE CLEAR
46It Shouldnt Work that Way
47It Shouldnt Work that Way
48It Shouldnt Work that Way                             NO MATTER WHAT, ALWAYS                             THINK ABOUT THE...
49It Shouldnt Work that Way         IT MATTERS !
50It Shouldnt Work that Way   FROM AFFORDANCES   TO SIGNIFIERS @ dollarside
51It Shouldnt Work that Way
52Tell Me About This
53It Shouldnt Work that Way                 If you remember this… you are awesome
54Now You See              There is no place like 127.0.0.1
55 Digital UI are not DifferentLorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet mauris facilisis te...
56 Digital UI are not DifferentLorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet mauris facilisis te...
57 Digital UI are not DifferentLorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet mauris facilisis te...
58 Digital UI are not DifferentLorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet mauris facilisis te...
59 Digital UI are not DifferentLorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet mauris facilisis te...
60 Digital UI are not DifferentLorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet mauris facilisis te...
61It Shouldnt Work that Way ...TOO EASY ?
62Catch Me a Link
63Catch Me a Link    Red Font?
64Catch Me a LinkBlue Bold Font?
65Catch Me a LinkButton Style?
66Also Spaces Have Affordances
67It Shouldnt Work that Way                             #WHITESPACE
Questions?It Shoudn’t Work that Way      @ aetheros      hoang @ huynh.cc      hchuynh
Upcoming SlideShare
Loading in...5
×

It Shouldnt Work That Way

1,740

Published on

A speed run about playing with affordances in both real and digital world, for user who are not really sold about the "whole UX design thing".

Presented at Programmers in Padua.

Affordances are everywhere and somehow they are invisible to us unless you know they are there... Knowing them, seeing them, can make us design more understandable products and even more engaging.

Published in: Technology
0 Comments
5 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,740
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
46
Comments
0
Likes
5
Embeds 0
No embeds

No notes for slide
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • \n\n
  • It Shouldnt Work That Way

    1. 1. It Shouldnt Work that WayOr maybe It should… It’s all about affordances
    2. 2. 2About Me Hoang C. Huynh Front-end Specialist Freelance Information Architect Master in UX Design @ aetheros hoang @ huynh.cc hchuynh
    3. 3. 3Where We Are Talking About
    4. 4. 4It Shouldnt Work that Way @ Mercedes-Benz
    5. 5. 5It Shouldnt Work that Way WE USE ONLY 10% OF OUR BRAINS @ bhphotovideo
    6. 6. 6It Shouldnt Work that Way WE USE ONLY 10% OF OUR BRAINS
    7. 7. 7It Shouldnt Work that Way WHILE THE 90% OF YOUR BRAIN IS ACTUALLY DRIVING FOR YOU YOUR 10% OF AWARENESS IS FREE TO DO OTHER THINGS
    8. 8. 8It Shouldnt Work that Way YOUR BRAIN, YOUR BEST ENEMY
    9. 9. 9How Things Work Gestalt Laws
    10. 10. 10Everything on your plate must be eaten REALLY SURE THAT THOSE FIELDSET ARE NOT JUST VISUAL NOISE?
    11. 11. 11Here’s the problem
    12. 12. 12Take a look
    13. 13. 13It Shouldnt Work that Way o  It looks like a search box o  It behaves like a search box o  Search Boxes are in the upper right corner o  Search Boxes do have a “call to action” button IT IS A SEARCH BOX WITH A “CALL TO ACTION” BUTTON!
    14. 14. 14It Shouldnt Work that Way o  It looks like a search box o  It behaves like a search box o  Search Boxes are in the NOOOOO upper right corner o  Search Boxes do have a IT’s NOT! “call to action” button IT IS A SEARCH BOX WITH A “CALL TO ACTION” BUTTON!
    15. 15. 15It Shouldnt Work that Way o  Visibility of system status o  Match between system and the real world o  User control and freedom o  Consistency and standards o  Error prevention o  Recognition rather than recall o  Flexibility and efficiency of use o  Aesthetic and minimalist design o  Help users recognize, diagnose, and recover from errors o  Help and documentation
    16. 16. 16It Shouldnt Work that Way o  Visibility of system status o  Match between system and the real world o  User control and freedom o  Consistency and standards o  Error prevention o  Recognition rather than recall o  Flexibility and efficiency of use o  Aesthetic and minimalist design o  Help users recognize, diagnose, and recover from errors o  Help and documentation
    17. 17. 17It Shouldnt Work that Way RECOGNITION IS MUCH EASIER THAN RECALL
    18. 18. 18It Shouldnt Work that Way AFFORDANCE “… an action possibility available in the environment to an individual, independent of the individuals ability to perceive this possibility” Gibson, J. J. (1977). “The theory of affordances”
    19. 19. 19It Shouldnt Work that WayPERCEIVED AFFORDANCE “ … refers to the perceived and actual properties ofthe thing, primarily those fundamental properties thatdetermine just how the thing could possibly be used ”   Norman, D. A. (1988). “The psychology of everyday things”
    20. 20. 20It Shouldnt Work that Way 1.  Follow major conventions already established for images and actions. 2.  Wherever possible, use words in addition to icons and graphics 3.  Use recognizable metaphors 4.  Be consistent and coherent in the use of the conceptual model behind the design
    21. 21. 21It Shouldnt Work that Way
    22. 22. 22It Shouldnt Work that Way AFFORDANCES AND CONSTRAINTS
    23. 23. 23It Shouldnt Work that Way @ Alberto Vasquez
    24. 24. 24Can you feel the dissonance? SIT THROW
    25. 25. 25It Shouldnt Work that WayDO YOU THINK YOU WILL NEEDINSTRUCTIONS?
    26. 26. 26It Shouldnt Work that Way AND NOW?
    27. 27. 27It Shouldnt Work that Way SLIGHT DIFFERENCES HUGE EFFORT
    28. 28. 28It Shouldnt Work that Way Gaver, W. W. (1991)
    29. 29. 29It Shouldnt Work that Way Gaver, W. W. (1991)
    30. 30. 30It Shouldnt Work that Way WHAT KIND OF AFFORDANCE HAS A WALL ?
    31. 31. 31It Shouldnt Work that Way STRUCTURE ?
    32. 32. 32It Shouldnt Work that Way BOUNDARIES ?
    33. 33. 33It Shouldnt Work that Way STILL A WALL ? CASA BATILLA - GAUDI
    34. 34. 34It Shouldnt Work that Way@ Random Dude on Flickr I Can’t Recall
    35. 35. 35It Shouldnt Work that Way@Destos
    36. 36. 36It Shouldnt Work that Way SUPER MARIO BROS
    37. 37. 37It Shouldnt Work that Way ARKANOID
    38. 38. 38It Shouldnt Work that Way MIRROR’S EDGE
    39. 39. 39It Shouldnt Work that Way MIRROR’S EDGE
    40. 40. 40It Shouldnt Work that Way MIRROR’S EDGE
    41. 41. 41It Shouldnt Work that WaySPLINTER CELL: CONVICTION
    42. 42. 42It Shouldnt Work that WaySPLINTER CELL: CONVICTION
    43. 43. 43If Mess With Affordances SOMETHING BAD WILL HAPPEN
    44. 44. 44It Shouldnt Work that Way IT’S LIKE EATING SUSHI IN A CHINESE RESTAURANTSOMETHING DOESN’TFEEL QUITE RIGHT
    45. 45. 45It Shouldnt Work that Way TELEPHONES HANDSETS MAY NOT BE ERGONOMIC, BUT THEIR AFFORDANCE ARE CLEAR
    46. 46. 46It Shouldnt Work that Way
    47. 47. 47It Shouldnt Work that Way
    48. 48. 48It Shouldnt Work that Way NO MATTER WHAT, ALWAYS THINK ABOUT THE CONTEXT
    49. 49. 49It Shouldnt Work that Way IT MATTERS !
    50. 50. 50It Shouldnt Work that Way FROM AFFORDANCES TO SIGNIFIERS @ dollarside
    51. 51. 51It Shouldnt Work that Way
    52. 52. 52Tell Me About This
    53. 53. 53It Shouldnt Work that Way If you remember this… you are awesome
    54. 54. 54Now You See There is no place like 127.0.0.1
    55. 55. 55 Digital UI are not DifferentLorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet mauris facilisis tellus viverra dictum. Maecenas commodosapien a nulla blandit pellentesque. Pellentesque elementum purus eu eros hendrerit nec sagittis enim pretium. Proin commodo fermentum ante, quis iaculis mauris pharetra nec. Suspendisse ac felis diam. Fusce quis felis enim, id ultricies nulla. Donec tincidunt posuere odio volutpat auctor. Aliquam erat volutpat. Maecenas porttitor, lectus eu dignissim consectetur, lorem risusdictum urna, vitae tempus tortor lectus sit amet nunc. Praesent vitae laoreet ligula. Morbi laoreet, felis ac congue facilisis, turpisnulla luctus dolor, et gravida leo enim eget mi. Nulla facilisi. Duis blandit elit in metus eleifend gravida. Etiam dictum ante sed nisi condimentum tempus. Morbi porttitor, dui eget gravida tempor, lorem sem scelerisque ante, in dictum justo ipsum ut sapien. Mauris lacinia varius sapien, a malesuada dui mollis ut. Ut viverra imperdiet erat, vel tempor erat laoreet eu. Aliquam leo felis, rhoncus in vestibulum in, venenatis commodo orci. Morbi aliquet quam ut mauris varius egestas. Sed quis ligula quam. Nullamtincidunt lectus sed elit fermentum eget auctor risus blandit. Sed feugiat erat a enim sagittis id iaculis tortor vulputate. Praesent dui magna, dignissim et pulvinar at, congue eget nunc. In hac habitasse platea dictumst. Morbi a mi et enim mattis tincidunt etnec lectus. Donec luctus ullamcorper commodo. Integer mattis, leo nec cursus sodales, purus ipsum euismod neque, ut porttitor felis neque sit amet nulla. Nullam mollis sem orci. Praesent elementum nisl vel nisl sodales ut accumsan nunc tincidunt. Pellentesque ut tortor sollicitudin quam imperdiet laoreet. I am a link, believe me Sed leo magna, tincidunt quis tristique at, ullamcorper in orci. Donec consequat, sapien at tincidunt porttitor, est quam laoreet nunc, scelerisque bibendum tellus eros et libero. Proin aliquet elit vitae velit congue sollicitudin. Aenean lectus massa, lacinia eget ultricies ac, blandit laoreet magna. Nullam malesuada diam non magna accumsan ac consectetur tellus sagittis. Fusceinterdum faucibus leo, eget placerat arcu lobortis eget. Integer pellentesque scelerisque mauris, non dapibus elit iaculis sit amet. Integer sollicitudin mi quam. Suspendisse eget erat leo. Pellentesque risus est, bibendum nec venenatis ac, dapibus in risus. Donec mi magna, rutrum sit amet molestie id, tincidunt non lacus. Aliquam a enim id tortor fermentum fringilla. Cras quis mi justo. Phasellus placerat purus vitae urna ullamcorper convallis. Aenean felis eros, accumsan vestibulum vehicula sit amet, eleifend vehicula neque. Nunc lobortis neque eu massa interdum consequat. Sed semper imperdiet libero a dictum. Mauris feugiat pellentesque purus, nec volutpat dolor tempus et.Vivamus ultrices, dui non ullamcorper scelerisque, metus odio vulputate massa, eget egestas purus odio sit amet massa. Integer lacinia felis eget massa sodales condimentum. Praesent non tristique purus. In hac habitasse platea dictumst. Suspendisse ut felis libero, in eleifend magna. In suscipit dapibus convallis. Praesent egestas, lectus sit amet adipiscing aliquam, mauris sem porttitor magna, tincidunt facilisis eros elit id mauris. Donec elit mauris, vehicula in ultrices id, hendrerit in elit. Suspendissesagittis nibh et nibh fringilla sed lacinia elit placerat. Vivamus quis libero at mi aliquet consequat ut id urna. Sed vehicula libero ut augue commodo pellentesque.
    56. 56. 56 Digital UI are not DifferentLorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet mauris facilisis tellus viverra dictum. Maecenas commodosapien a nulla blandit pellentesque. Pellentesque elementum purus eu eros hendrerit nec sagittis enim pretium. Proin commodo fermentum ante, quis iaculis mauris pharetra nec. Suspendisse ac felis diam. Fusce quis felis enim, id ultricies nulla. Donec tincidunt posuere odio volutpat auctor. Aliquam erat volutpat. Maecenas porttitor, lectus eu dignissim consectetur, lorem risusdictum urna, vitae tempus tortor lectus sit amet nunc. Praesent vitae laoreet ligula. Morbi laoreet, felis ac congue facilisis, turpisnulla luctus dolor, et gravida leo enim eget mi. Nulla facilisi. Duis blandit elit in metus eleifend gravida. Etiam dictum ante sed nisi condimentum tempus. Morbi porttitor, dui eget gravida tempor, lorem sem scelerisque ante, in dictum justo ipsum ut sapien. Mauris lacinia varius sapien, a malesuada dui mollis ut. Ut viverra imperdiet erat, vel tempor erat laoreet eu. Aliquam leo felis, rhoncus in vestibulum in, venenatis commodo orci. Morbi aliquet quam ut mauris varius egestas. Sed quis ligula quam. Nullamtincidunt lectus sed elit fermentum eget auctor risus blandit. Sed feugiat erat a enim sagittis id iaculis tortor vulputate. Praesent dui magna, dignissim et pulvinar at, congue eget nunc. In hac habitasse platea dictumst. Morbi a mi et enim mattis tincidunt etnec lectus. Donec luctus ullamcorper commodo. Integer mattis, leo nec cursus sodales, purus ipsum euismod neque, ut porttitor felis neque sit amet nulla. Nullam mollis sem orci. Praesent elementum nisl vel nisl sodales ut accumsan nunc tincidunt. Pellentesque ut tortor sollicitudin quam imperdiet laoreet. I am a link, believe me Sed leo magna, tincidunt quis tristique at, ullamcorper in orci. Donec consequat, sapien at tincidunt porttitor, est quam laoreet nunc, scelerisque bibendum tellus eros et libero. Proin aliquet elit vitae velit congue sollicitudin. Aenean lectus massa, lacinia eget ultricies ac, blandit laoreet magna. Nullam malesuada diam non magna accumsan ac consectetur tellus sagittis. Fusceinterdum faucibus leo, eget placerat arcu lobortis eget. Integer pellentesque scelerisque mauris, non dapibus elit iaculis sit amet. Integer sollicitudin mi quam. Suspendisse eget erat leo. Pellentesque risus est, bibendum nec venenatis ac, dapibus in risus. Donec mi magna, rutrum sit amet molestie id, tincidunt non lacus. Aliquam a enim id tortor fermentum fringilla. Cras quis mi justo. Phasellus placerat purus vitae urna ullamcorper convallis. Aenean felis eros, accumsan vestibulum vehicula sit amet, eleifend vehicula neque. Nunc lobortis neque eu massa interdum consequat. Sed semper imperdiet libero a dictum. Mauris feugiat pellentesque purus, nec volutpat dolor tempus et.Vivamus ultrices, dui non ullamcorper scelerisque, metus odio vulputate massa, eget egestas purus odio sit amet massa. Integer lacinia felis eget massa sodales condimentum. Praesent non tristique purus. In hac habitasse platea dictumst. Suspendisse ut felis libero, in eleifend magna. In suscipit dapibus convallis. Praesent egestas, lectus sit amet adipiscing aliquam, mauris sem porttitor magna, tincidunt facilisis eros elit id mauris. Donec elit mauris, vehicula in ultrices id, hendrerit in elit. Suspendissesagittis nibh et nibh fringilla sed lacinia elit placerat. Vivamus quis libero at mi aliquet consequat ut id urna. Sed vehicula libero ut augue commodo pellentesque.
    57. 57. 57 Digital UI are not DifferentLorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet mauris facilisis tellus viverra dictum. Maecenas commodosapien a nulla blandit pellentesque. Pellentesque elementum purus eu eros hendrerit nec sagittis enim pretium. Proin commodo fermentum ante, quis iaculis mauris pharetra nec. Suspendisse ac felis diam. Fusce quis felis enim, id ultricies nulla. Donec tincidunt posuere odio volutpat auctor. Aliquam erat volutpat. Maecenas porttitor, lectus eu dignissim consectetur, lorem risusdictum urna, vitae tempus tortor lectus sit amet nunc. Praesent vitae laoreet ligula. Morbi laoreet, felis ac congue facilisis, turpisnulla luctus dolor, et gravida leo enim eget mi. Nulla facilisi. Duis blandit elit in metus eleifend gravida. Etiam dictum ante sed nisi condimentum tempus. Morbi porttitor, dui eget gravida tempor, lorem sem scelerisque ante, in dictum justo ipsum ut sapien. Mauris lacinia varius sapien, a malesuada dui mollis ut. Ut viverra imperdiet erat, vel tempor erat laoreet eu. Aliquam leo felis, rhoncus in vestibulum in, venenatis commodo orci. Morbi aliquet quam ut mauris varius egestas. Sed quis ligula quam. Nullamtincidunt lectus sed elit fermentum eget auctor risus blandit. Sed feugiat erat a enim sagittis id iaculis tortor vulputate. Praesent dui magna, dignissim et pulvinar at, congue eget nunc. In hac habitasse platea dictumst. Morbi a mi et enim mattis tincidunt etnec lectus. Donec luctus ullamcorper commodo. Integer mattis, leo nec cursus sodales, purus ipsum euismod neque, ut porttitor felis neque sit amet nulla. Nullam mollis sem orci. Praesent elementum nisl vel nisl sodales ut accumsan nunc tincidunt. Pellentesque ut tortor sollicitudin quam imperdiet laoreet. I am a link, believe me Sed leo magna, tincidunt quis tristique at, ullamcorper in orci. Donec consequat, sapien at tincidunt porttitor, est quam laoreet nunc, scelerisque bibendum tellus eros et libero. Proin aliquet elit vitae velit congue sollicitudin. Aenean lectus massa, lacinia eget ultricies ac, blandit laoreet magna. Nullam malesuada diam non magna accumsan ac consectetur tellus sagittis. Fusceinterdum faucibus leo, eget placerat arcu lobortis eget. Integer pellentesque scelerisque mauris, non dapibus elit iaculis sit amet. Integer sollicitudin mi quam. Suspendisse eget erat leo. Pellentesque risus est, bibendum nec venenatis ac, dapibus in risus. Donec mi magna, rutrum sit amet molestie id, tincidunt non lacus. Aliquam a enim id tortor fermentum fringilla. Cras quis mi justo. Phasellus placerat purus vitae urna ullamcorper convallis. Aenean felis eros, accumsan vestibulum vehicula sit amet, eleifend vehicula neque. Nunc lobortis neque eu massa interdum consequat. Sed semper imperdiet libero a dictum. Mauris feugiat pellentesque purus, nec volutpat dolor tempus et.Vivamus ultrices, dui non ullamcorper scelerisque, metus odio vulputate massa, eget egestas purus odio sit amet massa. Integer lacinia felis eget massa sodales condimentum. Praesent non tristique purus. In hac habitasse platea dictumst. Suspendisse ut felis libero, in eleifend magna. In suscipit dapibus convallis. Praesent egestas, lectus sit amet adipiscing aliquam, mauris sem porttitor magna, tincidunt facilisis eros elit id mauris. Donec elit mauris, vehicula in ultrices id, hendrerit in elit. Suspendissesagittis nibh et nibh fringilla sed lacinia elit placerat. Vivamus quis libero at mi aliquet consequat ut id urna. Sed vehicula libero ut augue commodo pellentesque.
    58. 58. 58 Digital UI are not DifferentLorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet mauris facilisis tellus viverra dictum. Maecenas commodosapien a nulla blandit pellentesque. Pellentesque elementum purus eu eros hendrerit nec sagittis enim pretium. Proin commodo fermentum ante, quis iaculis mauris pharetra nec. Suspendisse ac felis diam. Fusce quis felis enim, id ultricies nulla. Donec tincidunt posuere odio volutpat auctor. Aliquam erat volutpat. Maecenas porttitor, lectus eu dignissim consectetur, lorem risusdictum urna, vitae tempus tortor lectus sit amet nunc. Praesent vitae laoreet ligula. Morbi laoreet, felis ac congue facilisis, turpisnulla luctus dolor, et gravida leo enim eget mi. Nulla facilisi. Duis blandit elit in metus eleifend gravida. Etiam dictum ante sed nisi condimentum tempus. Morbi porttitor, dui eget gravida tempor, lorem sem scelerisque ante, in dictum justo ipsum ut sapien. Mauris lacinia varius sapien, a malesuada dui mollis ut. Ut viverra imperdiet erat, vel tempor erat laoreet eu. Aliquam leo felis, rhoncus in vestibulum in, venenatis commodo orci. Morbi aliquet quam ut mauris varius egestas. Sed quis ligula quam. Nullamtincidunt lectus sed elit fermentum eget auctor risus blandit. Sed feugiat erat a enim sagittis id iaculis tortor vulputate. Praesent dui magna, dignissim et pulvinar at, congue eget nunc. In hac habitasse platea dictumst. Morbi a mi et enim mattis tincidunt etnec lectus. Donec luctus ullamcorper commodo. Integer mattis, leo nec cursus sodales, purus ipsum euismod neque, ut porttitor felis neque sit amet nulla. Nullam mollis sem orci. Praesent elementum nisl vel nisl sodales ut accumsan nunc tincidunt. Pellentesque ut tortor sollicitudin quam imperdiet laoreet. I am a link, believe me Sed leo magna, tincidunt quis tristique at, ullamcorper in orci. Donec consequat, sapien at tincidunt porttitor, est quam laoreet nunc, scelerisque bibendum tellus eros et libero. Proin aliquet elit vitae velit congue sollicitudin. Aenean lectus massa, lacinia eget ultricies ac, blandit laoreet magna. Nullam malesuada diam non magna accumsan ac consectetur tellus sagittis. Fusceinterdum faucibus leo, eget placerat arcu lobortis eget. Integer pellentesque scelerisque mauris, non dapibus elit iaculis sit amet. Integer sollicitudin mi quam. Suspendisse eget erat leo. Pellentesque risus est, bibendum nec venenatis ac, dapibus in risus. Donec mi magna, rutrum sit amet molestie id, tincidunt non lacus. Aliquam a enim id tortor fermentum fringilla. Cras quis mi justo. Phasellus placerat purus vitae urna ullamcorper convallis. Aenean felis eros, accumsan vestibulum vehicula sit amet, eleifend vehicula neque. Nunc lobortis neque eu massa interdum consequat. Sed semper imperdiet libero a dictum. Mauris feugiat pellentesque purus, nec volutpat dolor tempus et.Vivamus ultrices, dui non ullamcorper scelerisque, metus odio vulputate massa, eget egestas purus odio sit amet massa. Integer lacinia felis eget massa sodales condimentum. Praesent non tristique purus. In hac habitasse platea dictumst. Suspendisse ut felis libero, in eleifend magna. In suscipit dapibus convallis. Praesent egestas, lectus sit amet adipiscing aliquam, mauris sem porttitor magna, tincidunt facilisis eros elit id mauris. Donec elit mauris, vehicula in ultrices id, hendrerit in elit. Suspendissesagittis nibh et nibh fringilla sed lacinia elit placerat. Vivamus quis libero at mi aliquet consequat ut id urna. Sed vehicula libero ut augue commodo pellentesque.
    59. 59. 59 Digital UI are not DifferentLorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet mauris facilisis tellus viverra dictum. Maecenas commodosapien a nulla blandit pellentesque. Pellentesque elementum purus eu eros hendrerit nec sagittis enim pretium. Proin commodo fermentum ante, quis iaculis mauris pharetra nec. Suspendisse ac felis diam. Fusce quis felis enim, id ultricies nulla. Donec tincidunt posuere odio volutpat auctor. Aliquam erat volutpat. Maecenas porttitor, lectus eu dignissim consectetur, lorem risusdictum urna, vitae tempus tortor lectus sit amet nunc. Praesent vitae laoreet ligula. Morbi laoreet, felis ac congue facilisis, turpisnulla luctus dolor, et gravida leo enim eget mi. Nulla facilisi. Duis blandit elit in metus eleifend gravida. Etiam dictum ante sed nisi condimentum tempus. Morbi porttitor, dui eget gravida tempor, lorem sem scelerisque ante, in dictum justo ipsum ut sapien. Mauris lacinia varius sapien, a malesuada dui mollis ut. Ut viverra imperdiet erat, vel tempor erat laoreet eu. Aliquam leo felis, rhoncus in vestibulum in, venenatis commodo orci. Morbi aliquet quam ut mauris varius egestas. Sed quis ligula quam. Nullamtincidunt lectus sed elit fermentum eget auctor risus blandit. Sed feugiat erat a enim sagittis id iaculis tortor vulputate. Praesent dui magna, dignissim et pulvinar at, congue eget nunc. In hac habitasse platea dictumst. Morbi a mi et enim mattis tincidunt etnec lectus. Donec luctus ullamcorper commodo. Integer mattis, leo nec cursus sodales, purus ipsum euismod neque, ut porttitor felis neque sit amet nulla. Nullam mollis sem orci. Praesent elementum nisl vel nisl sodales ut accumsan nunc tincidunt. Pellentesque ut tortor sollicitudin quam imperdiet laoreet. I am a link, believe me Sed leo magna, tincidunt quis tristique at, ullamcorper in orci. Donec consequat, sapien at tincidunt porttitor, est quam laoreet nunc, scelerisque bibendum tellus eros et libero. Proin aliquet elit vitae velit congue sollicitudin. Aenean lectus massa, lacinia eget ultricies ac, blandit laoreet magna. Nullam malesuada diam non magna accumsan ac consectetur tellus sagittis. Fusceinterdum faucibus leo, eget placerat arcu lobortis eget. Integer pellentesque scelerisque mauris, non dapibus elit iaculis sit amet. Integer sollicitudin mi quam. Suspendisse eget erat leo. Pellentesque risus est, bibendum nec venenatis ac, dapibus in risus. Donec mi magna, rutrum sit amet molestie id, tincidunt non lacus. Aliquam a enim id tortor fermentum fringilla. Cras quis mi justo. Phasellus placerat purus vitae urna ullamcorper convallis. Aenean felis eros, accumsan vestibulum vehicula sit amet, eleifend vehicula neque. Nunc lobortis neque eu massa interdum consequat. Sed semper imperdiet libero a dictum. Mauris feugiat pellentesque purus, nec volutpat dolor tempus et.Vivamus ultrices, dui non ullamcorper scelerisque, metus odio vulputate massa, eget egestas purus odio sit amet massa. Integer lacinia felis eget massa sodales condimentum. Praesent non tristique purus. In hac habitasse platea dictumst. Suspendisse ut felis libero, in eleifend magna. In suscipit dapibus convallis. Praesent egestas, lectus sit amet adipiscing aliquam, mauris sem porttitor magna, tincidunt facilisis eros elit id mauris. Donec elit mauris, vehicula in ultrices id, hendrerit in elit. Suspendissesagittis nibh et nibh fringilla sed lacinia elit placerat. Vivamus quis libero at mi aliquet consequat ut id urna. Sed vehicula libero ut augue commodo pellentesque.
    60. 60. 60 Digital UI are not DifferentLorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet mauris facilisis tellus viverra dictum. Maecenas commodosapien a nulla blandit pellentesque. Pellentesque elementum purus eu eros hendrerit nec sagittis enim pretium. Proin commodo fermentum ante, quis iaculis mauris pharetra nec. Suspendisse ac felis diam. Fusce quis felis enim, id ultricies nulla. Donec tincidunt posuere odio volutpat auctor. Aliquam erat volutpat. Maecenas porttitor, lectus eu dignissim consectetur, lorem risusdictum urna, vitae tempus tortor lectus sit amet nunc. Praesent vitae laoreet ligula. Morbi laoreet, felis ac congue facilisis, turpisnulla luctus dolor, et gravida leo enim eget mi. Nulla facilisi. Duis blandit elit in metus eleifend gravida. Etiam dictum ante sed nisi condimentum tempus. Morbi porttitor, dui eget gravida tempor, lorem sem scelerisque ante, in dictum justo ipsum ut sapien. Mauris lacinia varius sapien, a malesuada dui mollis ut. Ut viverra imperdiet erat, vel tempor erat laoreet eu. Aliquam leo felis, rhoncus in vestibulum in, venenatis commodo orci. Morbi aliquet quam ut mauris varius egestas. Sed quis ligula quam. Nullamtincidunt lectus sed elit fermentum eget auctor risus blandit. Sed feugiat erat a enim sagittis id iaculis tortor vulputate. Praesent dui magna, dignissim et pulvinar at, congue eget nunc. In hac habitasse platea dictumst. Morbi a mi et enim mattis tincidunt etnec lectus. Donec luctus ullamcorper commodo. Integer mattis, leo nec cursus sodales, purus ipsum euismod neque, ut porttitor felis neque sit amet nulla. Nullam mollis sem orci. Praesent elementum nisl vel nisl sodales ut accumsan nunc tincidunt. Pellentesque ut tortor sollicitudin quam imperdiet laoreet. I am a link, believe me Sed leo magna, tincidunt quis tristique at, ullamcorper in orci. Donec consequat, sapien at tincidunt porttitor, est quam laoreet nunc, scelerisque bibendum tellus eros et libero. Proin aliquet elit vitae velit congue sollicitudin. Aenean lectus massa, lacinia eget ultricies ac, blandit laoreet magna. Nullam malesuada diam non magna accumsan ac consectetur tellus sagittis. Fusceinterdum faucibus leo, eget placerat arcu lobortis eget. Integer pellentesque scelerisque mauris, non dapibus elit iaculis sit amet. Integer sollicitudin mi quam. Suspendisse eget erat leo. Pellentesque risus est, bibendum nec venenatis ac, dapibus in risus. Donec mi magna, rutrum sit amet molestie id, tincidunt non lacus. Aliquam a enim id tortor fermentum fringilla. Cras quis mi justo. Phasellus placerat purus vitae urna ullamcorper convallis. Aenean felis eros, accumsan vestibulum vehicula sit amet, eleifend vehicula neque. Nunc lobortis neque eu massa interdum consequat. Sed semper imperdiet libero a dictum. Mauris feugiat pellentesque purus, nec volutpat dolor tempus et.Vivamus ultrices, dui non ullamcorper scelerisque, metus odio vulputate massa, eget egestas purus odio sit amet massa. Integer lacinia felis eget massa sodales condimentum. Praesent non tristique purus. In hac habitasse platea dictumst. Suspendisse ut felis libero, in eleifend magna. In suscipit dapibus convallis. Praesent egestas, lectus sit amet adipiscing aliquam, mauris sem porttitor magna, tincidunt facilisis eros elit id mauris. Donec elit mauris, vehicula in ultrices id, hendrerit in elit. Suspendissesagittis nibh et nibh fringilla sed lacinia elit placerat. Vivamus quis libero at mi aliquet consequat ut id urna. Sed vehicula libero ut augue commodo pellentesque.
    61. 61. 61It Shouldnt Work that Way ...TOO EASY ?
    62. 62. 62Catch Me a Link
    63. 63. 63Catch Me a Link Red Font?
    64. 64. 64Catch Me a LinkBlue Bold Font?
    65. 65. 65Catch Me a LinkButton Style?
    66. 66. 66Also Spaces Have Affordances
    67. 67. 67It Shouldnt Work that Way #WHITESPACE
    68. 68. Questions?It Shoudn’t Work that Way @ aetheros hoang @ huynh.cc hchuynh
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×