Pttrns: More than 2100 Mobile User Interface Patterns for Design Inspirations

We, UX designers, need inspirations for the sections of the apps that we work on. And we know that majority of a new application's parts consists of similar patterns as in other applications, like signup, login, activity feed, search, share. Almost all UX designers check different applications before (re)designing an application part. This means downloading a lot of applications just to check some parts of the applications.

Pttrns.com is the solution for this repetitive checking task. There are more than 2100 mobile UI patterns grouped into 3 main categories (iPhone, iPad, iOS7) and bunch of subcategories (Activity Feeds, Maps, Logins etc.).

Pttrns.com for mobile app UI patterns

Pttrns.com for mobile app UI patterns

Top part of the left panel is dedicated to the broad category selection: iPhone, iPad and iOS7.

Top part of the left panel: main category selection

Top part of the left panel: main category selection

Bottom part of the left panel: subcategories under the main category

Bottom part of the left panel: subcategories under the main category

Bottom part of the left panel is dedicated to different subcategories under the main category you have selected. Let's say you are on designing settings section of a iPhone application and would like to check what other apps' settings sections look like. You click iPhone section then click the settings subsection on the panel. Then lots of applications' settings sections are listed in the same page.

Settings examples from different applications

Settings examples from different applications

One cool feature of pttrns is the magnifier when you hover your mouse on the images.

Screen Shot 2014-02-02 at 11.29.41 AM.png

Hope pttrns.com accompany you in your current and next journeys of mobile application design.

A Good UX Pattern Candidate: Providing Users Progress Tracking Ability

Online education has become an important part of our lives. Right now, whatever you want to know is available online. And my husband works for one of these an online education startups and this detail is pointed out by him a couple of days ago. It is a todo list of a curated article list about a JavaScript framework called AngularJS: http://www.thinkster.io/

Well, why is this site is mentioned here? It is because of one tiny but powerful detail: Their way of keeping user's progress. This site is all about written content and links to outer site contents curated in a way that it is like an actual curriculum. And this tiny power detail is that it has check buttons for the user to keep track and it asks for the credential after  the user's first check.

Screen Shot 2014-01-25 at 12.07.04 PM.png
Screen Shot 2014-01-25 at 12.06.39 PM.png

This is a simple yet powerful way of keeping track of what you have learnt on the site. You don't have to manage the article tracking by yourself, site helps you to do it. Loved it! Now the question: Is this possible to generalize such a concept for all content-heavy sites?