userfly: Instant web-based usability testing service

Userfly is a new web-based usability testing service that looks pretty exciting. When you set up a new test on the service, you’re given JavaScript to enter into your site template. Userfly captures sessions including link clicks and time spent on the page, and records screen events including mouse movement and keystrokes.

This looks like a pretty nice service for certain types of observation. There doesn’t appear to be any options for interacting with users, e.g. video/audio capture, task marking. I suppose on a siloed test server you could drive test session tasks and do an additional recording via other software. But at that point, you might as well go a more traditional route using web-based methods. But this should definitely be useful for some testing needs. Would love to hear more about people’s experiences with this.

http://userfly.com/

Layers App Creates Layered PSDs from Screen Captures

Just when you thought there couldn’t be a way to improve the screencapture app space, Layers hits the net. Layers for the Mac, captures your displays as a Photoshop layered image. Press the capture hotkey or customize your capture in the inspector and you’ll obtain a full fledged PSD file with one layer per window, including menu and desktop icons, dock and menubar. Sweetness.

Via @davidkaneda

http://layersapp.com/

Uni-Form

Uni-Form is a cool tool from Dragan Babić of Superawesome. The CSS library standardizes form markup (xhtml) and css, and “modularizes” it so even people with only basic knowledge of these technologies can get nice looking, well structured, highly customizable, semantic, accessible and usable forms. Download the plug and play XHTML and CSS and you’re ready to go.

http://sprawsm.com/uni-form/

OmniGraffle Wireframe Stencils

About

This is a set of shapes for making wireframe in OmniGraffle 5 Pro or OmniGraffle 6 (Mac OS X). It consists of most of the basic elements you'll need to create user interface specifications.

No Installation!

The stencils ship with OmniGraffle! Find them in the Software category. To download them anyway, get the file and open it, when it appears click the Install button.

Download

Download Version 3.3 (6/14/13)
Stencils are free to use, but can't be distributed. If you like them, a donation is appreciated.






UI Components




Ad Units


Browser Chrome


Mobile Devices

Version Information

View version notes.

3.3 (6/14/13)
Added Andrew Blair's Google Nexus device.

3.1-2 (2010)
Ships natively with OmniGraffle

3.02 (4/2/2010)
Fixed dimensions of iPad chrome viewport.

3.01 (2/24/2010)
Added iPad chrome. Replaced graphic icons with vector images.

3 (9/15/2009)
Modified all form and controls elements for color consistency. Added the following: sliders, new form icons, tag clouds and lists, a-z lists, IAB advertising units, iphone chrome, web browser chrome.

2.0.1 (1/6/2009)
Minor bug fixes, clean up of element alignment.

2.0 (1/6/2009)
Major updates to version 1.
Formatted for OmniGraffle 5.x
Includes Base Wireframe Kit; Controls Audio and Video; Controls Basic; Forms; Navigation; Text; Windows, Dialogs and Layers.

1.x (2005-2007)
Original urlgreyhot OmniGraffle Wireframe Palette, formatted for OmniGraffle 4.x (Original is available here).

Mocklinkr Prototyping and Review Tool

Mocklinkr is another new design mockup review service to hit the web. This one adds a little twist, however, that might be pretty useful. After you upload images of your designs or wireframes, Mocklinkr let’s you create clickable sections on the image linking to another image. This let’s you do very simple click-through prototypes to change state and navigate between pages. In a way, this seems a bit like the Berkeley GUIR Denim tool, which is sadly no longer available at the GUIR site.

The video above shows how it works. Jump to 0:30 for the demo. The prototyping is not as sophisticated as using standalone wireframing software or something like Balsamiq, but the approach should be very simple and friendly for people who don’t want to bother with software. It allows you to use your own images and adds the online annotation and review features. It’s nice to have so many different service options these days.

http://www.mocklinkr.com/