+Current UX Trends and ToolsBen Snyder / Little Wing Marketing / Wilmington, NCabetteruserexperience.com@BUXofficial
A Bit About Myself   Owner of Little Wing Marketing:    littlewingmarketing.com   Co-Editor of A Better User Experience:...
Today’s Agenda   UX trends   Find out if you’re a UX hater (like Abby Covert)   UX as a philosophy   UX as a disciplin...
Trends in UX   UX is becoming better known in business, even among small    businesses   While this is true, there’s sti...
Abby Covert aka Abby the IA            Independent Information            Architect            http://abbytheia.wordpress....
“There’s no such thing as a UX designer.”                    – Abby Covert           Independent Information Architect
UX Is Your Own Shiny Silo
“If you work for a companythat wants UX but you neverget to talk to a user, you’remaking shit up.”                       –...
“UX” As a Term Lacks SpecificityUX is not a thing. You can’t call a guy to comepreform UX on your website to make itperfor...
UX is a philosophy.UX philosophy says that business goalscan best be achieved by creating anexperience that satisfies the ...
UX Includes These Disciplines   Business   Information Architecture   Interaction Design   Graphic Design   Programmi...
Creating a better userexperience is a result,not a tool.
UX is a discipline.UX doesn’t live in its own silo. It informsall of the other silos. The philosophy of UXaffects all of t...
Peter Morvilles UX HoneycombThe Seven Stations of UX
Peter Morvilles UX HoneycombAssociate the Area                        Business                        Information Archit...
A Typical Design Process   Define the Needs/Goals   Write the specs   Create the Information Architecture   Create the...
Ways to Involve the User   Best practices   3rd party research   Analytics/Observation   Talk to them
UX Tools   Like the term UX, it’s an umbrella term and refers to a wide    variety of tools used in the design process. ...
Step 1: Define the Needs & GoalsTesting Tools   Are you solving the right problem?
Step 1: Define the Needs & GoalsTesting Tools
Step 1: Define the Needs & GoalsTesting Tools
Step 1: Define the Needs & GoalsTesting Tools
Step 1: Define the Needs & GoalsTesting Tools
Step 2: Write Out the Specs3rd Party Research
Step 2: Write Out the SpecsDesign & Collaboration Tools           www.workflowly.com
Step 2: Write Out the SpecsDesign & Collaboration Tools           www.exobrain.com
Step 3: Information ArchitectureDesign & Collaboration Tools
Step 3: Information ArchitectureDesign & Collaboration Tools
Step 3: Information ArchitectureDesign & Collaboration Tools
Step 3: Information ArchitectureDesign & Collaboration Tools
Step 3: Information ArchitectureDesign & Collaboration Tools
Step 3: Information ArchitectureDesign & Collaboration Tools
Step 3: Information ArchitectureDesign & Collaboration Tools
Step 3: Information ArchitectureDesign & Collaboration & Testing Tools
Step 3: Information ArchitectureTesting Tools
Step 3: Information ArchitectureTesting Tools
Step 3: Information ArchitectureTesting Tools
Step 3: Information ArchitectureTesting Tools
Step 3: Information ArchitectureTesting Tools
Step 3: Information ArchitectureTesting Tools
Step 3: Information ArchitectureTesting Tools
Step 3: Information ArchitectureTesting Tools
Step 3: Information ArchitectureTesting Tools
Step 3: Information ArchitectureTesting Tools
Step 3: Information ArchitectureTesting Tools
Step 4: Interaction Design3rd Party Research          interaction-design.org
Step 4: Interaction Design3rd Party Research
Step 4: Interaction DesignTools
Step 5: Create the Visual Design3rd Party Research                        “The Principles of Great Graphic Design,” Matt ...
Step 5: Create the Visual DesignTesting Tools
Step 6: Coding, Testing & QAUser Testing Tools
Step 6: Coding, Testing & QAUser Testing Tools
Step 6: Coding, Testing & QAUser Testing Tools
Step 6: Coding, Testing & QAUser Testing Tools
Step 6: Coding, Testing & QAUser Testing Tools
Step 6: Coding, Testing & QAUser Testing Tools
Step 6: Coding, Testing & QAUser Testing Tools
A Typical User Centered DesignProcess   Define the Needs/Goals   Write the specs   Create the Information Architecture...
Step 7: Data Collection & AnalysisAnalytics Tools
Step 7: Data Collection & AnalysisSmarter Metrics With Event Tracking
Step 7: Data Collection & AnalysisSmarter Metrics With A/B Testing
Step 7: Data Collection & AnalysisSmarter Metrics With A/B Testing
Step 7: Data Collection & AnalysisAnalytics Tools
Step 7: Data Collection & AnalysisAnalytics Tools
Step 7: Data Collection & AnalysisAnalytics Tools
Step 7: Data Collection & AnalysisAnalytics Tools
Step 7: Data Collection & AnalysisAnalytics Tools
Step 7: Data Collection & AnalysisAnalytics Tools
6 Things Your Homepage Must Do(To Keep From Sucking)   Needs to speak the users language   Needs to communicate who the ...
Needs to speak the users languageBad!
Needs to speak the users languageGood!
Needs to communicate who thecustomer isBad!
Needs to communicate who thecustomer isGood!
Needs to communicate your corebenefitsBad!
Needs to communicate your corebenefitsGood!
Needs to show passion for theproductBad!
Needs to show passion for theproductGood!
It needs to build trustBad!
It needs to build trustGood!
It must drive the user into the salesfunnelBad!
It must drive the user into the salesfunnelGood!
6 Things Your Homepage Must Do(To Keep From Sucking)   Needs to speak the users language   Needs to communicate who the ...
Trends in UX   UX is becoming better known in business, even among small    businesses   While this is true, there’s sti...
Thanks for coming!                     Ben Snyder                     Little Wing Marketing                     littlewing...
Upcoming SlideShare
Loading in …5
×

Trends & Tools in UX

2,255 views

Published on

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

Published in: Education
2 Comments
7 Likes
Statistics
Notes
No Downloads
Views
Total views
2,255
On SlideShare
0
From Embeds
0
Number of Embeds
167
Actions
Shares
0
Downloads
54
Comments
2
Likes
7
Embeds 0
No embeds

No notes for slide

Trends & Tools in UX

  1. 1. +Current UX Trends and ToolsBen Snyder / Little Wing Marketing / Wilmington, NCabetteruserexperience.com@BUXofficial
  2. 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, Foo Fighters, Pink, Busta Rhymes, Mariah Carey, Brooks & Dunn, Martina McBride, Etta James, and dozens more
  3. 3. Today’s Agenda UX trends Find out if you’re 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. 4. Trends in UX UX is becoming better known in business, even among small businesses While this is true, there’s still a lot of FUD about UX Because this is hard, UX is still routinely tacked on, not baked in We’re finding smarter metrics More data, more granularity, and more real time data Flexibility Through Standardization
  5. 5. Abby Covert aka Abby the IA Independent Information Architect http://abbytheia.wordpress.com @Abby_the_IA Her diverse portfolio includes work for among others: Herman Miller, Kraft Foods, Sharpie, JELL-O, Prismacolor, Expo Markers, Valspar, KMART, Taco Bell, KFC, State Farm and The United States Postal Service, BlueCross BlueShield, JSTOR, Fidelity Investments, Bank of America, The Hartford Insurance.
  6. 6. “There’s no such thing as a UX designer.” – Abby Covert Independent Information Architect
  7. 7. UX Is Your Own Shiny Silo
  8. 8. “If you work for a companythat wants UX but you neverget to talk to a user, you’remaking shit up.” – Abby Covert Independent Information Architect
  9. 9. “UX” As a Term Lacks SpecificityUX is not a thing. You can’t 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. 10. UX is a philosophy.UX philosophy says that business goalscan best be achieved by creating anexperience that satisfies the users needs.
  11. 11. UX Includes These Disciplines Business Information Architecture Interaction Design Graphic Design Programming Marketing User Testing Data & Analytics
  12. 12. Creating a better userexperience is a result,not a tool.
  13. 13. UX is a discipline.UX doesn’t 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. 14. Peter Morvilles UX HoneycombThe Seven Stations of UX
  15. 15. Peter Morvilles UX HoneycombAssociate the Area  Business  Information Architecture  Interaction Design  Graphic Design  Programming  Marketing  User Testing  Data & Analytics
  16. 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. 17. Ways to Involve the User Best practices 3rd party research Analytics/Observation Talk to them
  18. 18. UX Tools Like the term UX, it’s an umbrella term and refers to a wide variety of tools used in the design process. These tools can be neatly divided into three groups:  Design & collaboration tools  Testing tools  Analytics tools For a complete list of tools visit
  19. 19. Step 1: Define the Needs & GoalsTesting Tools Are you solving the right problem?
  20. 20. Step 1: Define the Needs & GoalsTesting Tools
  21. 21. Step 1: Define the Needs & GoalsTesting Tools
  22. 22. Step 1: Define the Needs & GoalsTesting Tools
  23. 23. Step 1: Define the Needs & GoalsTesting Tools
  24. 24. Step 2: Write Out the Specs3rd Party Research
  25. 25. Step 2: Write Out the SpecsDesign & Collaboration Tools www.workflowly.com
  26. 26. Step 2: Write Out the SpecsDesign & Collaboration Tools www.exobrain.com
  27. 27. Step 3: Information ArchitectureDesign & Collaboration Tools
  28. 28. Step 3: Information ArchitectureDesign & Collaboration Tools
  29. 29. Step 3: Information ArchitectureDesign & Collaboration Tools
  30. 30. Step 3: Information ArchitectureDesign & Collaboration Tools
  31. 31. Step 3: Information ArchitectureDesign & Collaboration Tools
  32. 32. Step 3: Information ArchitectureDesign & Collaboration Tools
  33. 33. Step 3: Information ArchitectureDesign & Collaboration Tools
  34. 34. Step 3: Information ArchitectureDesign & Collaboration & Testing Tools
  35. 35. Step 3: Information ArchitectureTesting Tools
  36. 36. Step 3: Information ArchitectureTesting Tools
  37. 37. Step 3: Information ArchitectureTesting Tools
  38. 38. Step 3: Information ArchitectureTesting Tools
  39. 39. Step 3: Information ArchitectureTesting Tools
  40. 40. Step 3: Information ArchitectureTesting Tools
  41. 41. Step 3: Information ArchitectureTesting Tools
  42. 42. Step 3: Information ArchitectureTesting Tools
  43. 43. Step 3: Information ArchitectureTesting Tools
  44. 44. Step 3: Information ArchitectureTesting Tools
  45. 45. Step 3: Information ArchitectureTesting Tools
  46. 46. Step 4: Interaction Design3rd Party Research interaction-design.org
  47. 47. Step 4: Interaction Design3rd Party Research
  48. 48. Step 4: Interaction DesignTools
  49. 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. 50. Step 5: Create the Visual DesignTesting Tools
  51. 51. Step 6: Coding, Testing & QAUser Testing Tools
  52. 52. Step 6: Coding, Testing & QAUser Testing Tools
  53. 53. Step 6: Coding, Testing & QAUser Testing Tools
  54. 54. Step 6: Coding, Testing & QAUser Testing Tools
  55. 55. Step 6: Coding, Testing & QAUser Testing Tools
  56. 56. Step 6: Coding, Testing & QAUser Testing Tools
  57. 57. Step 6: Coding, Testing & QAUser Testing Tools
  58. 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. 59. Step 7: Data Collection & AnalysisAnalytics Tools
  60. 60. Step 7: Data Collection & AnalysisSmarter Metrics With Event Tracking
  61. 61. Step 7: Data Collection & AnalysisSmarter Metrics With A/B Testing
  62. 62. Step 7: Data Collection & AnalysisSmarter Metrics With A/B Testing
  63. 63. Step 7: Data Collection & AnalysisAnalytics Tools
  64. 64. Step 7: Data Collection & AnalysisAnalytics Tools
  65. 65. Step 7: Data Collection & AnalysisAnalytics Tools
  66. 66. Step 7: Data Collection & AnalysisAnalytics Tools
  67. 67. Step 7: Data Collection & AnalysisAnalytics Tools
  68. 68. Step 7: Data Collection & AnalysisAnalytics Tools
  69. 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. 70. Needs to speak the users languageBad!
  71. 71. Needs to speak the users languageGood!
  72. 72. Needs to communicate who thecustomer isBad!
  73. 73. Needs to communicate who thecustomer isGood!
  74. 74. Needs to communicate your corebenefitsBad!
  75. 75. Needs to communicate your corebenefitsGood!
  76. 76. Needs to show passion for theproductBad!
  77. 77. Needs to show passion for theproductGood!
  78. 78. It needs to build trustBad!
  79. 79. It needs to build trustGood!
  80. 80. It must drive the user into the salesfunnelBad!
  81. 81. It must drive the user into the salesfunnelGood!
  82. 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. 83. Trends in UX UX is becoming better known in business, even among small businesses While this is true, there’s still a lot of FUD about UX Because this is hard, UX is still routinely tacked on, not baked in We’re finding smarter metrics More data, more granularity, and more real time data Flexibility Through Standardization
  84. 84. Thanks for coming! Ben Snyder Little Wing Marketing littlewingmarketing.com abetteruserexperience.com @littlewingowl @BUXofficial (732) 300-9700 ben@littlewingmarketing.comFind a complete list of UX Tools at UXpuppy.com!

×