Download as PDF, PPTX
![1 Analyze 1 User Stories
“As a [insert role],
I want to [insert task],
so that I [insert driving
force].”](https://image.slidesharecdn.com/20140420webcontalk-140430051250-phpapp01/75/Before-Code-How-to-Plan-Visualize-Your-Project-43-2048.jpg)
Before Code: How to Plan & Visualize Your Project
- 1. Before Code How toPlan and Visualize your Project University of Illinois Web Conference • April 29, 2014 Cate Kompare @CateKompare ! Melinda Miller @melindamiller
- 2.
- 4.
- 5.
- 6.
- 7. “UX isn’t somethingyou implement, it’s an ethos.” — Aarron Walter, Director of UX at Mailchimp
- 8.
- 9. Today’s Agenda 1. IntroducingTechniques 2. When you should use them 3. How you can involve your team Resource Link: http://goo.gl/y2t2Mb
- 10. Team • Users • Stakeholders •Project Managers • Content Strategists • Writers • Information Architects • Interaction Designers • Visual Designers • Usability Testers • Developers • QA Testers • System Administrators • Wireframers
- 11. … or Team •Users • Stakeholders • You!
- 12.
- 19.
- 20.
- 21.
- 22.
- 23. 1 Research 1Organizational Research
- 24. 1 Research 1Organizational Research
- 25.
- 26. 1 Research 1User Research
- 27. 1 Research 1User Research
- 28.
- 29. 1 Research 1Competitive Review
- 30. 1 Research 1Competitive Review
- 31.
- 32. 1 Research 1Content Inventory
- 33. 1 Research 1Content Inventory
- 34. 1 Research 1Content Inventory
- 35. 1Research 1 ContentInventory
- 36. 1Research 1 ContentInventory
- 37.
- 38.
- 39. 1 Analyze 1Flow Diagrams
- 40. 1 Analyze 1Flow Diagrams (Either/Or)
- 41. 1 Analyze 1Flow Diagrams
- 42.
- 43. 1 Analyze 1User Stories “As a [insert role], I want to [insert task], so that I [insert driving force].”
- 44. 1 Analyze 1User Stories “As a speaker at the U of I Web Con, I want to give an informative talk, so that the organizers don’t regret letting me do this.”
- 45. 1 Analyze 1User Stories
- 46.
- 47. 1 Analyze 1Personas
- 48. 1 Analyze 1Personas
- 49. 1 Analyze 1Personas
- 50. 1 Analyze 1Personas Name Persona type Age Technical comfort Job Title Back story Their ideal experience Feel free to doodle! Persona Template Quote “ _” Tell us a bit about their lives What concerns do they have? Why do they need this website/service? How have they found or heard about the website? What’s stopping them from choosing the service/website or annoying them? Their story including features and content which will help them have a great experience Sum up their experience with the
- 51.
- 52.
- 53. 1 Design 1Sketchboard
- 54. 1 Design 1Sketchboard
- 55. 1 Design 1Sketchboard
- 56.
- 57. 1 Design 1Sketching
- 58. 1 Design 1Sketching
- 59. 1 Design 1Sketching
- 60.
- 61. 1 Design 1Card Sorting
- 62. 1 Design 1Card Sorting
- 63. 1 Design 1Card Sorting
- 64.
- 65. 1 Design 1Wireframe
- 66. 1 Design 1Wireframe
- 67.
- 68. 1 Design 1Wireframe
- 69.
- 70. 1 Design 1Page Tables Page Title
- 71. 1 Design 1Page Tables
- 72. 1 Design 1Page Tables
- 73. 1 Design 1Page Tables
- 74.
- 75. 1 Design 1Usability Testing
- 76. 1 Design 1Usability Testing
- 77. So now you’reready to code! Right?
- 78. Maybe not quiteyet… 1. Introducing Techniques 2. When you should use them 3. How you can involve your team
- 79. Keep on learningand connecting • UX Champaign-Urbana ‣ UX Book Club ‣ Content CU ‣ IxDA • CUDO Resource Link: http://goo.gl/y2t2Mb
- 81.
- 82. @MelindaMiller 1 @CateKompare @UXBookClub1 @ContentCU @PixoTech Thanks! Resource Link: http://goo.gl/y2t2Mb UX Cards: http://goo.gl/IoSnNi