executing for every screen: build, launch and sustain products for your customers and business
DESCRIPTION
For the O'Reilly Webcast presented 10 July 2012 http://www.oreillynet.com/pub/e/2318TRANSCRIPT
![Page 1: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/1.jpg)
1
Executing for Every Screen
Build, launch and sustain products for your customers and business
@shoobe01 #float2012
![Page 2: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/2.jpg)
22
Responsive design is wrong.
And also, the best thing ever.
![Page 3: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/3.jpg)
33
Responsive design isn’t new.• Fluid, liquid, elastic• Media queries• CSS• Percents and points
![Page 4: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/4.jpg)
44
But that’s okay.• Buzzwords work• Design, plan, execute for multiple screens• Principles are sound
![Page 5: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/5.jpg)
55
Device detection and server-side software.
![Page 6: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/6.jpg)
66
RESS isn’t new, either.• Device detection• Customized presentation• Scale and chunk• More efficient for everyone
![Page 7: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/7.jpg)
77
Build products for people. Not for platforms.
![Page 8: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/8.jpg)
88
Select the most popular platform.
![Page 9: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/9.jpg)
99
Which web?• Trends• Analytics• Familiarity
![Page 10: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/10.jpg)
1010
Why do I need two of these?
![Page 11: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/11.jpg)
1111
Lies, damned lies, and statistics.
![Page 12: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/12.jpg)
1212
Know your market• Buzz is not data• Extrapolation errors• Tribalism and fanboys• Your analytics are probably wrong
![Page 13: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/13.jpg)
1313
You are screwing yourself.• Wasting time• Wasting resources• Missing opportunities
![Page 14: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/14.jpg)
1414
Fragmentation is great.
![Page 15: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/15.jpg)
1515
Design for every platform, and every screen.
![Page 16: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/16.jpg)
1616
![Page 17: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/17.jpg)
1717
Design beyond pixels.
![Page 18: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/18.jpg)
1818
Avoid DIPs• Em and percent• Point• Inch• mm• Twip• Etc.
![Page 19: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/19.jpg)
1919
Respond to more than scale.
![Page 20: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/20.jpg)
2020
![Page 21: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/21.jpg)
2121
Simpler:Link to email.
![Page 22: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/22.jpg)
2222User choice. Contextually.
![Page 23: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/23.jpg)
2323
![Page 24: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/24.jpg)
2424
Use device capabilities.
![Page 25: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/25.jpg)
2525
Create products, not projects.
![Page 26: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/26.jpg)
2626
Principles > Patterns > Templates > Pages
![Page 27: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/27.jpg)
2727
![Page 28: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/28.jpg)
2828
![Page 29: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/29.jpg)
2929
Features != pages• Features are features• States, views• Context and conditionality
![Page 30: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/30.jpg)
3030
First, ask questions.• What is the product?• What is the one main feature?• What problem does it solve? • Who will use it?
![Page 31: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/31.jpg)
3131
I don’t ask:• What platform?• What technology?• Is it feasible?
![Page 32: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/32.jpg)
3232
Get principles.Get buy in.Share with everyone.
![Page 33: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/33.jpg)
3333
Design systems.Design ecosystems.
![Page 34: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/34.jpg)
3434
Everyone designs.SoftwareStorageNetworksInterfacesRulesMessagingTrainingMarketingExecution
![Page 35: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/35.jpg)
3535
Design for every screen.
![Page 36: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/36.jpg)
3636
Design for every screen.• Gather – Collect info• Define – Personas, objectives• List – All possible features• Filter – Keep only what you need• Group – Cluster and establish dependencies• Prioritize – Earlier and higher, in system or backlog• Arrange – Notional interfaces
![Page 37: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/37.jpg)
3737
Then design for each screen.
![Page 38: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/38.jpg)
3838
Then design for each screen.• What platform?• What technology?• Is it feasible?
![Page 39: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/39.jpg)
3939
Design to make decisions.• Platforms and technologies.• Business rules.• Storage and transport.• Access and security.• Interoperability and legacy systems.
![Page 40: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/40.jpg)
4040
Customize each platform.• Do not degrade.• Do not enhance.• Never exclude or simplify.
![Page 41: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/41.jpg)
4141
Execute for every screen
![Page 42: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/42.jpg)
4242
Data and services first.• Design, plan.• Data and services first.• Then shared interfaces.• Prioritize major platforms.
![Page 43: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/43.jpg)
4343
Build for the future.
![Page 44: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/44.jpg)
4444
Be lazy, and cheap.• Build things once.• Fix things once.• Buy fewer servers.• Be stingy with data transfer.
![Page 45: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/45.jpg)
4545
Platform teams should borrow and cheat.
![Page 46: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/46.jpg)
4646
Multi-platform plans:• Serial.• Parallel.• Staggered.
![Page 47: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/47.jpg)
4747
![Page 48: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/48.jpg)
4848
Serial• Slow.• Inefficient.• Loss of control.• Opaque to users.• Loss of marketing opportunities.
![Page 49: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/49.jpg)
4949
![Page 50: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/50.jpg)
5050
Parallel• Resource strain.• Inefficient test.• No opportunity for changes.• Bugs re-appear.• Blown schedules.
![Page 51: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/51.jpg)
5151
![Page 52: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/52.jpg)
5252
![Page 53: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/53.jpg)
5353
![Page 54: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/54.jpg)
5454
Staggered• Inherently multi-platform.• Shared features built first.• Formalizes collaboration.• Fewer bugs.• Easily traceable.
![Page 55: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/55.jpg)
5555
Living with your product.
![Page 56: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/56.jpg)
5656
Change happens• Bugs• Catastrophic success• Competition• Leadership direction• Constant improvement• Market pressures
![Page 57: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/57.jpg)
5757
Planning your second release.
![Page 58: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/58.jpg)
5858
Planning your second release.• Bugs• Catastrophic success• Competition• Leadership direction• Constant improvement• Market pressures
![Page 59: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/59.jpg)
5959
Stick to your principles• Enterprise principles.• Financial or sales targets.• Satisfaction, recognition, referral.• User needs.• Design objectives.
![Page 60: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/60.jpg)
6060
Listen.• Usability research• Analytics• Marketing research• Ratings• Reviews• Forums
![Page 61: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/61.jpg)
6161
Move carefully. • Do not over-react.• Understand the true scale. • Plan before committing resources.• Consider consequences.
![Page 62: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/62.jpg)
6262
Change your principles.
![Page 63: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/63.jpg)
6363
Plan and launch as you live.
![Page 64: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/64.jpg)
6464
Don’t copy anything I’ve done.
![Page 65: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/65.jpg)
6565
Principles > Patterns > Templates
![Page 66: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/66.jpg)
6666
Principles > Practices > Tactics
![Page 67: Executing for Every Screen: Build, launch and sustain products for your customers and business](https://reader038.vdocument.in/reader038/viewer/2022110306/5552d3a4b4c90532498b4575/html5/thumbnails/67.jpg)
6767
Responsive,native,physical,buildable,extensible.