Size: 4837
Comment:
|
Size: 4737
Comment:
|
Deletions are marked like this. | Additions are marked like this. |
Line 24: | Line 24: |
* www.tappgala.com * http://www.makebetterapps.com/">Make Better Apps</a> – in German</li> * http://www.refinedmobile.com/">Refined Mobile</a> – more mobile web-oriented</li> * http://www.iospirations.com/">iOSpiration</a></li> * http://tapfancy.com/">Tapfancy</a> – iPhone</li> * http://www.appsites.com/ * http://www.rawappvice.com/?page_id=891 -- WordPress theme for app promotion</li> * http://buildingiphoneapps.posterous.com/">Building iPhone Apps</a></li> * http://wellplacedpixels.com/">Well Placed Pixels</a></li> * http://beautifulpixels.com/">Beautiful Pixels</a> – app reviews with a design bent</li> * http://houseofbuttons.tumblr.com/">Mobile Button</a> design collection</li> * http://www.flickr.com/photos/mobiledesignpatterngallery/collections/ |
* http://www.tappgala.com * http://www.makebetterapps.com Make Better Apps -- in German * http://www.refinedmobile.com Refined Mobile</a> – more mobile web-oriented * http://www.iospirations.com iOSpiration * http://tapfancy.com/ Tapfancy - iPhone * http://www.appsites.com * http://www.rawappvice.com/?page_id=891 -- WordPress theme for app promotion * http://buildingiphoneapps.posterous.com Building iPhone Apps * http://wellplacedpixels.com Well Placed Pixels * http://beautifulpixels.com Beautiful Pixels - app reviews with a design bent * http://houseofbuttons.tumblr.com Mobile Button design collection * http://www.flickr.com/photos/mobiledesignpatterngallery/collections |
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:
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.
Lovely UI - A collection of mobile UI elements.
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.
Mobile Patterns - Ryan Sims' collection of patterns, with the opportunity for you to contribute your own to the collection.
Mobile UI Patterns - Mari Sheibley's quite large, and regularly updated, collection.
Pttrns - By By Robin Raszka & Chemix, seems to be more focused on interfaces (screen design) than even the others.
Well Placed Pixels with no organization at all I can see, includes iPhone and iPad only.
Landing Pad - A showcase of beautiful iPad applications again as a Tumblr blog-like, organization-free list.
Mobile Awesome All screenshots, no obvious organization, web-only maybe. Has attached blog and some other resources.
iOS Inspires Me broken down by icons, apps, web, etc.
Some others I need to get organized or make sure I don't have listed above, but am about to get on a plane. This is getting to be so many I need to lay an organization over it.
http://www.makebetterapps.com Make Better Apps -- in German
http://www.refinedmobile.com Refined Mobile</a> – more mobile web-oriented
http://www.iospirations.com iOSpiration
http://tapfancy.com/ Tapfancy - iPhone
http://www.rawappvice.com/?page_id=891 -- WordPress theme for app promotion
http://buildingiphoneapps.posterous.com Building iPhone Apps
http://wellplacedpixels.com Well Placed Pixels
http://beautifulpixels.com Beautiful Pixels - app reviews with a design bent
http://houseofbuttons.tumblr.com Mobile Button design collection
http://www.flickr.com/photos/mobiledesignpatterngallery/collections
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.
WTF Mobile Web also on twitter @WTFMobileWeb. This also explains real well the point of sharing antipatterns.
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.