Wireframes Magazine

Channel Description:

Latest Articles in this Channel:

06/10/10--06:23: Briefs: Wireframes Remade for Cocoa Touch (chan 1742692)

Briefs is a little application toolkit for iPhone based prototypes released by Rob Rhyne. The process is as follows. First, you simply use a visual design tool of your choice to export your image files as scenes or actors. You then attach actions (behaviours) to your actors (screen elements) by writing a BriefScript with the [...]


06/15/10--14:45: Keynote Wireframe Toolkit (chan 1742692)

Here is a Keynote Wireframe Toolkit. For $12 you get components and support for: form inputs, scrollbars, datepicker, tabs, bread crumbs, menus, carousel, loading/progress bars, sliders, annotations, tables for tabular data, a text style guide, a modal window, the 960 Grid System, and ad units. I must say I like the interaction based annotations dealing [...]


06/24/10--07:11: ILoveSketch: 3D Sketching (chan 1742692)

ILoveSketch is a 3D curve sketching system done as an academic project by a few University of Toronto students. The software tool looks like it allows designers to draw out concepts using a tablet based system while automatically approximating the drawn curves in a 3D space. Designers can easily zoom, pan, and tumble through their [...]


06/30/10--06:05: Sticky Floating Navigation (chan 1742692)

Cross posting from another blog, I thought to share one more little UI / Javascript / CSS experiment. The idea was to come up a few navigation elements which can behave as both floating (fixed positioning) and scrollable at different times. As a user scrolls, these elements feel as they somewhat stick to other parts [...]


07/07/10--12:43: Dragon Stop Motion (chan 1742692)

Dragon Stop Motion as the name indicates, is software for shooting stop motion animations. The program allows you to hook up a video / photo / webcam input source and take stills which can then be reorganized into scenes. There are a couple of powerful features in this highly specialized tool which make this process [...]


07/09/10--06:22: Quplo (chan 1742692)

Quplo is an emerging prototyping tool still in preview phase (requires an invite). The tool is geared towards people who create UI prototypes but are not afraid of code. The central working space is therefore a panel where HTML can be written out. More so, the unique thing which Quplo brings to the table are [...]


07/13/10--09:14: Mental Notes (chan 1742692)

A copy of Mental Notes just arrived on my desk and it looks like a great little design tool. The mental notes are a stack of 52 cards which can be used in conceptualization phases to help with idea generation. Each card conveys an inspirational thought related to psychology that touches upon such themes as: [...]


07/20/10--06:05: iPad Template for Keynote Prototyping (chan 1742692)

Amir Khella just described his experience of building an interactive prototyping for an iPad application using Apple’s Keynote. Along with a thorough post, he release a template available for download (requires blog subscription). The post also comes with a video screen cast showing the final result and interactions. Here is an interesting quote around what [...]


07/20/10--10:16: User Interface Design Framework (chan 1742692)

An awesome Adobe Illustrator library has just been released for designing user interfaces. The set contains hundreds of vector shapes for GUI form elements, 260 vector based interface icons, and 200 graphic styles. Best of all, it’s available to use for commercial projects. Nice work Vincent! Credits: Vincent Le Moign


07/26/10--09:40: onProximityFade jQuery Plugin (chan 1742692)

Here is another experiment in the form of an open source jQuery plugin named onProximityFade. What it does is it fades tagged elements (requiring a CSS class of “fadeBox”) depending on their proximity to the mouse cursor. The idea emerged after a subtle irritation with long lists of repeating links which sometimes feel as they [...]


08/10/10--10:06: Usability Test Data Logger (chan 1742692)

The Usability Test Data Logger is an interesting excel sheet for capturing usability test results. It’s not new (first released in 2002) but still fully valid (with the latest release in 2008). Brought to you by the guys over at Userfocus, the tool is customizable, cross platform, captures both qualitative and quantitative data and generates [...]


08/18/10--06:17: Omnigraffle Sitemap Generator (chan 1742692)

The Omnigraffle Sitemap Generator is a script that auto creates nicely looking sitemaps from a given XML file. It’s really just a simple byproduct from the guys over at Fuzzy Math. If this is your cup of tea, Jason, also wrote up a table generator script. Hope this saves someone some time. Download the Sitemap [...]


08/24/10--06:02: Free Keynote UX Stencils (chan 1742692)

In the light of Keynote as a recently popular tool for creating wireframes, here comes another emerging stencil for all to use. As the project name suggests, the template is free, comes with various form elements, modal boxes, and a number of useful header styles. One thing that stands out is the way the stencil [...]


09/03/10--06:15: Dragnet Wireframes Kit for Adobe Fireworks (chan 1742692)

Yet another wireframing kit up for grabs. This time for Adobe Fireworks. In Jonas’ own words: Dragnet website wireframes kit v0.9 is a common library for Adobe Fireworks and contains over 25 objects that are useful for rapid prototyping of websites. It is completly free to download and use. The kit contains common web design [...]


09/08/10--06:05: Sqetch – Illustrator Wireframe Toolkit (chan 1742692)

These wireframing toolkits are recently springing up like mushrooms after the rain, but this one looks really stylish. It’s done for Illustrator and sits more on the high end of the fidelity spectrum. It also contains elements and pieces for: the browser, an iPad landscape and upright backdrop, the Smartphone, form and UX elements. Thanks [...]


09/08/10--09:02: Call for Samples + 2 HotGloo Giveaways (chan 1742692)

The awesome guys over at HotGloo decided to give away 2 single one year plans to the readers of this blog. What’s the catch? I’m requesting UX deliverable samples, and latest sketching techniques of course. Just in the last giveaway, here are a few tips: Submit your own work of wireframes, sketches, a UI design [...]


10/21/10--10:23: SketchWizard (chan 1742692)

A rather interesting experimental wizard of oz sketching tool has been developed a few years ago by a group at the University of Washington. The setup requires two separate monitors with the user on one and the designer on another. The person evaluating the prototype can then use a standard computer or a pen based [...]


10/26/10--06:16: Site Architecture Stencil for OmniGraffle (chan 1742692)

Austin recently came up with a sitemap or site architecture OmniGraffle stencil that makes room for some extra description. In the stencil, beside each page title there is now a little space for an explanation of what the page is about. He shared the downloadable stencil which can be obtained right from his site. Awesome. [...]


11/03/10--09:00: MOObileFrames (chan 1742692)

MoobileFrames is an emerging collection of sketches, wireframes and interface drawings in the mobile application space. The tumblr site has been recently started by Hannah and new content is still being scanned in and added. Thanks for sharing! Credits: Hannah Milan


11/12/10--06:15: 750 Vector Icons (chan 1742692)

From the same person who brought you the User Interface Design Framework, now comes a set of another 750 Vector Icons. This time around the set costs around $47 and comes in Illustrator, EPS, PDF and PNG flavours. Hopefully useful to some of you UI designers out there. Thanks Vincent! Credits: Vincent Le Moign