|
Size: 357
Comment:
|
Size: 2091
Comment:
|
| 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|Patterns book]]: Read or buy the O'Reilly book Designing Mobile Interfaces. * [[4ourth.com/Touch|Touch guidelines]]: The definitive, up-to-date, reseach-based guidelines on designing for fingers, touch and people. * [[4ourth.com/TouchTemplate|Touch Template]]: A cheap, simple, plastic guide to help you keep the touch guidelines in mind during design and test. * [[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. |
| Line 4: | Line 6: |
| == Introduction == | * [[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]] [[medium.com/@shoobe01|A few Medium articles]] | [[http://shoobe01.blogspot.com/|An old Blog]] |
| Line 7: | Line 17: |
| {{{#!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 18: |
| {{{#!wiki red/solid This is wiki markup in a '''div''' with __css__ `class="red solid"`. }}} |
|
| Line 16: | Line 19: |
| == 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: Read or buy the O'Reilly book Designing Mobile Interfaces.
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.