Texto da Intro
Favorisez la créativité et la participation avec des prototypes modulaires basse fidélité
En 2011, j’ai eu le défi de tester l’ergonomie de la barre de navigation sur la plateforme numérique Sapo Campus avant de passer aux staging.
Lorsque j’ai essayé d’impliquer les six premiers participants dans des travaux pratiques, je me suis rendu compte qu’aucun d’entre eux ne se sentait assez à l’aise avec le dessin sur papier, pour identifier et communiquer les problèmes identifiés et itérer et communiquer les solutions possibles.
C’est à partir de l’identification du besoin d’encourager l’implication des participants (stakeholders) dans les tests d’utilisabilité qu’est né le concept de prototypage modulaire basse-fidélité, matérialisé dans l’iPrototype.
Coluna de imagens
Galeria de imagens - 2 colunas


Secção principal
Timeline
Secção principal
Comment tout a commencé : un plateau de jeu pour concevoir en collaboration
En 2012, j’ai eu l’opportunité de concevoir une expérience mobile complète à partir de zéro, le Mesh-t — Mobile Museum Guide ⇲. Cette application Android pour le Musée de Santa Joana à Aveiro a été sponsorisé par QREN et développé par le Cetac Media, in DeCA — Aveiro University en collaboration avec Ubiwhere, entreprise technologique. L’équipe de développement disposait déjà d’un concept d’interface et d’un flux d’expérience. L’interface était bien conçue mais j’ai senti que certaines fonctionnalités devaient être améliorées ainsi que l’identité de la marque.
D’après mon expérience de travail avec les développeurs, je savais que les changements majeurs de conception nécessitaient un consensus général. J’ai donc commencé à imaginer un outil de conception conçu pour encourager la participation aux réunions de brainstorming. J’ai gravé au laser un tableau de victoire avec un arbre de navigation avec des espaces découpés à remplir de cartes vides à tirer ainsi que des composants d’interface graphique modulaires.
Les participants ont fini par s’impliquer activement dans le processus de conception, ce qui a abouti à des contributions précieuses à une solution de conception validée, tant au niveau du flux de navigation que de la mise en page.
Galeria 1A

ours-client-iprototype-mesh-t-boardnav
A boardgame with a tree navigation for the mesh-t tourism app design

ours-client-iprototype-mesh-t-boardnav-team
Brainstorming with the boardgame to engage participants in design discussion
Galeria 1B

ours-client-iprototype-mesh-t-wireframes
Croquis finaux obtenus à partir des itérations avec les composants modulaires par tous les participants

ours-client-iprototype-frame-digital-mobile
Composants modulaires en carton utilisés pour itérer rapidement les possibilités de mise en page dans le contexte de son nœud associé

ours-client-iprototype-frame-digital-mobile-2
Composants modulaires en carton permettant d'itérer rapidement les possibilités de layout dans le cadre de la manipulation d'un smartphone
Secção principal
Concept
Secção principal
iPrototype — Un outil post-numérique pour la conception d’interfaces
Fin 2012, j’ai intégré le Programme doctoral en design. My main focus was the value of physically handle tools and material in the design process of physical, digital or hybrid post-digital products. Profitant de tous les travaux et expériences antérieurs avec des prototypes basse fidélité et la conception de grilles modulaires, j’ai développé un outil de conception modulaire, le iPrototype (pdf) ⇲.
En combinant les propriétés physiques et structurelles des kits de construction avec des techniques de prototypage basse fidélité, cet outil de conception devient un catalyseur de productivité, de participation et d’inclusion dans le processus de conception d’interfaces à des fins éducatives et de projet. Dans le contexte de la conception participative, l’objectif principal d’iPrototype est de permettre aux participants d’avoir une plus grande expression et participation au processus de manière ludique, inclusive et sociale, sans contraintes concernant les compétences en dessin ou la connaissance préalable des principes et processus de conception.
Galeria C2A
Galeria C2B

B-iPrototype_img-13

B-iPrototype_img_storyboardpo-21

B-iPrototype_img_storyboardpo-12

B-iPrototype_img-11

B-iPrototype_img_storyboardpo-09

ours-client-iprototype-frame-cardboard
Secção principal
Avec les étudiants
Secção principal
Enseigner l’UX/UI avec l’iPrototype pour une itération rapide des solutions de conception possibles
L’observation empirique réalisée lors des séances de travail suggère des avantages pour une meilleure exploration, communication et test des idées sur des modèles itérés; promotion de la communication interpersonnelle, de la participation et de l’inclusion; et une efficacité accrue dans l’enseignement et l’apprentissage des principes théoriques et pratiques de la conception d’interactions sur le développement d’interfaces graphiques.
Galeria C3A

ours-client-iprototype-students-2

ours-client-iprototype-students-3

ours-client-iprototype-students-4

ours-client-iprototype-students-1
Anchora 4
Prochaines étapes
Secção principal
La suite?
Du prototypage physique au prototypage numérique
— iPrototype 2.0
Et s’il etait possible d’utiliser l’iPrototype pour générer des prototypes numériques fonctionnels ? Au fil du temps, il serait possible de constituer une large collection de maquettes interactives en ligne, assemblées physiquement par les personnes avec lesquelles nous interagissons quotidiennement, qu’il s’agisse d’un technicien, d’un utilisateur potentiel, d’un client ou d’un ami. Des maquettes personnalisées, qui pouraient être partagées et continuellement améliorées jusqu’à la mise en production.
Galeria C4A

Cardboard modular interface design tool
Du prototypage physique

Digital output generated by carboard layout
Au numérique!
Galeria C4B

ours-client-iprototype-digital-2
Scanner les codes QR d’assemblage de composants

ours-client-iprototype-digital-3
Téléchargez votre contenu dans les conteneurs

ours-client-iprototype-digital-4
Finally, a digital mockup ready to be tested