Differences between revisions 9 and 608 (spanning 599 versions)
Revision 9 as of 2010-10-14 05:21:50
Size: 417
Editor: shoobe01
Comment:
Revision 608 as of 2019-12-04 17:40:56
Size: 2775
Editor: shoobe01
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|{{attachment:book.png|Designing Mobile Interfaces, by Steven Hoober & Eric Berkman.|align="left"}}]]~+[[Designing Mobile Interfaces|Patterns book]]+~
Line 4: Line 3:
== Introduction == Buy the O'Reilly book Designing Mobile Interfaces, or read it all right here for free.

<<BR>>

[[http://4ourth.com/Touch|{{attachment:touch.png|The only touchscreen guidelines you need.|align="left"}}]]~+[[http://4ourth.com/Touch|Touch guidelines]]+~

Articles, slides and videos on the definitive, up-to-date, reseach-based guidelines on designing for fingers, touch and people.

<<BR>>
<<BR>>

[[http://4ourth.com/TouchTemplate|{{attachment:touchtemplate.png|Buy a 4ourth Mobile Touch Template.|align="left"}}]]~+[[http://4ourth.com/TouchTemplate|Touch Template]]+-

A cheap, simple, plastic guide to help you keep the touch guidelines in mind during design and test.

<<BR>>
Line 7: Line 21:
{{{#!wiki comment/dotted
'''Please Add Your Thoughts'''
This is a wiki on purpose. We want the entire community to help with this effort.
}}}
 * [[http://4ourth.com/TouchOverlay/|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 12: Line 23:
{{{#!wiki comment/dotted
This is a wiki parser section with class "comment dotted" (see HelpOnParsers).
 * [[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 15: Line 26:
Its visibility gets toggled the same way.
}}}
 * [[Mentions, Reviews & Other Writing|Writing]]: A list of all the articles I have written, as well as other books and research reports I have contributed to.
 * [[Speaking]]: Ask me to speak at your event, or see slides and videos of my previous talks.
Line 18: Line 29:
== Patterns == [[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.

Designing Mobile Interfaces, by Steven Hoober & Eric Berkman.Patterns book

Buy the O'Reilly book Designing Mobile Interfaces, or read it all right here for free.


The only touchscreen guidelines you need.Touch guidelines

Articles, slides and videos on the definitive, up-to-date, reseach-based guidelines on designing for fingers, touch and people.



Buy a 4ourth Mobile Touch Template.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.

  • Writing: A list of all the articles I have written, as well as other books and research reports I have contributed to.

  • Speaking: Ask me to speak at your event, or see slides and videos of my previous talks.

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.

Index (last edited 2019-12-04 17:45:44 by shoobe01)