{
 "id": 36975,
 "slug": "2020-06-24_inkele-tinzen-oer-untwerp-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/",
 "language": "fy",
 "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": "Inkele tinzen oer ûntwerp fan touchscreen-ynterfaces",
 "subtitle": "Yntuïtive, natuerlike ynterfaces meitsje",
 "summary": "De ôfrûne wiken haw ik wurke oan in nije app oer persoanlike sûnens. De grutte útdaging is in yntuïtive, natuerlike ynterface te betinken dy't goed wurket op lytse touchscreen-apparaten. Mar wat makket in touchscreen-ynterface eins goed? Lês mei foar wat best practices.",
 "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 the Fryske Akademy Foarkarswurdlist (hunspell fy_NL); official 2015 spelling",
  "date": "2026-10-20",
  "reviewed_by_native_reader": false,
  "language": "fy",
  "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": "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/"
  }
 ],
 "image": "https://willem.com/global/images/cc7c63278f76.webp",
 "image_width": 2560,
 "images": [
  {
   "url": "https://willem.com/global/images/9710101b75bf.webp",
   "description": "Âlde UI-patroanen op in moderne touchscreen neimeitsje wint dy gjin brûkberheidspriis... (hoewol, wa mist Clippy net?) ",
   "manager_file": "148-bf2d6faf6057f115dc72e82d984e71359f16b48d8c42b4b41c2ee918cf46b556_ContentAsPost_36975_images-1.jpg"
  },
  {
   "url": "https://willem.com/global/images/37433282f380.webp",
   "description": "Direkt manipulearje fan de eleminten op it skerm fielt natuerlik - in mûs soe hjir oerstallich wêze",
   "manager_file": "148-bf2d6faf6057f115dc72e82d984e71359f16b48d8c42b4b41c2ee918cf46b556_ContentAsPost_36975_images-2.jpg"
  },
  {
   "url": "https://willem.com/global/images/1c0b65647905.webp",
   "description": "De grutte 'ja/nee'-knoppen ferlytsje de kâns op flaters, want se fereaskje gjin pixelpresyzje fan de mûsoanwizer",
   "manager_file": "148-bf2d6faf6057f115dc72e82d984e71359f16b48d8c42b4b41c2ee918cf46b556_ContentAsPost_36975_images-3.jpg"
  },
  {
   "url": "https://willem.com/global/images/9022cd4a6bb1.webp",
   "description": "Kontekstuele toetseboerden biede in bettere manier foar tekstynfier. It hat gjin sin om in folslein QWERTY-toetseboerd te toanen as do allinnich om in sifer freechst.",
   "manager_file": "148-bf2d6faf6057f115dc72e82d984e71359f16b48d8c42b4b41c2ee918cf46b556_ContentAsPost_36975_images-4.jpg"
  },
  {
   "url": "https://willem.com/global/images/9e15010dbbdf.webp",
   "description": "De knoppen Werom / Ferstopje / Bewarje sitte by de tomme: se binne te berikken en der nei te reitsjen dekt de ynhâld fan it skerm net ôf",
   "manager_file": "148-bf2d6faf6057f115dc72e82d984e71359f16b48d8c42b4b41c2ee918cf46b556_ContentAsPost_36975_images-5.jpg"
  },
  {
   "url": "https://willem.com/global/images/8b0744e3bebc.webp",
   "description": "Navigaasjestruktueren dy't op hoverjen fertrouwe, wurkje NET op touchscreens",
   "manager_file": "148-bf2d6faf6057f115dc72e82d984e71359f16b48d8c42b4b41c2ee918cf46b556_ContentAsPost_36975_images-6.jpg"
  },
  {
   "url": "https://willem.com/global/images/840381231d21.webp",
   "description": "Snake '97 - It is aardich, mar de UI is wol te betwivelen as goed ûntwerp",
   "manager_file": "148-bf2d6faf6057f115dc72e82d984e71359f16b48d8c42b4b41c2ee918cf46b556_ContentAsPost_36975_images-7.jpg"
  },
  {
   "url": "https://willem.com/global/images/c673e319ed77.webp",
   "description": "Fûgels lansearje is aardich troch de natuerlike ynteraksje dy't de kaai is fan it spultsje Angry Birds",
   "manager_file": "148-bf2d6faf6057f115dc72e82d984e71359f16b48d8c42b4b41c2ee918cf46b556_ContentAsPost_36975_images-8.jpg"
  }
 ],
 "text": "Erfskip fan mûs en toetseboerd\nTradisjonele PC-ynterfaces binne foaral ûntwurpen en ûntwikkele mei aparte ynfierapparaten yn gedachten, lykas it toetseboerd en de mûs. In protte konvinsjes, best practices en ûntwerppatroanen komme út dat ferline. Dat is gjin probleem as do in app ûntwerpst foar tradisjonele PC's, mar de kâns is grut dat dyn doelgroep tsjintwurdich moderne touchscreen-apparaten brûkt. It soe in flater wêze om de âlde UI op moderne touchscreen-apparaten nei te meitsjen!\nNatuerlike ynteraksjes\nModerne touchscreen-apparaten meitsje ynteraksjes natuerliker, om't de mûs en oare ynfierapparaten net mear nedich binne. It apparaat is de ynfierknop: eleminten op it skerm kinne troch oanrekking en gebearen maklik direkt en daliks bestjoerd wurde.\nHâld it oersichtlik en jou eleminten de goeie grutte\nIn finger is in stik grutter as in spits mûsoanwizer, dus de eleminten fan de ynterface hawwe in oare grutte nedich. Ynteraktive eleminten moatte grut genôch wêze om oanrekke te wurden, mei romte tusken har. As doelen te ticht by inoar sitte, wurdt de kâns op flaters grutter.\nOptimalisearje tekstynfier\nOft it no om in tekst- of in sifferfjild giet, de kâns is grut dat do yn in stadium ien of oare ynfier nedich hast. De maklike (en ferkearde) wei is om gewoan in folslein firtueel toetseboerd te toanen. Brûk yn plak fan in firtuele kopy fan it ferline (it fysike toetseboerd) leaver de kâns om opnij nei te tinken oer wat do de brûker freechst. Ôfhinklik fan dizze ynfierkontekst moatst do dan in minimaal toetseboerd toane dat allinnich de relevante toetsen biedt.\nOpnij neitinke oer posysjes\nTradisjonele PC-applikaasjes hawwe har arkbalken faak boppe yn it finster, mar op in touchscreen-apparaat soe dat betsjutte dat de hannen de rest fan it skerm ôfdekke. Njonken it sichtber hâlden fan de ynhâld moatst do ek tinke oan de ergonomy fan it fêsthâlden fan it apparaat. Faak brûkte knoppen kinne it bêste by de natuerlike posysje fan de fingers sitte.\nFerjit hoverjen en tooltips\nFerjit ynterface-eleminten, lykas navigaasjestruktueren, dy't op hoverjen fertrouwe. De measte touchscreens registrearje net dat fingers boppe it glês sweve. Do kinst ek net rekkenje op tooltips om de funksjes fan dyn ynterface út te lizzen. In touchscreen-UI moat foar de brûker op it earste each dúdlik wêze.\nWês kreatyf\nÛntwerpe foar oanrekking is wat do - boppe alles - as wat kreatyfs benaderje moatst. Yn plak fan it âlde nei te meitsjen, moatst do tinke oan alle mooglikheden dy't it nije biedt.\nDoe't ik it Snake_97-spultsje (https://snake97.com) foar touchscreen-apparaten makke, haw ik it âlde ynfiermeganisme neimakke, mei_grutte_soarch_foar_detail (https://willem.com/en/2018-02-21_updating-snake-97/). Ik fyn dat aardich, mar it is wol te betwivelen as goed UI-ûntwerp, want it negearret alle mooglikheden fan de nije technology folslein. Gjin wûnder dat spultsjes as Angry Birds sa'n sukses binne, want dy brûke de natuerlike ynteraksje fan oanrekking folút.\nKonklúzje\nIn ynfloedrike heechlearaar frege my ris: \"Mar is it ek aardich, Willem?\". As do foar oanrekking ûntwerpst, moatst do dy fraach echt stelle. As do it antwurdzje kinst mei \"JA!\" dan bist do op it goeie spoar.\nDo moatst ynteraksje opnij betinke yn plak fan âlde dingen nei te meitsjen. Grif, net alles dat âld is, is min; mar it soe in flater wêze om it potinsjeel goede te negearjen dat moderne technology mooglik makket!",
 "word_count": 536,
 "markdown_url": "https://agents.willem.com/fy/posts/2020-06-24_inkele-tinzen-oer-untwerp-fan-touchscreen-ynterfaces/post.md"
}