Differences between revisions 604 and 607 (spanning 3 versions)

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

Articles, slides and videos on 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.
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.

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.

Pages in this wiki

Regular pages	All regular pages
<<SiteIndex(count=True,subpages=False)>>	<<SiteIndex>>
System pages	All system pages
<<SiteIndex(count=True,subpages=False,system_pages=True,regular_pages=False)>>	<<SiteIndex(system_pages=True,regular_pages=False)>>

-  ⇤ ← Revision 604 as of 2015-06-25 12:22:56 → 
  Size: 2771
  Editor: shoobe01
  Comment:
+   ← Revision 607 as of 2019-12-04 17:40:25 → ⇥
  Size: 3113
  Editor: shoobe01
  Comment:
-Deletions are marked like this.
+Additions are marked like this.
 Line 14:
-[[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.
+[[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.
-Line 19:
+Line 21:
- * [[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://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 38:
+Line 40:
+-----

= Pages in this wiki =

||'''Regular pages'''||'''All regular pages'''||
||<<SiteIndex(count=True,subpages=False)>>||<<SiteIndex>>||
||'''System pages'''||'''All system pages'''||
||<<SiteIndex(count=True,subpages=False,system_pages=True,regular_pages=False)>>||<<SiteIndex(system_pages=True,regular_pages=False)>>||