Fillerati Greeking Tool

Fillerati is a fun greeking/dummy text alternative if you’re not into lorem ipsum, but would love some literary copy. Select an author (Edgar Rice Burroughs, Herman Melville, Jules Verne, and H. G. Wells) and title, and choose an excerpt rendered in html (h1, p, or li) or plain text. A slick slider UI lets you choose the number of words to include in your text. Grab some Fillerati.

Via The Letter

Interactive Sketching Notation

Jakub Linowski created a sketch annotation system for interaction design and provides a free downloadable PDF describing how to use it.

"The interactive sketching notation is an emerging visual language which affords the representation of interface states and event-based user actions. Through a few simple and standardized rules, what the user sees (drawn in greys and blacks) and does (drawn in red) are unified into a coherent sketching system. This unification of both interface and use, intends to enable designers to tell more powerful stories of interaction. "

Omnigraffle Sitemap Generator from Sitemap XML

Wireframes Mag pointed to an XML to OmniGraffle Sitmap Generator created by Jason Kunesh at Fuzzy Math to generate a sitemap from an XML file. The script assumes that your XML file consists of url elements, and that parent child relationships are defined by the paths in the url. For instance, would be a child of Once you generate a list of your urls and pass it to the script, OmniGraffle generates the sitemap hierarchy for you.

quplo: HTML Prototyping

Quplo may be the most promising HTML prototyping tools I’ve seen for UX designers who know a little HTML and would like to do HTML prototyping, but either don’t have the chops to build the interaction by hand, or are lazy like me.

The web-based tool allows you to build multiple prototypes using a combination of standard HTML/CSS. If you can do JS, the standard JS libraries are available to include in your pages (or sheets in Quplo lingo).

Quplo provides some really simple syntax and markup language, called "flow," for creating variables, loops, conditionals, layouts (like master templates), parts (reusable pieces of code like UI components, menus, etc.), and including browser, get and post vars.

You can even specify a "redesign" prototype and provide a URL, and it'll ingest the HTML for that page as a starting point for your prototype. Cobble together a bunch of pages and you have an interactive HTML prototype to demonstrate your pages and state changes. If you need to, you can download a compressed .zip of the XML files in your project.

This is easily the best thing I've seen for HTML prototyping for non-programmers that I've seen. It's like what my Protokit wanted to grow up to be. :) Sick stuff for the UX k1Ddi35. You can bet I'm going to campaign for a way to get Mockups into this tool.