webvisions chicago 2012 recap

42
W EB V ISIONS C HICAGO 2012 Kevin Zurawel

Upload: arborwebsolutions

Post on 28-Jan-2015

111 views

Category:

Design


3 download

DESCRIPTION

A summary of presentations I attended at WebVisions Chicago 2012, a conference focused on user experience, design, and web development.

TRANSCRIPT

Page 1: WebVisions Chicago 2012 Recap

WEBVISIONSCHICAGO

2012

Kevin Zurawel

Page 2: WebVisions Chicago 2012 Recap

Two days

16 talks attended

(27 talks total)

OVERVIEW

Page 3: WebVisions Chicago 2012 Recap

1. Thomas Phinney, “Font Detective, Extra Bold”2. Maria Giudice, “Innovation Starts at the Top”3. Steve Fisher, “The Why of UX Design”4. Nishant Kothary, “The Honey Badger Way”5. Andrew Mottaz, “Lean UX”6. Heather Gold, “The Web as Performance Art”7. Thomas Wester, “Steel Wires and Treadmills”8. Russ Unger & Tim Frick, “Content Strategy: You’re

Soaking In It”9. Jared Spool, “Mobile & UX: Inside the Eye of the

Perfect Storm”10.Brad Frost, “A Future-Friendly Web”11.Kevin Hoyt, “Exploring Canvas”12.Thomas Phinney, “CSS3 OpenType”13.Dana Chisnell, “Kickstarting Civic Design”14.Jason Cranford Teague, “Trust Me, I’m a Designer”15.Carolyn Chandler, “The Business of Play”16.Nathan Shedroff, “Waving Arms and Yelling”

Page 4: WebVisions Chicago 2012 Recap

MAIN THEMES

People, not machines

Relationships, not transactions

Why, not how (or what)

Experience, not activities

UX/Design involves everyone

Page 5: WebVisions Chicago 2012 Recap

THOMAS PHINNEY (@THOMASPHINNEY):

FONT DETECTIVE, EXTRA BOLD

Page 6: WebVisions Chicago 2012 Recap

Don’t use fonts that didn’t exist at the t ime your document was supposedly created

“The Quarterback Conundrum”

Page 7: WebVisions Chicago 2012 Recap

Don’t use a widely-avai lable script font when your document is hand-drawn cal l igraphy.

“The Reprehensible Rabbi”

Page 8: WebVisions Chicago 2012 Recap
Page 9: WebVisions Chicago 2012 Recap

MARIA GIUDICE (@MGIUDICE),“INNOVATION STARTS AT THE TOP”

Page 10: WebVisions Chicago 2012 Recap

1. Design is an active verb

2. People, not machines

3. WE, not ME

4. Champion creative culture – have fun

5. Go Wide

6. Iterate and evolve

7. Lead by example

“DEO TOOLKIT”

Page 11: WebVisions Chicago 2012 Recap

STEVE FISHER (@HELLOFISHER),“THE WHY OF UX DESIGN”

Page 12: WebVisions Chicago 2012 Recap
Page 13: WebVisions Chicago 2012 Recap

Everyone can describe “what” a zombie movie is about.

Few can describe “how” a zombie movie is produced.

Fewer st i l l can describe “why” zombie movies fascinate us.

ZOMBIES!

Page 14: WebVisions Chicago 2012 Recap

NISHANT KOTHARY (@RAINYPIXELS),

“THE HONEY BADGER WAY”

Page 15: WebVisions Chicago 2012 Recap

Beware of group conformity Practice “strategic incompetence” but don’t be rude

Set expectations early “Smiley faces are very useful to a honey badger”

Recognize cognitive biases Diagnosis bias Loss aversion Confirmation bias

KEY TAKEAWAYS

Page 16: WebVisions Chicago 2012 Recap

HEATHER GOLD (@HEATHR),“THE WEB AS PERFORMANCE ART”

Page 17: WebVisions Chicago 2012 Recap

The thrill of the web is talking to other people

Social media today is “algorithmic” – based on social objects

PERSONAL INTERACTION

Page 18: WebVisions Chicago 2012 Recap

1.“Meet the person, not the hamburger”

2.“When I tell this thing about myself, what happens?”

3.“Unexpected and super-interesting”

4.“Let people transform the experience, not just fan it”

EXPERIENCES, NOT THINGS

Page 19: WebVisions Chicago 2012 Recap

THOMAS WESTER (@WESTERT),“STEEL WIRES AND TREADMILLS”

Page 20: WebVisions Chicago 2012 Recap

TIM FRICK (@TIMFRICK) & RUSS UNGER (@RUSSU),

“CONTENT STRATEGY: YOU’RE SOAKING IN IT”

Page 21: WebVisions Chicago 2012 Recap

JARED M. SPOOL (@JMSPOOL),“MOBILE & UX: IN THE EYE OF THE PERFECT

STORM”

Page 22: WebVisions Chicago 2012 Recap
Page 23: WebVisions Chicago 2012 Recap
Page 24: WebVisions Chicago 2012 Recap

ANDREW MOTTAZ,“LEAN UX”

Giant spec doc

Shared understanding

Prototype the backlog(shadow sprints)

Internal and external validation

Page 25: WebVisions Chicago 2012 Recap

BRAD FROST (@BRAD_FROST),“FOR A FUTURE-FRIENDLY WEB”

Page 26: WebVisions Chicago 2012 Recap
Page 27: WebVisions Chicago 2012 Recap
Page 28: WebVisions Chicago 2012 Recap

PRINCIPLES OF ADAPTIVE DESIGN

UbiquityFlexibilityPerformanceEnhancementFuture-Friendly

Page 29: WebVisions Chicago 2012 Recap
Page 30: WebVisions Chicago 2012 Recap

KEVIN HOYT (@KRHOYT),“EXPLORING CANVAS”

kevinhoyt.com/presentations/getting-canvas

Page 31: WebVisions Chicago 2012 Recap

THOMAS PHINNEY (@THOMASPHINNEY),

“CSS3 OPENTYPE”

Page 32: WebVisions Chicago 2012 Recap
Page 33: WebVisions Chicago 2012 Recap
Page 34: WebVisions Chicago 2012 Recap

DANA CHISNELL (@DANACHIS),“KICKSTARTING CIVIC DESIGN”

Page 35: WebVisions Chicago 2012 Recap

JASON CRANFORD TEAGUE,“TRUST ME, I’M A DESIGNER”

Page 36: WebVisions Chicago 2012 Recap

1.Keep promises

2.Show results

3.Know your voice

4.Respect context

5.Transition change

6.Guide, don’t dictate

7.Show, then tell

8.Simple, not simplistic

9.Always leave them wanting more.

Page 37: WebVisions Chicago 2012 Recap

CAROLYN CHANDLER (@CHANAN),“THE BUSINESS OF PLAY”

Page 38: WebVisions Chicago 2012 Recap

Mechanics Objectives/goals, rules, surprise, SAPS

Story Path through the game and the player’s role

Aesthetics Senses, tone, world it takes place in

Technology The game’s “system”

4 ELEMENTS OF GAMES

Page 39: WebVisions Chicago 2012 Recap
Page 40: WebVisions Chicago 2012 Recap

NATHAN SHEDROFF (@NATHANSHEDROFF),

“WAVING ARMS AND YELLING”

YouTube: “make it so macworld”

Page 41: WebVisions Chicago 2012 Recap

http://webvisionsevent.com

MORE INFO / SLIDES

Page 42: WebVisions Chicago 2012 Recap

Kevin [email protected]@kzurawel

THANKS!