The document discusses embracing mobile-first design strategies and responsive web design patterns. It defines mobile-first as working within constraints, enabling rich interactions for always-on, social, and personal mobile use while targeting the mobile market. The document considers when a mobile solution is needed based on users, their site usage context, and location. It also compares web versus native mobile apps and stresses bringing together content writers, designers, and engineers to create a mobile-first strategy with content preceding design.

2. Welcome!
 Embracing mobile first design strategies
 Responsive web design patterns
 Q & A
 Lightning talks
https://www.facebook.com/groups/hyd.design.and.dev/

3. Embracing
MOBILE FIRST
design strategies

4. 1 BILLION +
mobile users world wide

5. What is mobile first?
 Work within constraints
 Rich interactions
 Always on, social, personal
 Target the market

6. Do I need a mobile solution?
 Who is your user?
 Why are they using your site or web
application?
 Where will they be when visiting your
site or web application?

7. Creating a Mobile First strategy
Web or Native Apps?
Don’t do it alone! Bring along your pals:
 Content writers
 Designers
 Engineers

8. Web or Native Apps?
 Web
– Not everyone will download your app
– Links to go websites not to apps
– Users search online
 Native Apps
– Personalized
– Able to exploit gestures
– Improve customer interaction & retention

9. “Content precedes design.
Design in the absence of
content is not design, it’s
decoration.”
@zeldman

10. Content Writers
 Content first
 Hard core, soft periphery
 Hierarchy

11. Designers
 Design for content
 Design for access
 Task oriented experience
 Exploit analytics

13. Engineers
 Use frameworks, don’t reinvent the wheel
 Graceful degradations
 Good defaults
 your designer – design-evelopment

14. The future is bright!

16. About
 Design & Product consultant: Allegiance
 Founder: Zuri Labs
 Contact me:
– hello@zurilabs.com
– http://www.linkedin.com/in/tulsid
– @tulsid