Archive for the ‘Templates’ Category

UNITiD BlackBerry Template for Fireworks

Friday, March 18th, 2011


Here comes another mobile template for Fireworks for mocking up Blackberry screens. It has been released publicly sometime a month ago by UNITiD – a small company from the Netherlands. Enjoy if it’s useful.

In their own words:

For all interaction designers who will be designing apps for the BlackBerry platform, we’d like to share our Fireworks template. The template is made for BlackBerry devices with resolution 640×480 but as all UI elements are vector images they can easily be resized.

Credits: UNITiD

Persona Template

Tuesday, March 1st, 2011


A persona template has just been shared by the folks over at Orange Bus. Perhaps what might be interesting about this particular one is that it invites quick and dirty hand drawing or writing. A lot of the other personas out there, from what I’ve seen in the past, look pretty well polished. This one on the other hand is a lot more doodle compatible. It comes with fill in the blank spaces for basic naming, portrait, a back story, motivations, frustrations, their ideal experience, and a summary quote. Nice!

Credits: Joanne Richardson

ZURB iPad Omnigraffle Stencils & Sketchsheets

Wednesday, February 2nd, 2011


Adding this iPad Omnigraffle Stencil to the list for all those MAC users out there (thanks Ivana for finding it). The set looks pretty decent with a great deal of popovers, buttons, bars, icons, keyboards, alerts, and so on. As an added bonus the set also comes with a few blank and printable PDF sketchsheets – handy for all those times when you don’t feel like drawing out hundreds of screen outlines over and over again. Enjoy.

Credits: ZURB

GestureWorks Open Source Gesture Library – Update

Monday, January 10th, 2011


The gesture library from gestureworks has been recently expanded to contain a total of 200 illustrations. The library now contains multi-touch as well as stroke gestures in a variety of bitmap and scalable formats. It’s loaded with swipes, drags, flicks, holds, scrolls, taps, and even 3D gestures. For showing stroke direction, they’ve come up with an interesting way of starting off each stroke with a blue circle and ending with a red one. Pretty cool and inspirational ways of showing off user actions.

Credits: gestureworks

Interactive Sketching Notation v1.0

Thursday, January 6th, 2011


The time has finally come to update the Interactive Sketching Notation for the new year. This time around it now comes with an Adobe Illustrator template that’s loaded with swatches, character styles, and symbols ready for use. The whole sketching system has also been elaborated to also include such things as: variation, notes, scenarios, and multiple user types. The notation can be applied for use with traditional pen and paper media but has advantages when using a computer and a tablet.

Please let me know how you use it or if you have recommendations. Enjoy.

Updated: to work with Illustrator CS4 and CS5

Credits: Jakub Linowski

Business Model Canvas – Facilitator Cards

Friday, December 10th, 2010


Jason does quite a lot of collaborative sketching, business modelling and multidisciplinary design workshops. Recently he shared a set of downloadable cards in PDF form that are aimed at helping to facilitate such sessions. The cards help move the conversation away from the tactical nature of interface design to more high level business strategy with keywords such as: customers, channels, cost structure and value proposition. Additionally, he also wrote up an awesome blog post about facilitating a collaborative process, which sheds more context into how these cards could be used. It’s always interesting to see design intersect with other disciplines (such as business in this case). Thanks Jason!

Credits: Jason Furnell

iPad Sketch Elements AI

Wednesday, December 1st, 2010


Teehan+lax just released the iPad Sketch Elements for Adobe Illustrator to complement the existing iPhone counterpart. The downloadable file contains a number of useful sketch style UI components (such as the keyboard, browser bars, system bars, etc) that can used to speed up an exploration process. Thanks!

Credits: Chris Tanner – teehan+lax

750 Vector Icons

Friday, November 12th, 2010


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

Site Architecture Stencil for OmniGraffle

Tuesday, October 26th, 2010


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. Thanks!

In his own words:

I’ve used EightShapes’s brilliant Unify deliverable system for about four years. It’s excellent.

Out of the box, Unify is designed for use with Adobe InDesign. Lately, however, I’ve been site mapping in sweet, luscious OmniGraffle, and I created a Unify-inspired OmniGraffle stencil for making site maps.

But, there’s one problem with lots of site maps.

In your typical site map, you show the page’s title adjacent to the little box for that page. Unfortunately, clients and developers and designers don’t always know what kind of page the page will be. In other words, if you have a page titled, “Orders”, it’s not clear if that’s a dashboard, a list of orders, or even a form form for adding an order.

So I added a line for every page on the site map where you can offer a very brief description of the page.

Credits: Austin Govella

Sqetch – Illustrator Wireframe Toolkit

Wednesday, September 8th, 2010


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 Dirk for sharing!

Credits: Dirk Weber