Modern Web Engineerinng

[munem15-4873]

Touchscreens vs. Cursors

Touchscreens are becoming increasingly popular. Assuming that smaller
devices are more likely to be given touchscreen functionality is easy, but
don't be so quick. Right now touchscreens are mainly on smaller devices,
but many laptops and desktops on the market also have touchscreen
capability. For example, the HP Touchsmart tm2t is a basic touchscreen
laptop with traditional keyboard and mouse that can transform into a
tablet.

Touchscreens obviously come with different design guidelines than purely
cursor-based interaction, and the two have different capabilities as well.
Fortunately, making a design work for both doesn't take a lot of effort.
Touchscreens have no capability to display CSS hovers because there is no
cursor; once the user touches the screen, they click. So, don't rely on CSS
hovers for link definition; they should be considered an additional feature
only for cursor-based devices.

Look at the article "Designing for Touchscreen" for more ideas. Many of the
design suggestions in it are best for touchscreens, but they would not
necessarily impair cursor-based usability either. For example, subnavigation
on the right side of the page would be more user-friendly for
touchscreen users, because most people are right-handed; they would
therefore not bump or brush the navigation accidentally when holding the
device in their left hand. This would make no difference to cursor users, so
we might as well follow the touchscreen design guideline in this instance.
Many more guidelines of this kind can be drawn from touchscreen-based
usability.

Source: Smashing eBook􁴹Modern Web Design and Development