Download as PDF, PPTX
More Related Content
Similar to 2014 Evolving Your UX Process 1up
2014 Evolving Your UX Process 1up
- 1. Evolving Your UX Process TomBrinck simplytom@me.com Total Experience Design 2014 Nov. 17, 2014 3:30-4:30
- 2. About me Diamond Bullet President/co-founder Webdesign & development 100s of clients U. of Michigan / Academy of Art Adjunct Instructor, UI/UX A9/Amazon Creative director Advertising & search UI Samsung Sr. Dir. UX Innovations Consumer electronics product incubation
- 3. “No process” isa bad process What makes a good process? ◍ Fits users and company ◍ On-time, on-budget ◍ Helps you plan with the resources you have ◍ Fits the long-term plan: product evolution, career development ◍ Not too much overhead ◍ Minimize risks, minimize restarts and redos ◍ Validated: success metrics ◍ Gets great results, consistently
- 4. Requirements Structural Design VisualDesign Production ▨ D D D D D R S V P Define - Discover - Design - Develop - Deploy Typical waterfall
- 5.
- 6. The agile /lean philosophies ◍ Agile ▒ Non-waterfall, minimize process & tools ▒ Working software ▒ Reactive, dynamic response to change ▒ Collaboration ◍ Lean ▒ Learning loops, measuring market fit ▒ Minimal viable product
- 7.
- 8. Try & Learn Experiment:Try out process changes. If they work, adopt them. If they don’t, bail out.
- 9. Process themes ◍ Adaptivedesign ◍ Streamlined ◍ Optimized ◍ Innovative ◍ Collaborative ◍ Parallel design ◍ Concrete ◍ Evolving: The UX capabilities model
- 10. Adaptive design ◍ Startinga project with a thoughtful plan: ▒ Helps make estimates ▒ Foreshadows the design activities ▒ Begins the process of diagnosing what needs to be solved ▒ Establishes the methods you have available for solving the problems ◍ At every checkpoint evaluate unfinished design, and open issues. From your toolkit of methods, choose the best tool in the moment. Project plans are rigid & often unrelated to our activities
- 11. Adaptive design ◍ Theplan serves as a reference point, not as a straightjacket. ◍ Real projects are dynamic. Surprises happen (small & large): we discover user needs, development complexities, and feasibility limitations. We need to act constructively and efficiently on new information. bricolage (in art or literature) construction or creation from a diverse range of available things
- 12. Streamlined ◍ Deliverables areabout action (not about archives) ▒ User-centered ▒ Each deliverable has a clear takeaway, not an abstract future possible use. ▒ Summarize, prioritize ◍ Tools and time-savers: templates, checklists, heuristics ▒ Take planning down close to zero ▒ Communicate correctly ▒ Cognitive artifacts: think & remember on paper ▒ Avoid errors No wasted energy !
- 13. Optimized (for bestresults) Goal Explore the design space. Find the best design solution. Inverted pyramid process. Iterations + Variations Project in a day Start a project in a workshop, walking through every step in miniature. ◍ Root concept ◍ Target audience ◍ User interviews ◍ Personas ◍ Scenarios ◍ Task inventory ◍ Thumbnails ◍ Screen flows/IA ◍ Wireframes ◍ Storyboards ◍ Design options ◍ Layouts ◍ Functional prototype of key interactions ◍ User test Spiral model
- 14. Hill climbing Ourdesigns sample points in the design space, and we refine to improve to similar designs. Design is an applied science. Designs are embodied theories of human behavior. We test to refine those theories.
- 15. Innovative ⚗ ◍ Innovation= Solving problems ◍ Informed ▒ Do the research: user research, trends, competitors ▒ Embrace knowledge. Do not fear bias. ◍ Thinking ▒ Make time for high-level analysis ◍ Aspirational ▒ Set a high bar, do better than expected. ◍ The adjacent possible ▒ Rapidly iterate in small steps to get to large steps ▒ Know when and how much to diverge
- 16. Innovative ⚗ ◍ Brainstormingtips: Questioning the received wisdom • Brainstorm independently • Don't vote, at least not classically • Divergence: yes, for people without ideas. Convergence: for those with a lot. • Relevant: ideas fit the problem spec. • Ideas are for improving, not shooting down, but… • If an idea has no merit, put it at the bottom of the pile. • Drop pet ideas. After working through an idea, you have something specific and reasonably feasible or you have nothing. (Want to keep it? Write it down. Revisit it on your own.) Great resources ◍ Gamestorming ◍ Innovation Games
- 17. Collaborative ◍ Design ismulti-perspective. ▒ Solve all the constraints. Involve all roles and disciplines. ▒ It’s not easy: weak skills, alternate goals, alternate philosophies. ▒ Collaborate early. ◍ Pairwise problem-solving. Group-wide context sharing.
- 18. Parallel design ◍ Challenges ▒ Userscheduling ▒ … and waiting for analysis ▒ … and waiting for inspiration ◍ Use ‘em when you got ‘em & keep movin’ ◍ Evaluate using the latest, and minimize turnaround time Bottlenecks & idle cycles ☹ ▨▨ ▨ ▨ ▨ ▨ ▨ ▨ ▽ ▽ ▽ Design iterations User availability
- 19. Parallel design IA /Flow Visual design Content Interaction Backend Automate your prototyping Low to high fidelity User research - Industry research - Concept development ➤➤➤
- 20. Le Corbusier “I preferdrawing to talking. Drawing is faster, and leaves less room for lies.” Maurice Merleau-Ponty Sense and Non-Sense “Conception cannot precede execution.”
- 21. ◍ Solve theconcept first ◍ Focus on user needs ◍ Big picture priorities are the experience ◍ Details will overcommit to a false direction ◍ Your prototype is your thought. Without it, you don’t think. ◍ Avoid abstract, ungrounded discussions. ◍ Reduce risk to completion. Concrete Bottom upTop down ◈vs Do both: test grounded prototypes against high level goals, question failures of the prototype.
- 22. Build. Understand. Think.Solve. Improve. Build some more. Build. If you're talking and not building, Stop Talking. Kill cynicism: When someone says something can’t be done…Build it. If they say it’s been done before, build it as a baseline, and discover in the process that there was a lot to learn. Cultivate the mental discipline of avoiding tunnel vision, and steadily produce concrete alternatives.
- 23. Evolving UX Capabilities Model Planyour process evolution through a roadmap of increasing capabilities. 6. Transformative Don’t just deliver a product. Change the world meaningfully. 5. Insightful Design with depth, insight, and the right voice. 4. Proactive Design strategically and creatively. 3. Streamlined Design with an effective process. 2. Skillful Design well, responsibly, with skill. 1. Reactive Design for the required features. 0. Accidental Design happens because things were made.
- 24. Evolving UX Capabilities Model 0.Accidental 1. Reactive ▒ Document carefully ▒ Track status and requests ▒ Prepare proper design docs/specs ▒ Meet deadlines ▒ On budget with appropriate manpower ▒ Collaboration/customer service to other teams ▒ Collect feedback from stakeholders Let’s design if we can squeeze it in.
- 25. Evolving UX Capabilities Model 2.Skillful ▒ Heuristic eval ▒ Design reviews ▒ Establish procedures ▒ Design-quality checklists ▒ Accessibility. ▒ Browser compatibility ▒ Platform optimization: PC, phone, tablet ▒ Localization ▒ Performance optimized ▒ SEO ▒ Responsive design ▒ Quality control: style guides, process checklists I’ve learned how to do it, and I want to do it right.
- 26. Evolving UX Capabilities Model 3.Streamlined process ▒ User testing ▒ Stakeholder input ▒ Iterations & Variations ▒ Fail early - prototype early ▒ Parallel work / no bottlenecks ▒ User driven needs/formative research ▒ Secondary research ▒ Monitor reviews/social networks/buzz ▒ Quantified goals and measurement ▒ Continuous A/B testing ▒ Multiple sources of user and stakeholder feedback ▒ Resolve large questions early, minimize late disruptions and risks ▒ Thoughtful and testable rationale ▒ Rapid prototyping ▒ Stakeholder integration I’ve delivered on-time, on- budget, repeatably, and well.
- 27. Evolving UX Capabilities Model 4.Proactive ▒ Set the business agenda ▒ Strategy formulation ▒ Roadmap ▒ Risk tracking and risk strategy ▒ Scope management ▒ Leverage technologies & feasibility ▒ Leverage emerging platforms ▒ Leverage emerging business models ▒ Competitive analysis ▒ Connect to externalities: e.g.service design I’ve done the research. I’ve got a plan.
- 28. Evolving UX Capabilities Model 5.Insightful ▒ Fit ▒ Top layout, flow, language, typography, IA, content, usability ▒ Task perfection: Call to action/completion, addictiveness ▒ Immersive pow: relevant 2d, 3d, motion, video, audio, etc. ▒ OOBE ▒ Voice/perspective (of the product) ▒ Emotion/humor/playfulness ▒ Differentiated brand & style 6. Transformative ▒ New products, product categories, major new markets ▒ Design with an agenda. Be inspired/driven by that agenda. The designer’s voice. ▒ Empower people. Improve the human experience. Make the world a better place. I’ve thought about this a lot. I’m ready to propose a new point of view. Let’s do the impossible. I have the passion, the vision, the ability, and batteries fully charged.
- 29. The Action Plan ◍Get started by developing a roadmap of deltas to greater capability levels ◍ What changes can we make to our current processes? ▒ Design space exploration ▒ Continuous testing ▒ Concrete solutions from the outset ▒ Parallel design activities ▒ Adaptive optimization / bricolage
- 30. Your UX Process TomBrinck simplytom@me.com linkedin.com/pub/tom-brinck Total Experience Design 2014 Nov. 17, 2014 3:30-4:30 Evolving