trends & tools in ux

84
+ Current UX Trends and Tools Ben Snyder / Little Wing Marketing / Wilmington, NC abetteruserexperience.com @BUXofficial Creating a Better User Experienc e

Upload: little-wing-marketing

Post on 10-May-2015

1.795 views

Category:

Education


1 download

DESCRIPTION

This talk was originally given at the Internet Summit in Raleigh, NC on November 7, 2012. In this presentation, we tackle several topics: - ux trends - ux tools - ux as a philosophy - ux as a discipline

TRANSCRIPT

  • 1.+Current UX Trends and ToolsBen Snyder / Little Wing Marketing / Wilmington, NCabetteruserexperience.com@BUXofficial

2. A Bit About Myself Owner of Little Wing Marketing:littlewingmarketing.com Co-Editor of A Better User Experience:abetteruserexperience.com Worked on projects for: Sony, RCA, Warner Bros. Records,Universal Records, MTV, Harmonix, Burton, Ubisoft, Pantene Radiohead, Dave Matthews Band, Christina Aguilera, FooFighters, Pink, Busta Rhymes, Mariah Carey, Brooks & Dunn,Martina McBride, Etta James, and dozens more 3. Todays Agenda UX trends Find out if youre a UX hater (like Abby Covert) UX as a philosophy UX as a discipline How UX impacts the design process 28 UX tools for creating, testing & and iterating websites 6 Things Your Homepage Must Do (to Keep from Sucking) 4. Trends in UX UX is becoming better known in business, even among smallbusinesses While this is true, theres still a lot of FUD about UX Because this is hard, UX is still routinely tacked on, not baked in Were finding smarter metrics More data, more granularity, and more real time data Flexibility Through Standardization 5. Abby Covert aka Abby the IAIndependent InformationArchitecthttp://abbytheia.wordpress.com@Abby_the_IAHer diverse portfolio includes work foramong others: Herman Miller, Kraft Foods,Sharpie, JELL-O, Prismacolor, ExpoMarkers, Valspar, KMART, Taco Bell, KFC,State Farm and The United States PostalService, BlueCross BlueShield, JSTOR,Fidelity Investments, Bank of America, TheHartford Insurance. 6. Theres no such thing as a UX designer. Abby Covert Independent Information Architect 7. UX Is Your Own Shiny Silo 8. If you work for a companythat wants UX but you neverget to talk to a user, youremaking shit up. Abby CovertIndependent Information Architect 9. UX As a Term Lacks SpecificityUX is not a thing. You cant call a guy to comepreform UX on your website to make itperform better.UX encompasses a wide group of activity andthus has come to be a catch all term.Why the UX grouping in the first place? 10. UX is a philosophy.UX philosophy says that business goalscan best be achieved by creating anexperience that satisfies the users needs. 11. UX Includes These Disciplines Business Information Architecture Interaction Design Graphic Design Programming Marketing User Testing Data & Analytics 12. Creating a better userexperience is a result,not a tool. 13. UX is a discipline.UX doesnt live in its own silo. It informsall of the other silos. The philosophy of UXaffects all of the other disciplines involvedthroughout the design process. 14. Peter Morvilles UX HoneycombThe Seven Stations of UX 15. Peter Morvilles UX HoneycombAssociate the Area Business Information Architecture Interaction Design Graphic Design Programming Marketing User Testing Data & Analytics 16. A Typical Design Process Define the Needs/Goals Write the specs Create the Information Architecture Create the Interaction Design Create the Visual Design Coding, QA, testing 17. Ways to Involve the User Best practices 3rd party research Analytics/Observation Talk to them 18. UX Tools Like the term UX, its an umbrella term and refers to a widevariety of tools used in the design process. These tools can be neatly divided into three groups: Design & collaboration tools Testing tools Analytics toolsFor a complete list of tools visit 19. Step 1: Define the Needs & GoalsTesting Tools Are you solving the right problem? 20. Step 1: Define the Needs & GoalsTesting Tools 21. Step 1: Define the Needs & GoalsTesting Tools 22. Step 1: Define the Needs & GoalsTesting Tools 23. Step 1: Define the Needs & GoalsTesting Tools 24. Step 2: Write Out the Specs3rd Party Research 25. Step 2: Write Out the SpecsDesign & Collaboration Tools www.workflowly.com 26. Step 2: Write Out the SpecsDesign & Collaboration Tools www.exobrain.com 27. Step 3: Information ArchitectureDesign & Collaboration Tools 28. Step 3: Information ArchitectureDesign & Collaboration Tools 29. Step 3: Information ArchitectureDesign & Collaboration Tools 30. Step 3: Information ArchitectureDesign & Collaboration Tools 31. Step 3: Information ArchitectureDesign & Collaboration Tools 32. Step 3: Information ArchitectureDesign & Collaboration Tools 33. Step 3: Information ArchitectureDesign & Collaboration Tools 34. Step 3: Information ArchitectureDesign & Collaboration & Testing Tools 35. Step 3: Information ArchitectureTesting Tools 36. Step 3: Information ArchitectureTesting Tools 37. Step 3: Information ArchitectureTesting Tools 38. Step 3: Information ArchitectureTesting Tools 39. Step 3: Information ArchitectureTesting Tools 40. Step 3: Information ArchitectureTesting Tools 41. Step 3: Information ArchitectureTesting Tools 42. Step 3: Information ArchitectureTesting Tools 43. Step 3: Information ArchitectureTesting Tools 44. Step 3: Information ArchitectureTesting Tools 45. Step 3: Information ArchitectureTesting Tools 46. Step 4: Interaction Design3rd Party Researchinteraction-design.org 47. Step 4: Interaction Design3rd Party Research 48. Step 4: Interaction DesignTools 49. Step 5: Create the Visual Design3rd Party Research The Principles of Great Graphic Design, Matt Ward and Alexander Visible vs. Invisible Design, Francisco Inchauste, Designing Mobile User Experiences, Mike Rundle, Sketching, Wireframing and Prototyping, Janko Jovanovic, Red Flags in Web Development, Christian Heilmann, The Future of Web Typography, Vivien Anayian, Game Design Techniques Applied to UX Design, Christoph Kolb, When They Click: Psychology of Web Design, Susan Weinschenk, Design Patterns on E-Commerce Websites (A Study), Steven Bradley 50. Step 5: Create the Visual DesignTesting Tools 51. Step 6: Coding, Testing & QAUser Testing Tools 52. Step 6: Coding, Testing & QAUser Testing Tools 53. Step 6: Coding, Testing & QAUser Testing Tools 54. Step 6: Coding, Testing & QAUser Testing Tools 55. Step 6: Coding, Testing & QAUser Testing Tools 56. Step 6: Coding, Testing & QAUser Testing Tools 57. Step 6: Coding, Testing & QAUser Testing Tools 58. A Typical User Centered DesignProcess Define the Needs/Goals Write the specs Create the Information Architecture Create the Interaction Design Create the Visual Design Coding, QA, testing Ongoing Data Collection, Analysis, & Iteration 59. Step 7: Data Collection & AnalysisAnalytics Tools 60. Step 7: Data Collection & AnalysisSmarter Metrics With Event Tracking 61. Step 7: Data Collection & AnalysisSmarter Metrics With A/B Testing 62. Step 7: Data Collection & AnalysisSmarter Metrics With A/B Testing 63. Step 7: Data Collection & AnalysisAnalytics Tools 64. Step 7: Data Collection & AnalysisAnalytics Tools 65. Step 7: Data Collection & AnalysisAnalytics Tools 66. Step 7: Data Collection & AnalysisAnalytics Tools 67. Step 7: Data Collection & AnalysisAnalytics Tools 68. Step 7: Data Collection & AnalysisAnalytics Tools 69. 6 Things Your Homepage Must Do(To Keep From Sucking) Needs to speak the users language Needs to communicate who the customer is Needs to communicate the core benefits Needs to show passion for the product Needs to build trust Needs to push user into the sales funnel 70. Needs to speak the users languageBad! 71. Needs to speak the users languageGood! 72. Needs to communicate who thecustomer isBad! 73. Needs to communicate who thecustomer isGood! 74. Needs to communicate your corebenefitsBad! 75. Needs to communicate your corebenefitsGood! 76. Needs to show passion for theproductBad! 77. Needs to show passion for theproductGood! 78. It needs to build trustBad! 79. It needs to build trustGood! 80. It must drive the user into the salesfunnelBad! 81. It must drive the user into the salesfunnelGood! 82. 6 Things Your Homepage Must Do(To Keep From Sucking) Needs to speak the users language Needs to communicate who the customer is Needs to communicate the core benefits Needs to show passion for the product Needs to build trust Needs to push user into the sales funnel 83. Trends in UX UX is becoming better known in business, even among smallbusinesses While this is true, theres still a lot of FUD about UX Because this is hard, UX is still routinely tacked on, not baked in Were finding smarter metrics More data, more granularity, and more real time data Flexibility Through Standardization 84. Thanks for coming! Ben Snyder Little Wing Marketing littlewingmarketing.com abetteruserexperience.com @littlewingowl @BUXofficial (732) 300-9700 [email protected] a complete list of UX Tools at UXpuppy.com!