390
Comment:
|
2256
|
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.}}]] |
Line 4: | Line 3: |
== Introduction == An intro needs to go here... |
|
Line 7: | Line 4: |
{{{#!wiki red/solid '''Please Add Your Thoughts''' |
* [[Designing Mobile Interfaces|Patterns book]]: Buy the O'Reilly book Designing Mobile Interfaces or read it right here. * [[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|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. |
Line 10: | Line 9: |
This is a wiki on purpose. We want the entire mobile design community to help with this effort. Even if you disagree, add your thoughts. For very significant changes, please add comments. }}} |
* [[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. |
Line 13: | Line 12: |
== Patterns == | * [[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]] ----- == 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.
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.