Tag Archives: Handhelds

Touch screen design: the ideal button size

Posted on by

An MIT Touch Lab study of Human Fingertips to investigate the Mechanics of Tactile Sense found that the average width of the index finger is 1.6 to 2 cm (16 – 20 mm) for most adults. This converts to 45 – 57 pixels, which is wider than what most mobile guidelines suggest.

1. Designing for 34 / 44 pixels touch target (Windows Phone UI Design and Interaction Guide and iPhone Human Interface Guidelines)

Touch target 34 px


2. Designing for 57 pixels touch target (ergonomically correct)

Touch target finger 57px


3. Designing for 72 pixels touch target (Thumb correct)

Touch target 72px

PostSecrets the project that geolocate your secrets

Posted on by

Everybody has secrets, and now there is an app for geo locating them.

PostSecret, a project that was previously confined to the project’s website, museum exhibits and books, has arrived for the iPhone.

If you’re not familiar with PostSecret, it was founded in 2005 by Frank Warren as a sort of community-driven confessional, accepting secrets written anonymously on postcards which were then curated and posted on the project’s website. With the debut of its app, iPhone users can now browse submitted secrets and share their own.

If you’re concerned about your privacy if you submit secrets, PostSecret promises in the app’s description that no personal information is ever stored or shared when using the app.

4 great Interface stencil kits: MacOS, Facebook, Browsers, Iphone

Posted on by

This will come handy if you need to design an app, or just wonder how interfaces are graphically built.

Mac OS X Interface Stencil Kit
Leopardy interface stencil kit. This one makes extensive use of tables, for maximum flexibility while maintaining pixel precision.

Wireframe Resources

Facebook Applications Stencil Kit
A pretty sizable collection of Facebook related elements to use in creating wireframes for Facebook applications.

Wireframe Resources

Photoshop Browser Templates
This layered PSD file contains three different browser resolutions; all with easily editable titles, address bars, scroll bars and favicons. Just open the PSD and place the layers on top of the design that you are working on, and voila!

Wireframe Resources

Ultimate iPhone Stencil – Graffletopia
This Omnigraffe iPhone stencil kit contains backgrounds, title bars, buttons, selectors and all other iPhone UI elements. It can be easily resized horizontally by ungrouping, resizing the middle element and then regrouping the elements back into a single button.

Wireframe Resources