execute for every screen
DESCRIPTION
There are several ways that current development processes can miserably fail users and the business when trying to launch your project on multiple platforms. Massive changes, blame, or simply not understanding your missed opportunities, are the usual results. The answer is not any of these, and certainly not to try to impose a new process. Instead, encompass all the existing processes to create a new philosophy of implementation. Avoid pitfalls and gaps, and play to the strengths of your team to operationalize a functional design and development processes. Steven will talk about methods he's devised and used with business, analysts, and developers that make everyone happy and help assure projects actually launch. Presented at D2WC in Kansas City on 17 March 2012TRANSCRIPT
![Page 1: Execute for Every Screen](https://reader038.vdocuments.mx/reader038/viewer/2022110118/5552d3a9b4c90532498b4577/html5/thumbnails/1.jpg)
1
Executing for Every Screen
Embracing everyone’s limits to expose you project’s strengths
@shoobe01 #d2wc
![Page 2: Execute for Every Screen](https://reader038.vdocuments.mx/reader038/viewer/2022110118/5552d3a9b4c90532498b4577/html5/thumbnails/2.jpg)
2
UX thinks:
Principle of Most Time: The most
elegant and simple solution to any design
problem will be the one that requires the most developer effort.
Developers think:
Every product we build is a product we build for ourselves to solve our own
problems…making decisions based on
real opinions trumps making decisions
based on imaginary opinions.
![Page 3: Execute for Every Screen](https://reader038.vdocuments.mx/reader038/viewer/2022110118/5552d3a9b4c90532498b4577/html5/thumbnails/3.jpg)
333
No more hand waves
![Page 4: Execute for Every Screen](https://reader038.vdocuments.mx/reader038/viewer/2022110118/5552d3a9b4c90532498b4577/html5/thumbnails/4.jpg)
4
Shared principles
• Modular• Iterative • Incremental• Patterns and best practices
![Page 5: Execute for Every Screen](https://reader038.vdocuments.mx/reader038/viewer/2022110118/5552d3a9b4c90532498b4577/html5/thumbnails/5.jpg)
5
Modular
Re-usable components make work quicker and more efficient, more repeatable, easier to understand for regular teams and easier to improve or fix.
Implementation:
Good programming principles (whichever you embrace) encourage re-use, consistent naming and resource allocation, and using the simplest solution.
User Experience:
We don’t draw every page and state independently, but consider the design holistically, and draw many items to be used across the product.
![Page 6: Execute for Every Screen](https://reader038.vdocuments.mx/reader038/viewer/2022110118/5552d3a9b4c90532498b4577/html5/thumbnails/6.jpg)
6
Iterative
Whether week two or release two, work is never thrown away, but improved on and expanded to become better and more capable.
Implementation:
Start simple, learn as you go from both solutions and needs of the customer/client, and build improvements on what you build before.
User Experience:
Review designs internally, with user research and by analytics when launched. Identify, learn and improve, on small and large timescales.
![Page 7: Execute for Every Screen](https://reader038.vdocuments.mx/reader038/viewer/2022110118/5552d3a9b4c90532498b4577/html5/thumbnails/7.jpg)
7
Incremental
Resources – both people and time – are limited. Deliberately break up work in an ordered manner for management, and coordination.
Implementation:
Assigning developers one task helps focus, and allows the team and management to track progress, and further split (or combine) work as needed.
User Experience:
Conceive holistically, but design in easy-to-manage chunks. Split the work to who can best perform the work, and deliver in pieces if needed for speed.
![Page 8: Execute for Every Screen](https://reader038.vdocuments.mx/reader038/viewer/2022110118/5552d3a9b4c90532498b4577/html5/thumbnails/8.jpg)
8
Patterns & Best Practices
All of our work builds on history, knowledge and evidence.
But watch out for best vs. common practices.
Implementation:
Apply existing knowledge and re-use known good solutions, but , extend and combine to meet the system needs and project goals.
User Experience:
Speeds work and constrains the problem space with libraries, patterns and stencils. Analyzes or researches to find the best solution.
![Page 9: Execute for Every Screen](https://reader038.vdocuments.mx/reader038/viewer/2022110118/5552d3a9b4c90532498b4577/html5/thumbnails/9.jpg)
99
Coordinate to collaborate
![Page 10: Execute for Every Screen](https://reader038.vdocuments.mx/reader038/viewer/2022110118/5552d3a9b4c90532498b4577/html5/thumbnails/10.jpg)
10
Planning for multiple platforms
![Page 11: Execute for Every Screen](https://reader038.vdocuments.mx/reader038/viewer/2022110118/5552d3a9b4c90532498b4577/html5/thumbnails/11.jpg)
11
There’s no time• There’s plenty of time• Scale the engagement• It pays off in the end
![Page 12: Execute for Every Screen](https://reader038.vdocuments.mx/reader038/viewer/2022110118/5552d3a9b4c90532498b4577/html5/thumbnails/12.jpg)
12
Design for every screen
• Gather information
• Design for users, tasks, and goals
• Make n assumptions about single technologies, interfaces or platforms
• Create a blueprint of the whole service… then branch out
• Design to target (end goal) experiences
![Page 13: Execute for Every Screen](https://reader038.vdocuments.mx/reader038/viewer/2022110118/5552d3a9b4c90532498b4577/html5/thumbnails/13.jpg)
1313
Constraints
![Page 14: Execute for Every Screen](https://reader038.vdocuments.mx/reader038/viewer/2022110118/5552d3a9b4c90532498b4577/html5/thumbnails/14.jpg)
1414
Development scales well
![Page 15: Execute for Every Screen](https://reader038.vdocuments.mx/reader038/viewer/2022110118/5552d3a9b4c90532498b4577/html5/thumbnails/15.jpg)
15
But the core team…
15
![Page 16: Execute for Every Screen](https://reader038.vdocuments.mx/reader038/viewer/2022110118/5552d3a9b4c90532498b4577/html5/thumbnails/16.jpg)
1616
But the holistic team…
![Page 17: Execute for Every Screen](https://reader038.vdocuments.mx/reader038/viewer/2022110118/5552d3a9b4c90532498b4577/html5/thumbnails/17.jpg)
17
Blueprint
17
![Page 18: Execute for Every Screen](https://reader038.vdocuments.mx/reader038/viewer/2022110118/5552d3a9b4c90532498b4577/html5/thumbnails/18.jpg)
18
Branch design to each platform
18
![Page 19: Execute for Every Screen](https://reader038.vdocuments.mx/reader038/viewer/2022110118/5552d3a9b4c90532498b4577/html5/thumbnails/19.jpg)
19
Serial
![Page 20: Execute for Every Screen](https://reader038.vdocuments.mx/reader038/viewer/2022110118/5552d3a9b4c90532498b4577/html5/thumbnails/20.jpg)
20
Parallel
![Page 21: Execute for Every Screen](https://reader038.vdocuments.mx/reader038/viewer/2022110118/5552d3a9b4c90532498b4577/html5/thumbnails/21.jpg)
21
Staggered
![Page 22: Execute for Every Screen](https://reader038.vdocuments.mx/reader038/viewer/2022110118/5552d3a9b4c90532498b4577/html5/thumbnails/22.jpg)
2222
Operationalize your process