{
 "id": 36975,
 "slug": "2020-06-24_algun-pensamentu-tokante-deseno-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": "pap",
 "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": "Algun pensamentu tokante desèño di interface pa touch screen",
 "subtitle": "Krea interface intuitivo i natural",
 "summary": "Den e siman pasá mi a traha riba un app nobo tokante salud personal. E reto prinsipal ta pa bin ku un interface intuitivo i natural ku ta funshoná bon riba aparato chikí ku touch screen. Pero kiko ta hasi un interface di touch screen bon? Sigui lesa pa wak algun mihó práktika.",
 "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; Curaçao/Bonaire (FPI) spelling, no dictionary available",
  "date": "2026-10-20",
  "reviewed_by_native_reader": false,
  "language": "pap",
  "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": "it",
   "title": "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": "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": "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": "Rekreá patrón di UI bieu riba un aparato moderno ku touch screen no ta bai gana bo ningun premio di usabilidat... (maske ken no ta sinti falta di Clippy?) ",
   "manager_file": "148-bf2d6faf6057f115dc72e82d984e71359f16b48d8c42b4b41c2ee918cf46b556_ContentAsPost_36975_images-1.jpg"
  },
  {
   "url": "https://willem.com/global/images/37433282f380.webp",
   "description": "Manipulá elemento riba pantaya direkto ta sinti natural - un mouse lo ta redundante den e kaso aki",
   "manager_file": "148-bf2d6faf6057f115dc72e82d984e71359f16b48d8c42b4b41c2ee918cf46b556_ContentAsPost_36975_images-2.jpg"
  },
  {
   "url": "https://willem.com/global/images/1c0b65647905.webp",
   "description": "E botonnan grandi di 'sí/no' ta redusí e chèns di eror, pasobra nan no ta mester e presishon di pixel di un kursor di mouse",
   "manager_file": "148-bf2d6faf6057f115dc72e82d984e71359f16b48d8c42b4b41c2ee918cf46b556_ContentAsPost_36975_images-3.jpg"
  },
  {
   "url": "https://willem.com/global/images/9022cd4a6bb1.webp",
   "description": "Teklado kontekstual ta ofresé un mihó manera pa input di teksto. No tin sentido pa mustra un teklado QWERTY kompletu si bo ta puntra djis pa un número",
   "manager_file": "148-bf2d6faf6057f115dc72e82d984e71359f16b48d8c42b4b41c2ee918cf46b556_ContentAsPost_36975_images-4.jpg"
  },
  {
   "url": "https://willem.com/global/images/9e15010dbbdf.webp",
   "description": "E botonnan Bèk / Skonde / Warda ta serka di e polgar: nan ta den alkanse i alkansá nan no ta tapa e kontenido di e pantaya",
   "manager_file": "148-bf2d6faf6057f115dc72e82d984e71359f16b48d8c42b4b41c2ee918cf46b556_ContentAsPost_36975_images-5.jpg"
  },
  {
   "url": "https://willem.com/global/images/8b0744e3bebc.webp",
   "description": "Estruktura di nabegashon ku ta depend di hover NO ta bai funshoná riba touch screen",
   "manager_file": "148-bf2d6faf6057f115dc72e82d984e71359f16b48d8c42b4b41c2ee918cf46b556_ContentAsPost_36975_images-6.jpg"
  },
  {
   "url": "https://willem.com/global/images/840381231d21.webp",
   "description": "Snake '97 - E ta dibertí, pero por ser bisá ku su desèño di UI ta malu",
   "manager_file": "148-bf2d6faf6057f115dc72e82d984e71359f16b48d8c42b4b41c2ee918cf46b556_ContentAsPost_36975_images-7.jpg"
  },
  {
   "url": "https://willem.com/global/images/c673e319ed77.webp",
   "description": "Katapultá e “birds” ta dibertí pa via di e interakshon natural ku ta e klave di e wega Angry Birds",
   "manager_file": "148-bf2d6faf6057f115dc72e82d984e71359f16b48d8c42b4b41c2ee918cf46b556_ContentAsPost_36975_images-8.jpg"
  }
 ],
 "text": "E herensia di mouse i teklado\nInterface di aplikashon tradishonal pa PC a ser desèñá i desaroyá mas ku nada ku aparato di input distinto na mente, manera teklado i mouse. Hopi konvenshon, mihó práktika i patrón di desèño tin nan rais den e pasado ei. Esei ta bon ora bo ta desèñá un app pa PC tradishonal, pero kasi sigur bo públiko meta ta usa aparato moderno ku touch screen awendia. Lo ta un eror pa kopia e UI bieu riba aparato moderno ku touch screen!\nInterakshon natural\nAparato moderno ku touch screen ta hasi interakshon mas natural, pasobra nan ta eliminá e mester di aparato di input manera mouse. E aparato ta e boton di input: bo por manipulá elemento riba pantaya fásil i direkto, ku toke i gesto.\nLimpia e pantaya i duna e elementonan e grandura korekto\nUn dede ta hopi mas grandi ku un kursor di mouse ku ta punta, i esaki ta pidi un manera diferente di determiná e grandura di elementonan di interface. Elemento interaktivo mester ta sufisiente grandi pa por toké nan, ku hopi espasio entre nan. Meta ku ta muchu serka di otro ta hasi e chèns di eror mas grandi.\nOptimisá input di teksto\nDependé di loke bo ta traha, ta probabel ku bo lo mester algun tipo di input di teksto òf número na algun momentu. E manera fásil (i robes) ta pa djis mustra un teklado virtual kompletu. En lugá di traha un rekreashon virtual di e pasado (e teklado físiko), bo mester aprobechá e oportunidat pa pensa di nobo kiko bo ta puntra e usuario. Dependé di e kontekstu di input bo lo mustra un teklado mínimo ku ta ofresé djis e teklanan relevante.\nPensa di nobo riba posishon\nTin biaha aplikashon tradishonal pa PC tin nan barra di herment na tope di e bentananan, i si bo kopia esei riba un aparato ku touch screen, e manonan lo tapa e resto di e pantaya. Banda di mantené e kontenido di e pantaya visibel, bo mester konsiderá tambe e ergonomia di e manera ku bo ta tene e aparato. Boton ku ta ser usá hopi biaha mester ta di preferensia serka di e posishon natural di e dedenan.\nLubidá hover i tooltip\nLubidá elemento di interface, manera estruktura di nabegashon, ku ta depend di hover (pasa e dede riba dje sin toké). Mayoria di touch screen no ta registrá dede ku ta flotá riba e glas. Bo tampoko no por konta riba tooltip pa splika funshon di bo interface. Un UI di touch screen mester ta kla pa e usuario na promé wak.\nTa kreativo\nDesèñá pa interakshon di toke ta algu ku bo mester - promé ku tur kos - tuma manera algo kreativo. En lugá di rekreá loke ta bieu, bo mester pensa riba tur e posibilidatnan ku loke ta nobo ta ofresé.\nOra mi a krea e wega Snake_97 (https://snake97.com) pa aparato ku touch screen, mi a rekreá e mekanismo di input bieu ku masha_atenshon_pa_detaye (https://willem.com/en/2018-02-21_updating-snake-97/). Mi ta haña esei dibertí, pero por ser bisá ku e ta un mal desèño di UI, pasobra e ta ignorá tur e posibilidatnan ku e teknologia nobo ta ofresé. No ta sorpresa ku wega manera Angry Birds ta tin tantu éksito, pasobra nan ta hasi uso total di e interakshon natural ku toke ta hasi posibel.\nKonklushon\nUn profesor influensial un biaha a puntra mi: “Pero e ta dibertí, Willem?”. Ora bo ta desèñá pa toke, bo mester konsiderá e pregunta aki di bèrdat. Si bo kontestá ku “SÍ!”, bo por konsiderá bo mes riba e bon kaminda.\nBo mester reimaginá interakshon en lugá di rekreá kosnan bieu. Klaru, no tur kos bieu ta malu; pero lo ta un eror pa ignorá e bon potensial ku teknologia moderno ta hasi posibel!",
 "word_count": 634,
 "markdown_url": "https://agents.willem.com/pap/posts/2020-06-24_algun-pensamentu-tokante-deseno-di-interface-pa-touch-screen/post.md"
}