How to use hover in a user interface -

How to use hover in a user interface

Hover sensing combines self and mutual capacitive sensing to create a mouseover-like functionality in a handheld device, including magnification and simplified text selection. Here are some of the capabilities and applications of hover technology in handheld devices.

Hover sensing is a rapidly emerging technology for handheld device user interfaces (UIs), with the potential to revolutionize the user experience (UX) for mobile devices. Hover detection changes the fundamental navigation functions on mobile devices by emulating “mouseover,” delivering easier, more accurate interface navigation for handsets, GPS systems, and other mobile applications. The technology is rising quickly in importance among major OS developers; most indicators point to this becoming a major market trend within the next two years. It allows us to interact with touchscreen devices in ways that solve common UI problems, and it presents exciting new possibilities, some of which I explore in this article.

Keep your gloves on
Gloves greatly hinder touchscreens from sensing the capacitance of a fingertip, making navigation and selection all but impossible. However, users in cold climates need a more realistic solution than removing their gloves any time they need to operate their devices. For handheld device designers, achieving real touchscreen performance for the gloved user has long been difficult. Many touchscreen-controller manufacturers attempt to resolve the issue by dramatically slowing down screen refresh rates and lowering the noise threshold to allow the sensor to pick up very small touches, such as those produced by a gloved finger. Demonstrations of this functionality may appear to work but are typically conducted on a demo kit in a safe, noise-free environment.

In an actual device, noise is unavoidable. Once you take the technology contained in the demo kit and build it into a system where noise is present, the lowered thresholds and increased sensitivity that allowed the demo to work with gloves makes the controller much more susceptible to phantom touches due to noise spikes, as Figure 1 shows. In real systems, that glove functionality falls apart very quickly, leaving the glove-wearing user with an unresponsive, inaccurate touchscreen that has a higher incidence of false detection even when operated by bare hands.

Click on image to enlarge.

Hover technology enables real operating capabilities even with thick, heavy gloves. The touch sensor “sees” finger movements even without the finger touching the screen. The technology also eliminates the false touches and performance disruption caused by the lower noise threshold needed for glove operation. For those with long fingernails, especially the acrylic type, hover technology also provides better navigation for a better UX. Touch sensors have difficulty sensing fingernail input for much the same reasons as with gloves. Hover functionality allows the widespread use of touchscreens regardless of climate, gloves, or fingernails.

Touch redefined
Hover offers many possibilities for current handheld applications. For example, hover could be used to preview your e-mail inbox on a mobile device by hovering your finger over your new e-mails to see the first few sentences. If the e-mail demands immediate attention, you use direct selection to open up and respond to the entire message. Another potential application is personal media players, especially those with streaming capabilities. Hover could allow users to preview a song or play a movie trailer before downloading. Users could then use direct touch input to select. Handheld gaming applications are also poised for increased functionality. No longer limited by simple taps or gestures, game designers could add new commands and options with the addition of hover.

The development of hover technology allows handheld devices to deliver the functionality of a personal computer. Hover makes it possible to design a “mouseover” function for mobile devices. Users could hover over an area of the screen to magnify text, such as a clickable link or keys on an onscreen keyboard for easier selection, as shown in Figure 2 .

Click on image to enlarge.

It could also be used to view additional information; for example, you could use hover while scrolling through contacts in your mobile phone to see a person’s contact information and history, such as phone calls and text messages sent. It’s not unrealistic to think that a social networking mobile app could utilize hover to enable a user to see a preview of another person’s profile, photos, or previous posts without direct selection. Or users could preview content on video-sharing sites like YouTube. You could use hover in GPS devices or map apps on a mobile phone to browse nearby amenities like restaurants without navigating away from the current map.

Hover also allows for a new and simplified method of text selection. Accurately placing a small cursor with a tap and then dragging a finger to highlight text can be difficult, and increases the possibility of improper cut, copy, or place commands. Hovering could be used to select text, while direct input could be used to open the command menu and select specific commands.

Hover has even more possibilities beyond current applications. Three-dimensional displays are a hot market trend. With 3D interfaces, users may want a 3D way to interact. Hover could enable you to navigate through multiple open applications on a 3D display, bringing different applications to the front of the screen while other open apps are still visible behind it. If you’re playing a game on your mobile phone, for example, and get a text message, you could hover your finger over the incoming message to open it up and read it without having to close or navigate away from the game.

Designing hover into a mobile device does more than just create new commands and capabilities. In capacitive touchscreens, the issue of Z-Force is a recurring problem. In this type of touchscreen, Z-Force is a measure of cross-sectional area and signal, not a measurement of touch pressure, as it is in resistive touchscreens. When you apply more pressure with your finger, it flattens against the screen, increasing the cross-sectional area of the finger/touch. A Z-Force measurement then evaluates the wider area touched by your fingertip to calculate force used. This is an issue because by relying solely on area and signal, the touch controller has difficulty telling the difference between a light touch with a large finger and a hard press with a smaller finger.
Currently, some UIs use a long press to open up new command menus. Using a long press decreases the speed at which the user can interface with the phone and creates a slower, more awkward user experience. But adding hover functionality to a capacitive touchscreen device can remove the need for long presses or force measurement altogether. Hover is to touch what touch is to a long press—by enabling this kind of sensing, OS designers can preserve functionality without having to slow down the UX (users’ experience) or modify threshold and sensitivity levels to calculate Z-Force. With hover, a user no longer needs to apply varying force to perform certain functions or sacrifice efficiency when using the system.

How hover works
Real hover sensing is enabled by a combination of self and mutual capacitance sensing. Both types have advantages and disadvantages. Mutual capacitance is what enables multi-touch functionality. Mutual capacitance touchscreens have horizontal and vertical rows of sensors, like self capacitance screens, but capacitance is measured through the intersections of these sensors (X*Y) instead of as individual sensors (X+Y), shown in Figure 3 . Best-in-class touchscreen controllers in the mobile space offer 32 sensor channels for sensing a 4.5″ (16:9 aspect ratio) touchscreen with an ideal sensor pitch of 5 mm. Because this type of measurement dramatically increases the possible number of sensors on a panel–a potential of 256 intersections, as opposed to 32 sensor lines for self capacitance–mutual capacitance scanning can deliver higher accuracy and true multi-touch capability. Figure 3 shows five fingers on a mutual capacitance touchscreen. All five input points are clearly identified, with no positional ambiguity.

Figure 3: Mutual capacitance sensors can sense multiple input points by measuring the intersection of X and Y sensor lines, instead of the lines themselves. All five fingers are clearly identified on the sensor grid in this GUI screen capture.

However, mutual capacitance devices require lower noise thresholds as well increased sensitivity to support advanced features like hover technology, which makes them susceptible to performance disruptions from conducted noise.

Self capacitance, on the other hand, is a robust method of sensing. It generates a stronger signal and is capable of projecting larger fields than mutual capacitance, which enables the touchscreen controller to accurately pick up the capacitance of objects (like a finger hovering over the screen). Self capacitance can also provide more touch sensitivity without lowering the noise threshold. That makes it far less susceptible to false touches, poor accuracy, and delayed response times than mutual capacitance.

But for all its benefits, the problem with self capacitance is that it does not support true multi-touch functionality because of an issue known as ghosting, where the position of the two fingers on a screen is ambiguous. In self capacitance sensing, input is measured for change along the horizontal and vertical axes (X+Y). This results in positional ambiguity if the user touches two places on the same line. Resolving this problem becomes impossible with a third touch. Figure 4 is an example of this kind of ambiguity in a self capacitance touchscreen. The red circles are actual touches on the X and Y sensor lines. Because each line now reads a touch, the intersection of those lines register touches (marked in blue) as well, even though none are present.

To deliver accurate hover functionality, a touchscreen controller must use both methods. However, this functionality is not always easy to achieve. Some touchscreen controller manufacturers use two different chips—one for self capacitance and one for mutual capacitance, which adds more silicon to a design. This significantly increases materials cost and imposes limitations on device size as designers must make room for another chip on the board. What device manufacturers really need is a touchscreen controller capable of providing both self and mutual capacitance sensing on the same chip, with the ability to switch between both methods while in application. This keeps materials cost and device size down by eliminating the need for a second chip. By using a touchscreen controller that combines self capacitance, mutual capacitance, and the ability to switch dynamically between them, mobile-device manufacturers are able to design hover functionality into the user interface.

Learn hover craft
Hover technology will dramatically change the way we interact with handheld devices. App, mobile, and OS developers are already designing with hover use cases in mind for their upcoming releases. Other emerging technologies, such as 3D mobile displays, create new opportunities and applications for hover sensing. All market indicators point to hover functionality becoming a major industry trend within the next two years, which means that OEMs should start researching this technology. Integrated hover and multi-touch capability can only be enabled by touchscreen controllers that support both self and mutual capacitance sensing. To keep costs low, designers should look for touchscreen controllers with the ability to deliver both on the same chip. By solving long-standing problems like force measurements and operation with gloves, plus adding new features and commands, hover is poised to make a major impact on the mobile device industry.

Christi Juchmes is a product marketing specialist at Cypress Semiconductor Corp. She can be reached at .

This article provided courtesy of and EmbeddedSystems Design Magazine. Sign up for subscriptionsand newsletters. Copyright © 2011 UBM–All rights reserved.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.