Design

… an easy to implement framework of Google+ styled buttons, icon buttons & dropdown menu buttons

This is an experiment in a slightly different format for Smashing Magazine – using a storytelling approach to convey the same lessons learned that a traditional article would have provided.

In flow, the experience is rich and deep, and helps users be productive and highly creative.

In flow, the experience is rich and deep, and helps users be productive and highly creative.

Stencils, Sketch Pads & Accessories for User Interface Design

Turn your mockups into prototypes and get feedback fast

Please note that this article used to have [another layout](http://web.archive.org/web/20130104231015/https://www.smashingmagazine.com/2011/10/07/16-pixels-body-copy-anything-less-costly-mistake) that got lost in space during the migration of content to new servers.

Even the tiniest amount of empirical facts (say, observing 2 users) vastly improves the probability of making correct UI design decisions.

After spending weeks searching for a contract that was simple for me and my clients to understand, in 2008 I wrote my own and published it on 24ways ( http://24ways.org/2008/contract-killer ) for anyone to use. Now it’s time for an update.

“The effective use of color and graphics in children’s media is one of the most important aspects of design to ensure that you deliver optimal content and a memorable user experience to young users.”

Web magazine about user experience matters, providing insights and inspiration for the user experience community

Developers can have profound impacts on the UX of the products they’re working on.

Keep signup forms simple and fast, and delegate as much as possible.

Translating Susan Weinschenk's UX psychology facts into usability heuristics.

Apps that are simple, intuitive, and have few features are well suited for enterprise tablet use.

The Missing Link between Web Designers and Colors

Michelangelo once said, "The best of artists has no conception that the marble alone does not contain within itself." Translate this to the world of Web design and you might say, "No matter how great a designer you are, you’re only as good as your content." While the reality of client work sometimes makes it challenging to gather and produce content prior to starting the design, this is now widely accepted as being necessary.

Your best buddy when it comes to creating responsive layouts.

It will also allow you to edit content directly in the browser to see how your layout behaves depending on various lines of text.

[dih-fawlt] [ahy-kon] is a repository of elegant, visually unified, minimal icons with crystal clear clarity, based on black color. It Can be used for UI design on web, portable devices (iPhone, iPad, Android compatible devices, other smartphones etc) , desktop applications, and generally any kind of electronic or mechanic machinery interface.

Take one line of markup, a couple of CSS3 rules (no images), and you can have yourself a swish folded ribbon effect in five minutes. Let's see how.. Step 1: Markup We'll begin with an empty...

A folding grid for responsive design.

… adapts your existing HTML images for mobile devices. No mark-up changes needed. Just drop it in and forget about it.