This is a great presentation from Joshua Porter regarding intuition vs data-driven designs and why we must keep a balanced approach when designing user interfaces.
How Big Should the Buttons Be?
Posted in Usability | May 4th, 2010
Designing interfaces for an iPhone, iPad, Android, or any gestural device has been a guessing game until now. LukeW has posted a great article on the best practices for button sizes.
In the iPhone Human Interface Guidelines, Apple recommends a minimum target size of 29 pixels wide 44 pixels tall. Since physical pixel size can vary by screen density, Apple’s pixel specifications apply best to the iPhone’s 320 by 480 pixel, 3.5 inch display (164ppi).
In the Windows Phone UI Design and Interaction Guide (PDF), Microsoft goes further and suggests: a recommended touch target size of 9mm/34px; a minimum touch target size of 7mm/26px; a minimum spacing between elements of 2mm/8px; and the visual size of a UI control to be 60-100% of the touch target size.
Touch Gesture Cheet Sheet
Posted in Usability | April 21st, 2010
LukeW | Touch Gesture Reference Guide.
This is a super-handy reference guide for interaction designers looking to have a print-out of all the touch gestures, especially across mobile operating systems.
Design Better Mobile Forms
Posted in Usability | March 15th, 2010
LukeW | Better Mobile Form Design.
I read Luke’s book on Web Form Design and I thought this article was a good introduction to form design, at least on mobile devices. As a relatively new iPhone user, I find it unbelievably frustrating when a big site doesn’t have a mobile version.
Read this article and if you run a site that more than 100 people use a day, please consider “mobilizing” it.
Categories
My Tweets
- Landon Donovan deserves a statue or movie deal, just like the Nike commercials. #worldcup
- RT @StephenAtHome: in honor of oil-soaked birds, 'tweets' are now 'gurgles. http://bit.ly/cIhZNf
- Placing bets based on EA's FIFA World Cup 2010 simulation results... #worldcup
- Great article on how to use the white-space css property - http://www.impressivewebs.com/css-white-space/
- RT @deviantART: August 7th, 2010. It's coming. #deviantART
- How to Convert Flash to HTML 5 and Javascript http://dlvr.it/1Z95z
- Metrics-Driven Design http://dlvr.it/1Xg6q









