Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Nov. 8, 2011 webcast desiging mobile interfaces by steven hoober

1,752 views

Published on

This webcast covers the intent of mobile patterns, and how to use them correctly in your design. Designed to be especially helpful for those migrating from other platforms, such as desktop web design. Presenter by: Steven Hoober

Published in: Technology, Business
  • Be the first to comment

Nov. 8, 2011 webcast desiging mobile interfaces by steven hoober

  1. 1. Applying Patterns toMobile DesignDesigning Mobile Interfaces:Patterns for Interaction Design 1
  2. 2. Why mobile patterns?To fill a gap in the literature:• Platform agnostic, without being technical.• Interface agnostic.• Structured and organized.• Researched and scientifically-founded. 2
  3. 3. How to use patterns• Understand the interaction and interface.• Understand the reasoning and use.• Know when not to use it.• Determine how to apply it to your design.• Codify it as a standard for your project or organization.This is what we’ll talk about today. 3
  4. 4. How to use patternsApply the right information at the right level• Grid: Viewport, scale, type, gutters, margins and columns.• Wrapper:• Templates:• Pages: 4
  5. 5. Knowing history is knowing design• We always prefer the next big thing, and follow the winners.• But this has all happened before, and it will all happen again.• Know where ideas and technologies come from, why they work, and what failed about them in the past.With a good grasp of history, you can predict the future. 5
  6. 6. Patterns are not scrapbooks• Collection is not enough.• Curation is better.• Analysis and comprehension is the key. 6
  7. 7. Patterns are universalMobile devices all share key attributes. Understand them all to understand any one. 7
  8. 8. Patterns are universal 8
  9. 9. Patterns are universalLive a mobile lifestyle:• Believe in your users, and your product.• Try out the competition.• Use mobile, even when you don’t have to.• Browse, share, tweet, photograph.• Try new things. 9
  10. 10. Patterns are generalized• Illustrative & explanatory.• Focused.• Examples can be confusing. 10
  11. 11. Patterns are organized 11
  12. 12. Patterns are organized 12
  13. 13. Patterns are explained 13
  14. 14. Patterns are explained 14
  15. 15. Patterns are explained 15
  16. 16. Patterns are best practices• Not necessarily common practice.• Not necessarily popular or fashionable.You have to know enough about why design works, and how your users work, to avoidtrendy solutions and worst practices. 16
  17. 17. Patterns are misunderstood• Reactionary. • Rote solutions.• Single view. • Too high level.• First solutions.Avoid these traps to make good design decisions. 17
  18. 18. Learn more• Buy the book: Designing Mobile Interfaces available now as an eBook, soon in print.• Visit the Wiki: Basically the whole book is up on 4ourth.com/wiki. Check back for updates.• Listen more: • Next month, right here, Avoiding the Heuristic Solution – How to take your design from functional and correct to joyful and inspiring. • In January, User Centered Execution – How to get your well-intended, well- designed systems built as you want and, and promised. 18
  19. 19. Steven Hoobershoobe01@gmail.com816 210 0455@shoobe01shoobe01 on:www.donttouchme.comwww.4ourth.com 19
  20. 20. Special Offer Visit http://oreilly.com to purchase your copy of Designing Mobile Interfaces and enter code 4CAST to save 40% off print book & 50% off ebook with special code 4CAST 20Visit http://oreilly.com/webcasts to view upcoming webcasts and online events.

×