exclu mondiale :)
formation UX design !
53h de vidéo
60 études de cas
150 livrables - 160 wireframes
places limitées

ux conception tactile

icone tactile
écrit en 2014
et révisé en 2016 par
Julien Muckensturm
Architecte de l'information
icone linkedin
icone viadeo

Enjeux de la conception tactile

Concevoir pour un écran tactile

La manipulation d'un écran tactile appelle naturellement une ergonomie spécifique : chez IAFACTORY on appelle ça "la conception centrée gros doigt", c'est à dire que les interactions doivent même être adaptées aux doigts de Shaquille O'Neal ou David Robinson (les anciennes gloires du basket US, chacun mesurant bien 2m16...).

Pas de souris, pas de joystick, pas de clavier. Pas de manipulation indirecte quoi...

La manipulation directe des interfaces, par le touché, déjà anticipée ici ou dans les films de SF, est une réalité qui gagne progressivement toutes les sphères des interactions digitales : tout à fait incontournables pour les smartphone et les tablettes, mais aussi les objets connectés, les tableaux de bords embarqués dans les véhicules... Quant aux ordinateurs desktop classiques, les interfaces utilisateurs et le mode opératoire proposé pour la manipulation via écran tactile semblent encore très perfectibles...

Quoi qu'il advienne, pour concevoir des interfaces optimisées et agréables à utiliser dans le cadre d'interaction tactile pour ces nouveaux supports, IAFACTORY est en mesure de vous aider dans la modélisation d'interface utilisateur performante et agréable à manipuler.

Exemples de conception tactile

conception tactile conception tactile
guide des gestes tactiles
conception tactile exemple de conception tactile
référence ux Gdf suez ma conso
2011 - esquissé par Julien MUCKENSTURM

Conception tactile : objectifs

IA - UX pour aller à l'essentiel

concevoir un media-center pour une consultation en voiture, une application pour manipuler les oeuvres d'un musée via une borne...

Parce que les manipulations tactiles impliquent souvent "un effort physique" (portée du bras pour un écran d'ordinateur, relatif certes dans le cadre d'un smartphone) et peuvent parfois être considérées comme élément de distraction voire de perturbation dans un contexte bien déterminé (sécurité routière et manipulation tactile du GPS...), il est de bon usage de simplifier au possible toutes les actions demandées aux utilisateurs finaux :

  • adaptation de l'interface à la manipulation tactile,
  • simplification des parcours,
  • rationalisation des actions en séquences simples,
  • modélisation d'écrans lisible pour aller à l'essentiel.

Il s'agit globalement de considérer toutes les spécificités de l'interaction tactile dans la conception de l'interace utilisateur, du site web adapté aux interactions tactiles, en passant par la la borne de musée et jusqu'à l'écran embarqué en façade d'un micro-onde...

Méthode pour la conception tactile

Ventilation judicieuse des interactions à l'écran

pas de grand discours, beaucoup d'empirisme...

Nous inscrivons notre approche de la conception tactile dans l'esprit du Bauhaus des années 1920 (et oui, pas grand chose à inventer, tout était déjà ...) : esthétique simple et épurée, approche fonctionnelle innovante lorsque c'est possible, en mixant toutes les disciplines relatives au champ disciplinaire de l'expérience utilisateur (architecture de l'information, design d'interaction, design d'information, design émotionnel, ergonomie...).

Notre méthode suit un cycle court de type analyse - conception pour déboucher rapidement sur des solutions de conception viables pouvant faire l'objets de tests.

Conception tactile, et après ?

Travaux complémentaires

La conception tactile est une approche générale. Les applications sont multiples et concernent tous les terminaux.

L'approche de conception tactile peut déboucher sur la conception de site et d'application mobile, la conception de site et d'application dédiés aux tablettes, la conception d'interface pour des objets connectés, la conception web, la conception de logiciel...

Vous préférez concevoir vous-même ?

Téléchargez des modèles de conception

Vous souhaitez internaliser la conception ?

IAFACTORY vous propose de nombreux modèles documentaires ainsi que des bibliothèques de formes à télécharger afin de concevoir par vous-même : ces documents sont disponibles et consultables au sein de notre site dédié aux modèles documentaires.

Suivez notre programme elearning IA - UX

mais oui, suivez "donc" notre programme de formation en ligne ! Vous saurez tout de l'IA - UX :).

Nous proposons également un programme elearning IA - UX (iafactory learn) en architecture de l'information et design d'expérience utilisateur super pragmatique et très complet autour de 50h de vidéos, incluant 150 modèles prêts à l'utilisation et 160 écrans de wireframes clés en main pour travailler sur vos projets !

Vous souhaitez concevoir vous-même ?

Vous avez raison, on n'est jamais mieux servi que par soi-même...
Gagnez du temps en utilisant nos modèles conçus avec amour et surtout prêt à l'utilisation !

vignette modèles livrables wireframe tactile
format Powerpoint .PPTX compatible MAC / PC

Modèle wireframing tactile A TELECHARGER

Des modèles clés en main pour concevoir des supports tactiles

  • concevez vos projets digitaux efficacement et simplement !
  • 16 modèles clés en main : grille wireframes, composants d'interfaces...
  • ces modèles sont une partie d'un pack plus complet (voir fiche produit)
  • facile à personnaliser et prêt à l'utilisation
  • rendu sobre et élégant : optimisé pour l'impression et la lecture à l'écran
72 euros

téléchargement immédiat et sécurisé via notre shop / satisfait ou remboursé
vignette kit wireframes
format Powerpoint .PPTX compatible MAC / PC

160 modèles de wireframes A TELECHARGER

Kit ultime de wireframes pour concevoir vos dispositifs !

  • 160 modèles de wireframes clés en main homogènes, cohérents et prêts à l'utilisation
  • matériel de wireframing personnalisable et flexible pour tout type de dispositifs digitaux !
  • concevez et adaptez vos wireframes rapidement, efficacement, proprement :)
  • outil facile à prendre en main et rendu design
  • optimisé pour l'impression et la lecture à l'écran
594 euros

téléchargement immédiat et sécurisé via notre shop / satisfait ou remboursé
vignette modèles wireframe iafactory shop
format Powerpoint .PPTX compatible MAC / PC

iafactory shop CENTRE DE TELECHARGEMENT

Des outils puissants prêts à l'utilisation pour vos projets digitaux

  • outils et modèles de livrables pour documenter toutes les étapes de vos projets
  • modèles de wireframes clés en main pour concevoir votre interface
  • ebook pratique pour progresser
  • outil facile à prendre en main et rendu design
  • modèles disponible à la carte ou en kit complet
30 euros

téléchargement immédiat et sécurisé via notre shop / satisfait ou remboursé

Pourquoi IAFACTORY propose des modèles ?

IAFACTORY est d’abord un cabinet de conseil en architecture de l’information. Notre métier consiste, principalement, à modéliser des solutions de conception.
Avec modestie. Avec haute précision.
Pour vous faire gagner du temps, nous avons modélisé, plus de 150 modèles prêts à l’utilisation.

Ces modèles, ce sont les outils que nous utilisons.
Pour la méthode. Et pour la rationalisation.
C’est aussi le framework qui constitue le socle de nos formations.
L’ensemble représente plusieurs années de formalisation.

Les modèles font gagner du temps à tous les acteurs du projet, parce qu’ils sont à la fois souples, pointus et diversifiés.
Nos produits sont exclusifs, faits mains, et garantis satisfaits ou remboursés.
C’est une pratique plutôt rare dans le métier.
Vous ne prenez donc aucun risque si vous achetez...

Partager ces modèles est une bonne idée.
Par vos avis, l’outil peut évoluer.
Par vos achats, vous contribuez à le financer.
Au final, tout le monde est satisfait :).

Découvrez notre programme de formation vidéo en ligne

10 années de pratique condensées dans un format digeste et ludique :)
Une solution innovante à moindre coûts pour progresser et acquérir rapidement les bases et les outils !

vignette conception interaction video à la demande vod Ux design
5H de vidéo format .MP4 compatible MAC / PC

Vidéo wireframes + livrables A TELECHARGER

Tout ce qu'il faut savoir sur la conception et le design d'interaction.

  • 1 vidéo "Scénaristion des interactions" - 92 minutes
  • 1 vidéo "Modélisation du zoning" - 84 minutes
  • 1 vidéo "Conception des écrans, wireframing" - 154 minutes
  • 26 cas d'étude illustrés
  • + 30 modèles inclus pour concevoir des wireframes
294 euros

téléchargement immédiat et sécurisé via notre shop / satisfait ou remboursé
vignette concevoir wireframing avec Powerpoint video à la demande vod Ux design
5H de vidéo format .MP4 compatible MAC / PC

Vidéo wireframing + livrables A TELECHARGER

Tout ce qu'il faut savoir pour réaliser des wireframes avec PowerPoint.

  • 1 vidéo "Concevoir des wireframes avec PowerPoint" - 141 minutes
  • 1 vidéo "Concevoir un storyboard animé avec PowerPoint " - 157 minutes
  • Des conseils techniques pour la réalisation
  • Des démonstrations pour la formalisation
  • 2 exercices à réaliser pour apprendre rapidement
294 euros

téléchargement immédiat et sécurisé via notre shop / satisfait ou remboursé
vignette prototypage avec axure video à la demande vod Ux design
3H de vidéo format .MP4 compatible MAC / PC

Vidéo prototypage avec Axure A TELECHARGER

Tout ce qu'il faut savoir pour réaliser un prototype avec Axure.

  • 1 vidéo "Prototypage, concevoir avec Axure" - 151 minutes
  • Des explications précises
  • Des conseils techniques pour la réalisation
  • Des démonstrations pour la formalisation
  • 1 exercice à réaliser pour apprendre rapidement
120 euros

téléchargement immédiat et sécurisé via notre shop / satisfait ou remboursé
vignette galaxie de sites video à la demande vod Ux design
2H de vidéo format .MP4 compatible MAC / PC

Vidéo galaxie de sites + livrables A TELECHARGER

Tout ce qu'il faut savoir pour travailler sur une galaxie de sites.

  • 1 vidéo "Inventaire et architecture d'écosystème de sites" - 133 minutes
  • 4 cas d'étude illustrés
  • Des explications précises sur les méthodes
  • Des conseils techniques et opérationnels
  • + 20 modèles inclus pour formaliser
120 euros

téléchargement immédiat et sécurisé via notre shop / satisfait ou remboursé
vignette formation video UX
53H de vidéo + 150 livrables + 160 wireframes !

Formation elearning IA-UX design ACCES 1AN

Programme vidéo complet de 53H d'auto-formation en UX design.

  • découvrez iafactory learn : 50 vidéos soit plus de 53h de vidéo en streaming illimité
  • 150 modèles de livrables prêts à l'utilisation et 160 wireframes pour vos projets
  • formation illustrée par 60 exemples de projets UX
  • 7 exercices pratiques, 1 étude de cas UX à réaliser
  • support de formation inclus de 1350 pages
720 euros

accès immédiat via iafactory learn / on croit en nos formations : satisfait ou remboursé

Pourquoi IAFACTORY propose des formations ?

D’abord nous aimons notre métier.
Pour être à la pointe, nous faisons tout pour progresser.
Naturellement, nous avons aussi envie de partager...

Ces formations représentent un important travail de capitlisation.
Mais aussi de formalisation.
Depuis plusieurs années, nous les améliorons.
En vidéo nous les mettons à votre disposition.

2 formules au choix pour progresser.
Formule VOD pour les plus pressés...
Formule ELEARNING pour un programme complet...

Nous réalisons parallèlement des formations professionnelles en design d’expérience utilisateur et architecture de l’information.
D’ailleurs, auprès de la région Alsace, IAFACTORY est déclaré comme organisme de formation.
Nous sommes également partenaire de l’université de Strasbourg et intervenons auprès d’étudiants en voie de professionnalisation.

Les formations sont conçues pour vous faire progresser. Nous fournissons le matériel adéquat pour vous y coller...
Nos formations sont originales, artisanales, humaines, et garantis satisfaits ou remboursés.
C’est une pratique plutôt rare dans le métier.
Vous ne prenez donc aucun risque si vous essayez...

Partager ces formations est, nous en sommes convaincus, une bonne idée.
Par vos avis, les formations peuvent évoluer.
Par vos achats, vous contribuez à la financer.

Vous avez un projet en tête ?

IAFACTORY vous aide à concevoir votre projet,
architecture de l'information, design d'interaction, design d'information...

Conception tactile : références

Conception tactile : la prestation IAFACTORY

Concrètement ce que nous faisons

Notre prestation en matière de conception tactile :

  • analyse du contexte d'utilisation,
  • recherche utilisateur, étude comparative,
  • clarification du périmètre fonctionnel et éditorial,
  • architecture de l'information (organisation et hiérarchisation des contenus et fonctionnalités - arborescence),
  • scenarisation des parcours utilisateurs, design de l'interaction,
  • modélisation des interactions à l'écran (wireframing) dans un environnement tactile.

En bref, nous vous aidons à concevoir l'interface tactile de votre projet digital.

Vos projets conçus par un artisan.

Avec amour, précision, originalité.
Pas de sous-traitance à Singapour.

Objectif : une bonne conception !
Si vous souhaitez vous faire accompagner en phase de conception

A partir de là, les internautes lisent aussi

CONCEPTION D'INTERFACE
Conception fonctionnelle de vos interfaces mobiles : web mobile, application mobile, logiciel mobile...
conception mobile
CONCEPTION MULTI-ECRAN
Conception de vos interfaces dédiées aux tablettes : web, applications et logiciels dédiés aux tablettes...
conception tablette
CONCEPTION D'INTERFACE
Conception d'objets et interfaces connectées : cockpit, tableau de bord, montre, écran de contrôle...
conception objet connecté