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