ux, ui, wtf

104
DUSTIN WILLIAMS @RELMONE I AM, Saturday, July 28, 12

Upload: wcfay

Post on 12-May-2015

738 views

Category:

Design


0 download

DESCRIPTION

Let’s have a chat about how User Experience (UX), the User Interface (UI) and even Content is important to everything that we interact with. We will talk about examples and ideas from the Analog world to the Digital world, how users interact with them, and how we can implement them into your projects.

TRANSCRIPT

Page 1: UX, UI, WTF

DUSTIN WILLIAMS@RELMONE

I AM,

Saturday, July 28, 12

Page 2: UX, UI, WTF

SEDUCING USERS WITHUX & UI

Saturday, July 28, 12

Page 3: UX, UI, WTF

UX, UI, WTF

Saturday, July 28, 12

Page 4: UX, UI, WTF

DESIGN-VELOPERI AM A,

Saturday, July 28, 12

Page 5: UX, UI, WTF

Saturday, July 28, 12

Page 6: UX, UI, WTF

HTML

CSS (SASS / LESS)

JQUERY

JAVASCRIPT

PROTOTYPING

FRAMEWORKS

TWITTER BOOTSTRAP

HTML 5 BOILERPLATE

SERVE (RAILS PROTOTYPING)

SINATRA (RAILS PROTOTYPING)

Saturday, July 28, 12

Page 7: UX, UI, WTF

UX: USER EXPERIENCE

Saturday, July 28, 12

Page 8: UX, UI, WTF

THE WAY A PERSON FEELS ABOUT USING A PRODUCT, SYSTEM OR SERVICE

Saturday, July 28, 12

Page 9: UX, UI, WTF

UI: USER INTERFACE

Saturday, July 28, 12

Page 10: UX, UI, WTF

THE SPACE WHERE INTERACTION BETWEEN HUMANS AND MACHINES OCCURS

Saturday, July 28, 12

Page 11: UX, UI, WTF

KILLING / CUTTING OUT CHROMENOT THE GOOGLE CHROME BROWSER

Saturday, July 28, 12

Page 12: UX, UI, WTF

IT’S ABOUT

REDUCING CLUTTER

Saturday, July 28, 12

Page 13: UX, UI, WTF

MICROSOFT METRO UI

Saturday, July 28, 12

Page 14: UX, UI, WTF

Saturday, July 28, 12

Page 15: UX, UI, WTF

Saturday, July 28, 12

Page 16: UX, UI, WTF

Saturday, July 28, 12

Page 17: UX, UI, WTF

Saturday, July 28, 12

Page 18: UX, UI, WTF

Saturday, July 28, 12

Page 19: UX, UI, WTF

Saturday, July 28, 12

Page 20: UX, UI, WTF

Saturday, July 28, 12

Page 21: UX, UI, WTF

Saturday, July 28, 12

Page 22: UX, UI, WTF

Saturday, July 28, 12

Page 23: UX, UI, WTF

Saturday, July 28, 12

Page 24: UX, UI, WTF

Saturday, July 28, 12

Page 25: UX, UI, WTF

Saturday, July 28, 12

Page 26: UX, UI, WTF

Saturday, July 28, 12

Page 27: UX, UI, WTF

IT’S ABOUT

ENGAGING USERS

Saturday, July 28, 12

Page 28: UX, UI, WTF

EGO UICOMPLETENESS, REWARDS, SHOWING OFF, ACHIEVEMENTS

Saturday, July 28, 12

Page 29: UX, UI, WTF

EGO UI: COMPLETENESS

Saturday, July 28, 12

Page 30: UX, UI, WTF

STEPS LEFT

Saturday, July 28, 12

Page 31: UX, UI, WTF

GRADUAL ENGAGEMENT

Saturday, July 28, 12

Page 32: UX, UI, WTF

Saturday, July 28, 12

Page 33: UX, UI, WTF

EGO UI: REWARDS

Saturday, July 28, 12

Page 34: UX, UI, WTF

Saturday, July 28, 12

Page 35: UX, UI, WTF

EGO UI: THE SHOW OFFS

Saturday, July 28, 12

Page 36: UX, UI, WTF

Your StoriesShare and highlight your most memorable posts, photos and life events on your timeline. This is where you can tell your story from beginning, to middle, to now.

Saturday, July 28, 12

Page 37: UX, UI, WTF

Saturday, July 28, 12

Page 38: UX, UI, WTF

EGO UI: ACHIEVEMENTS

Saturday, July 28, 12

Page 39: UX, UI, WTF

Saturday, July 28, 12

Page 40: UX, UI, WTF

IT’S ABOUT

UI FEEDBACK

Saturday, July 28, 12

Page 41: UX, UI, WTF

FEEDBACK: NOTIFICATIONS

Saturday, July 28, 12

Page 42: UX, UI, WTF

Saturday, July 28, 12

Page 43: UX, UI, WTF

Saturday, July 28, 12

Page 44: UX, UI, WTF

WHAT ABOUT UNITY?

Saturday, July 28, 12

Page 45: UX, UI, WTF

DIGITAL ECO-SYSTEM

Saturday, July 28, 12

Page 46: UX, UI, WTF

UNIFIED OS

Saturday, July 28, 12

Page 47: UX, UI, WTF

Saturday, July 28, 12

Page 48: UX, UI, WTF

Saturday, July 28, 12

Page 49: UX, UI, WTF

WHAT ABOUT CONTENT?

Saturday, July 28, 12

Page 50: UX, UI, WTF

CONTENT IS UI

Saturday, July 28, 12

Page 51: UX, UI, WTF

Saturday, July 28, 12

Page 52: UX, UI, WTF

Saturday, July 28, 12

Page 53: UX, UI, WTF

Saturday, July 28, 12

Page 54: UX, UI, WTF

Saturday, July 28, 12

Page 55: UX, UI, WTF

Saturday, July 28, 12

Page 56: UX, UI, WTF

DESIGNING FOR USABILITY

Saturday, July 28, 12

Page 57: UX, UI, WTF

DESIGNING FOR MOTIVATION

Saturday, July 28, 12

Page 58: UX, UI, WTF

AS LONG AS THE MOTIVATION IS BIGGER THAN THE FRICTION, THE USER WILL KEEP MOVING IN A FORWARD MOTION.

Saturday, July 28, 12

Page 59: UX, UI, WTF

ANALYTICS & DATA ARE YOUR FRIENDS

Saturday, July 28, 12

Page 60: UX, UI, WTF

GOOGLE ANALYTICS

Saturday, July 28, 12

Page 61: UX, UI, WTF

CLICK TRACKING

Saturday, July 28, 12

Page 62: UX, UI, WTF

USER TESTING

Saturday, July 28, 12

Page 63: UX, UI, WTF

MORE TESTING

Saturday, July 28, 12

Page 64: UX, UI, WTF

A/B (SPLIT) & MULTIVARIANT TESTING

Saturday, July 28, 12

Page 65: UX, UI, WTF

SKEUOMORPHS

Saturday, July 28, 12

Page 66: UX, UI, WTF

Saturday, July 28, 12

Page 67: UX, UI, WTF

Saturday, July 28, 12

Page 68: UX, UI, WTF

Saturday, July 28, 12

Page 69: UX, UI, WTF

ANALOG WORLD RANDOMNESS

Saturday, July 28, 12

Page 70: UX, UI, WTF

Saturday, July 28, 12

Page 71: UX, UI, WTF

Saturday, July 28, 12

Page 72: UX, UI, WTF

Saturday, July 28, 12

Page 73: UX, UI, WTF

Saturday, July 28, 12

Page 74: UX, UI, WTF

Saturday, July 28, 12

Page 75: UX, UI, WTF

Saturday, July 28, 12

Page 76: UX, UI, WTF

Saturday, July 28, 12

Page 77: UX, UI, WTF

Saturday, July 28, 12

Page 78: UX, UI, WTF

TOOLS

Saturday, July 28, 12

Page 79: UX, UI, WTF

TOOLS: WIREFRAMING

Saturday, July 28, 12

Page 80: UX, UI, WTF

Saturday, July 28, 12

Page 81: UX, UI, WTF

POST IT NOTES

WHITEBOARDS

AXURE

BALSAMIQ

MASTER SUITE (AI, FIREWORKS)

Saturday, July 28, 12

Page 82: UX, UI, WTF

TOOLS: USABILITY

Saturday, July 28, 12

Page 83: UX, UI, WTF

Saturday, July 28, 12

Page 84: UX, UI, WTF

CRAZY EGG

OPTIMIZELY

Saturday, July 28, 12

Page 85: UX, UI, WTF

TOOLS: USER TESTING

Saturday, July 28, 12

Page 86: UX, UI, WTF

Saturday, July 28, 12

Page 87: UX, UI, WTF

USERTESTING.COM

IN THE HALLWAY

COFFEE SHOP TESTING

Saturday, July 28, 12

Page 88: UX, UI, WTF

I <3

Saturday, July 28, 12

Page 89: UX, UI, WTF

Saturday, July 28, 12

Page 90: UX, UI, WTF

Saturday, July 28, 12

Page 91: UX, UI, WTF

Saturday, July 28, 12

Page 92: UX, UI, WTF

Saturday, July 28, 12

Page 93: UX, UI, WTF

Saturday, July 28, 12

Page 94: UX, UI, WTF

Saturday, July 28, 12

Page 95: UX, UI, WTF

Saturday, July 28, 12

Page 96: UX, UI, WTF

Saturday, July 28, 12

Page 97: UX, UI, WTF

Saturday, July 28, 12

Page 98: UX, UI, WTF

Saturday, July 28, 12

Page 99: UX, UI, WTF

Saturday, July 28, 12

Page 100: UX, UI, WTF

Saturday, July 28, 12

Page 101: UX, UI, WTF

Saturday, July 28, 12

Page 102: UX, UI, WTF

RESOURCES

Saturday, July 28, 12

Page 103: UX, UI, WTF

Saturday, July 28, 12

Page 104: UX, UI, WTF

USEIT.COM

UI-PATTERNS.COM

UX BOOTH

A LIST APART

UX MAGAZINE

SMASHING MAGAZINE

IXDA.ORG

Saturday, July 28, 12