SMALL SCREENS DESIGN AND THETECHNOLOGICAL HORIZON

Francesco Belloli

DICHIRAZIONE DI ORIGINALITA’

Ho consegnato questo documento per l’appello d’esame del 17/04/09 del corso Interaction Design Theory 2 (Telecomunicazioni) tenuto da Gillian Crampton Smith con Philip Tabor alla Facoltà di Design e Arti, Università Iuav di Venezia. Per tutte le sequenze di parole che ho copiato da altri fonti, ho: a) riprodotte in corsivo, inoltre b) messo virgolette di citazione al loro inizio e fine, inoltre c) indicato, per ognisequenza, il numero della pagina o lo URL del sito web della fonte originale. Per tutte le immagini che ho copiato da altri fonti, ho indicato: a) l’autore e/o proprietario, inoltre b) il numero della pagina o lo URL del sito web della fonte originale. Dichiaro che tutte le altre sequenze e immagini di questo documento sono state scritte o create esclusivamente da me.

07/04/09

SMALL SCREENS DESIGN AND THETECHNOLOGICAL HORIZON

Francesco Belloli

INDICE

Introduzione

Current uses of advanced technologies in

small screen design.The touchscreen interface

How these technologies work

Possible futures

Conclusione

Elenco fonti

07

09

17

23

29

31

L’utilizzo di telefoni cellulari o di computer ultra-portatili oramai sta diventato d’uso comune per qualsiasi persona in questo paese.Le tecnologie applicate a questi dispositivi sono in continuo evolversi; la concorrenza tra le industrie produttrici e le richieste da parte un mercato sempre più esigente, li porta ad un livello sempre migliore e sempre più tecnologicamente avanzato.

Parte molto importante di questi dispositivi è lo schermo; è l’interfaccia che insieme ai tasti ci permette di “dialogare” ed interagire con lo strumento che stiamo usando.Negli ultimi anni le tecnologie legate agli schermi di piccole dimensioni si stanno spostando sempre maggiormente sul touchscreen, eliminando quindi quasi totalmente l’utilizzo dei tasti.

In questo mio approfondimento sugli schermi di piccole dimensioni, analizzerò l’utilizzo e il funzionamento degli schermi touchscreen, cercando infine di ipotizzare una possibile evoluzione di questa categoria di schermi.

INTRODUZIONE

07

CURRENT USES OF ADVANCED TECHNOLOGIES INSMALL SCREENS DESIGN

The touchscreen interface

01

10

Il touchscreen è uno display che è in grado di rilevare la presenza e la posizione di un contatto all’internodell’area di visualizzazione dello schermo. Infatti il termine si riferisce al tocco o contatto di un dito o uno speciale strumento (penna) con il dispositivo. Questa tecnologia ha due principali attributi:- permette di interagire con ciò che viene visualizzato direttamente sullo schermo;- permette di farlo senza il bisogno di alcun dispositivo intermedio come i tasti o un joystick navigatore.Infatti, “toccando” questi schermi in corrispondenza di un' icona o di un link ipertestuale si attivano le funzioni sottostanti il dito.

Lo si può quindi considerare come l’unione di un dispositivo di output (lo schermo) e un dispositivo di input (il sistema che rileva il contatto con lo schermo stesso, ricavandone la posizione).

Questa tecnologia, vecchia ormai di quaranta anni, fu inventata da Samul Hurst nel 1971. Inizialmente questo dispositivo non era trasparente, ma nel 1977 lo stesso Hurst brevettò quella che oggi è la tecnologia maggiormente usata nei dispositivi touchscreen,ossia il metodo resistivo (vedi capitolo 2).

Riconoscimento della posizione del contattoin un dispositivo touchscreen

Il sistema individua il “contatto” attraversole coordinate X e Y.Le tecnologie per individuare la posizionesono molteplici, nel cap 2 si approfondiràquesto aspetto.

Primo esempio di touchscreen trasparente resistivo

Prima di questo brevetto il touchscreen non esisteva in quanto il supporto non era trasparente, si trattava di un sensore tattile simile al trackped usato comunemente nei computer portatili.

11

Il touchscreen comincia ad essereapplicato a dispositivi portatili solo una quindicina di anni orsono, soprattutto a game console, palmari e telefoni cellulari.Circa una decade prima che l’ iPhonefosse lanciato ( e altri dispositivi portatili di ultima generazione), IBMe Bell South lanciarono Simon, un dispositvo touchscreen che univa lefunzionalità di telefono con quelle di palmare. Fu uno dei primi esempi di come questa tecnologia poteva essere usata in piccoli schermi.I primi esempi di touchscreen applicati a dispositivi portatili permettevanodi eseguire semplici operazioni, come l’apertura e la chiusura delle applicazioni, sfogliare il menu e selezionare icone,il tutto tramite una speciale penna che doveva essere tenuta in mano.Tale penna facilitava il riconoscimento della posizione del contatto da parte del software.

Apple Newton MP

Primo “personal digital assistant” dotatodi touchscreen ad entrare nel mercato.Punto di forza di questo dispositivo erail riconoscimento della scrittura.

Video: 336 x 240 1 bit (verdi)

1993

IBM Simon

Primo “smartphone” che univa le caratteristiche di un cellulare, un PDA, un cercapersone e un fax. Non erano presenti tasti, perciò gli utenti usavano esclusivamente il touchscreen.

Video: 160 x 293 B & N

1994

Sony Ericsson P800

Smartphone di inizio millennio che adotta lo schermo touchscreen a colori.

Video: 640 x 400 Colori

2001

12

Tuttavia con l’introduzione di tecnologie più avanzate, come l’ormai famosissimo multi-touch nel 2007, stiamo assistendo ad un notevole sviluppo del settore. Infatti la tecnologia multi-touch permette di rilevare la posizione e di prendere istruzioni da molteplici dita simultaneamente. Questo permette ovviamente di eseguire operazioni che generalmente avrebbero bisogno di più di un tasto:-il copia e incolla-il trascinamento degli oggetti sullo schermo o l’allargamento di una finestra-zoom in e zoom out.

Quindi adottando questa tecnologiai dispositivi hanno le potenzialità di svolgere praticamente tutte le operazionipossibili: dallo scrivere, al giocare, al navigare sulla rete, al disegnare, ecc...

Infatti dispositivi come iPhone, il Blackberry Storm o HTC Dream sono considerati smartphone, ossia telefoni intelligenti che hanno caratteristiche avanzate, unite a un interazione semplice e immediata.

Ovviamente l’ ampiezza dello schermoè di grandissima importanza.Il giusto connubio tra grandezza e praticità è fondamentale, soprattutto per dispositivi portatili.Uno schermo di grandi dimensioni permette un interazione migliore ma una cattiva praticità;viceversa un display troppo piccolo non facilita il “tocco” sullo schermo, impedisce una visulizzazzionesoddisfacente ma è facilmente trasportabile.

Il Multi-touch può rilevare la posizione di piùpunti simultaneamente.

Il multi-touch può interpretare una serie di movimenti delle dita.

L’immagine figura l’operazione per scalare una mappa visualizzata sullo schermo.In questo caso, per rendere una mappa o un immagine più piccola è necessarioappoggiare due dita sullo schermo e avvicinarle tra loro mantenendoleaderenti alla superficie. Viceversa per ingrandire basta allontanarle tra loro.

13

Uno dei problemi principali del touhscreen è sicuramente il feedback. Essendo una superficie liscia manca della classica risposta dei tasti, il feedback che ci da la sensazione di aver effettivamente digitato qualcosa.Le soluzioni proposte dalle varie industrie produttrici sono varie: -una vibrazione che accompgana la digitazione a schermo,-la trasformazione dell‘intero display in un unico grosso tasto che si comprime come fosse un tasto meccanico- segnale luminoso.

Malgrado queste soluzioni, credo cheuna problematica che persiste ancora, sia la scrittura con il touchscreen.

Effettivamente una tastiera virtuale con l’aggiunta di un feedback a vibrazione non occupa spazio quando non la si usa; diversamente da unatastiera fisica però, si deve sempre guardare dove sono posizionate le dita, perchè non si ha nessuna sensazione sensoriale appoggiando le dita su di una superficie liscia. Inoltre il vetro sopra lo schermo di alcuni dispositivi potrebbe comportarsi come una lente, facendo apparire i bottoni in una posizione diversa da quella in cui sono realmente.Quindi alcune industrie come la HTC, sviluppa alcuni smartphone che hanno sia lo schermo tattile che la tastiera fisica, evitanto questo scomodo problema.

HTC Dream

Smartphone dotato di schermo da 3,2 pollici.E’ provvisto di una tastiera scorrevole di 5 righeper ovviare ai problemi di scrittura diretta sullasuperficie dello schermo.

Video: 480 x 320 65K colori

2008

Apple iPhone

Esempio di feedback a vibrazione. L’ iPhone di default non presenta questo feedback aptico, ma con un plugin apposito il dispositivo può essere aggiornato. Schermo da 3,5 pollici.

Video: 480 x 320 65K colori

2007

Malgrado questi piccoli inconvienenti, è innegabile che questa tecnologia entra pochi anni soppianterà quasi completamente le vecchie modalità di interazione a tasti; il piacere tattile e l’immediatezza del multi touch, la faciltà di navigazione all’interno dei software, l’ intuitività, unita alla bellezza estetica e a display che possono arrivare anche a 4 pollici, ha creato un grosso interesse da parte dell’utenza, e di conseguenza anche alle case produttrici di hardware portatili.

14

Apple iPhone

Un esempio di grande versatilità della tecnologia multitouch.L’utente usando semplicemente due dita appoggiate allo schermo,riesce a giocare con un videogioco.

HTC Touch Diamond

Esempio di homepage di uno smartphone touchscreen.Da questa schermata si può accedere a tutte le funzionalitàdel dispositivo grazie a un semplice tocco sullo schermo.

15

Tocco singolo Toccare e tenere premuto

Scivolamento del dito Trascinare

Rimpicciolire Ingrandire

Alcuni gesti convenzionali del multitouch

Attualmente questa variante del touchscreen è applicata solamente a pochi dispositivi, come l’ iPod, l‘iPhone o l’ HTC Dream sviluppato da Google.

Sony Walkman

Il sistema di selezione dei brani del lettore musicale della Sony.Semplicemente trascinando il dito da destra/sinistra o sinistra/destra il menu musicale scorre; risulta quindi facile e immediata laselezione dei brani o delle librerie.

02HOW THESE TECHNOLOGIES WORK

18

Analizzando più da vicino questo campo tecnologico sono rimasto molto sorpreso nel scoprire che i touchscreen possono essere realizzati in diversi modi,sfruttando a loro volta diverse tecnologie.

I principali sono:-resistivo-onde acustiche-capacitivo-infrarossi-piezo-elettrici

Tuttavia per motivi di spazio, diprecisione nell’interazione e di consumielettrici, gli schermi di piccole dimensioni adottano principalmente 2 di queste tecnologie:il metodo capacitivo e il resistivo.

TECNOLOGIA CAPACITIVA

Un touchscreen capacitivo è costituitoda un pannello di vetro ricoperto dauno strato di ossido di metallo trasparentenella superficie rivolta all’utente.Vengono posizionati agli angoli delloschermo dei circuiti che hanno il compito di creare un campo elettricouniforme su tutta la superficie.Al tocco di un dito su questa superficiecapacitiva, viene prodotta una variazione di campo elettrico che determina unacaduta di tensione e quindi la localizzazionedel punto di contatto tramite coordinate.

E’ una tecnologia che ha i seguenti vantaggi:

- grande precisione nel “tocco”- schermi molto trasparenti e quindi immagini molto chiare e luminose- non teme la sabbia, il grasso e l’umidità.

Una nota piuttosto negativa, secondo ilmio punto di vista, è il non funzionamentodel touchscreen se si indossano guanti o si utilzza qualsiasi input non conduttivo.

Questa tecnologia è l’unica finora in gradodi supportare il multitouch.

La tensione elettrica è applicata nei 4 angoli

Il tocco del dito attinge correnteproprzionalmente da entrambi i lati

Un chip “controllore” calcola la posizione del dito a seconda della caduta di tensione

Gli elettrodi sono distribuiti uniformemente sotto tutto il display.

Apple iPhone

L’ iPhone utilizza la tecnologia touchscreen capacitiva

5

Stratigrafia di uno schermo touchscreen CAPACITIVO

Non in scala.

Linee di rilevamento

Materiale isolante

Linee guida

Rivestimento protettivo anti riflesso

Involucro protettivo

Strato legante

Linee guida

Linee di rilevamento

Substrato di vetro

Strato display LCD

Come funziona il multitouch CAPACITIVO

- Il segnale viene spedito dal touchscreen al processore attraverso impulsi elettrici.-Il processore utlizza un software che analizza i dati e determina le caratteristiche di ogni contatto.- Ciò include la dimensione, la forma e la posizione della zona colpita sullo schermo.-Se necessario, il processore organizza i “tocchi” con caratteristiche simili in gruppi. - Se si sposta il dito, il processore calcola la differenza tra il punto di partenza e il punto di contatto attuale.- Il processore interpreta i gesti per determinare quale eventuale comando l’utente ha fatto.- Il processore invia le informazioni al software in uso.

Se i dati grezzi ricevuti dal processore non corrispondonoa nessun comando, il dispositivo elimina il segnale.

19

20

TECNOLOGIA RESISTIVA

I touch screen realizzati con la tecnologia resistiva sono schermi tattili composti da strati, ognuno ricoperto da una patina conduttrice sulla superficie interna. Gli strati interni conduttivi sono separati da punti separatori distribuiti regolarmente sull’area attiva. La pressione del tocco del dito causa un contatto elettrico, fornendo all’interfaccia elettronica tensioni analogiche proporzionali alle coordinate orizzontale e verticale. Le tensioni vengono convertite dal controller in segnali digitali.

Questa tecnologia ha i seguenti vantaggi:

- avere prezzi economici - grande precisione- possono essere utilizzati con input non conduttivi come dei pennini.- sopportano condizioni climatiche più estreme.

Gli schermi sono però scuri e facilmente rovinabili.Inoltre non supportano il multitouch.

Punti separatori

Rivestimento conduttivo

Circuito strato inferiore

Pannello di supportoin vetro o acrilico

Strato protettivo morbido

Primo strato di circuito

Rivestimento conduttivo

Il controller determina le coordinateattaverso il contatto elettrico causato dalla pressione del dito

Il tocco crea un contatto tragli strati con rivestimento conduttivo

I piccoli punti di plastica impediscono il contatto tra gli strati che conducono elettrcità.Se c’è pressione da parte di un dito o una penna avviene un contatto che forma una catena.L’ energia elettrica passando attraverso gli strati viene misurata al fine di determinare le coordinate del punto di contatto.Questo metodo non consente più di un contatto alla volta.

Rivestimento conduttivo

Strato protettivo morbido

21

TECNOLOGIA PIEZO-ELETTRICA

Infine ritengo importante fare un’ultimaconsiderazione su una metodologia touchscreen recentemente testata su di uno smartphone Blackberry.

Tale metodo, chiamato piezo-elettrico, tende a risolvere i problemi di mancato feedback caratteristici del touchscreen.

Infatti su questi schermi quando si esercita una pressione sul vetro(che è libero di muoversi), questo si abbassa di 1mm trasmettendo la pressione a quattro sensori piezoelettrici posti agli angoli. Tali sensori determinano un segnale.

Lo schermo del BlackBerry Storm funziona quindi come un unico grande tasto che si abbassa quando si preme.Il problema principale è che premendo sul lato destro l’intero schermo si abbassa, e la stessa cosa sul lato sinistro;quindi ritengo sia solament una soluzionetemporanea che necessita di ulteriori studi e sviluppi.

Nokia 5800

Il Nokia utilizza la tecnologia touschscreen resistiva che è compatibile anche all’uso del pennino.Grazie a questo viene reintrodotto dopo anni il riconoscimento della scrittura manuale.

Blackberry Storm

Per ampliare il feedback dato dallo “schermo mobile”, quando si digita una lettera sulla tastiera questa si illumina.

03POSSIBLE FUTURES

24

Le motivazioni che mi hanno spinto ad analizzare il campo tecnologicodegli schermi di piccole dimensioni, ed in particolare il touchscreen, sonomolto semplici.Inanzitutto sono rimasto veramente affascinato dalla possibilità, (grazie all’eliminazione dei tasti), di avere degli schermi di dimensioni tali darendere i dispositivi portatili quasi dei “computer portatili”, quindi moltoversatili. Il problema però sta nella “trasportabilità”. Credo che il mercato con il tempo tenderà a chidere smartphone semprepiù potenti e sempre più vicini alle capacità e caratteristiche di un notebook.Si dovrà quindi anche aumentare le dimensioni dello schermo, per renderloancor più versatile ai più svariati utilizzi.

Questo è un punto che mi ha fatto molto pensare perchè secondo me, come accennavo nel capitolo 1, lestrade da percorrere sono sostanzialmente due:

- Creare schermi più grandi a scapito della praticità- Avere schermi di piccole dimensioni e quindi molto più pratici che però limitano le capacità del dispositivo.

Mi sono chiesto allora, perchè non trovare un modo per creare dispositividi piccole dimensioni ma con schermi grandi e versatili?La sfida che mi sono posto è proprio questa e in questo capitolo proverò ad immaginare e progettare come saranno i dispostivi portatili del futuro.

25

PR è una tecnologia innovativa che vaapplicata a dispositivi portatili come smartphone, PDA e game console.Permette di avere una riproduzionedello schermo proiettata su di una superficie piana. Questa proiezionesarà 5/6 volte più grande della grandezzadel display e con una risoluzione che può arrivare a 640 x 480. Si basa su tre principi:

- proietta- riconosci- esegui

Ogni qual volta l’utente necessita di uno schermo più grande di quellotouchscreen presente nel dispositivoportatile, può attivare il PR.Il PR consiste in un proiettore compostoda un bulbo Led ad altissima luminositàe bassi consumi energetici, (inferiore a 100mW) che proietta il segnale dello schermo.

PROJECT & RECOGNIZE

L’utente oltre a poter vedere immaginiestremamente più grandi, può interagiree svolgere tutte le operazioni che normalmente farebbe sul piccolo schermo touchscreen.Questo grazie ad una piccola telecamera che è situata sopra il proiettore, che è in grado di riconoscere le coordinate e il tocco di un dito con la superficie piana.Il tocco, e quindi il comando vero e prorpio,non è riconosciuto tramite un contatto fisico del dito con la superficie proiettante, bensì calcolando visivamente quando spazio c’è lungo l’asse Z tra il dito e la superficie.Quando questo spazio è zero, allora vuol dire che c’è contatto.A questo punto il processore analizza i dati e li tramuta in comandi.

Proiettore dotato di una luminosità di circa il 8-10 lumen e bassissimi consumi dicorrente.

Camera che grazie al processore è in grado di riconoscere i movimenti dell’utente edelaborarli in comandi.

26

10 cm

19 cm14

cm

Utilizzo

Per utilizzare il PR è necessariauna superficie piana, o in alternativa verticale,su cui proiettare il segnale.

Il proiettore

La proiezione riproduce lo schermo indimensioni nettamente maggioririspetto al display LCD.

27

SLIDING SCREEN

Sliding screen è una tecnologia che consente l’allargamento dello schermo touchscreen di dispositivi portatili.Consiste in tre schermi di spessore0,5 cm cadauno, che scorrono unosopra l’altro, al fine di formare ununico grande schermo.Quindi se chiusi si avràl’ingombro di uno schermo solo con spessore di 1,2 cm. Se apertiformeranno un unico display piùgrande con spessore 0,4 cm.A questa altezza va aggiuntoovviamente il “corpo” del dispositivo.

Ovviamente le opzioni di utilizzoe di apertura degli schermi sono molteplici.Con questa tecnologia la qualitàdel video sarà sempre ottimale e l’interazione sarà touch.

Inoltre questo dispositivo prevede l’uso di attuatori piezoelettrici che possono dare un feedback a vibrazione vicino all’area di pressione.Il sistema è molto semplice, quando l’utente apoggia il dito sullo schermoper premere un tasto, riceverà una vibrazione localizzata solo sul’area del tasto premuto; è un modo questo per avere la conferma fisica e percettiva dell’avvenuta pressione.

Modalità 1In questa modalità sono “aperti” solamente due schermi, uno che funge da tastiera e l’altro da visualizzatore

Modalità 2In questa modalità sono “aperti” tutti e tre glischermi.Due schermi che fungono da visualizzatore,e uno da tastiera.Premendo un tasto l’utente sentirà una vibrazione localizzata.

CONCLUSIONE

29

Ed eccomi giunto al termine di questo mio percorso su quelloche era, che è, e che magari sarà, il design di schermi di piccole dimensioni.Già prima di affrontare questa ricerca ero molto affasinato da queste tecnologie che sostanzialmente stanno facendo cambiare il modo di vivere delle persone. Ora sta diventando normale interagire con uno schermo touchscreen, anzi, personalmente quando vedo un palmare o un cellularecon una miriade di tasti, sincermente sbuffo un po’ il naso.Con un semplice dispositivo grande quanto il palmo di una mano, possiamo accedere a infinite informazioni, dialogare, guardare la tv, giocare e lavorare.Inoltre la facilità d’interazione con questi dispositivi è così elevata che chiunque può utilizzarli, non ci sono più barriere!Credo sia questo un valido obbiettivo per il futuro, crearesemplice e versatili dispositivi che siano in grado disoddisfare le più svariate esigenze. L’area di visualizzazioneè perciò fondamentale, con uno schermo sufficientementegrande ma anche pratico si potranno creare dispoitivi ultraportatili ma anche ultra potenti e utili.

ELENCO FONTI:

CAPITOLO 1

-Website: http://www.phonearena.com/htmls/Article-Touchscreen-technologies-in-phones-article-a_3067-p_2.html http://en.wikipedia.org/wiki/Touchscreen http://it.wikipedia.org/wiki/Famiglia_Newton_(Apple)

-Libri: Dan Saffer, Designing Gestural Interfaces: Touchscreens and Interactive Devices, O'Reilly, 2008

CAPITOLO 2

-Website: http://solsie.com/2009/03/capacitive-touchscreens/ http://relaxdesign.wordpress.com/2006/08/04/tecnologia-touch-screen/ http://www.tomshw.it/digitrends.php?guide=20081013&page=blackberry-storm-01 http://hackaday.com/2008/11/23/blackberry-storm-click-screen-teardown/ http://www.3sulblog.com/2009/03/24/resistivo-vs-capacitivo-tecnologie-per-display-touchscreen-a-confronto/ http://electronics.howstuffworks.com/iphone.htm

CAPITOLO 3

-Website: http://www.pcpro.co.uk/news/153237/mobile-phone-projectors-will-launch-this-year.html

FOTOGRAFIE

http://www.pcpro.co.uk/news/153237/mobile-phone-projectors-will-launch-this-year.htmlhttp://www.cellularitalia.com/prove/ericsson_P800.phphttp://relaxdesign.wordpress.com/2006/08/04/tecnologia-touch-screen/http://www.flickr.com/http://lukehutch.wordpress.com/2009/01/10/full-working-multitouch-on-the-t-mobile-g1-android-phone/http://electronics.howstuffworks.com/iphone.htmhttp://www.phonearena.com/htmls/Article-Touchscreen-technologies-in-phones-article-a_3067-p_2.htmlhttp://cdecas.free.fr/computers/pocket/simon.php

Le altre immagini presenti nel capitolo 3 sono state fatte o montate da me.

31