{
 "id": 36975,
 "slug": "2020-06-24_qualche-riflessione-sul-design-delle-interfacce-touch-screen",
 "url": "https://agents.willem.com/it/posts/2020-06-24_qualche-riflessione-sul-design-delle-interfacce-touch-screen/",
 "source_url": "https://willem.com/it/2020-06-24_qualche-riflessione-sul-design-delle-interfacce-touch-screen/",
 "language": "it",
 "date": "2020-06-24",
 "published": "2020-06-24T00:00:00+02:00",
 "created": "2025-06-26T22:09:57.709000+02:00",
 "updated": "2026-10-20T09:19:33.106000+02:00",
 "title": "Qualche riflessione sul design delle interfacce touch screen",
 "subtitle": "Creare interfacce intuitive e naturali",
 "summary": "Nelle ultime settimane ho lavorato a una nuova app dedicata alla salute personale. La sfida principale è trovare un'interfaccia intuitiva e naturale che funzioni bene sui piccoli dispositivi touch screen. Ma che cosa rende buona un'interfaccia touch screen? Continua a leggere per qualche buona pratica.",
 "topics": [
  "creating",
  "creativity",
  "design",
  "game",
  "howto",
  "iOS",
  "iPad",
  "smartphone",
  "snake"
 ],
 "author": {
  "name": "Willem L. Middelkoop",
  "url": "https://willem.com"
 },
 "provenance": {
  "kind": "model",
  "method": "Claude Sonnet, two passes (translation, then proofreading) against a glossary and hunspell",
  "date": "2026-10-20",
  "reviewed_by_native_reader": false,
  "language": "it",
  "source_language": "en"
 },
 "translations": [
  {
   "language": "en",
   "title": "Some thoughts on touch screen user interface design",
   "url": "https://agents.willem.com/en/posts/2020-06-24_some-thoughts-on-touch-screen-user-interface-design/",
   "source_url": "https://willem.com/en/2020-06-24_some-thoughts-on-touch-screen-user-interface-design/"
  },
  {
   "language": "nl",
   "title": "Enkele gedachten over touchscreen user interface design",
   "url": "https://agents.willem.com/nl/posts/2020-06-24_enkele-gedachten-over-touchscreen-user-interface-design/",
   "source_url": "https://willem.com/nl/2020-06-24_enkele-gedachten-over-touchscreen-user-interface-design/"
  },
  {
   "language": "de",
   "title": "Gedanken zum Design von Touchscreen-Benutzeroberflächen",
   "url": "https://agents.willem.com/de/posts/2020-06-24_gedanken-zum-design-von-touchscreen-benutzeroberflachen/",
   "source_url": "https://willem.com/de/2020-06-24_gedanken-zum-design-von-touchscreen-benutzeroberflachen/"
  },
  {
   "language": "es",
   "title": "Algunas reflexiones sobre el diseño de interfaces de usuario de pantalla táctil",
   "url": "https://agents.willem.com/es/posts/2020-06-24_algunas-reflexiones-sobre-el-diseno-de-interfaces-de-usuario-de-pantalla-tactil/",
   "source_url": "https://willem.com/es/2020-06-24_algunas-reflexiones-sobre-el-diseno-de-interfaces-de-usuario-de-pantalla-tactil/"
  },
  {
   "language": "fr",
   "title": "Quelques réflexions sur la conception d'interfaces pour écran tactile",
   "url": "https://agents.willem.com/fr/posts/2020-06-24_quelques-reflexions-sur-la-conception-d-interfaces-pour-ecran-tactile/",
   "source_url": "https://willem.com/fr/2020-06-24_quelques-reflexions-sur-la-conception-d-interfaces-pour-ecran-tactile/"
  },
  {
   "language": "pt",
   "title": "Algumas ideias sobre o design de interfaces para ecrãs táteis",
   "url": "https://agents.willem.com/pt/posts/2020-06-24_algumas-ideias-sobre-o-design-de-interfaces-para-ecras-tateis/",
   "source_url": "https://willem.com/pt/2020-06-24_algumas-ideias-sobre-o-design-de-interfaces-para-ecras-tateis/"
  },
  {
   "language": "pap",
   "title": "Algun pensamentu tokante desèño di interface pa touch screen",
   "url": "https://agents.willem.com/pap/posts/2020-06-24_algun-pensamentu-tokante-deseno-di-interface-pa-touch-screen/",
   "source_url": "https://willem.com/pap/2020-06-24_algun-pensamentu-tokante-deseno-di-interface-pa-touch-screen/"
  },
  {
   "language": "fy",
   "title": "Inkele tinzen oer ûntwerp fan touchscreen-ynterfaces",
   "url": "https://agents.willem.com/fy/posts/2020-06-24_inkele-tinzen-oer-untwerp-fan-touchscreen-ynterfaces/",
   "source_url": "https://willem.com/fy/2020-06-24_inkele-tinzen-oer-untwerp-fan-touchscreen-ynterfaces/"
  }
 ],
 "image": "https://willem.com/global/images/cc7c63278f76.webp",
 "image_width": 2560,
 "images": [
  {
   "url": "https://willem.com/global/images/9710101b75bf.webp",
   "description": "Ricreare vecchi schemi di UI su un moderno dispositivo touch screen non ti farà vincere premi per l'usabilità... (anche se, a chi non manca Clippy?) ",
   "manager_file": "148-bf2d6faf6057f115dc72e82d984e71359f16b48d8c42b4b41c2ee918cf46b556_ContentAsPost_36975_images-1.jpg"
  },
  {
   "url": "https://willem.com/global/images/37433282f380.webp",
   "description": "Manipolare direttamente gli elementi sullo schermo sembra naturale: in questo caso un mouse sarebbe ridondante",
   "manager_file": "148-bf2d6faf6057f115dc72e82d984e71359f16b48d8c42b4b41c2ee918cf46b556_ContentAsPost_36975_images-2.jpg"
  },
  {
   "url": "https://willem.com/global/images/1c0b65647905.webp",
   "description": "I grandi pulsanti 'sì/no' riducono la probabilità di errore perché non richiedono la precisione al pixel di un puntatore del mouse",
   "manager_file": "148-bf2d6faf6057f115dc72e82d984e71359f16b48d8c42b4b41c2ee918cf46b556_ContentAsPost_36975_images-3.jpg"
  },
  {
   "url": "https://willem.com/global/images/9022cd4a6bb1.webp",
   "description": "Le tastiere contestuali sono un modo migliore per gestire l'input testuale. Non ha senso mostrare una tastiera QWERTY completa se chiedi solo un valore numerico.",
   "manager_file": "148-bf2d6faf6057f115dc72e82d984e71359f16b48d8c42b4b41c2ee918cf46b556_ContentAsPost_36975_images-4.jpg"
  },
  {
   "url": "https://willem.com/global/images/9e15010dbbdf.webp",
   "description": "I pulsanti Indietro / Nascondi / Salva sono vicini al pollice: sono a portata di mano e raggiungerli non copre il contenuto dello schermo",
   "manager_file": "148-bf2d6faf6057f115dc72e82d984e71359f16b48d8c42b4b41c2ee918cf46b556_ContentAsPost_36975_images-5.jpg"
  },
  {
   "url": "https://willem.com/global/images/8b0744e3bebc.webp",
   "description": "Le strutture di navigazione che si basano sull'hover NON funzioneranno sui touch screen",
   "manager_file": "148-bf2d6faf6057f115dc72e82d984e71359f16b48d8c42b4b41c2ee918cf46b556_ContentAsPost_36975_images-6.jpg"
  },
  {
   "url": "https://willem.com/global/images/840381231d21.webp",
   "description": "Snake '97: è divertente, ma il suo design dell'interfaccia è discutibilmente pessimo",
   "manager_file": "148-bf2d6faf6057f115dc72e82d984e71359f16b48d8c42b4b41c2ee918cf46b556_ContentAsPost_36975_images-7.jpg"
  },
  {
   "url": "https://willem.com/global/images/c673e319ed77.webp",
   "description": "Catapultare uccelli è divertente grazie all'interazione naturale che è la chiave di Angry Birds",
   "manager_file": "148-bf2d6faf6057f115dc72e82d984e71359f16b48d8c42b4b41c2ee918cf46b556_ContentAsPost_36975_images-8.jpg"
  }
 ],
 "text": "L'eredità di mouse e tastiera\nLe interfacce tradizionali delle applicazioni per PC sono nate pensando a dispositivi di input ben distinti, come la tastiera e il mouse. Molte convenzioni, buone pratiche e schemi di progettazione derivano da quel passato. Va benissimo quando progetti un'app per i PC tradizionali, ma è probabile che oggi il tuo pubblico usi dispositivi touch screen moderni. Sarebbe un errore ricreare la vecchia UI sui dispositivi touch screen moderni!\nInterazioni naturali\nI dispositivi touch screen moderni rendono le interazioni più naturali, perché eliminano il bisogno di dispositivi di input come il mouse. Il dispositivo è il pulsante di input: gli elementi sullo schermo si manipolano facilmente, in modo diretto e immediato, con il tocco e i gesti.\nFai pulizia e dimensiona bene gli elementi\nUn dito è molto più grande del puntatore appuntito di un mouse, e questo richiede un approccio diverso alle dimensioni degli elementi dell'interfaccia. Gli elementi interattivi devono essere abbastanza grandi da essere toccati, con margini generosi tra l'uno e l'altro. Bersagli troppo vicini aumentano la probabilità di errore.\nOttimizza l'input testuale\nA seconda di ciò che stai costruendo, prima o poi ti servirà una qualche forma di input testuale o numerico. Il modo facile (e sbagliato) è mostrare semplicemente una tastiera virtuale completa. Invece di ricreare una versione virtuale del passato (la tastiera fisica), dovresti approfittarne per ripensare che cosa chiedi all'utente. In base a questo contesto di input puoi poi mostrare una tastiera minimale con solo i tasti rilevanti.\nRipensa le posizioni\nLe applicazioni PC tradizionali spesso mettono le barre degli strumenti in cima alle finestre. Copiare questa scelta su un dispositivo touch screen farebbe sì che le mani coprano il resto dello schermo. Oltre a mantenere visibile il contenuto, devi pensare anche all'ergonomia di come si tiene il dispositivo. I pulsanti usati spesso vanno messi preferibilmente vicino alla posizione naturale delle dita.\nDimentica hover e tooltip\nDimentica gli elementi dell'interfaccia, come le strutture di navigazione, che si basano sull'hover. La maggior parte dei touch screen non rileva le dita sospese sopra il vetro. E non puoi nemmeno contare sui tooltip per spiegare le funzioni della tua interfaccia. Una UI touch screen deve essere chiara all'utente al primo sguardo.\nSii creativo\nProgettare per l'interazione touch è qualcosa che devi affrontare, prima di tutto, in modo creativo. Invece di ricreare il vecchio, dovresti pensare a tutte le possibilità che il nuovo offre.\nQuando ho creato il gioco_Snake_97 (https://snake97.com) per i dispositivi touch screen, ho ricreato il vecchio meccanismo di input con una cura_maniacale_per_i_dettagli (https://willem.com/en/2018-02-21_updating-snake-97/). Mi diverte, ma è discutibilmente un cattivo design dell'interfaccia, perché ignora del tutto le possibilità offerte dalla nuova tecnologia. Non sorprende che giochi come Angry Birds abbiano tanto successo: sfruttano appieno l'interazione naturale resa possibile dal tocco.\nConclusione\nUn professore molto influente una volta mi chiese: \"Ma è divertente, Willem?\". Quando progetti per il touch, questa domanda dovresti fartela sul serio. Se rispondi \"SÌ!\" allora puoi considerarti sulla strada giusta.\nDevi reinventare l'interazione invece di ricreare le vecchie cose. Certo, non tutto ciò che è vecchio è brutto; ma sarebbe un errore ignorare il bene potenziale che la tecnologia moderna rende possibile!",
 "word_count": 524,
 "markdown_url": "https://agents.willem.com/it/posts/2020-06-24_qualche-riflessione-sul-design-delle-interfacce-touch-screen/post.md"
}