Dans la conception d'interface d'utilisateur, nous aimons viser haut. Mais dans un premier temps, il faut savoir commencer par le bas et donc passer par la basse fidélité (aussi appelé low-fi).
Les wireframes et les maquettes basse fidélité sont les premières étapes pour créer des produits de haute qualité et poser vos idées telles que vous les avez conçues sur papier.
Mais qu'est-ce que la basse fidélité (low-fi), vous demandez-vous ?
En bref, les wireframes basse fidélité sont de simples ébauches ou esquisses de votre idée. Basse fidélité signifie que vous n’incluez pas de détails ou de fonctionnalités secondaires dans la conception (comme les couleurs, le contenu ou la navigation). En commençant par une maquette élémentaire, vous et votre équipe disposez d’un espace où vous pouvez développer vos idées et les tester avant d’investir un temps et des efforts considérables à élaborer un modèle ou un prototype haute fidélité (high-fi).
En d’autres termes, les wireframes, les maquettes et les prototypes basse fidélité vous font gagner du temps et de l’argent, tout en vous aidant à être efficace et à aller droit au but lors de vos brainstormings et autres réunions.
Vous pouvez choisir de réaliser votre brainstorming sur papier ou sur un tableau blanc physique, mais Lucidspark et son tableau blanc virtuel collaboratif ainsi que sa bibliothèque de modèles prêts à l’emploi vous permettent de passer à un niveau supérieur.
Les meilleures pratiques pour créer vos propres maquettes basse fidélité dans Lucidspark
Utilisez les conseils suivants pour démarrer votre prochaine séance de brainstorming et créez dès maintenant des wireframes basse fidélité avec Lucidspark.
Définir vos objectifs avec des notes
Les séances de brainstorming les plus efficaces sont ciblées et axées sur la collaboration. Elles encouragent la créativité et l’innovation car les membres de l’équipe rebondissent sur les idées des uns et des autres. Pour optimiser vos résultats, il vous faut des objectifs clairs et des outils adaptés.
Lancez votre projet sur de bonnes bases en définissant vos objectifs :
- Quelle est la finalité du projet ?
- Qui est le client ?
- Quels sont les objectifs ou les exigences du produit à livrer ?
- Quel est votre délai ?
Préciser ces détails dès le départ vous permettra de maintenir votre projet et votre équipe sur la bonne voie. Conservez les informations relatives à votre projet dans le panneau Notes situé dans le coin supérieur droit de votre tableau blanc. Ce panneau est visible par toute l’équipe et permet à chacun de consulter les informations partagées sur le projet.
Ensuite, vous pouvez lancer un brainstorming.
Organiser un brainstorming et échanger sur vos idées à l’aide de post-its
Les séances de brainstorming traditionnelles présentent un inconvénient : il peut être difficile de prendre en compte les idées de chacun. Trop souvent, ce sont ceux qui parlent le plus fort qui se font plus entendre, ce qui empêche à ce que toutes les idées puissent être entendues.
Mais grâce à un tableau blanc virtuel tel que celui de Lucidspark, tous les participants peuvent plus facilement contribuer et collaborer à votre projet.
Utilisez des post-its virtuels pour ajouter vos idées au tableau virtuel et garder une trace de vos réflexions tout au long de la conversation. Les post-its sont un outil simple mais efficace pour proposer des idées et voir lesquelles sont retenues. De plus, au fur et à mesure que les participants ajoutent leurs contributions au tableau blanc, vous pouvez commencer à regrouper plusieurs propositions et les utiliser pour rédiger un plan.
Conseil de pro : Attribuez à chaque membre de l’équipe sa propre couleur de post-it à l’aide de la fonction Couleurs des collaborateurs. Vous pourrez ainsi repérer d’un coup d’œil l’auteur d’une idée et suivre l’évolution des suggestions d’un participant à l’autre.
Collaborer et prendre des décisions en équipe avec un vote
Trouver des idées n’est que le début. Comment allez-vous retenir celle que vous allez développer ? Lorsque vous travaillez avec un groupe de concepteurs aux opinions bien arrêtées, parvenir à un consensus peut s’avérer difficile et éprouvant pour tous le monde. (Sans parler du temps perdu à trouver un accord).
Gagnez du temps et simplifiez la prise de décision grâce au vote. Cette fonction vous permet de comptabiliser facilement les votes sur chaque idée, d’identifier les priorités et de cibler les idées les plus prometteuses.
Voici comment démarrer :
- Commencez une nouvelle session de vote en cliquant sur les outils d’équipe dans le coin supérieur droit du tableau.
- Sélectionnez « Vote », puis donnez un nom à votre session. Il est préférable de choisir un titre explicite qui décrit l’objectif du vote. Par exemple, « Quelles sont nos idées préférées ? »
- Attribuez un nombre de votes précis à chaque personne et ajoutez toute autre consigne particulière.
- Programmez un minuteur si vous souhaitez que le vote soit limité dans le temps. Vous pouvez également régler la clôture du vote à l’expiration du délai.
Le vote dynamise votre projet et lui permet d’avancer, tout en donnant à chacun la possibilité de contribuer sans entraver le processus.
Esquissez des idées et des concepts avec le dessin à main levée
En matière de conception, décrire vos projets par écrit n’est pas suffisant. Parfois, un simple dessin à l'ancienne est indispensable. Mais comment faire cela virtuellement, vous demandez-vous ? Lucidspark a tout prévu.
Utilisez la fonctionnalité de dessin à main levée de Lucidspark pour matérialiser vos idées créatives sur votre page virtuelle. Sélectionnez l’outil Stylo dans la barre d’outils de gauche et commencez à tracer votre motif sur le tableau. Vous pouvez dessiner à main levée un croquis rapide ou utiliser le stylo pour entourer des idées ou établir des liens entre des éléments. Donnez libre cours à vos idées sur notre tableau blanc interactif, votre zone de travail !
Utiliser des modèles pour simplifier vos conceptions
Les wireframes basse fidélité permettent à vos idées de prendre réellement forme. Gagnez du temps et passez directement à la planification en utilisant un modèle basique.
Lucidspark propose plusieurs modèles parmi lesquels vous pouvez choisir, notamment des exemples de wireframes pour mobiles, pour sites Web et des storyboards.
Wireframe pour mobiles
Si vous travaillez sur une interface d'utilisateur pour mobile, le modèle de Lucidspark est un bon point de départ. Cet exemple de wireframe pour mobiles présente une ébauche des éléments les plus courants rencontrés sur une interface mobile.