WEBVISIONS
CHICAGO
2012
Kevin Zurawel
Two days
16 talks attended
(27 talks total)
OVERVIEW
1. Thomas Phinney, “Font Detective, Extra Bold”
2. Maria Giudice, “Innovation Starts at the Top”
3. Steve Fisher, “The Why...
MAIN THEMES
People, not machines
Relationships, not transactions
Why, not how (or what)
Experience, not activities
UX...
THOMAS PHINNEY (@THOMASPHINNEY):
FONT DETECTIVE, EXTRA BOLD
Don’t use fonts
that didn’t
exist at the
time your
document was
supposedly
created
“The
Quarterback
Conundrum”
Don’t use a
widely-
available script
font when your
document is
hand-drawn
calligraphy.
“The
Reprehensible
Rabbi”
MARIA GIUDICE (@MGIUDICE),
“INNOVATION STARTS AT THE TOP”
1. Design is an active verb
2. People, not machines
3. WE, not ME
4. Champion creative culture – have fun
5. Go Wide
6. It...
STEVE FISHER (@HELLOFISHER),
“THE WHY OF UX DESIGN”
Everyone can
describe “what” a
zombie movie is
about.
Few can describe
“how” a zombie
movie is produced.
Fewer still can
d...
NISHANT KOTHARY (@RAINYPIXELS),
“THE HONEY BADGER WAY”
Beware of group conformity
 Practice “strategic incompetence” but don’t be rude
Set expectations early
 “Smiley faces ...
HEATHER GOLD (@HEATHR),
“THE WEB AS PERFORMANCE ART”
The thrill of the web is talking to
other people
Social media today is “algorithmic” –
based on social objects
PERSONAL ...
1.“Meet the person, not the hamburger”
2.“When I tell this thing about
myself, what happens?”
3.“Unexpected and super-inte...
THOMAS WESTER (@WESTERT),
“STEEL WIRES AND TREADMILLS”
TIM FRICK (@TIMFRICK) & RUSS UNGER (@RUSSU),
“CONTENT STRATEGY: YOU’RE SOAKING IN IT”
JARED M. SPOOL (@JMSPOOL),
“MOBILE & UX: IN THE EYE OF THE PERFECT STORM”
ANDREW MOTTAZ,
“LEAN UX”
Giant spec doc
Shared understanding
Prototype the backlog
(shadow sprints)
Internal and exter...
BRAD FROST (@BRAD_FROST),
“FOR A FUTURE-FRIENDLY WEB”
PRINCIPLES OF ADAPTIVE DESIGN
Ubiquity
Flexibility
Performance
Enhancement
Future-Friendly
KEVIN HOYT (@KRHOYT),
“EXPLORING CANVAS”
kevinhoyt.com/presentations/getting-canvas
THOMAS PHINNEY (@THOMASPHINNEY),
“CSS3 OPENTYPE”
DANA CHISNELL (@DANACHIS),
“KICKSTARTING CIVIC DESIGN”
JASON CRANFORD TEAGUE,
“TRUST ME, I’M A DESIGNER”
1. Keep promises
2. Show results
3. Know your voice
4. Respect context
5. Transition change
6. Guide, don’t dictate
7. Sho...
CAROLYN CHANDLER (@CHANAN),
“THE BUSINESS OF PLAY”
Mechanics
 Objectives/goals, rules, surprise, SAPS
Story
 Path through the game and the player’s role
Aesthetics
 Se...
NATHAN SHEDROFF (@NATHANSHEDROFF),
“WAVING ARMS AND YELLING”
YouTube: “make it so macworld”
http://webvisionsevent.com
MORE INFO / SLIDES
Kevin Zurawel
kzurawel@tribune.com
@kzurawel
THANKS!
WebVisions Chicago 2012 Recap
WebVisions Chicago 2012 Recap
WebVisions Chicago 2012 Recap
WebVisions Chicago 2012 Recap
WebVisions Chicago 2012 Recap
WebVisions Chicago 2012 Recap
WebVisions Chicago 2012 Recap
WebVisions Chicago 2012 Recap
WebVisions Chicago 2012 Recap
WebVisions Chicago 2012 Recap
Upcoming SlideShare
Loading in …5
×

WebVisions Chicago 2012 Recap

433 views

Published on

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

Published in: Design, Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
433
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Design is change.Have empathy, put yourself in the middle of the team (no doors)Delegate power, everyone can contributeBe positive, embrace clutter and unstructured timeQuantity of ideas beats quality. Social power of food - “Always keep your fridge stocked (with beer)”Do this everywhere, not just in a lab. Be open to change and document progress. Embrace failure.Be your authentic self and let others do the same.
  • “Why” is what makes things work better, makes people feel better. “Amazon, you get me!”
  • “Yes, I work at Microsoft, you’re not perfect either”
  • Work with Apple:Metallicast – June 10, 1996 - ~1000 users tuned in
  • Square - Focus on people (pay by name), not things (credit cards)Facebook - “Facebook is a nightmare for finding people you don’t already know. No one ‘gets lost’ on Facebook.”2) If I can’t interact with other people, what am I doing here? Why would I come back?“I am not my keywords!”3) Connecting with an author – “FYI: It’s 2012 and we’re still using text to connect with other people”4) Old Spice took user input and made videos on YouTube – 2-way interaction (sort of)
  • Inspiration, Application, and Experimentation
  • LoremIpsum is cheating. Keywords, UX, Analytics – we need to tear down the wall between UX and marketing since they are connected, CS is a good bridgeComponents of CS: Message architecture, quantitative / qualitative content audits, content matrix, content templates, editorial calendars
  • Experience is more important than technology or features (it’s an excitement generator) – why over how or what
  • Over time, EG -> BE
  • “Content like water”. Focus, or your users will focus for you.
  • 86% of small-screen sites weigh as much as their large-screen version
  • Web is everywhere – what will be under xmas trees in 2 years/=/.“Embrace the Squishiness”Not just a developer thing. “See the FB clusterfudge around their iOS app”“Wow, these things called *phones* can make *phone calls*!” (Obama site)If you are past-friendly, you will be future-friendly too.
  • Use your mobile site to chip away at desktop.
  • “The small caps you’ve been using forever are the work of Satan.”What this enables (if font supported): Ligatures (common and discretionary), numeral styles (lining/old style, tabular/proportional), contextual alternates, stylistic sets
  • This font has 1100 ligatures.Other cool fonts: Mystic (answers yes-no questions), Bickham Script Pro (calt makes changes to word start/end)
  • OpenType features can be used in some very interesting ways.
  • Stakeholders want to be involved. Often they have good ideas.People just want to know what to do. A bullet-point list is better than a 300 page report.Untrained people can accomplish amazing things with a little guidance.Research is no good unless implementers have access and can find the insights.Every design decision makes a difference – 2000 Palm Beach County ballot failed because text size was increased for older voters.
  • 3. Keep a consistent tone across multiple related things. Fast Company blogs: 3 styles to 14. Mobile is important, if you’re desktop-only you lose trust5. We have “change blindness” – a fade to black vs. a jump cut. Gustav Muller – “The real art of conducting consists of transitions.”6. Suggest things to the user, don’t just add them without their knowledge. Opt-in better than opt-out.7. Pareidolia – we see faces, patterns first. 1/10 of a second.8. “It’s Don’t *Make* Me Think, not don’t *let* me think.”
  • WebVisions Chicago 2012 Recap

    1. 1. WEBVISIONS CHICAGO 2012 Kevin Zurawel
    2. 2. Two days 16 talks attended (27 talks total) OVERVIEW
    3. 3. 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”
    4. 4. MAIN THEMES People, not machines Relationships, not transactions Why, not how (or what) Experience, not activities UX/Design involves everyone
    5. 5. THOMAS PHINNEY (@THOMASPHINNEY): FONT DETECTIVE, EXTRA BOLD
    6. 6. Don’t use fonts that didn’t exist at the time your document was supposedly created “The Quarterback Conundrum”
    7. 7. Don’t use a widely- available script font when your document is hand-drawn calligraphy. “The Reprehensible Rabbi”
    8. 8. MARIA GIUDICE (@MGIUDICE), “INNOVATION STARTS AT THE TOP”
    9. 9. 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”
    10. 10. STEVE FISHER (@HELLOFISHER), “THE WHY OF UX DESIGN”
    11. 11. Everyone can describe “what” a zombie movie is about. Few can describe “how” a zombie movie is produced. Fewer still can describe “why” zombie movies fascinate us. ZOMBIES!
    12. 12. NISHANT KOTHARY (@RAINYPIXELS), “THE HONEY BADGER WAY”
    13. 13. 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
    14. 14. HEATHER GOLD (@HEATHR), “THE WEB AS PERFORMANCE ART”
    15. 15. The thrill of the web is talking to other people Social media today is “algorithmic” – based on social objects PERSONAL INTERACTION
    16. 16. 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
    17. 17. THOMAS WESTER (@WESTERT), “STEEL WIRES AND TREADMILLS”
    18. 18. TIM FRICK (@TIMFRICK) & RUSS UNGER (@RUSSU), “CONTENT STRATEGY: YOU’RE SOAKING IN IT”
    19. 19. JARED M. SPOOL (@JMSPOOL), “MOBILE & UX: IN THE EYE OF THE PERFECT STORM”
    20. 20. ANDREW MOTTAZ, “LEAN UX” Giant spec doc Shared understanding Prototype the backlog (shadow sprints) Internal and external validation
    21. 21. BRAD FROST (@BRAD_FROST), “FOR A FUTURE-FRIENDLY WEB”
    22. 22. PRINCIPLES OF ADAPTIVE DESIGN Ubiquity Flexibility Performance Enhancement Future-Friendly
    23. 23. KEVIN HOYT (@KRHOYT), “EXPLORING CANVAS” kevinhoyt.com/presentations/getting-canvas
    24. 24. THOMAS PHINNEY (@THOMASPHINNEY), “CSS3 OPENTYPE”
    25. 25. DANA CHISNELL (@DANACHIS), “KICKSTARTING CIVIC DESIGN”
    26. 26. JASON CRANFORD TEAGUE, “TRUST ME, I’M A DESIGNER”
    27. 27. 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.
    28. 28. CAROLYN CHANDLER (@CHANAN), “THE BUSINESS OF PLAY”
    29. 29. 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
    30. 30. NATHAN SHEDROFF (@NATHANSHEDROFF), “WAVING ARMS AND YELLING” YouTube: “make it so macworld”
    31. 31. http://webvisionsevent.com MORE INFO / SLIDES
    32. 32. Kevin Zurawel kzurawel@tribune.com @kzurawel THANKS!

    ×