responsive principles
DESCRIPTION
Presented at Float Mobile eLearning Symposium, at Chicago TechWeek, on 25 July 2012. Buzzwords and trends in design, development and process hold much weight in our industries, and foster much arguing and staking out of opposite positions. But more of these are in fundamental agreement than is generally acknowledged, and merging approaches, much like collaborating with a varied team, can yield the most useful results.Steven will discuss the underlying principles of responsive & fluid design, progressive enhancement, adaptive design, device detection, multi-platform design, cross-platform development processes, and mobile device capabilities. He will present one possible unifying theory of how you can not just develop the shiniest iOS app, but design the best experience for your users, on every screen and with every interaction.TRANSCRIPT
1
Responsive Principles
More than designing for size
@shoobe01 #float2012
22
Learn by typing, talking, and sharing.
33
Select a platform first, right?
44
Lies, damned lies, and statistics.
55
You are screwing yourself.
66
Fragmentation is great.
77
Design for every platform, and every screen.
88
Design responsively, right?
99
Responsive design isn’t new.
1010
But that’s okay.
1111
Device detection and server-side software.
1212
RESS isn’t new, either.
1313
But it’s a convenient acronym.
1414
1515
Design beyond pixels.
1616
Percent? Em? Point, pica, mm, inch, twip.
1717
Design for the real world.
1818
1919
2020
2121
2222
2323
Respond to more than scale.
2424
2525
Principles > Patterns > Templates > Pages
2626
Features != pages
2727
2828
Design for every screen.
2929
Then design for each screen.
3030
Enhance for each platform.
3131
Stick to your principles.
3232
Design to make decisions.
3333
Products, not platforms.
3434
Customers, not users.
3535
Is it still any good?
3636
Is it still the right thing to make?
3737
Then change your principles.
3838
Execute for every screen.
3939
Data and services first.
4040
Build for the future.
4141
Layers and planning.
4242
Do everything once.
4343
Platform teams should borrow and cheat.
4444
Yes.
4545
4646
Don’t copy that last chart.
4747
Actually, don’t copy anything I’ve done.
4848
Principles > Patterns > Templates
4949
Principles > Practices > Tactics
5050
Responsive,native,physical,buildable,extensible.