Home / Technology / Counterclockwise: the touchscreen evolution

Counterclockwise: the touchscreen evolution

The human-computer interface has been a problem since the dawn of computers. As far as smartphones are concerned, the clear winner is the touchscreen. But how did we get here?

The proto-touchscreen was the light pen, which was first developed in the 50s and 60s and was available to consumers as an accessory for 8-bit computers in the 80s. The light pen is a simple but clever solution that works only with CRT monitors – it senses the electron beam as it scans across the phosphor drawing the image line by line, pixel by pixel. When the beam is sensed by the pen, the computer just makes a note of which pixel was being drawn at the time, that’s how it knows where the pen is on the screen.

A light pen from 1969 (<a href="https://commons.wikimedia.org/wiki/File:HypertextEditingSystemConsoleBrownUniv1969.jpg" target="_blank" rel="noopener noreferrer">image credit</a>)’ width=”300″ height=”230″ src=”https://cdn.gsmarena.com/imgroot/news/18/12/counterclockwise-touchscreens/-300/gsmarena_002.jpg”></a><br />
<br /><span><strong>A light pen from 1969</strong></span></p>
<p>In the 80s a different solution was developed – infrared beams criss-crossed the screen. Touching the screen (with a finger or stylus), blocked some of the beams and the computer registers a press. This kind of tech was used by <a href="https://www.gsmarena.com/neonode-phones-22.php">Neonode</a>, one of the earliest all-touch phones (the <a href="https://www.gsmarena.com/neonode_n1-391.php">N1</a> came out in 2003). The company left the phone business quickly, but still makes touchscreen kits for computers.</p>
<p class="image-row clearfix">
<a href="https://www.gsmarena.com/neonode_n1-391.php"><img height="184" alt="Neonode N1" src="https://i1.wp.com/cdn2.gsmarena.com/vv/bigpic/nnn1.gif?fit=618%2C184&ssl=1" data-recalc-dims="1"></a><br />
<br /><span><strong>Neonode N1</strong></span></p>
<p>The PDA and early touchscreen smartphone eras were defined by the resistive touchscreen. It featured two thinly-separated layers, which would make an electrical connection when you press down on them. Styluses were typically used as their thin tips reduced the force required to press down and were more accurate on the fairly small screens.</p>
<p class="image-row clearfix">
<a href="https://www.gsmarena.com/o2_xda_atom_exec-1625.php"><img height="184" alt="O2 XDA Atom Exec" src="https://i2.wp.com/cdn2.gsmarena.com/vv/bigpic/o2-xda-atom-exec.gif?fit=618%2C184&ssl=1" data-recalc-dims="1"></a><br />
<br /><span><strong>O2 XDA Atom Exec</strong></span></p>
<p>The <a href="https://www.gsmarena.com/sony_ericsson_p800-326.php">Sony Ericsson P800</a> put an interesting twist to it. It was an all-touch phone (running Symbian UIQ), but it hedged its bets and offered a flip-out keypad (this was in 2002, all-touch devices were rare). The keypad simply had styluses on the back of each screen, so pushing a key really pressed the touchscreen behind it.</p>
<p class="image-row clearfix">
<a href="https://www.gsmarena.com/sony_ericsson_p800-326.php"><img height="184" alt="Sony Ericsson P800" src="https://i1.wp.com/cdn2.gsmarena.com/vv/bigpic/snp800.gif?fit=618%2C184&ssl=1" data-recalc-dims="1"></a><br />
<br /><span><strong>Sony Ericsson P800</strong></span></p>
<p>Capacitive touchscreens work another way – your finger changes the capacitance of the screen, which is picked up by a sensor grid. This is designed to work specifically with fingers, so most styluses (or even gloved fingers) don’t work. Apple didn’t invent capacitive touchscreens, but the original <a href="https://www.gsmarena.com/apple_iphone-1827.php">iPhone</a> was certainly the most major contributor in their rise to stardom.</p>
<p class="image-row clearfix">
<a href="https://www.gsmarena.com/apple_iphone-1827.php"><img height="184" alt="Apple iPhone" src="https://i2.wp.com/cdn2.gsmarena.com/vv/bigpic/apple-iphone.gif?fit=618%2C184&ssl=1" data-recalc-dims="1"></a><br />
<br /><span><strong>Apple iPhone</strong></span></p>
<p>The early phones with capacitive screens had a separate touch-sensitive layer. Later on “in-cell” tech allowed this layer to be embedded into the display itself. The best-known example of that tech is Samsung’s Super AMOLED. The advantage is that without the extra layer, the image appears closer to your finger and glare is reduced too.</p>
<p class="image-row clearfix">
<a href="https://www.gsmarena.com/samsung_i9000_galaxy_s-3115.php"><img height="184" alt="Samsung I9000 Galaxy S" src="https://i0.wp.com/cdn2.gsmarena.com/vv/bigpic/samsung-galaxy-s.jpg?fit=618%2C184&ssl=1" data-recalc-dims="1"></a><br />
<br /><span><strong>Samsung I9000 Galaxy S</strong></span></p>
<p>With the <a href="https://www.gsmarena.com/sony_xperia_sola-4408.php">Xperia sola</a> Sony removed the “touch” from touch screen. The Floating Touch sensor could track your finger at a distance, allowing you to “hover” over elements without pressing them (an interaction typically reserved for computer mice). A few other phones tried this, but the tech didn’t  catch on.</p>
<p class="image-row clearfix">
<a href="https://www.gsmarena.com/sony_xperia_sola-4408.php"><img height="184" alt="Sony Xperia sola" src="https://i0.wp.com/cdn2.gsmarena.com/vv/bigpic/sony-xperia-sola.jpg?fit=618%2C184&ssl=1" data-recalc-dims="1"></a><br />
<br /><span><strong>Sony Xperia sola</strong></span></p>
<p>Apple tried something else – Force Touch can sense how hard you’re pressing down, which also enabled additional interactions. This was introduced with the original Apple Watch, but iPhones have it too starting with the <a href="https://www.gsmarena.com/apple_iphone_6s-7242.php">6s</a> (where, confusingly, it’s known as 3D Touch). Apple has been neglecting Force Touch in recent versions of iOS, though.</p>
<p class="image-row clearfix">
<a href="https://www.gsmarena.com/apple_iphone_6s-7242.php"><img height="184" alt="Apple iPhone 6s" src="https://i1.wp.com/cdn2.gsmarena.com/vv/bigpic/apple-iphone-6s1.jpg?fit=618%2C184&ssl=1" data-recalc-dims="1"></a><br />
<br /><span><strong>Apple iPhone 6s</strong></span></p>
<p>Samsung brought back the stylus with the <a href="https://www.gsmarena.com/samsung_galaxy_note_n7000-4135.php">Galaxy Note</a>. Besides the capacitive touchscreen, the Notes feature a Wacom digitizer allowing precise pressure-sensitive way to track the stylus.</p>
<p class="image-row clearfix">
<a href="https://www.gsmarena.com/samsung_galaxy_note_n7000-4135.php"><img height="184" alt="Samsung Galaxy Note N7000" src="https://i2.wp.com/cdn2.gsmarena.com/vv/bigpic/samsung-galaxy-note.jpg?fit=618%2C184&ssl=1" data-recalc-dims="1"></a><br />
<br /><span><strong>Samsung Galaxy Note N7000</strong></span></p>
<p>One weakness of touchscreen is that they lacked tactile feedback. BlackBerry infamously tried to fix that with the SurePress screen of the <a href="https://www.gsmarena.com/blackberry_storm_9500-2534.php">Storm</a>. This tech allowed the screen to be physically pressed down like a button. People hated it and the much-ridiculed tech was quickly abandoned.</p>
<p class="image-row clearfix">
<a href="https://www.gsmarena.com/blackberry_storm_9500-2534.php"><img height="184" alt="BlackBerry Storm 9500" src="https://i2.wp.com/cdn2.gsmarena.com/vv/bigpic/blackberry-9500-storm2.jpg?fit=618%2C184&ssl=1" data-recalc-dims="1"></a><br />
<br /><span><strong>BlackBerry Storm 9500</strong></span></p>
<p>A company called Tactus tried to take it a step further – the <a href="http://blog.gsmarena.com/new-tactile-display-has-buttons-that-rise-out-of-the-screen/" target="_blank" rel="noopener noreferrer">Tactile Layer technology</a> inflatable buttons on the screen, which can be raised or lowered to give a physical shape to the on-screen buttons. This didn’t even make it past the prototype stage.</p>
<p class="image-row clearfix">
<a onclick=The Tactus display had physical buttons that can be raised or lowered

The Tactus display had physical buttons that can be raised or lowered

An honorable mention goes to the Sony Xperia Projector. It runs Android and not only projects the screen, but uses IR sensors to turn the image into an actual touchscreen. This is the holy grail of mobile tech – you can have a screen tens of inches in size (user adjustable) while keeping physical dimensions of the device small.

Sony Xperia Projector
Microsoft PixelSense, formerly Surface (<a href="https://commons.wikimedia.org/wiki/File:Surface_table.JPG" target="_blank" rel="noopener noreferrer">image credit</a>)’ width=”300″ height=”200″ src=”https://cdn.gsmarena.com/imgroot/news/18/12/counterclockwise-touchscreens/-300/gsmarena_004.jpg”></a><br />
<br /><span><strong>Sony Xperia Projector • Microsoft PixelSense (formerly Surface)</strong></span></p>
<p>The Microsoft Surface – no, not the tablet, the table computer – used several infrared cameras to <i>see</i> you touching the screen. But they could see more than that, they also spotted objects you placed on the table (e.g. a digital camera) and offered relevant options (e.g. downloading your photos off that camera).</p>
<p>Where will touchscreen technology go next? Right now it seems that makers are more concerned with the shape of the screen rather than how it works, so it could be a while before the next major change.</p>
<p> News credit : <a target= Gsmarena

Check Also

‘My Christmas parcel ended up being recycled’

Image copyright Pippa Park Image caption Pippa Park was in less celebratory mood when a …