Archive for the ‘Inspiration’ Category

UI Pattern Factory is both an user interface design pattern library and UI gallery where it is possible to find the best practices, get inspired, and share your solutions with others.

The website is mostly focused on web-based business applications & shares patterns like:

UI Pattern Factory

UI Pattern Library is also a place where you can ask & vote for new pattern ideas in their forum or add new images to the currently published ones via Flickr.

Well-categorized design patterns are great resources for inspiration. You can easily see how "others" found a succesful way for common design problems.

UI Patterns is an online library which shares design patterns in various categories like:

  • image zoom
  • input feedback
  • password strength meter & many more.

UI Patterns

There are 3 main categories in the website:

Also, you can easily contribute to the content & check out the UI Patterns blog which has informative posts.

INSPIRE is an online publication of Adobe Experience Design Team which will attract anyone into software, web & graphic design.

The team shares valuable, real-life experiences both written & via videos.

Inspire by Adobe

To give a better idea about the resource, here are some of the recent content published:

INSPIRE is updated regularly & you can find something new almost everyday.

Fluid is an open source software community that:

  • builds user interfaces and commonly used interactions
  • teaches others how to build good user-centred designs
  • works with other software projects to integrate created solutions into their applications.

They have ready-to-use solutions that will attract both designers & developers.

Fluid Project

Fluid Infusion

A set of rich, reusable, accessible web UI components. They are built with usability and accessibility in mind. All are unobtrusive & degrade gracefully.

Some of the components are:

Fluid Open Source Design Pattern Library

A resource presenting design patterns in detail. Currently, it is not a huge library but updated regularly & will be very handy in the future.

Fluid Design Handbook

A guide on user-centered design (UCD) techniques you can use to learn from your users and design better user experiences.

It has information on a variety of UCD practices, from performing user research and creating models (such as personas and scenarios to inform the design process) to performing UX walkthroughs and user testing of your website or application.

Infragistics Quince, a website with a stunning interface (built with Silverlight), is presenting user experience design patterns in a well-categorized format.

There is a wide list of patterns that vary from breadcumbs to alternating row colors and dashboards to forms.

UX Patterns

Patterns can be browsed by:

  • user tasks
  • tag relationships
  • wireframe

Even if the content is not what you are looking for, the usability of the website offers a quality UX inspiration.

Pretty Loaded is a website, created by Big Spaceship (a creative agency with amazing Flash works),  which is a new source of inspiration to Flash developers.

It simply presents beautiful Flash preloaders as a slideshow.

Pretty Loaded

It displays the company who created it, the client & the year it is done.

You can filter the preloaders by years & nothing much to do rather than just watching :).

P.S. Thanks to Dave for the suggestion.

Bad Usability Calendar is a calendar displaying "user interface design tips" with a sense of humor.

It has examples of exaggerated use of fancy Web 2.0 design, cover flow, personalization, pull-down menus and more…

UI Design Calendar

Examples from the tips:

  • Don’t require login if you don’t have to
  • Offer personalization where it adds value

It is presented in multiple languages, various sizes & PDF format.

MephoBox is a website displaying quality website interfaces with a well-categorized presentation.

Some of the categories are:

  • 404 errors
  • Sick calendars
  • Top headers
  • Site comments
  • Navigation menus & more

Website Design Inspiration

MephoBox is free to use but anyone can register & add new designs to the collection.

It is definitely a nice & growing inspiration resource for any web designer.

The grid, which helps designers to organize text & images in a rational way, is hard to get used to, but after that, it makes most design related problems disappear.

Grid Based Design

The Grid System is a resource on grid based designs.

It covers:

  • articles
  • tools
  • books
  • templates & more on grids.

It is a very fresh website but already presents handy InDesign & Photoshop grid templates, interesting tools like Syncotype, Phiculator & more.

ecommr is a website presenting interface & design elements of e-commerce websites in a well-categorized way.

Besides the element categories, designs can be reached by retailer names too ( for ex: you can simply focus on the design elements of Apple Shop).

E-Commerce Design Showcase

It has a growing collection of elements like:

  • add to cart buttons
  • banners
  • product detail pages
  • shopping carts & much more..

ecommr is definitely a handy inspiration resource for anyone into e-commerce related design.

feed-holder
FeedBurner
  • PSD to HTML
  • activeCollab | Project Management
  • PSD to HTML
  • Slice'n Dice
  • MailChimp
  • Find Out How Serious...

Cheap SSL Certificates - SSLmatic