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.

1. It Shouldn't Work that Way
Or maybe It should… It’s all about affordances

2. 2
About Me
Hoang C. Huynh
Front-end Specialist
Freelance Information Architect
Master in UX Design
@ aetheros
hoang @ huynh.cc
hchuynh

3. 3
Where We Are Talking About

4. 4
It Shouldn't Work that Way
@ Mercedes-Benz

5. 5
It Shouldn't Work that Way
WE USE ONLY 10%
OF OUR BRAINS
@ bhphotovideo

6. 6
It Shouldn't Work that Way
WE USE ONLY 10%
OF OUR BRAINS

7. 7
It Shouldn't 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
It Shouldn't Work that Way
YOUR BRAIN, YOUR BEST ENEMY

9. 9
How Things Work
Gestalt Laws

10. 10
Everything on your plate must be eaten
REALLY SURE THAT THOSE FIELDSET
ARE NOT JUST VISUAL NOISE?

11. 11
Here’s the problem

12. 12
Take a look

13. 13
It Shouldn't 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
It Shouldn't 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
It Shouldn't 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
It Shouldn't 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
It Shouldn't Work that Way
RECOGNITION IS MUCH
EASIER THAN RECALL

18. 18
It Shouldn't Work that Way
AFFORDANCE
“… an action possibility available in the
environment to an individual, independent of the
individual's ability to perceive this possibility”
Gibson, J. J. (1977).
“The theory of affordances”

19. 19
It Shouldn't Work that Way
PERCEIVED AFFORDANCE
“ … refers to the perceived and actual properties of
the thing, primarily those fundamental properties that
determine just how the thing could possibly be used ”
Norman, D. A. (1988).
“The psychology of everyday things”

20. 20
It Shouldn't 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
It Shouldn't Work that Way

22. 22
It Shouldn't Work that Way
AFFORDANCES AND
CONSTRAINTS

23. 23
It Shouldn't Work that Way
@ Alberto Vasquez

24. 24
Can you feel the dissonance?
SIT THROW

25. 25
It Shouldn't Work that Way
DO YOU THINK YOU WILL NEED
INSTRUCTIONS?

26. 26
It Shouldn't Work that Way
AND NOW?

27. 27
It Shouldn't Work that Way
SLIGHT DIFFERENCES
HUGE EFFORT

28. 28
It Shouldn't Work that Way
Gaver, W. W. (1991)

29. 29
It Shouldn't Work that Way
Gaver, W. W. (1991)

30. 30
It Shouldn't Work that Way
WHAT KIND OF AFFORDANCE
HAS A WALL ?

31. 31
It Shouldn't Work that Way
STRUCTURE ?

32. 32
It Shouldn't Work that Way
BOUNDARIES ?

33. 33
It Shouldn't Work that Way
STILL A WALL ?
CASA BATILLA - GAUDI

34. 34
It Shouldn't Work that Way
@ Random Dude on Flickr I Can’t Recall

35. 35
It Shouldn't Work that Way
@Destos

36. 36
It Shouldn't Work that Way
SUPER MARIO BROS

37. 37
It Shouldn't Work that Way
ARKANOID

38. 38
It Shouldn't Work that Way
MIRROR’S EDGE

39. 39
It Shouldn't Work that Way
MIRROR’S EDGE

40. 40
It Shouldn't Work that Way
MIRROR’S EDGE

41. 41
It Shouldn't Work that Way
SPLINTER CELL: CONVICTION

42. 42
It Shouldn't Work that Way
SPLINTER CELL: CONVICTION

43. 43
If Mess With Affordances
SOMETHING BAD WILL HAPPEN

44. 44
It Shouldn't Work that Way
IT’S LIKE EATING SUSHI
IN A CHINESE RESTAURANT
SOMETHING DOESN’T
FEEL QUITE RIGHT

45. 45
It Shouldn't Work that Way
TELEPHONES HANDSETS MAY NOT BE ERGONOMIC,
BUT THEIR AFFORDANCE ARE CLEAR

46. 46
It Shouldn't Work that Way

47. 47
It Shouldn't Work that Way

48. 48
It Shouldn't Work that Way
NO MATTER WHAT, ALWAYS
THINK ABOUT THE CONTEXT

49. 49
It Shouldn't Work that Way
IT MATTERS !

50. 50
It Shouldn't Work that Way
FROM AFFORDANCES
TO SIGNIFIERS
@ dollarside

51. 51
It Shouldn't Work that Way

52. 52
Tell Me About This

53. 53
It Shouldn't Work that Way
If you remember this… you are awesome

54. 54
Now You See
There is no place like 127.0.0.1

55. 55
Digital UI are not Different
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet mauris facilisis tellus viverra dictum. Maecenas commodo
sapien 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 risus
dictum urna, vitae tempus tortor lectus sit amet nunc. Praesent vitae laoreet ligula. Morbi laoreet, felis ac congue facilisis, turpis
nulla 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. Nullam
tincidunt 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 et
nec 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. Fusce
interdum 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. Suspendisse
sagittis 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
Digital UI are not Different
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet mauris facilisis tellus viverra dictum. Maecenas commodo
sapien 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 risus
dictum urna, vitae tempus tortor lectus sit amet nunc. Praesent vitae laoreet ligula. Morbi laoreet, felis ac congue facilisis, turpis
nulla 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. Nullam
tincidunt 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 et
nec 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. Fusce
interdum 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. Suspendisse
sagittis 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
Digital UI are not Different
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet mauris facilisis tellus viverra dictum. Maecenas commodo
sapien 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 risus
dictum urna, vitae tempus tortor lectus sit amet nunc. Praesent vitae laoreet ligula. Morbi laoreet, felis ac congue facilisis, turpis
nulla 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. Nullam
tincidunt 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 et
nec 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. Fusce
interdum 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. Suspendisse
sagittis 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
Digital UI are not Different
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet mauris facilisis tellus viverra dictum. Maecenas commodo
sapien 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 risus
dictum urna, vitae tempus tortor lectus sit amet nunc. Praesent vitae laoreet ligula. Morbi laoreet, felis ac congue facilisis, turpis
nulla 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. Nullam
tincidunt 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 et
nec 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. Fusce
interdum 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. Suspendisse
sagittis 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
Digital UI are not Different
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet mauris facilisis tellus viverra dictum. Maecenas commodo
sapien 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 risus
dictum urna, vitae tempus tortor lectus sit amet nunc. Praesent vitae laoreet ligula. Morbi laoreet, felis ac congue facilisis, turpis
nulla 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. Nullam
tincidunt 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 et
nec 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. Fusce
interdum 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. Suspendisse
sagittis 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
Digital UI are not Different
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet mauris facilisis tellus viverra dictum. Maecenas commodo
sapien 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 risus
dictum urna, vitae tempus tortor lectus sit amet nunc. Praesent vitae laoreet ligula. Morbi laoreet, felis ac congue facilisis, turpis
nulla 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. Nullam
tincidunt 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 et
nec 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. Fusce
interdum 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. Suspendisse
sagittis 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
It Shouldn't Work that Way
...TOO EASY ?

62. 62
Catch Me a Link

63. 63
Catch Me a Link
Red Font?

64. 64
Catch Me a Link
Blue Bold Font?

65. 65
Catch Me a Link
Button Style?

66. 66
Also Spaces Have Affordances

67. 67
It Shouldn't Work that Way
#WHITESPACE

68. Questions?
It Shoudn’t Work that Way
@ aetheros
hoang @ huynh.cc
hchuynh