Touch screen design: the ideal button size

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


Mobile UI: fresh ideas from the past #1

I still like this one (from 2009)

The Mouth, the app that turns all sounds into Beats

If you are into electronic music, this app, developed by Tim Exile and Native Instrument, is a funny one. The engine behind The Mouth does something fantastically complicated but presents its findings in an intuitive and easy-to-use way. Any incoming audio is analysed and immediately auto-tuned so that pitch is determined quickly regardless of the source material.

This pitched result can then either be played back ‘as detected’ or tuned to any scale you like over a keyboard so that melodies or harmonic parts can be built up.

The Apps of a Design Manager

1. Paper App

A really great notepad app from 53, the first pen tool is free, and if you want more you can buy the rest as bundle or separately (I bought the bundle). Makes it very easy to sketch ideas and explore UX concepts.

2. AppaFolio

Register to the site and upload your pictures, Appafolio will build an interactive Portfolio for you. Nice and free.

3. SketchBook Pro for Ipad

This app from Autodesk is not a toy, even if it is really cheap. It comes very handy with a pen and the touch screen bring a complete new dimension compared to sketching on Wacom+PC.

The magazine of the future

Flipboard is an amazing app, not only because it make RSS sexy, but because it invent a new form of press: the social media magazine.

Flipboard Pages are built on a lightweight JavaScript engine that lays out articles in a paginated format optimized for iPad. Through semantic analysis, the taxonomy of an article is broken down into essential components including headline, images, byline, captions, and pullquotes. The content is then reflowed into an HTML5 template for short- and long-form articles and image galleries, in both portrait and landscape orientations.

Read this blog  with Flipboard (just search for DesignBrother, and select the Facebook feed) and you will see how it really make the experience richer.