Tipos de pantallas táctiles, historia y funcionamiento
Touchscreens allow a more intuitive and direct way of interacting with devices, they have become ubiquitous in our modern world, from smartphones to self-checkout machines, and their widespread adoption has changed the way we interact with technology.
En este artículo:
What is a Touchscreen?
A touchscreen is a display input interface, commonly a transparent display screen, that enables users to interact with a device by identifying touch inputs on the screen surface. For the majority of touchscreens, the touch inputs are detected using the human body's electrical properties, specifically the conductive nature of our fingertips. This conductivity allows the device to recognize and register our touch as an input.
![](https://cdn11.bigcommerce.com/s-ybeckn7x79/images/stencil/original/image-manager/touch-1.jpg)
Two widely used touchscreen technologies, resistive and capacitive, involve placing a touch panel over electronic displays like LCDs or OLEDs to enable touch detection. Users can perform various actions, including selecting, scrolling, zooming, drawing, sliding, etc.
Related: LCD vs OLED
One of the primary advantages of touchscreens is that they eliminate the need for traditional input devices like the mouse, keyboard, or physical buttons. This is because touchscreens allow users to interact directly with digital content by tapping, swiping, pinching, sliding, and zooming with their fingers or stylus. This makes it easier to navigate menus, select options, and perform other tasks on digital devices, particularly on smaller devices like smartphones and tablets where traditional input devices may not be practical.
Touchscreen Type Examples
History of Touchscreens
The history of touchscreens dates back to the 1960s when early touch-based input devices were developed for use in control panels and other specialized applications. In the following timeline, we will explore key moments and innovations in the development of touchscreens from their early beginnings to the present day.
Timeline preview of the history of Touchscreen displays
Inventor / Organization | Significance | Year |
---|---|---|
Leon D Harmon
Bell Telephone Laboratories Inc (AT&T) |
First stylus touchscreen. | 1960 |
E.A. Johnson
UK Royal Radar Establishment |
First finger driven touchscreen. | 1965 |
Dr. Samuel Hurst
Elographics Inc |
First resistive touchscreen (not transparent). | 1971 |
University of Illinois | Touchscreen made with infrared sensors and phototransistors. | 1972 |
Frank Beck & Bent Stumpe
CERN |
First capacitive transparent touchscreen. | 1973 |
Dr. Samuel Hurst
Elographics Inc |
First resistive transparent touchscreen. | 1974 |
Input Research Group
University of Toronto |
First multi-touch screen. | 1982 |
IBM | IBM Simon - the first mobile phone with a resistive touchscreen operated with a stylus. | 1994 |
LG | LG KE850 Prada - the first mobile phone with a capacitive touchscreen. Apple unveiled the first iPhone a month later. | 2006 |
1960 -- First recorded touchscreen (driven by stylus).
Bell Telephone Laboratories Inc (now AT&T) published one of the earliest versions of a touchscreen in 1960, which was later patented in 1962 under the US 3016421A. This touchscreen uses a grid of straight lights that aim straight down onto the surface and is designed to work only with a stylus, not a finger. The photodetectors register a touch when a beam of light in the grid is interrupted by the touch of the stylus.
![First touchscreen](https://cdn11.bigcommerce.com/s-ybeckn7x79/images/stencil/original/image-manager/first-touchscreen.jpg)
1965 -- The first finger driven touchscreen.
Eric Johnson, who was based at the Royal Radar Establishment in Malvern, England, developed the first touchscreen that could be operated by a finger to aid traffic control. His work on capacitive touchscreens was initially described in 1965, and he later elaborated on it with photographs and diagrams in an article published in 1967. He filed for a patent in the UK (GB3352465) in 1965, and the US patent US3482241A was granted in 1969.
1971 -- The first resistive touchscreen.
Dr. Samuel Hurst is credited with developing the first resistive touchscreen in 1971, although it was not transparent. In 1974, he created a transparent touchscreen.
1972 --Touchscreens with infrared sensors and phototransistors.
In 1972, the University of Illinois developed a touchscreen for a terminal system called the PLATO IV, which was used in educational settings. The touchscreen had an array of 16x16 infrared sensors made up of LEDs and phototransistors on the edges of the screen that allowed it to detect touch when an object was in close proximity to the screen.
![Plato IV touchscreen](https://cdn11.bigcommerce.com/s-ybeckn7x79/images/stencil/original/image-manager/plato-iv-il-touchscreen.jpg)
1973 -- First transparent capacitive touchscreen.
In the early 70s, two CERN (European Organization for Nuclear Research) engineers, Frank Beck and Bent Stumpe, created a see-through touchscreen based on Stumpe's previous work at a TV factory in the early 1960s. CERN began manufacturing them in 1973.
![transparent touchscreen by Bent Stumpe](https://cdn11.bigcommerce.com/s-ybeckn7x79/images/stencil/original/image-manager/bent-stumpe-transparent-touchscreen.jpeg)
1974 -- First transparent resistive touchscreen.
Dr. Samuel Hurst created the first resistive touchscreen that included a transparent surface which he filed patent US3911215A that was granted in 1975 for the company he founded - Elographics Inc.
![Accutouch transparent touchscreen](https://cdn11.bigcommerce.com/s-ybeckn7x79/images/stencil/original/image-manager/accutouch-elographics-transparent-touchscreen.jpg)
In the early 1980s, touchscreens began to be used in consumer electronics, particularly in kiosks and ATMs.
1982 -- Multi-touch technology.
The first multi-touch touchscreen system was created in 1982 by the Input Research Group at the University of Toronto, using a frosted-glass panel with a camera positioned behind it, marking the beginning of multi-touch technology.
Early 80s - late 90s -- Touchscreen gesture-based features and development
Throughout the 80s and 90s, extensive research was conducted to enhance the precision and functionality of touchscreen technology, incorporating a variety of gesture-based features such as sliding, swiping, tap-click, lift-off, multi-touch, and more.
Mobile Phones
The first resistive touchscreen operated with a stylus, the IBM Simon, was introduced by IBM in 1993. On December 12, 2006, LG announced the LG KE850 Prada, the first mobile phone with a capacitive touchscreen. Apple unveiled its first iPhone with a capacitive touchscreen a month later, on January 2007.
2000 - Current time -- Global widespread and development of capacitive touchscreens
Touchscreens have been around since the 60s, with significant improvements during the 80s and 90s, but it wasn't until the 2000s that they became widely used in consumer electronics such as mobile phones, laptops, tablets, and other portable devices. This was due in part to the development of new technologies, such as capacitive touchscreens, which allowed for more precise and responsive touch inputs.
A DisplaySearch study revealed that in 2018, capacitive touchscreens accounted for over 70% of global shipments, whereas resistive touchscreens made up only 3%.
How do touchscreens work?
The primary components of a touchscreen display are the touch sensor, controller, and software. The touch sensor, also known as a touch panel, consists of a touch-sensitive surface that detects changes in electrical properties such as current, voltage, capacitance, or resistance. The controller, a hardware component, converts the electrical changes detected by the touch panel into signals that are used to interpret touch gestures such as touching, sliding, zooming, swiping, etc. Finally, upon receiving these touch signals, the software can process them and react to them by completing specific functions and, if needed, transmit instructions to the device, triggering actions like activating a motor, changing screen information, shutting down equipment, adjusting brightness, increasing volume, and so on.
![Structure of touchscreens and how they work](https://cdn11.bigcommerce.com/s-ybeckn7x79/images/stencil/original/image-manager/structure-of-touchscreens-and-how-they-work.jpg)
- Touch sensor activation - The user interacts with the touch-sensitive surface, causing changes in its electrical properties, such as current, voltage, capacitance, or resistance.
- Controller processing - The hardware controller detects the electrical changes in the touch panel, identifies specific touch gestures (touching, sliding, zooming, swiping, etc.), converts them into signals, and sends them to the software.
- Software response - The software receives the touch signals and processes them to perform specific functions or tasks.
How touchscreens work: step-by-step
Types of touchscreens
While the two most common types of touchscreens are resistive and capacitive, there are other types of touchscreens available, each with its own unique features and functionalities.
Touchscreen technologies
- Resistivo
- Capacitivo
- Projected Capacitive (P-Cap)
- Infrared
- SAW (Surface Acoustic Wave)
- Optical Imaging
Learn more: Types of LCDs
Resistive touchscreens
Resistive touchscreens operate through the detection of pressure applied to the screen. They consist of two flexible layers, usually made of polyester and glass, which are coated with a thin layer of conductive material, such as indium tin oxide (ITO). These two layers are separated with tiny spacer dots.
When pressure is applied to the screen, the top flexible layer is pushed towards the bottom layer, creating contact between the two conductive layers. This physical contact registers a change in electrical resistance, which the touchscreen controller then processes to determine the precise location of the touch.
![Diagrama de pantalla táctil resistiva](https://cdn11.bigcommerce.com/s-ybeckn7x79/images/stencil/original/image-manager/resistive-touchscreen-diagram.jpg)
Resistive touchscreens are relatively inexpensive and can be operated with various input devices, such as fingers, styluses, or gloves. However, they tend to have lower sensitivity and clarity than other touchscreen technologies.
Capacitive touchscreens
A capacitive touchscreen identifies and reacts to changes in capacitance caused by the screen's electrostatic field when the screen's surface is touched.
Unlike resistive touchscreens, capacitive touchscreens don't rely on screen pressure to detect a touch event.
When a user touches the screen with a finger or a stylus made of conductive material, it causes a change in the screen's capacitance at the point of contact. This change is detected by the capacitive touch controller, which then processes the input and determines the exact location of the touch event.
Capacitive touchscreens are widely used in smartphones, tablets, and other electronic devices due to their high sensitivity, accuracy, and responsiveness. They also support multi-touch capabilities, allowing users to perform gestures like pinching and zooming with multiple simultaneous touch inputs. However, they may not work well with non-conductive materials, such as gloves or a regular pen, as these materials do not interact with the screen's electrostatic field.
Projected Capacitive (PCAP)
Projected capacitive touchscreens use a grid of electrodes to detect touch inputs. The electrodes, typically made of transparent conductive material, are placed on a thin sheet of glass or plastic that covers the display.
When a finger or stylus touches the touchscreen's surface, it changes the capacitance between the electrodes, which is detected by the controller circuit. The controller then calculates the position of the touch based on the changes in capacitance and sends the corresponding input to the device.
Projected capacitive touchscreens are named so because they project an electric field, and the sensing method is based on changes in capacitance.
![Projected Capacitive touchscreen diagram](https://cdn11.bigcommerce.com/s-ybeckn7x79/images/stencil/original/image-manager/capacitive-touchscreen-diagram.jpg)
Projected capacitive touchscreens are known for their high accuracy, sensitivity, and durability. They are commonly used in smartphones, tablets, and other electronic devices. They also support multi-touch gestures, allowing users to interact with the device using two or more fingers simultaneously.
Difference between capacitive and projected capacitive
The main difference between capacitive and projected capacitive touchscreens is the way the electrodes are constructed and arranged. Projected capacitive touchscreens are typically more sensitive and accurate, making them suitable for high-end applications like smartphones, tablets, and industrial control panels.
Read our article explaining the differences between resistive and capacitive touchscreens to learn more about these two leading display technologies.
IR (Infrared) touchscreens
Infrared touchscreens use a grid of light-emitting diodes (LEDs) and photodetectors to detect touch inputs. The LEDs emit infrared light beams, which are arranged in horizontal and vertical arrays around the edges of the screen. The photodetectors, located opposite the LEDs, continuously receive these infrared light beams.
When a user touches the screen, their finger or stylus interrupts the infrared light beams, causing a break in the grid. The system then calculates the coordinates of the touch point based on the specific beams that were interrupted. This information is sent to the device's processing unit, which interprets the touch input and performs the corresponding action.
![How infrared touchscreens work](https://cdn11.bigcommerce.com/s-ybeckn7x79/images/stencil/original/image-manager/ir-infrared-touchscreen.jpg)
Infrared touchscreens offer several advantages, including high durability and resistance to scratches, dust and water. They also have the ability to work with almost any object including styluses or gloved hands since applying pressure isn't necessary to register a touch. IR screens have incredible light transmission and image quality since they do not have an extra glass or film layer on top of the screen. However, functionality may be difficult under bright sunlight so typically they are used indoors. They also work best with larger screen sizes because profile height may be limiting.
SAW (Surface Acoustic Wave)
Surface acoustic wave (SAW) touchscreens are a type of touch technology that uses ultrasonic waves to detect touch input on the screen's surface. The screen is made up of a layer of glass or other transparent material, with a thin layer of reflective material on the surface of the glass layer.
The ultrasonic waves are generated by transducers located at the corners of the screen and sent across the surface of the glass. When a finger, stylus, or other object touches the screen, it absorbs some of the ultrasonic waves, causing a disturbance in the wave pattern. The transducers detect this disturbance, which can then calculate the location and type of touch input.
![How surface acoustic wave touchscreens work](https://cdn11.bigcommerce.com/s-ybeckn7x79/images/stencil/original/image-manager/surface-acoustic-wave-touchscreen.jpg)
SAW touchscreens offer several advantages, including high clarity, durability, and reliability. They are also highly responsive and can detect even light touches or gestures. However, they are more expensive than some other types of touchscreens and may not be suitable for use in harsh environments where high amounts of dirt, dust, or water are a concern.
Learn more: Transmissive vs Reflective vs Transflective Displays
Optical Imaging Touchscreens
Optical imaging touchscreens use camera-like sensors and image processing algorithms to detect touch inputs similar to infrared touchscreens. When a user touches the surface of the touchscreen, the sensors detect the change in light and shadow caused by the pressure and movement of the touch.
![How optical imaging touchscreens work](https://cdn11.bigcommerce.com/s-ybeckn7x79/images/stencil/original/image-manager/optical-imaging-touchscreen.jpg)
Compared to capacitive or resistive touchscreens, optical imaging touchscreens are not as popular or widely used in the market.
Optical imaging touchscreens are known for their durability, as they are not susceptible to wear and tear from physical contact like other touchscreens. They are commonly used in public kiosks, interactive displays, and gaming applications. However, they may not be as responsive or sensitive as other types of touchscreens and may not support multi-touch gestures.
Conclusión
Capacitive and projected capacitive touchscreens, with their high accuracy and responsiveness, have emerged as the leading touchscreen display technology, followed by resistive touchscreens. While infrared, surface acoustic wave, and optical imaging touchscreens are not as widely used or popular, they still have unique applications and maintain a small but dedicated market share.
Touchscreens can be found everywhere, from industrial control panels to ATMs, medical devices, and consumer electronics. They have revolutionized how we interact with technology and have become an essential part of our daily lives.
Últimas entradas del blog
-
FFC vs FPC: Understanding Flexible Cable Technologies
Flat Flexible Cables (FFCs) and Flexible Printed Circuits (FPCs) are two types of flexible cab …Aug 2nd 2024 -
US2066 Tutorial: Character OLED with Arduino
If you are interested in getting started with character OLED displays using the US2066 controller …Jul 30th 2024 -
Passive Matrix vs Active Matrix - A Beginner's Guide
Have you ever wondered how display screens are able to produce sharp images and vibrant colors? T …May 30th 2024