AMLOLUXPEN

Agile, mobile first, lo-fi prototyping, lean UX and progressive enhancement work hand in hand to deliver user/experience focussed, proven sites/apps

Transcript

1. AMLOLUXPEN
2. ++++Agile ++++Mobile First ++++Lo Fi prototyping ++++Lean UX ++++Progressive Enhancement
3. • Look at each approach • Identify key themes • What we get out of it • Challenges • Questions / Thoughts / Boos from the cheap seats…
4. These methodologies have some core principles and rules of thought that actually work together quite nicely
5. Macro and micro levels of iterative improvements aimed to deliver most value
6. Maintain a focus on experience and design and recognise experience as critical to success
7. 4 Principles: Standards Progressive Enhancement Performance Agility
8. Typically start with a problem, a challenge, a goal – something someone wants to do or make happen…
9. Once we understand the problem and its context, we use our skills and experience to begin designing solutions
10. A design is a solution to a problem. But, it’s a hypothesis. Its what we ‘think’ could be the solution. Until tested we don’t know if it will work.
11. Real value in being able to evaluate early and apply our learning Real value in asking the big questions early Real value in focussing on a MVP
12. • Look at each approach (a quick refresher)
13. Agile Take a step towards our goal, learn, apply the learning and take another step Continuous improvement Adapt to change Focus on collaboration and communication Define MVP – minimal viable product
14. Lest we forget
15. Agile Iterative improvements and enhancements Focus on MVP Deliver most value Deliver the skateboard – not the wheel…
16. Mobile First As much a mindset as a technical approach Make device thinking critical in our approach – focuses us on what we really need in terms of: Performance Interactions Accessibility Content centricity User journeys and ability to perform tasks Readability
17. “Designing for the constraints of mobile is useful – if we get the fundamentals of the service working on small screens and slow network speeds, it can work on more capable devices.” Gov.uk ‘Register’ to vote design https://designnotes.blog.gov.uk/2014/07/14/things-we-learnt-designing-register-to-vote/
18. It’s easier to discover what to add than what to remove
19. Mobile First Iterative improvements and enhancements – start thinking about the small screen and work up. Focus on MVP Focus on experience and performance
20. LoFi prototypes Our aim is rapidly test some theories and approaches with minimal effort/risk/cost. Start on paper Use tools your comfortable with Collaborate Get to the browser sharpish
21. New projects – the output of the lofi process will start to shape the design patterns and styles we need. For an existing project, lofi prototypes could utilise the building blocks provided by an existing style guide
22. LoFi prototypes Rapid testing of ideas / design hypothesis Collaborative working on problem Focus on big challenges, don’t waste time polishing untested ideas Focus on iteration and enhancements Focus on UX
23. Lean UX Make the UX process part of the agile approach Collaborative and emergent design – talk with users/clients/customers Define a design language – style guides and beyond Interface design Interaction design IA
24. Lean UX Collaborative working on problem Focus on iteration and enhancements Focus on UX Focus on MVP (not at the expense of UX)
25. Progressive Enhancement Semantic DOM structures Content focussed Don’t break the web Standard technologies Start with form submission – enhance to ajax Rich interface and interactions
26. Progressive Enhancement Rapid development from prototypes Focus on iteration and enhancements and MVP Focus on UX Focus on devices Early delivery of working code. All the usual good stuff – SEO, semantics, Accessibility etc
27. • Identify key themes
28. When we use these approaches together we find synergies that make our lives easier, focus on experience and deliver to a vision based on evidence (testing)
29. MVP Iteration and enhancement – learning loops Devices Experience and UX Collaboration Early prototyping and delivery Start with what you know
30. Apply key themes Use what you know Be quick, learn, improve Stay agile Keep UX a goal at all stages Allow an emergent, iterative, solution that really can deliver working software early on Focus on making the smallest step for the biggest value Focus on adding incremental enhancements Focus on testing the hypothesis as we go
31. • What do we get out of it
32. A supreme sense of happiness and wellbeing
33. Hopefully starting to become obvious…
34. Defined MVP you can deliver to Well structured codebase Code quality Proven solution Focus on experience esp. across devices Unified design language aligned with the business vocabulary Collaboration – maintain the conversation
35. A more harmonious process that generally makes your job easier / rewarding / fun / efficient / engaging
36. • Challenges
37. “There needs to be a revolution in the marketing world. It’s such a bloated process, full of wasted energy.” http://www.thoughtworks.com/p2magazine/issue02/continuous-design/
38. Remaining challenges Not a magic bullet – like all things there is a balance – pick what works for you We still need to be able to communicate our ideas with clients and sometimes this will need a fairly high def vision. Progressive enhancement and mobile first can both be hampered by some js frameworks Ways of working – moving to a more collaborative approach whilst maintaining value – UX team critical to this
39. • Questions / Thoughts / Boo’s from the cheap seats…
40. Like to see more boards up, more ideas kicking around – I know you’ve all got them…