{
 "id": 36975,
 "slug": "2020-06-24_quelques-reflexions-sur-la-conception-d-interfaces-pour-ecran-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": "fr",
 "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": "Quelques réflexions sur la conception d'interfaces pour écran tactile",
 "subtitle": "Créer des interfaces naturelles et intuitives",
 "summary": "Ces dernières semaines, j'ai travaillé sur une nouvelle appli dédiée à la santé personnelle. Le principal défi : imaginer une interface intuitive et naturelle, qui fonctionne bien sur de petits appareils tactiles. Mais qu'est-ce qui fait qu'une interface tactile est réussie ? Lis la suite pour quelques bonnes pratiques.",
 "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": "fr",
  "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": "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/"
  },
  {
   "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": "Recréer de vieux schémas d'interface sur un appareil tactile moderne ne te vaudra aucun prix d'ergonomie... (même si, qui ne regrette pas Clippy ?) ",
   "manager_file": "148-bf2d6faf6057f115dc72e82d984e71359f16b48d8c42b4b41c2ee918cf46b556_ContentAsPost_36975_images-1.jpg"
  },
  {
   "url": "https://willem.com/global/images/37433282f380.webp",
   "description": "Manipuler directement les éléments à l'écran paraît naturel : une souris serait ici superflue",
   "manager_file": "148-bf2d6faf6057f115dc72e82d984e71359f16b48d8c42b4b41c2ee918cf46b556_ContentAsPost_36975_images-2.jpg"
  },
  {
   "url": "https://willem.com/global/images/1c0b65647905.webp",
   "description": "Les gros boutons « oui/non » réduisent le risque d'erreur, car ils n'exigent pas la précision au pixel d'un pointeur de souris",
   "manager_file": "148-bf2d6faf6057f115dc72e82d984e71359f16b48d8c42b4b41c2ee918cf46b556_ContentAsPost_36975_images-3.jpg"
  },
  {
   "url": "https://willem.com/global/images/9022cd4a6bb1.webp",
   "description": "Les claviers contextuels sont une meilleure façon de saisir du texte. Afficher un clavier QWERTY complet n'a aucun sens quand on ne demande qu'une valeur numérique.",
   "manager_file": "148-bf2d6faf6057f115dc72e82d984e71359f16b48d8c42b4b41c2ee918cf46b556_ContentAsPost_36975_images-4.jpg"
  },
  {
   "url": "https://willem.com/global/images/9e15010dbbdf.webp",
   "description": "Les boutons Retour / Masquer / Enregistrer sont près du pouce : ils sont à portée et les atteindre ne cache pas le contenu de l'écran",
   "manager_file": "148-bf2d6faf6057f115dc72e82d984e71359f16b48d8c42b4b41c2ee918cf46b556_ContentAsPost_36975_images-5.jpg"
  },
  {
   "url": "https://willem.com/global/images/8b0744e3bebc.webp",
   "description": "Les structures de navigation qui reposent sur le survol ne fonctionneront PAS sur les écrans tactiles",
   "manager_file": "148-bf2d6faf6057f115dc72e82d984e71359f16b48d8c42b4b41c2ee918cf46b556_ContentAsPost_36975_images-6.jpg"
  },
  {
   "url": "https://willem.com/global/images/840381231d21.webp",
   "description": "Snake '97 : c'est amusant, mais son interface est sans doute mal conçue",
   "manager_file": "148-bf2d6faf6057f115dc72e82d984e71359f16b48d8c42b4b41c2ee918cf46b556_ContentAsPost_36975_images-7.jpg"
  },
  {
   "url": "https://willem.com/global/images/c673e319ed77.webp",
   "description": "Catapulter des oiseaux est amusant grâce à l'interaction naturelle qui est au cœur d'Angry Birds",
   "manager_file": "148-bf2d6faf6057f115dc72e82d984e71359f16b48d8c42b4b41c2ee918cf46b556_ContentAsPost_36975_images-8.jpg"
  }
 ],
 "text": "L'héritage de la souris et du clavier\nLes interfaces des applications PC traditionnelles ont été pensées et développées avant tout autour de périphériques d'entrée distincts, comme le clavier et la souris. Beaucoup de conventions, de bonnes pratiques et de modèles de conception sont liés à ce passé. Pas de problème quand tu conçois une appli pour des PC classiques, mais il y a de fortes chances que ton public utilise aujourd'hui des appareils tactiles modernes. Ce serait une erreur de recréer l'ancienne interface sur ces appareils !\nDes interactions naturelles\nLes appareils tactiles modernes rendent les interactions plus naturelles, puisqu'on n'a plus besoin de périphériques comme la souris. L'appareil est le bouton : on manipule les éléments à l'écran de façon directe et immédiate, au toucher et par gestes.\nDésencombre et dimensionne correctement les éléments\nUn doigt est bien plus gros que le curseur pointu d'une souris, ce qui demande une autre approche pour dimensionner les éléments de l'interface. Les éléments interactifs doivent être assez grands pour être touchés, avec de larges marges entre eux. Des cibles trop proches augmentent le risque d'erreur.\nOptimise la saisie de texte\nSelon ce que tu construis, tu auras sans doute besoin à un moment ou un autre d'une saisie de texte ou de chiffres. La solution facile (et mauvaise) consiste à afficher un clavier virtuel complet. Au lieu de recréer virtuellement le passé (le clavier physique), profite-en pour repenser ce que tu demandes à l'utilisateur. Selon ce contexte de saisie, tu affiches alors un clavier minimal qui ne propose que les touches pertinentes.\nRepenser les emplacements\nLes applications PC traditionnelles placent souvent leurs barres d'outils en haut des fenêtres. Copier cela sur un appareil tactile cacherait le reste de l'écran avec les mains. En plus de garder le contenu de l'écran visible, pense aussi à l'ergonomie de la prise en main. Les boutons les plus utilisés doivent de préférence se trouver près de la position naturelle des doigts.\nOublie le survol et les infobulles\nOublie les éléments d'interface, comme les structures de navigation, qui reposent sur le survol. La plupart des écrans tactiles ne détectent pas les doigts qui flottent au-dessus de la vitre. Tu ne peux pas non plus compter sur des infobulles pour expliquer les fonctions de ton interface. Une interface tactile doit être claire pour l'utilisateur au premier coup d'œil.\nSois créatif\nConcevoir pour le tactile, c'est avant tout une démarche créative. Au lieu de recréer l'ancien, pense à toutes les possibilités qu'offre le nouveau.\nQuand j'ai créé le jeu_Snake_97 (https://snake97.com) pour appareils tactiles, j'ai recréé l'ancien mécanisme de commande avec un souci_du_détail_maniaque (https://willem.com/en/2018-02-21_updating-snake-97/). Je trouve ça amusant, mais c'est sans doute une mauvaise conception d'interface, car elle ignore totalement les possibilités de la nouvelle technologie. Pas étonnant que des jeux comme Angry Birds aient autant de succès : ils exploitent pleinement l'interaction naturelle que permet le tactile.\nConclusion\nUn professeur très influent m'a un jour demandé : « Mais est-ce que c'est fun, Willem ? ». Quand tu conçois pour le tactile, pose-toi vraiment cette question. Si tu réponds « OUI ! », tu es sur la bonne voie.\nIl faut réinventer l'interaction plutôt que recréer de vieilles choses. Bien sûr, tout ce qui est ancien n'est pas mauvais ; mais ce serait une erreur d'ignorer le potentiel que la technologie moderne rend possible !",
 "word_count": 556,
 "markdown_url": "https://agents.willem.com/fr/posts/2020-06-24_quelques-reflexions-sur-la-conception-d-interfaces-pour-ecran-tactile/post.md"
}