Here’s some useful information to consider when working on your applications UI for a Netbook. This post discusses some common UI issues with the desire of helping you create applications for Netbooks that work well and take advantage of the hardware.

Issue and Recommendation

• Eliminate unnecessary UI components, take full screen.
• Avoid screen edges and corners, as selection areas.

• Consider wider dialogs, design your interface to keep dialogs small.

• Use vertical scrolling with controls large enough to facilitate usage.

• Use hardware buttons for most desired functionality.

• Buttons need to be large enough for both finger and stylus input.
• Provide a way for users to back out of any screen.

• Use on screen navigation controls. Make them large enough to use and select.

Additional UI considerations

Because of the touch screen display, you should account for accidental actuation.

Always provide a way to get back to the prior screen.

Users may point with either a finger or the pen tip.

Increase the size of the selection target area to support touch. 10mm is the recommended hit area for touch UI.

Display resolution is small. In some cases items such as dialogs may be restricted by the screen size.

What will your users do if they cannot click the “ok” button as it’s off screen?

The edges of the screen are difficult to target. The bottom of screen is especially hard to target. Make sure your customers can get to the UI they need to activate.

Make close buttons, minimize buttons, and other static UI transparent.

Anchor dialog boxes to the top and left, as opposed to the center of the form.

Dialog boxes tend to be tall and narrow, design to take advantage of the wider screen.

• Scrolling up, down, left, and right makes an application hard to use.
• When necessary, use vertical scrolling. Minimize use of horizontal scrolling.
• Use the existing hardware buttons to your advantage.
• Build on-screen navigation buttons.
• Larger controls help with navigation.