creating future friendly design systems
Mobile is up 23% compared to what it had been (source)
591.4% revenue growth on Android devices (source)
377.6% revenue growth on iPhone (source)
99% increase in unique visitors (source)
Providing the Optimal Experience Based on Device Capabilities
@media screen and (min-width: 960px) { // styles here } @media screen and (max-width: 720px) { // styles here } @media screen and (max-width: 320px) { // styles here } @media screen and (orientation:landscape) { // styles here }
GPS, screen density and touch capabilities.
One Content Base
One Code Base
Device Blur
Future Friendly
Discovery, design, development, and deployment
Fastest and low-risk approach to create a better experience for users.
Content First
Determine A Content & Feature Baseline
Mobile First
Conditionally Add Content / Don't Hide / Performance is Design
Touch Friendly
Tap Areas, Touch Interactions, Gestures
Existing Content, CMS, etc.
Will not happen over night, do plenty of research
@degdigital
github.com/degdigital
github.com/dmmendez
github.com/heaper
github.com/briangraves
github.com/jlawhorn