417
Comment:
|
2757
|
Deletions are marked like this. | Additions are marked like this. |
Line 1: | Line 1: |
= Mobile Design Patterns Library = {{attachment:pattern-wiki.png}} |
[[Designing Mobile Interfaces|{{attachment:book.png|Designing Mobile Interfaces, by Steven Hoober & Eric Berkman.|align="center"}}]] ~+[[Designing Mobile Interfaces|Patterns book]]+~ Buy the O'Reilly book Designing Mobile Interfaces or read it right here. |
Line 4: | Line 5: |
== Introduction == | [[Designing Mobile Interfaces|{{attachment:book.png|Designing Mobile Interfaces, by Steven Hoober & Eric Berkman.|align="top"}}]] ~+[[Designing Mobile Interfaces|Patterns book]]+~ Buy the O'Reilly book Designing Mobile Interfaces or read it right here. [[http://4ourth.com/Touch|{{attachment:touch.png|The only touchscreen guidelines you need.|align="top"}}]] ~+[[http://4ourth.com/Touch|Touch guidelines]]+~ The definitive, up-to-date, reseach-based guidelines on designing for fingers, touch and people. [[http://4ourth.com/TouchTemplate|{{attachment:touchtemplate.png|Buy a 4ourth Mobile Touch Template.|align="top"}}]] ~+[[http://4ourth.com/TouchTemplate|Touch Template]]+~ A cheap, simple, plastic guide to help you keep the touch guidelines in mind during design and test. * [[http://4ourth.com/TouchTemplate|Touch Overlays]]: Free stencils for use in your favorite wireframe or mockup tool, as long as it's INDD, AI, PSD, Graffle, VSD, or PPT. * [[http://shoobe01.wufoo.com/forms/contact-4ourth-mobile/|Contact]]: With any comments, questions, corrections or to hire us for consulting or speaking. * [[Not Desktop, But Not Quite Mobile|Other devices]]: The patterns in Designing Mobile Interfaces are really best applied to small, portable devices. Here's some info and leads on other devices you may need to work on. * [[Mentions, Reviews & Other Writing|Writing]]: * [[Speaking]]: [[http://www.slideshare.net/shoobe01|Slideshare]] | [[https://www.youtube.com/user/shoobe01|YouTube]] | [[https://www.flickr.com/search/?w=10316450@N03&q=designing%20mobile%20interfaces|Flickr]] | [[https://www.linkedin.com/in/shoobe01|LinkedIn]] | [[https://www.flickr.com/search/?w=10316450@N03&q=designing%20mobile%20interfaces|Google+]] | [[https://twitter.com/shoobe01/|Twitter]] | [[https://www.facebook.com/shoobe01|Facebook]] | [[https://www.behance.net/shoobe01|Behance]] [[http://medium.com/@shoobe01|A few Medium articles]] | [[http://shoobe01.blogspot.com/|An old Blog]] |
Line 7: | Line 27: |
{{{#!wiki comment/dotted '''Please Add Your Thoughts''' This is a wiki on purpose. We want the entire community to help with this effort. }}} |
|
Line 12: | Line 28: |
{{{#!wiki comment/dotted This is a wiki parser section with class "comment dotted" (see HelpOnParsers). |
|
Line 15: | Line 29: |
Its visibility gets toggled the same way. }}} |
----- |
Line 18: | Line 31: |
== Patterns == | == Fingers, Touch & People == If there's anything I'm the expert on now, it's how people hold and touch their mobile phones and tablets. I'm trending towards fully writing a smallish book on it. I am working on it [[Fingers, Touch & People|over hereabouts]], but since it'll be a mess for a long while, just check out the [[http://www.4ourth.com/Touch|Touch]] overview page for the most current complete articles, presentations, videos, guidelines and references. |
Patterns book Buy the O'Reilly book Designing Mobile Interfaces or read it right here.
Patterns book Buy the O'Reilly book Designing Mobile Interfaces or read it right here.
Touch guidelines The definitive, up-to-date, reseach-based guidelines on designing for fingers, touch and people.
Touch Template A cheap, simple, plastic guide to help you keep the touch guidelines in mind during design and test.
Touch Overlays: Free stencils for use in your favorite wireframe or mockup tool, as long as it's INDD, AI, PSD, Graffle, VSD, or PPT.
Contact: With any comments, questions, corrections or to hire us for consulting or speaking.
Other devices: The patterns in Designing Mobile Interfaces are really best applied to small, portable devices. Here's some info and leads on other devices you may need to work on.
Slideshare | YouTube | Flickr | LinkedIn | Google+ | Twitter | Facebook | Behance
A few Medium articles | An old Blog
Fingers, Touch & People
If there's anything I'm the expert on now, it's how people hold and touch their mobile phones and tablets. I'm trending towards fully writing a smallish book on it. I am working on it over hereabouts, but since it'll be a mess for a long while, just check out the Touch overview page for the most current complete articles, presentations, videos, guidelines and references.