+ All Categories
Home > Technology > It Shouldnt Work That Way

It Shouldnt Work That Way

Date post: 19-Sep-2014
Category:
View: 9 times
Download: 4 times
Share this document with a friend
Description:
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.
Popular Tags:
68
Or maybe It should… It’s all about affordances It Shouldn't Work that Way
Transcript
Page 1: It Shouldnt Work That Way

Or maybe It should… It’s all about affordances

It Shouldn't Work that Way

Page 2: It Shouldnt Work That Way

@ aetheros

hoang @ huynh.cc

Front-end Specialist Freelance Information Architect Master in UX Design

Hoang C. Huynh

hchuynh

About Me 2

Page 3: It Shouldnt Work That Way

Where We Are Talking About 3

Page 4: It Shouldnt Work That Way

It Shouldn't Work that Way 4

@ Mercedes-Benz

Page 5: It Shouldnt Work That Way

It Shouldn't Work that Way 5

@ bhphotovideo

WE USE ONLY 10% OF OUR BRAINS

Page 6: It Shouldnt Work That Way

It Shouldn't Work that Way 6

WE USE ONLY 10% OF OUR BRAINS

Page 7: It Shouldnt Work That Way

It Shouldn't Work that Way 7

WHILE THE 90% OF YOUR BRAIN

IS ACTUALLY DRIVING FOR YOU

YOUR 10% OF AWARENESS IS

FREE TO DO OTHER THINGS

Page 8: It Shouldnt Work That Way

It Shouldn't Work that Way 8

YOUR BRAIN, YOUR BEST ENEMY

Page 9: It Shouldnt Work That Way

How Things Work 9

Gestalt Laws

Page 10: It Shouldnt Work That Way

Everything on your plate must be eaten 10

REALLY SURE THAT THOSE FIELDSET ARE NOT JUST VISUAL NOISE?

Page 11: It Shouldnt Work That Way

Here’s the problem 11

Page 12: It Shouldnt Work That Way

Take a look 12

Page 13: It Shouldnt Work That Way

It Shouldn't Work that Way 13

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!

Page 14: It Shouldnt Work That Way

It Shouldn't Work that Way 14

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!

NOOOOO IT’s NOT!

Page 15: It Shouldnt Work That Way

It Shouldn't Work that Way 15

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

Page 16: It Shouldnt Work That Way

It Shouldn't Work that Way 16

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

Page 17: It Shouldnt Work That Way

It Shouldn't Work that Way 17

RECOGNITION IS MUCH EASIER THAN RECALL

Page 18: It Shouldnt Work That Way

It Shouldn't Work that Way 18

“… 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”

AFFORDANCE

Page 19: It Shouldnt Work That Way

It Shouldn't Work that Way 19

 “ … 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”

PERCEIVED AFFORDANCE

Page 20: It Shouldnt Work That Way

It Shouldn't Work that Way 20

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

Page 21: It Shouldnt Work That Way

It Shouldn't Work that Way 21

Page 22: It Shouldnt Work That Way

It Shouldn't Work that Way 22

AFFORDANCES AND CONSTRAINTS

Page 23: It Shouldnt Work That Way

It Shouldn't Work that Way 23

@ Alberto Vasquez

Page 24: It Shouldnt Work That Way

Can you feel the dissonance? 24

SIT THROW

Page 25: It Shouldnt Work That Way

It Shouldn't Work that Way 25

DO YOU THINK YOU WILL NEED INSTRUCTIONS?

Page 26: It Shouldnt Work That Way

It Shouldn't Work that Way 26

AND NOW?

Page 27: It Shouldnt Work That Way

It Shouldn't Work that Way 27

SLIGHT DIFFERENCES

HUGE EFFORT

Page 28: It Shouldnt Work That Way

It Shouldn't Work that Way 28

Gaver, W. W. (1991)

Page 29: It Shouldnt Work That Way

It Shouldn't Work that Way 29

Gaver, W. W. (1991)

Page 30: It Shouldnt Work That Way

It Shouldn't Work that Way 30

WHAT KIND OF AFFORDANCE HAS A WALL ?

Page 31: It Shouldnt Work That Way

It Shouldn't Work that Way 31

STRUCTURE ?

Page 32: It Shouldnt Work That Way

It Shouldn't Work that Way 32

BOUNDARIES ?

Page 33: It Shouldnt Work That Way

It Shouldn't Work that Way 33

CASA BATILLA - GAUDI

STILL A WALL ?

Page 34: It Shouldnt Work That Way

It Shouldn't Work that Way 34

@ Random Dude on Flickr I Can’t Recall

Page 35: It Shouldnt Work That Way

It Shouldn't Work that Way 35

@Destos

Page 36: It Shouldnt Work That Way

It Shouldn't Work that Way 36

SUPER MARIO BROS

Page 37: It Shouldnt Work That Way

It Shouldn't Work that Way 37

ARKANOID

Page 38: It Shouldnt Work That Way

It Shouldn't Work that Way 38

MIRROR’S EDGE

Page 39: It Shouldnt Work That Way

It Shouldn't Work that Way 39

MIRROR’S EDGE

Page 40: It Shouldnt Work That Way

It Shouldn't Work that Way 40

MIRROR’S EDGE

Page 41: It Shouldnt Work That Way

It Shouldn't Work that Way 41

SPLINTER CELL: CONVICTION

Page 42: It Shouldnt Work That Way

It Shouldn't Work that Way 42

SPLINTER CELL: CONVICTION

Page 43: It Shouldnt Work That Way

If Mess With Affordances 43

SOMETHING BAD WILL HAPPEN

Page 44: It Shouldnt Work That Way

It Shouldn't Work that Way 44

IT’S LIKE EATING SUSHI IN A CHINESE RESTAURANT

SOMETHING DOESN’T FEEL QUITE RIGHT

Page 45: It Shouldnt Work That Way

It Shouldn't Work that Way 45

TELEPHONES HANDSETS MAY NOT BE ERGONOMIC, BUT THEIR AFFORDANCE ARE CLEAR

Page 46: It Shouldnt Work That Way

It Shouldn't Work that Way 46

Page 47: It Shouldnt Work That Way

It Shouldn't Work that Way 47

Page 48: It Shouldnt Work That Way

It Shouldn't Work that Way 48

NO MATTER WHAT, ALWAYS THINK ABOUT THE CONTEXT

Page 49: It Shouldnt Work That Way

It Shouldn't Work that Way 49

IT MATTERS !

Page 50: It Shouldnt Work That Way

It Shouldn't Work that Way 50

@ dollarside

FROM AFFORDANCES TO SIGNIFIERS

Page 51: It Shouldnt Work That Way

It Shouldn't Work that Way 51

Page 52: It Shouldnt Work That Way

Tell Me About This 52

Page 53: It Shouldnt Work That Way

It Shouldn't Work that Way 53

If you remember this… you are awesome

Page 54: It Shouldnt Work That Way

Now You See 54

There is no place like 127.0.0.1

Page 55: It Shouldnt Work That Way

Digital UI are not Different 55

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.

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.

I am a link, believe me

Page 56: It Shouldnt Work That Way

Digital UI are not Different 56

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.

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.

I am a link, believe me

Page 57: It Shouldnt Work That Way

Digital UI are not Different 57

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.

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.

I am a link, believe me

Page 58: It Shouldnt Work That Way

Digital UI are not Different 58

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.

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.

I am a link, believe me

Page 59: It Shouldnt Work That Way

Digital UI are not Different 59

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.

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.

I am a link, believe me

Page 60: It Shouldnt Work That Way

Digital UI are not Different 60

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.

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.

I am a link, believe me

Page 61: It Shouldnt Work That Way

It Shouldn't Work that Way 61

...TOO EASY ?

Page 62: It Shouldnt Work That Way

Catch Me a Link 62

Page 63: It Shouldnt Work That Way

Catch Me a Link 63

Red Font?

Page 64: It Shouldnt Work That Way

Catch Me a Link 64

Blue Bold Font?

Page 65: It Shouldnt Work That Way

Catch Me a Link 65

Button Style?

Page 66: It Shouldnt Work That Way

Also Spaces Have Affordances 66

Page 67: It Shouldnt Work That Way

It Shouldn't Work that Way 67

#WHITESPACE

Page 68: It Shouldnt Work That Way

@ aetheros

hoang @ huynh.cc

hchuynh

It Shoudn’t Work that Way

Questions?


Recommended