Designing Web Interfaces: 12 Standard Screen Patterns

Bill Scott and Theresa Neil’s new O’Reilly book, “Designing Web Interfaces: Principles and Patterns for Rich Interactions,” presents more than 75 design patterns for building web interfaces that provide rich interaction. They’ve shared the full set of principles and patterns they use for RIA design in this article.

http://designingwebinterfaces.com/designing-web-interfaces-12-screen-patterns

OmniGraffle Wireframe Icons

The Konigi OmniGraffle Wireframe Icon Set is a set of grayscale cursors and icons that come in handy when designing wireframes, aka user interface schematics. This product includes a standard set of cursors, and many of the icons you need for the design of web-based user interfaces.

This set of icons is designed to work well with your wireframe stencils. You’ll find rich text editor controls, file system actions, social interaction symbols, ratings and voting, and a host of other icons for most of the behaviors you may want to communicate with an icon.

Your purchase of this icon set entitle you to free upgrades forever. If you have suggestions for icons you’d like to see included in this set, please feel free to suggest them.

http://konigi.com/store/product/omnigraffle-wireframe-icons

iPlotz Wireframing Service

iPlotz is another new product offering web-based services for wireframing, mockup, and prototyping of websites and applications. This service allows users to create multiple projects, wireframe them with sketch-style editable components, generate images or PDFs of the wireframes, manage tasks associated with screens, and solicit comments from team members.

http://www.iplotz.com/

Paula Scher gets serious at TED

Fantastic TED video of Paula Scher looking back at her career for those moments where she was able to devote time and effort to serious play and create wonderful work, and contrasting it with the unfortunate moments when the serious becomes solemn. I love how this retrospective observation of her career brings her to conclude that the best of times for her as a designer is when she comes into a project with no grounding or bearing–those times where lack of history or reference point allows that kind of play to emerge.

http://www.ted.com/index.php/talks/paula_scher_gets_serious.html

OmniGraffle UX Template Updated (Version 2.1)

The OmniGraffle UX Template for interface and interaction designers has been updated to version 2.1. Included in this release are major alignment, grid, and layout changes. Added guides for 24 column grid with vertical and horizontal gutters on wireframes. Added appropriate guides to all templates that necessitated alignment guides. Added small wireframe and iPhone templates. Download it here.

http://konigi.com/tools/omnigraffle-ux-template

Pacemaker Mobile MP3 DJ Device Gets a GUI Redesign

Pacemaker, the mobile MP3 DJ device that debuted last year with a 120 GB hard drive, is getting a 2.0 release this spring and offering an additional lower capacity 60 GB hard drive option, and a new user interface.

I was enamored with this device and the way they could incorporate most of the possible mixer and track selection controls for 2 deck track mixing into a single, albeit large, handheld device with their original product UI. The newly redesigned UI looks like it made some usability tweaks and subtle improvements. For instance, there’s a new scrolling behavior that highlights your alpha headings. Some filtering options look like they’d be welcome improvements as well. For those that actually DJ, there are a bunch of new effects in there too it seems. The hardware remeains the same.

Now the lower price point and an improved UI, I might actually get one of these. It’s still pricey, but over the years my use of 1200s, Trakktor, and Torq have diminished to near nothing. I get by now playing with a DS KORG. I miss DJing, but this may be the toy for me.

http://www.pacemaker.net/default.aspx?documentID=294&entryID=10482

Web Design Trends For 2009

Smashing Mag curates their top web design trends, and gives us the first of a multi-part set with these 10 great examples. It’s a well picked, high quality collection of screenshots as is typical of these guys. They never disappoint. Here’s a snippet describing the list:

Web design trends for 2009: recent developments, new design elements and new graphic approaches. We also discuss situations in which these trends can be used and present some beautiful examples.

Their second set of trends is forthcoming.

http://www.smashingmagazine.com/2009/01/14/web-design-trends-for-2009/