{"id":637,"date":"2016-07-11T14:54:06","date_gmt":"2016-07-11T12:54:06","guid":{"rendered":"https:\/\/alistapart.com\/it\/article\/come-teniamo-in-mano-i-nostri-gadget\/"},"modified":"2016-07-11T14:54:06","modified_gmt":"2016-07-11T12:54:06","slug":"come-teniamo-in-mano-i-nostri-gadget","status":"publish","type":"article","link":"https:\/\/alistapart.com\/it\/article\/come-teniamo-in-mano-i-nostri-gadget\/","title":{"rendered":"Come teniamo in mano i nostri gadget"},"content":{"rendered":"
\n

Nota degli editori:<\/strong> siamo lieti di condividere un estratto del Capitolo 1 del nuovo libro di Josh Clark, Designing for Touch<\/cite>, disponibile ora presso A Book Apart<\/a>.<\/p>\n<\/div>\n

\n

Dove cadono le mani e le dita sul device?<\/em> Questa domanda \u00e8 il fulcro di tutti i form factor esaminati da questo libro e la risposta vi dir\u00e0 come progettare il vostro layout per il comfort e l’efficienza. Dal momento che teniamo in mano i telefoni, i phablet, i tablet e i laptop in maniera molto diversa, non sorprende che ognuna di queste variazioni sul tema touchscreen abbia le sue esigenze in termini di UI.<\/p>\n

Tuttavia, questi device sono coerenti sotto molti aspetti, specialmente nel ruolo cruciale dei pollici. Sia che digitiamo su piccoli telefoni o su tablet giganti, i nostri pollici fanno la maggior parte del percorso. Questo fatto ci aiuta a stabilire delle linee guida cross-device robuste. Questo capitolo ci mostra perch\u00e9 il pollice sia cos\u00ec importante e rivela le fondamentali regole pratiche basate sul modo in cui prendiamo in mano schermi di ogni dimensione.<\/p>\n

Lo smartphone \u00e8 ovviamente il device che teniamo in mano di pi\u00f9. Lo fissiamo per pi\u00f9 del 20% del nostro tempo da svegli, consultandolo in media 221 volte al giorno<\/a>. Cominciamo quindi dal gadget pi\u00f9 familiare.<\/p>\n<\/div>\n

\n

Tenere il telefono<\/h2>\n

Nel 2013, il ricercatore Steven Hoober \u00e8 andato per strada a osservare pi\u00f9 di 1300 persone che digitano sui loro telefoni<\/a>. Ha scoperto che in quasi ogni caso, tenevano in mano il proprio telefono con una delle tre prese (grip) di base. Nel 49% dei casi, la presa a una mano era la pi\u00f9 popolare, il 36% culla il proprio telefono in una mano e tocca il telefono con un dito o con il pollice dell’altra mano, e il rimanente 15% adotta la posa di preghiera a due mani in stile BlackBerry, digitando con entrambe i pollici.<\/p>\n

\"Disegni L’uso dello smartphone \u00e8 definito da tre prese base e spesso cambiamo tra queste.<\/p>\n

Lo studio ha anche confermato quello che molti di noi sanno per via delle proprie abitudini con il telefono: cambiamo presa frequentemente, a seconda della comodit\u00e0 e del contesto. Passiamo da una a due mani, oppure lo passiamo dalla destra alla sinistra, a volte digitiamo senza pensarci mentre stiamo facendo altro e altre volte ancora ci fermiamo e diamo la pi\u00f9 completa attenzione allo schermo. Inoltre, siamo facilmente ambidestri. Hoober ha scoperto che due terzi delle prese a una mano sono con la mano destra – una maggioranza, ma inferiore al 90% della popolazione destrorsa totale. Questo significa che molti di noi preferiscono la mano non dominante, mentre usano l’altra per scrivere, bere il caff\u00e8, tenere un bambino o leggere un libro sulla progettazione per il touch.<\/p>\n

Quindi, mentre pochi di noi mantengono la stessa presa, mostriamo una netta preferenza per l’uso con una mano. E qui \u00e8 dove ricorriamo ai pollici. Quando teniamo il telefono con una mano, il pollice \u00e8 l’unico dito comodo a nostra disposizione per digitare. Anche quando usiamo entrambe le mani, molti di noi preferiscono ancora usare il pollice. Hoober ha scoperto che quelli che cullano il proprio telefono in una mano e digitano con l’altra, usano in gran parte il pollice sullo schermo. Combinando tutte le opzioni, \u00e8 un pollice verso: i pollici guidano tutte le interazioni con il telefono per il 75%<\/em>.<\/p>\n

\"Disegni Anche se spesso parliamo di design \u201cfinger-friendly\u201d, il pollice fa la maggior parte del lavoro.<\/p>\n

La zona del pollice sul telefono<\/h3>\n

Sebbene un pollice possa raggiungere la maggior parte dello schermo su tutti i telefoni tranne che su quelli oversize, solo un terzo dello schermo \u00e8 veramente territorio senza sforzo: in fondo, sul lato opposto al pollice. Per esempio, se tenete un telefono con la mano destra, il vostro pollice ricade naturalmente in un arco all’angolo in basso a sinistra dello schermo, senza richiedere un allungamento del pollice o uno spostamento del telefono. La stessa forma di arco si applica alla presa a culla a due mani, ma l’arco \u00e8 pi\u00f9 grande perch\u00e9 il pollice ha un range di movimento pi\u00f9 grande.<\/p>\n

Tuttavia, il comfort e l’accuratezza non si allineano perfettamente. All’interno di questa comfort zone, un arco separato a forma di ventaglio tira fuori i target pi\u00f9 accurati per il tap con il pollice, come mostrato in uno studio di Qian Fei di Alibaba<\/a> (\u00e8 richiesta l’iscrizione). Ha anche scoperto che, per gli utenti destrorsi, gli angoli in basso a destra e in alto a destra erano quelli meno accurati della zona del pollice.<\/p>\n

\"Zone La zona verde del pollice \u00e8 la regione pi\u00f9 comoda e accurata degli schermi del telefono per gli utenti che usano una mano. Evitate la zona rossa, o almeno compensate con dei target touch pi\u00f9 grandi del normale.<\/p>\n

E i mancini? Si capovolge da sinistra a destra la zona del pollice. Ma questa distinzione sinistra-destra non \u00e8 particolarmente importante, dal momento che la maggior parte di noi cambia facilmente (e frequentemente) mano a seconda del contesto. Anche cos\u00ec, ottimizzare per una mano penalizza l’altra: le soluzioni migliori mettono le feature principali a met\u00e0 schermo, dove le zone del pollice sinistro si sovrappongono a quelle del pollice destro. Alla fine, \u00e8 pi\u00f9 importante l’alto e il basso piuttosto che la sinistra o la destra. Non importa quale mano usiate, il fondo dello schermo \u00e8 pi\u00f9 comodo, mentre l’alto richiede un allungamento. Questa regola rimane vera per tutti gli schermi del telefono, grandi o piccoli, ma quando le dimensioni del telefono diventano jumbo, quell’allungamento verso l’alto dello schermo diventa uno sforzo.<\/p>\n<\/div>\n

\n

Il phavoloso phablet<\/h2>\n

La prima generazione di device post-iPhone aveva costantemente schermi sotto i quattro pollici (misurati in diagonale), una dimensione semplice per l’uso con una mano sola. Entro la met\u00e0 del 2014, comunque, un terzo dei browsing web mobile avveniva su schermi pi\u00f9 grandi<\/a> visto che sono stati immessi nel mercato telefoni pi\u00f9 grandi. Questi device super-sized hanno riempito lo spettro tra il telefono e il tablet, una categoria con il dubbio soprannome di phablet<\/em>, con schermi grandi anche sette pollici. Wow, i nostri telefoni sono cresciuti. Ma si sono anche allargati.<\/p>\n

\"Foto Il Galaxy W di 7″ di Samsung e altri device jumbo simili offuscano la linea di confine tra telefoni e tablet. Foto cortesemente di Samsung<\/a>.<\/p>\n

Nonostante le proporzioni gigantesche dei phablet, le persone generalmente li maneggiano come telefoni e si applicano ancora le tre prese base. A differenza dei telefoni pi\u00f9 piccoli, per\u00f2, gli utenti di phablet cambiano presa pi\u00f9 di frequente per raggiungere tutti i punti dello schermo e sono quasi sempre richieste due mani. In altri studi, Hoober e Patti Shank hanno osservato che i proprietari di phablet usano entrambe le mani il 70% delle volte con tutte le prese<\/a> (\u00e8 richiesta l’iscrizione). La presa pi\u00f9 popolare di queste, usata il 35% delle volte, consiste nel tenere un phablet in una mano mentre si digita con il dito indice dell’altra, ma il pollice rimante il puntatore responsabile: il 60% delle volte, i proprietari di phablet digitano con un pollice o con tutti e due<\/em>.<\/p>\n

\"Disegni Sebbene nessuna delle prese thumb-driven sia cos\u00ec comune come digitare su un phablet con il dito indice, insieme totalizzano molta pi\u00f9 attivit\u00e0.<\/p>\n

La zona del pollice del phablet<\/h3>\n

Con cos\u00ec tanto utilizzo del pollice, la zona del pollice \u00e8 tanto importante per gli schermi tra i 4″ e i 7″ cos\u00ec come lo \u00e8 per quelli pi\u00f9 piccoli, con una puntualizzazione. Le persone che usano i phablet usano pi\u00f9 spesso due pollici, il che crea un paio di zone del pollice a specchio e che si sovrappongono in basso sullo schermo, con un passaggio difficile da raggiungere nello spazio in cima. Nonostante la sua popolarit\u00e0, la zona del doppio pollice non \u00e8 quella per cui ottimizzare. Sebbene teniamo i phablet con una mano solo il 25% del tempo, la presa a pollice singolo ha un’importanza sproporzionata per i designer, per cui ha il range minore.<\/p>\n

Questo ci porta alla nostra prima regola pratica per tutti i form factor: assecondate sempre la presa pi\u00f9 limitata<\/em>, cos\u00ec che le persone possano usare la vostra interfaccia indipendentemente da come scelgono di tenere in mano il loro device. Sui phablet, questo significa che i designer dovrebbero avere come obiettivo la presa a pollice singolo.<\/p>\n

Ecco una notizia sorprendente: la zona del pollice della presa a una mano \u00e8 pi\u00f9 piccola per i phablet che per i telefoni. Al crescere delle dimensioni del telefono, la zona del pollice rimane grossomodo della stessa forma e posizione: ancorata in basso allo schermo, finch\u00e9 la dimensione non raggiunge un punto culmine, in cui la presa cambia per stabilizzare il phablet. In questa presa, la maggior parte delle persone fa scivolare il mignolo sotto al telefono per tenerlo fermo, riducendo il range del pollice.<\/p>\n

\"Zone La dimensione e la forma della zona del pollice cambia quando le dimensioni del telefono richiedono supporto dal dito mignolo.<\/p>\n

Anche se fasce di schermo diventano irraggiungibili dal solo pollice, alcuni irriducibili del pollice si fissano con l’uso di una sola mano, optando per un’impugnatura pi\u00f9 in alto del telefono, facendo scivolare la mano pi\u00f9 in alto per estendere la portata del proprio pollice. Sui phablet, questa presa d\u00e0 in generale un range maggiore al pollice rispetto alla presa tradizionale del telefono nella parte bassa dello schermo. Pi\u00f9 avanti nel capitolo esamineremo le conseguenze di questo.<\/p>\n

\"Zone Una presa a una mano pi\u00f9 in alto su un phablet crea una zona del pollice pi\u00f9 grande, ma la met\u00e0 inferiore dello schermo diventa irraggiungibile.<\/div>\n

\n

Tablet: pi\u00f9 schermo implica pi\u00f9 prese<\/h2>\n

Mentre i telefoni e i phablet rimangono fedeli a tre prese base, non siamo cos\u00ec fortunati con i tablet. Pi\u00f9 schermo vuol dire pi\u00f9 modi per tenerlo in mano, rendendo le cose imprevedibili. La regola pratica si applica ancora, ma con una grattacapo speciale: la zona del pollice non \u00e8 consistente anche per i device singoli: varia a seconda dell’atteggiamento e della postura.<\/p>\n

Stando in piedi usiamo tipicamente due emani per gestire un tablet pi\u00f9 grande come l’iPad, tenendolo a met\u00e0 rispetto ai lati per tenerlo saldo (se lo si prende troppo vicino al bordo inferiore, cade). Alcuni gli mettono intorno un braccio, come un portablocchi, e digitano con l’altra mano. Pi\u00f9 probabilmente, per\u00f2, lo si usa da seduti: Hoober e Shank hanno scoperto che l’88% dell’uso del tablet avviene mentre si \u00e8 seduti, rispetto al 19% del telefono. Sedendosi a un tavolo, tendiamo a sostenere il tablet con una mano nel terzo inferiore, e, di nuovo, usiamo l’altra per digitare. Se ci rilassiamo su un divano, tendiamo ad appoggiare questa cosa sulla pancia o ad annidarlo in una coperta, digitando con una mano. Oltre a questi cambiamenti di presa, ogni atteggiamento influenza anche quanto terremo distante il device: tendiamo a tenere i tablet pi\u00f9 vicini mentre stiamo in piedi e pi\u00f9 lontani mentre ci sdraiamo. Anche il portrait o il landscape sono mischiati, con una suddivisione 60-40 a favore dell’orientamento verticale, o portrait.<\/p>\n

Al crescere della dimensione dello schermo, cresce anche il loro peso e spesso li posiamo completamente. Hoober e Shank hanno osservato che le persone mettono gi\u00f9 i tablet grandi ogni due sessioni su tre. Li adagiamo su una superficie piana (su un tavolo o sulle gambe) il 40% del tempo e li teniamo dritti il 22%. (I tablet pi\u00f9 piccoli, di 7″-8″ sono pi\u00f9 semplici da gestire e il 69% dell’uso dei tablet piccoli \u00e8 tenendoli in mano). Queste posizioni su una superficie o in piedi suggeriscono che usiamo i tablet grandi pi\u00f9 come tradizionali monitor o pi\u00f9 simili a ibridi tastiera-touchscreen – di cui parler\u00f2 a breve – piuttosto che a device handheld.<\/p>\n

La zona del pollice del tablet<\/h3>\n

Quando solleviamo i tablet, si dimostrano troppo grandi per essere tenuti ed operati con una mano, quindi \u00e8 necessario usarne due. Di nuovo, in questo caso, i pollici giocano un ruolo importante. Tendiamo a prendere i tablet dal bordo e mentre la posizione specifica va su e gi\u00f9, i pollici si piazzano tra la met\u00e0 e il terzo pi\u00f9 alto dello schermo. Questa presa rende i lati vicini e gli angoli in alto pi\u00f9 \u201cfriendly\u201d al tocco. D’altro canto, i lati in alto e in basso degli schermi dei tablet sono zone ostili, a causa del raggio d’azione necessario. La parte in basso \u00e8 particolarmente dura, viso che i pollici si trovano raramente vicino al fondo e a volte quella porzione dello schermo non \u00e8 nemmeno visibile. Nella posizione pi\u00f9 pigra e probabilmente pi\u00f9 comune per il tablet, sdraiato, la parte in basso (bezel) sparisce nelle coperte, nei maglioni o nelle pance flaccide.<\/p>\n

\"Zone Dal momento che la presa del tablet \u00e8 tipicamente ai lati, la zona del pollice cambia completamente rispetto a quella del telefono.<\/p>\n

Spesso, inoltre, raggiungiamo la met\u00e0 dello schermo. Al crescere della dimensione dello schermo, le nostre mani hanno a disposizione ancora pi\u00f9 superficie. Tuttavia, a differenza del cursore del mouse, che si sposta senza sforzi attraverso l’estensione dello schermo, le nostre dita sono appesantite da queste cose chiamate braccia. Questo puntatore di carne va fino alla spalla e sollevarlo in giro per lo schermo richiede uno sforzo. Un’interfaccia non dovrebbe essere un allenamento: raggruppate i controlli frequenti all’interno di una zona facilmente raggiungibile dai pollici<\/em>. Nessuno ha mai rotto un maglione girandosi i pollici.<\/p>\n<\/div>\n

\n

Ibridi e laptop: sbatteteci su una tastiera<\/h2>\n

Se l’aumento della dimensione dello schermo ha un effetto cos\u00ec drammatico sul modo in cui teniamo un device, non dovrebbe sorprenderci che l’aggiunta di una tastiera scombussoli ancora di pi\u00f9 le cose. La nostra postura, insieme a quella delle mani e delle braccia, si sposta ancora una volta per fare posto alla tastiera. Fino a poco tempo fa, era raro trovare questa combinazione ibrida touchscreen-tastiera. E poi \u00e8 arrivato Windows 8.<\/p>\n

Nel 2012, Windows ha introdotto le interazioni touch al desktop in una ristrutturazione totale del sistema operativo pi\u00f9 usato al mondo. Come risposta, una nuova categoria di touch device (touchscreen laptop e combinazioni di tablet-tastiera) ha invaso il mercato consumer, creando un nuovo ambiente ergonomico\u2026e una richiesta nuova ai designer.<\/p>\n

La novit\u00e0 (o problemino) \u00e8 che l’ibrido richiede che muoviamo le mani tra tastiera e touchscreen. Prima che arrivasse questa generazione di ibridi, molti avevano cassato il concetto come ergonomicamente insostenibile: muovere le mani avanti e indietro avrebbe richiesto troppo sforzo, risultando in un braccio da gorilla causato dalla fatica. \u00c8 una critica che si fa anche alle interfacce da fantascienza di Minority Report<\/cite> e Iron Man<\/cite>: chi vorrebbe lavorare con le braccia costantemente sospese in aria?<\/em> \u201cLe superfici touch non devono essere verticali\u201d, disse con noncuranza Steve Jobs nel 2010<\/a>. \u201cSono una demo brillante, ma dopo poco tempo si comincia ad avvertire la fatica e dopo un lungo periodo di tempo, vorrete solo abbassare le braccia.\u201d<\/p>\n

La ricerca suggerisce che tali preoccupazioni sono inutili. Uno studio di Intel<\/a> ha scoperto che la gente adotta rapidamente il touch in questi nuovi dispositivi, optando per il touchscreen il 77% del tempo invece di usare il mouse o la tastiera. Nonostante la disponibilit\u00e0 e la precisione del cursore \u201cvecchia scuola\u201d, le persone sostengono che il touchscreen dia l’impressione di essere pi\u00f9 intimo e diretto. Altri studi hanno documentato questa risonanza emotiva. Uno ha riportato che le persone danno pi\u00f9 valore<\/a> ai prodotti che \u201ctoccano\u201d su un sito web rispetto a quelli su cui si clicca con un mouse. Quando si introduce il touch, i freddi pixel in qualche modo prendono su di s\u00e9 il calore e l’investimento emotivo degli oggetti fisici. Esamineremo pi\u00f9 approfonditamente questa idee quando giocheremo un po’ con le interfacce gestuali nel Capitolo 4.<\/p>\n

Fascino a parte, il touchscreen non \u00e8 una sostituzione completa del mouse, ma piuttosto un’aggiunta molto gradita al mix, \u201ccome avere un laptop con una marcia in pi\u00f9\u201d, ha detto un tester a Intel. Con questi device ibridi, le persone si muovono facilmente tra touch, tastiera, mouse e trackpad: usano la modalit\u00e0 di input che sembra pi\u00f9 conveniente. Tuttavia, c’\u00e8 molto andirivieni e potreste pensare che questo non faccia che peggiorare il problema del braccio da gorilla. Perch\u00e9 alla gente non si intorpidiscono le braccia? \u00c8 saltato fuori che la gente scopre rapidamente come utilizzare il touchscreen senza alzare le braccia. Uno studio del ricercatore John Whalen<\/a> ha scoperto che quando usiamo i laptop touchscreen, appoggiamo le braccia lungo la tastiera, tenendo una presa allentata negli angoli inferiori dello schermo.<\/p>\n

La zona del pollice nell’ibrido<\/h3>\n

Questa postura con le mani negli angoli definisce la zona del pollice per gli ibridi. Di nuovo, mettere i target del touch in una zona facilmente raggiungibile dai pollici rende semplice il tocco e, in questo caso, evita il bisogno di alzare le braccia.<\/p>\n

\"Zone La zona calda per i pollici si trova tra gli angoli inferiori sui device ibridi, quasi l’opposto delle zone calde per il dito indice.<\/p>\n

Tuttavia, non tutti adottano la presa in basso. Altri (specialmente i novellini) fanno un po’ quello che capita, toccando lo schermo con il dito indice mentre girovagano per l’intera interfaccia. Per i designer, questo crea dei grattacapi: la zona calda del dito indice \u00e8 l’opposto della zona del pollice. Per gli indici, il centro dello schermo \u00e8 facile da colpire e gli angoli sono problematici.<\/p>\n

Ottimizzare per i pollici significa creare un’esperienza sotto la media per gli indici e viceversa. Per\u00f2, un layout deve pur vincere e, cos\u00ec come per ogni altro device touch, gli studi hanno dato la vittoria al pollice. Dopo un po’ di esperienza con il device, gli utenti degli ibridi preferiscono presto utilizzare il pollice per tutto, tenendo le braccia saldamente piantate lungo i bordi per evitare il braccio da gorilla.<\/p>\n

\"Fotografia \"Fotografia Gli utenti esperti di ibridi touchscreen preferiscono usare molto il pollice, anche per raggiungere parti lontane dello schermo. Fotografie di Intel Free Press (sopra<\/a>, in fondo<\/a>).<\/p>\n

E questa \u00e8 la consistenza pi\u00f9 impressionante tra tutti i form factor che abbiamo recensito: i pollici fanno il grosso del lavoro, non importa quanto sia grande lo schermo<\/em>. Il pollice offre il range di movimenti pi\u00f9 comodi con il minimo sforzo possibile. Questa facilit\u00e0 fisica \u00e8 esattamente quella che i ricercatori del Bell Lab, cos\u00ec come qualsiasi altro designer industriale, hanno dovuto tenere presente quando hanno progettato le loro interfacce. Queste considerazioni ergonomiche determineranno anche i layout per le vostre interfacce. Comincer\u00f2 con alcuni principi generali per tutti i design touch, poi approfondir\u00f2 le linee guida per i vari device.<\/p>\n

Illustrazioni: {carlok}<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

Il touch aggiunge una nuova dimensione ai nostri design e ci chiede di pensare non solo al canvas dello schermo ma anche al modo in cui gli utenti interagiscono fisicamente con lo schermo stesso. Dobbiamo considerare i bisogni ergonomici del tenere in mano uno smartphone, un tablet o un device ibrido, cambiando mani, con prese diverse e puntando, cliccando e digitando. In questo estratto dal Capitolo 1 di Designing for Touch, Josh Clark esamina il ruolo dei pollici come guida delle nostre interazioni coi device, indipendentemente dalla dimensione dello schermo.<\/p>\n","protected":false},"author":818,"featured_media":7000802,"comment_status":"open","ping_status":"open","template":"","categories":[273,149],"tags":[],"coauthors":[482],"class_list":["post-637","article","type-article","status-publish","has-post-thumbnail","hentry","category-mobile-multidevice","category-numero-132-12-luglio-2016"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/alistapart.com\/it\/wp-json\/wp\/v2\/article\/637","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alistapart.com\/it\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/alistapart.com\/it\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/alistapart.com\/it\/wp-json\/wp\/v2\/users\/818"}],"replies":[{"embeddable":true,"href":"https:\/\/alistapart.com\/it\/wp-json\/wp\/v2\/comments?post=637"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/alistapart.com\/it\/wp-json\/wp\/v2\/media\/7000802"}],"wp:attachment":[{"href":"https:\/\/alistapart.com\/it\/wp-json\/wp\/v2\/media?parent=637"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/alistapart.com\/it\/wp-json\/wp\/v2\/categories?post=637"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/alistapart.com\/it\/wp-json\/wp\/v2\/tags?post=637"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/alistapart.com\/it\/wp-json\/wp\/v2\/coauthors?post=637"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}