Diff for "Index" - 4ourth Mobile Design Pattern Library

Differences between revisions 256 and 611 (spanning 355 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.

2021-06-09
	Greeking	03:39	shoobe01
2021-02-16
	Raster Design Tips	14:59	shoobe01
2020-02-03
	Mentions, Reviews & Other Writing	17:34	shoobe01 [1-6]
2019-12-04
	Index	17:45	shoobe01 [1-5]
2019-11-05
	Not Desktop, But Not Quite Mobile	23:24	shoobe01
2019-08-08
	Speaking	14:21	shoobe01
2019-06-26
	Color Deficit Design Tools	19:52	shoobe01

Contents

Fingers, Touch & People

Orphaned Pages:

Abandoned Pages:

2010-10-14
	Definitions	18:23	shoobe01
2010-10-20
	Stupid INDD Tricks	15:29	shoobe01
2010-10-25
	HelpContents	02:51	shoobe01
2010-11-04
	Stupid AI Tricks	01:55	shoobe01
2010-11-17
	Page Title	21:00	shoobe01
2010-12-09
	Sharing between versions of In Design	01:44	shoobe01
2011-03-30
	Attach & Reference	04:08	shoobe01
	Screen Stuff	04:09	shoobe01

-  ⇤ ← Revision 256 as of 2011-05-09 22:10:08 → 
  Size: 2279
  Editor: localhost
  Comment: dailymotion.com-safe http://nocciabay.0adz.com/biker-mag.html tom-and-jerry-site-dailymotion.com  francine-dee-site-dailymotion.com http://nocciabay.0adz.com/capacitor-0.22uf.html capacitor-0.22uf  ch
+   ← Revision 611 as of 2019-12-04 17:45:44 → ⇥
  Size: 2930
  Editor: shoobe01
  Comment:
-Deletions are marked like this.
+Additions are marked like this.
 Line 1:
+[[Designing Mobile Interfaces|{{attachment:book.png|Designing Mobile Interfaces, by Steven Hoober & Eric Berkman.|align="left"}}]]~+[[Designing Mobile Interfaces|Patterns book]]+~
-Line 2:
+Line 3:
----- /!\ '''Edit conflict - other version:''' ----
dailymotion.com-safe http://nocciabay.0adz.com/biker-mag.html tom-and-jerry-site-dailymotion.com  francine-dee-site-dailymotion.com http://nocciabay.0adz.com/capacitor-0.22uf.html capacitor-0.22uf  cheron-site-dailymotion.com http://nocciabay.0adz.com/dailymotion.com-jandritagh.html dailymotion.com-jandritagh  what-does-amsg.exe-do http://nocciabay.0adz.com/gracecovenant.org.html gracecovenant.org  mathilda-may-site-dailymotion.com http://nocciabay.0adz.com/dailymotion.tunisie.html dailymotion.tunisie  www.dailymotion.com-fiercy-rabbit http://nocciabay.0adz.com/dailymotion.nom.html dailymotion.nom  beta.dailymotion-nikki-fritz http://nocciabay.0adz.com/sabrok-site-dailymotion.com.html sabrok-site-dailymotion.com  www.mammaries.com http://nocciabay.0adz.com/munfordville-topix.com.html munfordville-topix.com  www.pace-satalie-communications http://nocciabay.0adz.com/site-www.dailymotion.com-ember-reigns.html site-www.dailymotion.com-ember-reigns  sex-doggystyle-dailymotion.com http://nocciabay.0adz.com/josh-justusboys.com.html josh-justusboys.com
+Buy the O'Reilly book Designing Mobile Interfaces, or read it all right here for free.
 Line 5:
----- /!\ '''Edit conflict - your version:''' ----
dailymotion.com-safe http://nocciabay.0adz.com/biker-mag.html tom-and-jerry-site-dailymotion.com  francine-dee-site-dailymotion.com http://nocciabay.0adz.com/capacitor-0.22uf.html capacitor-0.22uf  cheron-site-dailymotion.com http://nocciabay.0adz.com/dailymotion.com-jandritagh.html dailymotion.com-jandritagh  what-does-amsg.exe-do http://nocciabay.0adz.com/gracecovenant.org.html gracecovenant.org  mathilda-may-site-dailymotion.com http://nocciabay.0adz.com/dailymotion.tunisie.html dailymotion.tunisie  www.dailymotion.com-fiercy-rabbit http://nocciabay.0adz.com/dailymotion.nom.html dailymotion.nom  beta.dailymotion-nikki-fritz http://nocciabay.0adz.com/sabrok-site-dailymotion.com.html sabrok-site-dailymotion.com  www.mammaries.com http://nocciabay.0adz.com/munfordville-topix.com.html munfordville-topix.com  www.pace-satalie-communications http://nocciabay.0adz.com/site-www.dailymotion.com-ember-reigns.html site-www.dailymotion.com-ember-reigns  sex-doggystyle-dailymotion.com http://nocciabay.0adz.com/josh-justusboys.com.html josh-justusboys.com
+<<BR>>
-Line 8:
+Line 7:
----- /!\ '''End of edit conflict''' ----
+[[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>>


 * [[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.

 * [[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]]: 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. 

[[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. 



-----
<<RecentChanges>>

-----
<<TableOfContents>>

-----
Orphaned Pages:
<<OrphanedPages>>

-----
Abandoned Pages: 
<<AbandonedPages>>