Logiciels de design graphique / prototypage / schemas collaboratifs

Salut,

Vous connaissez certainement déjà Figma, car certains l’ont déjà utilisé pour dessiner le logo Semapps (par exemple).
Ce logiciel de design collaboratif est a priori spécialisé pour designer les sites web sur PC ou mobile. On peut simuler le fonctionnement de l’application.

Une vidéo de présentation de Figma est dispo chez Grafikart :

Je créer ce post pour y mettre d’autres outils de ce style.
Pour moi, tout à commencé il y a environ 5 ans avec https://draw.io et prezzi, on a a faire ici en un mix entre les deux, avec de nouveaux usages et surtout le fait qu’il soit collaboratif.
Je suis en train de le comparer à Miro (https://miro.com/)… qui bloque à 3 schémas éditables (mais qui n’est pas spécialisé pour les sites internet).

Je vais utiliser un des deux logiciels pour faire mes schémas de design de Flodio…

Pour les concurrents :
https://www.g2.com/products/figma/competitors/alternatives

biz

Yannick

Salut @fluidlog Yannick, Figma est vraiment un très bon outil, notamment pour travailler en direct en mode collaboratif ( on peut même se passer d’un partage d’écran / visio car on voir les curseurs des collègues se balader en direct sur la page ). Il est toutefois aussi limité à 3 pages, je l’utilise donc plutôt comme un bac à sable, car c’est un outil à abonnement qui en contrepartie est très cher. Utilisé comme ça il est gratuit et très performant, sauf certaines limitations notamment quand on souhaite créer des éléments dynamiques comme des menus déroulants pour donner un exemple que tout le monde connaît !

Pour ton information, un de mes étudiants ( qui est un ergonomie expérimenté et dont j’aime beaucoup l’approche d’ailleurs ) a utilisé Sozzi avec pas mal de succès, c’est un clone de Prezzi mais en version logiciel libre, conçu pour fonctionner avec / ou en s’inspirant de Inkscape. J’avais moi-même essayé la même démarche mais perdu patience, lorsque nous avions fait le rendu de l’étude sur un réseau social décentralisé pour Actes Sud.

Pour ton information (bis), je n’aime pas du tout Miro, mais peut-être me feras-tu changer d’avis.

Enfin, Draw.io a je crois changé de nom et il est moins bugué qu’avant https://www.diagrams.net, je trouve que c’est peut-être même le meilleur outil de la liste.

À+

Merci @benoit.ferchaud pour ton retour. En effet, c’est lors de la présentation du logo que j’ai vu pour la première fois ce logiciel, mais je n’avais pas compris qu’il était fait pour faire des protos dynamiques.

Voici donc mon premier (et certainement pas dernier !) proto Flodio représentant le filtre temporel.
https://www.figma.com/proto/p6NZ2OeFg31OadmHwMxWUM/Filtre-temporel?node-id=3%3A19&scaling=min-zoom&page-id=0%3A1&starting-point-node-id=3%3A19

Normalement, vous devriez pouvoir toucher en bas à la fenêtre temporelle, et changer le graph…

et tu trouves cela plus simple de faire un prototype avant de coder ?

Je trouve que c’est une bonne habitude, mais ce n’est pas plus simple. C’est même beaucoup plus long, mais ça permet au client ou product owner de vraiment spécifier ce qu’il attend du développeur.
Je sais que j’aurai besoin de le faire pour mon appli Fludy sur Smartphone, car ce n’est peut-être pas moi qui la coderai…
Et à présent, je vais pouvoir passer à représenter les flux financiers, en proposant plusieurs possibilté, et cela permettra à mon futur client de choisir ce qu’il veut.
Autre possibilité, je peux créer un crowdfunding en disant « voilà ce que je veux faire », merci de m’aider à le financer… Et ça aide à connaitre le besoin.

Elle est top la présentation avec la timeline :slight_smile:

Avec le prédicat dc:created qui est maintenant ajouté à toutes les ressources créées sur SemApps (si ce mixin est configuré côté middleware), ça permettrait de voir l’enrichissement d’un graph dans le temps ! :fire:

1 « J'aime »