UI Online : concevez un mockup en ligne rapidement et simplement

UI Online, le template pour créer un mockup en ligne en équipe

Vous désirez créer une page ou un site web ? Avant toute chose, il est nécessaire de construire une maquette, et le template UI Online est le support idéal pour cela.

En équipe, vous utilisez toutes les fonctionnalités visuelles de Board, le whiteboard de la plateforme collaborative Klaxoon, pour concevoir efficacement toutes les parties de votre mockup en ligne, au même endroit, que votre équipe soit réunie en salle ou en télétravail, avant de passer à la production.

En fonction de ce que vous voulez montrer et des messages que vous voulez faire passer, ce template vous permet de travailler en équipe à la définition de l’architecture des pages :

• Structure
• Contenu
• Positionnement des éléments;…

Vous commencez par déterminer les grands ensembles, puis vous affinez votre réflexion autour des textes, visuels, vidéos et boutons d’action grâce à vos échanges en direct ou en différé, sur le Board Klaxoon. La maquette évolue ainsi au rythme du travail de l’équipe.

Le template UI Online est extrêmement utile pour construire un mockup en ligne, une architecture de site ou une application de design, mais il est également utilisable pour construire d’autres types de visuels :

• Journal
• Newsletter
• Plaquette promotionnelle,...

Pourquoi créer un mockup en ligne avant de lancer la production ?

Dans le domaine des interfaces utilisateur (UI), le wireframe en ligne est un indispensable. Cet anglicisme signifie littéralement « structure », « cadre » ou « modèle en fil de fer ». Cette maquette fonctionnelle représente la future interface de vos applications mobiles, sites web et logiciels ; autrement dit, l’UI online.

Grâce au tableau blanc extrêmement modulable de Klaxoon, et à la possibilité d’intégrer tous types de contenu, vous pourrez construire en équipe un mockup en ligne qui vous aidera à visualiser l’agencement de la page, l’architecture de l’information, les parcours utilisateurs, et les fonctionnalités essentielles.

L’objectif est de valider les concepts, en termes d’interface et d’expérience utilisateur, avant de transmettre le projet aux développeurs.

Vous pouvez utiliser votre mockup en ligne à de nombreuses fins dans votre collaboration :

• Pour optimiser la conception d’une interface avec les spécifications fonctionnelles ;
• Pour montrer la future interface de l’outil, à l’échelle réelle, aux parties prenantes et vous accorder ainsi sur le projet web ou mobile avant le développement ;
• Pour repérer les erreurs ou les problèmes.

Elle vous permet de travailler en équipe facilement car le fait d’être en ligne la rend partageable avec tous, à tout moment. Enfin, concevoir une maquette, même pour un projet de support papier, vous fera gagner du temps et économiser du budget : rapide à réaliser, peu coûteuse en ressources et flexible, elle permet de réduire les retours en phase de développement ou de lancement.

Comment faire une maquette avec le template UI Online de Klaxoon ?

Préparez votre Board avec la description ou le nom du projet, la date, et la version éventuellement, puis invitez les membres de votre équipe sur le whiteboard.

Vous pouvez alors commencer la co-construction de votre maquette. Déterminez d’abord la structure de la page, en choisissant où vous allez placer les blocs de texte, les visuels, etc., et dans quelles proportions. Servez-vous dans la zone Tool Box et lancez-vous dans le cadre situé au-dessous. Vous pouvez organiser et dimensionner les blocs comme vous le souhaitez, et les copier-coller afin de créer le nombre de pages qu’il vous faut. Le code couleur proposé vous aide à y voir clair dans les idées que vous envoyez sur le tableau blanc.

Ensuite, soit en réunion de synchro, soit en asynchrone, échangez sur la construction. Indiquez vos retours dans les idées de couleur rouge, et utilisez des Questions de vote pour prendre des décisions ensemble. Tout le monde voit les réponses sur le Board, même si vous travaillez de façon asynchrone.

Pour vous faciliter la tâche, vous pouvez utiliser les émoticônes proposées dans la boîte à outils (Page validée, On y est presque, Ça bloque) pour voir en un coup d’œil si la page est validée par l’équipe.

Quand la structure est prête, invitez les membres de l’équipe en charge du contenu pour continuer la construction de votre maquette. Utilisez les mêmes outils de communication, notamment Question, et interpellez directement des personnes si besoin de retours rapides. Petit à petit, votre production prend forme sous vos yeux, grâce à votre travail d’équipe et à la puissance de la plateforme collaborative Klaxoon !