Differences between revisions 11 and 12
Revision 11 as of 2012-02-12 21:14:22
Size: 5354
Editor: shoobe01
Comment:
Revision 12 as of 2012-02-12 21:15:29
Size: 5435
Editor: shoobe01
Comment:
Deletions are marked like this. Additions are marked like this.
Line 23: Line 23:
 * [[http://www.iosinspires.me/|iOS Inspires Me]] A selection of items, broken down by icons, apps, web, etc. Some notes, review and other minor information attached to each item.
Line 24: Line 25:


-----
Line 32: Line 36:
 * [[http://www.iosinspires.me/|iOS Inspires Me]] A selection of items, broken down by icons, apps, web, etc.

Click here to buy from Amazon.Between starting the book in September of 2010, a lot of mobile pattern collections have emerged.

I actually disagree with the principles behind most of them. Not all, but many. I've talked about this in some presentations, so for the record:

  • Screenshot focused.
  • Few or no explanations.
  • Interface focused, with few nods to interaction.
  • Too focused on one OS. Mostly, iOS.
  • Mostly, really, iPhone. Far too often mobile means handsets.
  • One tier of organization, and no cross-referencing. If you don't get their method of organization or referencing, you may not understand what options are available.

Of course, you may disagree. The presence of these is another key reason I am not worried about having too many screenshots in my patterns. Enjoy.

Codified Pattern Libraries

  • Android Patterns - One of my favorites, each pattern is drawn, has a lot of explanations and describes the interaction, and there's a really snazzy organization to help you drill down to the options available for your design problem.

  • Mobile Design Pattern Gallery - Also an O'Reilly author, Theresa Neil has published this supporting website with the patterns from the book. They are abstracted at the top level, then explained as screenshots.

== Screenshot-Oriented Pattern Collections ==

=== iOS Patterns ===

  • iOS Inspires Me A selection of items, broken down by icons, apps, web, etc. Some notes, review and other minor information attached to each item.


Screenshots From Designing Mobile Interfaces

  • Screenshots for Designing Mobile Interfaces - This is just a collection on Flickr, of all the screenshots (or often, photos) of the various devices I own. Not organized into a library, but if you were looking for an old device especially, it might be here. Enjoy.

Anti-Patterns & Worst Practices

What would our jobs be without making fun of others? But really, it's important to recognize bad solutions, and know why they are bad so we can all improve. Here's a couple places that collect bad mobile solutions.


Next: Introduction to Mobile Typography


Discuss & Add

Please do not change content above this line, as it's a perfect match with the printed book. Everything else you want to add goes down here.

Examples

If you want to add examples (and we occasionally do also) add them here.

Make a new section

Just like this. If, for example, you want to argue about the differences between, say, Tidwell's Vertical Stack, and our general concept of the List, then add a section to discuss. If we're successful, we'll get to make a new edition and will take all these discussions into account.

Other Mobile Pattern Libraries (last edited 2015-09-20 11:59:06 by shoobe01)