Differences between revisions 1 and 419 (spanning 418 versions)
⇤ ← Revision 1 as of 2010-10-14 05:02:16 →
Size: 88
Editor: meirish
Comment:
← Revision 419 as of 2011-11-27 16:54:16 → ⇥
Size: 10528
Editor: shoobe01
Comment:
Deletions are marked like this. Additions are marked like this.
Line 1: Line 1:
= Welcome to the new Mobile Design Patterns Library brought to you by 4ourth Mobile. = [[http://www.amazon.com/gp/product/1449394639/ref=as_li_tf_tl?ie=UTF8&tag=4ourthmobile-20&linkCode=as2&camp=217145&creative=399373&creativeASIN=1449394639|{{attachment:Book-Cover.png|An almost complete (missing the tagline) comp of the cover of our forthcoming O'Reilly book, Designing Mobile Interfaces, by Steven Hoober & Eric Berkman. I thought it would be alphabetical, but now we know who's more important :) |align="right"}}]]


{{{#!wiki yellow/solid
The book is now out. You can get the eBook [[http://shop.oreilly.com/product/0636920013716.do|direct from O'Reilly]], who will also sell the printed copy when it's available, in the third week of November, I am told.

Or, you can be nice to me and buy the printed one through Amazon, where I get a tiny extra bit of money if you [[http://www.amazon.com/gp/product/1449394639/ref=as_li_tf_tl?ie=UTF8&tag=4ourthmobile-20&linkCode=as2&camp=217145&creative=399373&creativeASIN=1449394639|use this link]].

Please write reviews! I want to know what everyone thinks. Serious errors or omissions, we'll add right here and we can all discuss them.
}}}


== Preface ==


== Preface ==
 * [[Preface]]
 * [[Who This Book Is For]]
 * [[What We Mean by “Mobile”]]
 * [[What Is a Pattern?]]
 * [[Where Did These Patterns Come From?]]
 * [[Common Practice Versus Best Practice]]
 * [[Reading the Patterns]]
 * [[Successfully Designing with Patterns and Heuristics]]
 * [[Principles of Mobile Design]]


{{{#!wiki yellow/solid
It's a wiki, but also a book . We need to keep things in synch, so please see the help tab for formatting information, be respectful of content on the site, and add your notes and comments to the appropriate section at the bottom of each page.

For information or to get access to the wiki for editing [[https://shoobe01.wufoo.com/forms/contact-us-about-the-book-or-wiki/|Contact us]]

Contact @shoobe01 or @ericberkman directly if you don't see us responding to your change fast enough.
}}}


-----
== The Patterns ==

=== I - Page ===

Introduction to the [[Page]] section. √

==== 1 - Composition ====

Introduction to the [[Composition]] chapter. √

 * [[Scroll]] √
 * [[Annunciator Row]] √
 * [[Notifications]] √
 * [[Titles]] √
 * [[Revealable Menu]] √
 * [[Fixed Menu]] √
 * [[Home & Idle Screens]] √
 * [[Lock Screen]] √
 * [[Interstitial Screen]] √
 * [[Advertising]] √

Summary to the Page section [[Page-Wrapup]].√

-----
=== II - Components ===
Introduction to the [[Components]] section. √

==== 2 - Display of Information ====
Introduction to the [[Display of Information]] chapter. √
 * [[Vertical List]] √
 * [[Infinite List]] √
 * [[Thumbnail List]] √
 * [[Fisheye List]] √
 * [[Carousel]] √
 * [[Grid]] √
 * [[Film Strip]] √
 * [[Slideshow]] √
 * [[Infinite Area]] √
 * [[Select List]] √

==== 3 - Control & Confirmation ====
Introduction to the [[Control & Confirmation]] chapter. √
 * [[Confirmation]] √
 * [[Sign On]] √
 * [[Exit Guard]] √
 * [[Cancel Protection]] √
 * [[Timeout]] √


==== 4 - Revealing More Information ====
Introduction to the [[Revealing More Information]] chapter. √
 * [[Windowshade]] √
 * [[Pop-Up]] √
 * [[Hierarchical List]] √
 * [[Returned Results]] √

Summary to the Component Section [[Component Wrapup]] √

-----
=== III - Widget ===
Introduction to the [[Widget]] section. √

==== 5 - Lateral Access ====
Introduction to the [[Lateral Access]] chapter. √
 * [[Tabs]] √
 * [[Peel Away]] √
 * [[Simulated 3D Effects]] √
 * [[Pagination]] √
 * [[Location Within]] √

==== 6 - Drilldown ====
Introduction to the [[Drilldown]] chapter. √
 * [[Link]] √
 * [[Button]] √
 * [[Indicator]] √
 * [[Icon]] √
 * [[Stack of Items]] √
 * [[Annotation]] √

==== 7 - Labels & Indicators ====
Introduction to the [[Labels & Indicators]] chapter. √
 * [[Ordered Data]] √
 * [[Tooltip]] √
 * [[Avatar]] √
 * [[Wait Indicator]] √
 * [[Reload, Synch, Stop]] √

==== 8 - Information Controls ====
Introduction to the [[Information Controls]] section. √
 * [[Zoom & Scale]] √
 * [[Location Jump]] √
 * [[Search Within]] √
 * [[Sort & Filter]] √

Summary to the Widget Section [[Widget Wrapup]] √
-----



=== IV - Input & Output ===
Introduction to the [[Input & Output]] section. √



==== 9 - Text & Character Input ====
Introduction to the [[Text & Character Input]] section. √
 * [[Keyboards & Keypads]] √
 * [[Pen Input]] √
 * [[Mode Switches]] √
 * [[Input Method Indicator]] √
 * [[Autocomplete & Prediction]] √


==== 10 - General Interactive Controls ====
Introduction to the [[General Interactive Controls]] section. √
 * [[Directional Entry]] √
 * [[Press-and-hold]] √
 * [[Focus & Cursors]] √
 * [[Other Hardware Keys]] √
 * [[Accesskeys]] √
 * [[Dialer]] √
 * [[On-screen Gestures]] √
 * [[Kinesthetic Gestures]] √
 * [[Remote Gestures]] √


==== 11 - Input & Selection ====
Introduction to the [[Input & Selection]] section. √
 * [[Input Areas]] √
 * [[Form Selections]] √
 * [[Mechanical Style Controls]] √
 * [[Clear Entry]] √


==== 12 - Audio & Vibration ====
Introduction to the [[Audio & Vibration]] section. √
 * [[Tones]] √
 * [[Voice Input]] √
 * [[Voice Readback]] √
 * [[Voice Notifications]] √
 * [[Haptic Output]] √


==== 13 - Screens, Lights & Sensors ====
Introduction to the [[Screens, Lights & Sensors]] section. √
 * [[LED]] √
 * [[Display Brightness Controls]] √
 * [[Orientation]] √
 * [[Location]] √

Summary to the Input & Output Section [[Input & Output Wrapup]] √
-----



=== V - Stuff We're (Probably) Not Putting In the Book ===
We made up a LOT of patterns as short descriptions, and when we got around to organizing and detailing them... they didn't all sound that good after all. Also, we have to keep the book at a reasonable size. But, we don't want to loose track of these, so here's an un-ordered list of those ideas we've kicked aside. For now.
 * [[Additional Topics]]

-----
== Appendices ==
To keep the patterns focused on design and implementation, I have pulled all kinds of supporting information out of them. However, a lot of it is still very interesting. And there's no good way for a designer or developer to get a summary of this sort of information.

So, I've included it here as an Appendix, ordered so you can just pretty much read it from one end to the other.

You'll find that a few of the Appendices are actually just lists of resources. And in this day and age, resources are links to websites. Which, of course, will go out of date soon. Luckily, we keep this up to date on the 4ourth Mobile Design Wiki.

    http://4ourth.com/wiki/

Visit any time to get the latest updates, or just to avoid typing in long links from a piece of paper. And please come add your own information, or update old or changed links.

 * [[An introduction to mobile radiotelephony]] - Cause everyone working in the field really should know. √
  * [[Introduction to Location Technologies]] - Location is not just GPS. If you think it is, and are designing applications and services that use it, read this. √
 * [[Drawing Tools & Templates]] - Graphic design tools, UI guidelines, tips for various tools. √
  * [[Emulators]] - Emulators, prototyping tools, design aids, etc. √
  * [[Device Detection]] - Nothing here yet. Just a note that maybe I should gather all these up in one place.
  * [[Documentation Templates]] - Designing documents can be as important to successful implementation as the actual design.
  * [[Color Deficit Design Tools]] - And other tools to help understand colorblindness and related conditions. √
  * [[Other Mobile Pattern Libraries]] - Not that I agree with most of these, but for completeness.
 * [[Introduction to Mobile Typography]] - Overview of basic type terms and some things to watch out for in small screens. √
  * [[Italics and Obliques For Digital Display]] √
  * [[Readability and Legibility Guidelines]] √
  * [[Typefaces for Screen Display]] √
  * [[Greeking]] - If you need to represent placeholder text, or graphics, read this. √
 * [[Human Factors & Physiology]] - Sensation, Visual Perception, and Information Processing √
  * [[Hearing & Limits]] √
  * [[Brightness, Luminance, and Contrast]] √
  * [[General Touch Interaction Guidelines]] √
  * [[Fitts' Law]]

-----
== References ==
 * [[Works Cited]]
 * [[Additional Resources]]

-----
== Other Stuff from the Book ==

 * [[Publishing Information]]
 * [[About the Authors]]
 * [[We'd Like to Hear from you]]
 * [[Safari® Books Online]]
 * [[Acknowledgements]]
 * [[Colophon]]
 * Index - This has not been imported as it's the ''book's'' index. It's keyed to page numbers, so doesn't work here. Consider it a value-add for the eBook or printed editions.

-----
== Events & Locations ==
Eric works in Sydney, Australia. Steven lives in the Kansas City, Missouri (US) area.

We're pretty busy with day jobs, freelance jobs and actually writing the book. But if we're scheduled to go somewhere and talk about anything remotely related to mobile (and it's an open meeting you can come to) we'll post it here:
 * [[http://uxshowandtell.com/group/kansascity/|Kansas City UX Show & Tell]] 22 July 2011
 * [[http://floatlearning.com/symposium/|Float Mobile Learning Symposium]] 10 June 2011, Bradley University, Peoria, Illinois
 * [[http://oreillynet.com/pub/e/2087|Applying Patterns to Mobile Design, an O'Reilly Webcast (first of a series)]] 8 November 2011. [[https://event.on24.com/eventRegistration/EventLobbyServlet?target=registration.jsp&eventid=374162&sessionid=1&key=3B2864BA08CDDF1F4CC1A9DC88EC7721&sourcepage=register|Watch the recording]].
 * [[http://www.modeveast.com/|MoDevEast]] 1 December 2011, Gannett Conference Center, Mclean, Virginia

An almost complete (missing the tagline) comp of the cover of our forthcoming O'Reilly book, Designing Mobile Interfaces, by Steven Hoober & Eric Berkman. I thought it would be alphabetical, but now we know who's more important :)

The book is now out. You can get the eBook direct from O'Reilly, who will also sell the printed copy when it's available, in the third week of November, I am told.

Or, you can be nice to me and buy the printed one through Amazon, where I get a tiny extra bit of money if you use this link.

Please write reviews! I want to know what everyone thinks. Serious errors or omissions, we'll add right here and we can all discuss them.

Preface

Preface

It's a wiki, but also a book . We need to keep things in synch, so please see the help tab for formatting information, be respectful of content on the site, and add your notes and comments to the appropriate section at the bottom of each page.

For information or to get access to the wiki for editing Contact us

Contact @shoobe01 or @ericberkman directly if you don't see us responding to your change fast enough.

The Patterns

I - Page

Introduction to the Page section. √

1 - Composition

Introduction to the Composition chapter. √

Summary to the Page section Page-Wrapup.√

II - Components

Introduction to the Components section. √

2 - Display of Information

Introduction to the Display of Information chapter. √

3 - Control & Confirmation

Introduction to the Control & Confirmation chapter. √

4 - Revealing More Information

Introduction to the Revealing More Information chapter. √

Summary to the Component Section Component Wrapup √

III - Widget

Introduction to the Widget section. √

5 - Lateral Access

Introduction to the Lateral Access chapter. √

6 - Drilldown

Introduction to the Drilldown chapter. √

7 - Labels & Indicators

Introduction to the Labels & Indicators chapter. √

8 - Information Controls

Introduction to the Information Controls section. √

Summary to the Widget Section Widget Wrapup √

IV - Input & Output

Introduction to the Input & Output section. √

9 - Text & Character Input

Introduction to the Text & Character Input section. √

10 - General Interactive Controls

Introduction to the General Interactive Controls section. √

11 - Input & Selection

Introduction to the Input & Selection section. √

12 - Audio & Vibration

Introduction to the Audio & Vibration section. √

13 - Screens, Lights & Sensors

Introduction to the Screens, Lights & Sensors section. √

Summary to the Input & Output Section Input & Output Wrapup √

V - Stuff We're (Probably) Not Putting In the Book

We made up a LOT of patterns as short descriptions, and when we got around to organizing and detailing them... they didn't all sound that good after all. Also, we have to keep the book at a reasonable size. But, we don't want to loose track of these, so here's an un-ordered list of those ideas we've kicked aside. For now.

Appendices

To keep the patterns focused on design and implementation, I have pulled all kinds of supporting information out of them. However, a lot of it is still very interesting. And there's no good way for a designer or developer to get a summary of this sort of information.

So, I've included it here as an Appendix, ordered so you can just pretty much read it from one end to the other.

You'll find that a few of the Appendices are actually just lists of resources. And in this day and age, resources are links to websites. Which, of course, will go out of date soon. Luckily, we keep this up to date on the 4ourth Mobile Design Wiki.

Visit any time to get the latest updates, or just to avoid typing in long links from a piece of paper. And please come add your own information, or update old or changed links.

References

Other Stuff from the Book

Events & Locations

Eric works in Sydney, Australia. Steven lives in the Kansas City, Missouri (US) area.

We're pretty busy with day jobs, freelance jobs and actually writing the book. But if we're scheduled to go somewhere and talk about anything remotely related to mobile (and it's an open meeting you can come to) we'll post it here:

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