|
The Basics
Age:
40
Gender:
Male
Race:
Other
Location:
Michigan
United States
The Details
This user hasnt filled in any details
About Me
A) Scale Marks. These are just floating reminder notes alongside a screen with a range of information that ought to be supported. Sometimes it’s easy to forget (or not know) how much data a UI really needs to support and these could be used as small self-targeted tests of sorts.
B) Scale Sets. This is a grouping of all the multiple UI states for those times when we actually want to draw out all of the relevant state ranges.
C) Spatial Scales. When there is more information, perhaps we might wish to communicate a maximum size of an element (max width / max height).
These are just a couple of thoughts which some day I might bring into the next release of the ISN. If you have other ideas, please share. :) Hope it’s useful.
Credits: Jakub Linowski
Tags: jakubs, sketching
Posted in Experimental | Comments (5)
Wireframe Dot Annotation Applescripts for Omnigraffle
March 25th, 2011
Do you use Omnigraffle and annotate your work with little, round and numbered circles? Meredith just recently created a bunch of scripts which help with these dot annotations. The scripts automatically generate the numbers and thus make it easier to add and remove notes without having to readjust the numbering all the time on all remaining dots. Looks useful. Thanks!
In her own words:
The problem is that it’s not uncommon for me to have 20-30 dots on a single wireframe. What happens if I need a new “1?? Without a script, it means creating a new “1? dot, then changing the old “1? to “2?, the old “2? to “3?, etc. I don’t have time for that!
Credits: Meredith Noble (Usability Matters)
Tags: annotation
Posted in Tools | Comments (1)
UNITiD BlackBerry Template for Fireworks
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
Posted in Templates | Comments (1)
Persona Template
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
Tags: persona, sketch
Posted in Samples, Templates | Comments (6)
nForm Sketching Table
February 23rd, 2011
The guys over at nForm recently shared their home brewed sketching table composed of IKEA bits and pieces. It has the ability to store past sketches in a number of compartments right underneath, and an awesome kraft paper roller on top (possibly for saving large canvases of related sketches). More importantly, it looks like it’s inviting collaboration as Gene Smith suggests:
The total cost was about $500, and we’re seeing two benefits: it’s much easier for us to incorporate sketching into our daily workflow, and we’re having lots of quick feedback sessions since the table makes it easy for us to share and sketch ideas.
Thanks for sharing.
Credits: nForm
Tags: sketching
Posted in Tools | Comments Off
Tiggr 1.2.5
February 7th, 2011
Tiggr has recently surfaced as an additional tool to choose from for people interested in building interactive UI prototypes. It is currently in beta phase and is being developed by a team over at Exadel. It comes loaded with a set of typical features you would expect from an online prototyping tool. Among these there are: a snapping grid to place work on, multiple project/screen support, and the option to drag and drop existing controls. At a high level, controls here have been organized into two sets belonging to web based and mobile ones. The mobile components are based on the jQuery Mobile framework (pretty cool?). And yes, the tool also allows you to link up pages in order to inject a greater degree of interactivity in the preview mode.
Tiggr prototypes are also very easily shared with a team. Since the tool is hosted online, when previewing the prototype in a browser, the link can simply be sent off to others for review. With a comment and chat system in place, the tool invites users to provide feedback. Additionally, the prototype can also be exported as a standalone HTML bundle that can further be worked on locally and separately from the web based interface.
As far as I know today, these guys will always have a free version and there might be some paid plans in the future. I believe they are also planning to extend the components library and provide more ready to use elements.
Jump in and give it a try to see if it’s for you.
Posted in Tools | Comments Off
« Older Entries
user journey
states
agility
sketching
jakubs
sticky notes
priority
draggable
events
multivariate
scrollable
mindmap
sitemap
sketch
HTML
emphasis
persona
video
referencing
content
gestures
prototype
activity
colour
user flow
forms
annotation
alternatives
wireframe
opensource
Opening Post
Personal Pattern Books
App Sketcher
Axure Libraries and Widgets Compilation
Interactive Sketching Notation 0.1
Persona Template
PowerMockup
Sketchify
Wireframe Dot Annotation Applescripts for Omnigraffle
Interactive Sketching Notation v1.0
960.gs Grid Based Prototypes
GestureWorks Open Source Gesture Library - Update
User Interface Design Framework
Sqetch - Illustrator Wireframe Toolkit
Free Keynote UX Stencils
ZURB iPad Omnigraffle Stencils and Sketchsheets
What I'm Looking For
A) Scale Marks. These are just floating reminder notes alongside a screen with a range of information that ought to be supported. Sometimes it’s easy to forget (or not know) how much data a UI really needs to support and these could be used as small self-targeted tests of sorts.
B) Scale Sets. This is a grouping of all the multiple UI states for those times when we actually want to draw out all of the relevant state ranges.
C) Spatial Scales. When there is more information, perhaps we might wish to communicate a maximum size of an element (max width / max height).
These are just a couple of thoughts which some day I might bring into the next release of the ISN. If you have other ideas, please share. :) Hope it’s useful.
Credits: Jakub Linowski
Tags: jakubs, sketching
Posted in Experimental | Comments (5)
Wireframe Dot Annotation Applescripts for Omnigraffle
March 25th, 2011
Do you use Omnigraffle and annotate your work with little, round and numbered circles? Meredith just recently created a bunch of scripts which help with these dot annotations. The scripts automatically generate the numbers and thus make it easier to add and remove notes without having to readjust the numbering all the time on all remaining dots. Looks useful. Thanks!
In her own words:
The problem is that it’s not uncommon for me to have 20-30 dots on a single wireframe. What happens if I need a new “1?? Without a script, it means creating a new “1? dot, then changing the old “1? to “2?, the old “2? to “3?, etc. I don’t have time for that!
Credits: Meredith Noble (Usability Matters)
Tags: annotation
Posted in Tools | Comments (1)
UNITiD BlackBerry Template for Fireworks
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
Posted in Templates | Comments (1)
Persona Template
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
Tags: persona, sketch
Posted in Samples, Templates | Comments (6)
nForm Sketching Table
February 23rd, 2011
The guys over at nForm recently shared their home brewed sketching table composed of IKEA bits and pieces. It has the ability to store past sketches in a number of compartments right underneath, and an awesome kraft paper roller on top (possibly for saving large canvases of related sketches). More importantly, it looks like it’s inviting collaboration as Gene Smith suggests:
The total cost was about $500, and we’re seeing two benefits: it’s much easier for us to incorporate sketching into our daily workflow, and we’re having lots of quick feedback sessions since the table makes it easy for us to share and sketch ideas.
Thanks for sharing.
Credits: nForm
Tags: sketching
Posted in Tools | Comments Off
Tiggr 1.2.5
February 7th, 2011
Tiggr has recently surfaced as an additional tool to choose from for people interested in building interactive UI prototypes. It is currently in beta phase and is being developed by a team over at Exadel. It comes loaded with a set of typical features you would expect from an online prototyping tool. Among these there are: a snapping grid to place work on, multiple project/screen support, and the option to drag and drop existing controls. At a high level, controls here have been organized into two sets belonging to web based and mobile ones. The mobile components are based on the jQuery Mobile framework (pretty cool?). And yes, the tool also allows you to link up pages in order to inject a greater degree of interactivity in the preview mode.
Tiggr prototypes are also very easily shared with a team. Since the tool is hosted online, when previewing the prototype in a browser, the link can simply be sent off to others for review. With a comment and chat system in place, the tool invites users to provide feedback. Additionally, the prototype can also be exported as a standalone HTML bundle that can further be worked on locally and separately from the web based interface.
As far as I know today, these guys will always have a free version and there might be some paid plans in the future. I believe they are also planning to extend the components library and provide more ready to use elements.
Jump in and give it a try to see if it’s for you.
Posted in Tools | Comments Off
« Older Entries
user journey
states
agility
sketching
jakubs
sticky notes
priority
draggable
events
multivariate
scrollable
mindmap
sitemap
sketch
HTML
emphasis
persona
video
referencing
content
gestures
prototype
activity
colour
user flow
forms
annotation
alternatives
wireframe
opensource
Opening Post
Personal Pattern Books
App Sketcher
Axure Libraries and Widgets Compilation
Interactive Sketching Notation 0.1
Persona Template
PowerMockup
Sketchify
Wireframe Dot Annotation Applescripts for Omnigraffle
Interactive Sketching Notation v1.0
960.gs Grid Based Prototypes
GestureWorks Open Source Gesture Library - Update
User Interface Design Framework
Sqetch - Illustrator Wireframe Toolkit
Free Keynote UX Stencils
ZURB iPad Omnigraffle Stencils and Sketchsheets
|
