UI Patterns are solutions to common design challenges. A design pattern refers to a reusable and applicable solution to general real world problems. For example, a solution for navigating around a website is site navigation (a list of links that point to different sections of the site), a solution for displaying content in a compact space are module tabs. Mobile apps and sites have unique UI design requirements because, compared to their desktop counterparts, they’re used in smaller screens, and reply on fingers instead of key board and mouse as input mechanisms. UI Patterns help in maintaining the presentation layer of your application independently of the underlying business logic, services and data.
There are many ways to handle a specific requirement and as a designer, the most important thing is selecting the option that best reflects the needs of the users.
Here, is the best of the best, cream of the crop sites, galleries, online publications, and libraries devoted to sharing information and exploring concepts pertaining to “User Interface Design Patterns”. Here are some inspiring UI patterns and insight on best practices, techniques and examples of UI designs.
This is an example for a design that deals with diverging color themes that easily distinguish related data sets between each other and data resolution.
This is a Information Design Pattern. This deals with presenting information to the users. This design helps giving effective and usable information and data structures.
These types of design make information and interfaces learnable. You can present the data so that users are able to absorb the content you are presenting. This type of patterns help design information with high-leanability.
Here is an example of pattern for social and collaborative sites and applications. You can effectively present the content and build features into your project that leverage the advantages of collective and shared knowledge.
This is an example for e-commerce and web applications designs. This type of UI patterns give great user experience.
Here is an example of interaction design pattern. A wide range of design patterns can be featured involving various site tasks like, navigating around a site, searching a site, and basic interactions such as slideshows. Specific pattern is followed here, to design this.
There are plenty of websites out there, that give a clear picture on various design patterns and help you design your own. You may choose from the large collection of patterns available on their websites and get inspired by the designs.
UI-patterns.com, KONIGI, QUINCE, designlsnips, UI Scraps, The UI Pattern Factory, Yahoo! Design Pattern Library, patternBrowser, CSSBake are few such website that give you inspirational design patterns.
Separate UI patterns are available for sites and web applications, niche and specialized resources, and Flickr collections and groups.
Visit Author's website: Allen Ray