Designing Web Interfaces

Interesting Moments Grid in the Wild – Zurb Bounce App

2010-06-27T23:19:38Z

In our book and often in our talks we discuss a technique for thinking through and documenting detailed interactions in a user experience. Just arrange the interesting moments in a grid. List the “actors” (user interface elements) vertically and the events horizontally. The cells in the grid become the interesting moments. With the classic example from [...]

Designing with Patterns: Sketch Notes

2010-06-13T20:29:27Z

Lucy Spence did a great job capturing Bill’s Designing with Patterns workshop at UXLx in Lisbon. Check out her whole set of sketch notes from the conference on Flickr.

Designing Web Interfaces Workshop Video Available (HD)

2010-05-21T20:31:39Z

A couple of months back Theresa Neil & I filmed a combined workshop on the material from Designing Web Interfaces plus Theresa’s material on application patterns, screen patterns and ui controls. This is a beautifully recorded workshop by O’Reilly Media filmed at the Images in Motion Studio in Sonoma. The workshop is over 4 hours long [...]

Mobile Chart Options

2010-04-15T14:32:13Z

Check out this promising beta by ZingChart, HTML5 Canvas. This advanced Zoom, Scroll, Preview is very well designed and implemented. They also have sparklines, which are microcharts used to convey the “shape” of data, not necessarily all the details a full size chart would include. ZingChart also offers a Speed Test example, which I think is [...]

Design Lenses Article

2010-04-06T17:06:36Z

A design lens allows you to view your user experience design from the perspective of a single design principle. Lenses were originally created for game design but are just as powerful for user experience design. I recently started documenting lenses that I find useful on a new site, Designing with Lenses. Though it only has 3 [...]

Ultimate guide to table UI patterns

2010-03-08T13:41:07Z

Check out this excellent article by Janko: Ultimate guide to table UI patterns. It is full of great examples and suggestions. After reading it, I just had to add three more scenarios: 1. Inline Editing Quicken Online allows simple editing with a pull down for more advanced editing. Mint.com does the same. The Ajax framework Ext JS and Ext [...]

Screen Layouts for Rich Internet Applications

2010-02-10T14:56:51Z

Last year we posted an article on 12 Standard Screen Patterns. It has been incredibly popular so we updated it for 2010. The full article will be published at UX Magazine. In the meantime, take a look at the 15 standard layouts and examples from more than 80 current RIAs: RIA Screen Layouts View more presentations [...]

Essential Books for User Interface Designers

2009-12-17T15:53:32Z

If you are looking to stock your library, you can’t go wrong with this list of books. These are the books that are literally on my desk, listed in order from top of the stack to the bottom. The Visual Miscellaneum: A Colorful Guide to the World’s Most Consequential Trivia By David Mccandless If you are a [...]

28 Rich Data Visualization Tools- Sneak Peek

2009-12-09T16:29:32Z

Look for the upcoming post (Thursday, Dec 10) in InsideRIA.com about 28 Rich Data Visualization Tools. I’ve included the first three to whet your appetite. Ajax.org Ajax.org Platform is a pure javascript application framework for creating real-time collaborative applications that run in the browser. AnyChart AnyChart is a flexible Flash based solution that allows you to create interactive [...]

Use Balsamiq Mockups to Protocast

2009-12-07T16:12:56Z

Balsamiq Mockups new export to PDF feature opens up a whole range of possibilities for prototyping. Not only can you use the PDF with click through links for usability testing, you can also create a protocast of your designs for your clients, end users or the development team. A protocast is a prototype delivered [...]