background preloader

Interaction Design Pattern Library - Welie.com

Interaction Design Pattern Library - Welie.com
Suggest a pattern Have you seen new examples of patterns out there that have not been described on this site? Send me a link to an example and I'll add it to my to-do list. Suggest a pattern Latest comments Form (Lucas Gwadana) Sometimes the ERROR handling is not explicit enough because when a user makes an... Map Navigator (Marcus) For print pages etc static maps are still relevant. Accordion (dellmre) Ajax accordion samples with source code Autocomplete (Zorg) I believe the name of this pattern to be misleading. Slideshow (Joshua) Slideshows on Homepages can be very beneficial.

http://www.welie.com/patterns/index.php

Designing Web Interfaces: 12 Standard Screen Patterns 2010 Update- 15 patterns and 80 new examples By Theresa Neil As Bill mentioned in an earlier post, we don’t want to limit this blog to just the principles and patterns found in the book. For that you can check out our Explore the Book section. In the spirit of that, I want to share an additional set of principles and patterns I have been using for RIA design. the bit-101 Particle class Version 1.1 Here you will find an ActionScript 2.0 class called the Particle class. This class allows you to create some pretty complex (and pretty damn cool) particle animations with minimal effort. The class adds several new properties and a whole bunch of new methods to any movie clip that you assign the class to. As this class is written in AS 2.0, you will need Flash MX 2004 to use it. Instructions:

Managing UI Complexity Posted: August 10th, 2009 | Author: Brandon Walkin | Filed under: Design | Comments Off Interface complexity is an issue every designer wrestles with when designing a reasonably sophisticated application. A complex interface can reduce user effectiveness, increase the learning curve of the application, and cause users to feel intimidated and overwhelmed. 40+ Helpful Resources On User Interface Design Patterns Advertisement If there is a commonly reoccurring need for a particular solution, there is a great probability that someone has – by now – solved that need and has finished the legwork involved in researching and constructing something that resolves it. At the very least, you will find documentation on general solutions to related problems that will enable you to gain insight on best practices, effective techniques, and real-world examples on the thing you are creating. 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. There are many ways to tackle a specific requirement – and as a designer – the most important thing you can do is selecting the option that best reflects the needs of your users.

Using Weather Data to Change Your Website's Appearance through PHP and CSS This article is co-authored by David Walsh ofThe David Walsh Blog:: PHP, CSS, MooTools, and Everything Else UPDATE: This post was updated on April 30th, 2008 to account for a minor change in how Yahoo! was serving up data UPDATED DOWNLOAD Inspiration for this idea came from a comment by Andreas. Using a little magic and trickery (read: PHP and CSS), we can change the appearance of a website automatically based on the weather outside, in real time! In the example site we have created, the header graphic will change to one of four different styles based on Sunny, Rain, Snow, and Cloudy.

A User Interface Definition Language in Common Lisp Wednesday, February 13, 2008 Introduction I like HTML in the same way I like PDF - as a document serialization format that does a reasonable job and that I never want to modify by hand. This is one of the main reasons I started Weblocks framework - I never wanted to write a line of HTML again. An Introduction to Using Patterns in Web Design The biggest challenge for web designers is the unthinkably huge number of possible ways to solve any given problem. We usually don't think of this because we have our habits and traditions to fall back on, but there are literally billions of possible pixel combinations for each page we make. There is a better way to manage this vast complexity than by making big decisions up front and hoping for the best.

99 Graphic Design Resources Below is a list of 99+ graphic design resources, in English and (and a few other languages), that all designers must know about. It is sorted by category (click to go to category): For more resources you can check out the 101 Places To Get Design Inspiration. Also don’t forget to subscribe for more graphic design resources. 1 Spunk United An excellent magazine with a selection of the worlds best artists providing inspiration, interviews, articles and more.

Brewing a Better Rating System Brewing a Better Rating System Hey there tea drinkers, we just rolled out some updates to Steepster! For one, you can now specify things like steep times and temperatures in your tasting notes. Another highly requested change is a finer rating system, something we’ve been trying to figure out for a while. We think we’ve come up with a pretty neat solution and wanted to walk through some of the decisions we made. 10 UI Design Patterns You Should Be Paying Attention To Advertisement Design patterns were first described in the 1960s by Christopher Alexander, an architect who noticed that many things in our lives happen according to patterns. He adapted his observations to his work and published many findings on the topic. Since then, design patterns have found their place in many areas of our lives, and can be found in the design and development of user interfaces as well. In short, design patterns are solutions to recurring problems.

40 Professional Icon Sets For Free Download - Smashing Magazine Advertisement When it comes to icons, web designers and graphic artists have an excellent opportunity to showcase their craft, prove their experience and explore their creativity. A sweet, nice icon set is a perfect showcase of designer’s work and a powerful instrument to build up your reputation online. In fact, designers make use of it, creating absolutely amazing icon sets and offering them for free download. However, designing a high-quality icon set isn’t an easy task. It takes time, patience and resources and it requires professional skills and experience.

Related: