Dans tous les tests, j’ai accordé une à deux heures à chaque logiciel pour pouvoir explorer les possibilités qu’il offrait.
L’objectif était le même à chaque fois : réaliser un prototype de quelques écrans avec interactions et animations si possible. Quand le plugin compatible avec Sketch existait, je l’ai installé et testé en même temps.
J’ai parfois eu besoin d’aller dans la documentation ou de regarder des tutoriaux. Ils sont la plupart du temps disponibles sur le site de l’éditeur.
La note globale ne reflète que l’expérience globale que j’en ai eue sur la facilité d’utilisation, les possibilités offertes et le potentiel d’utilisation au sein d’un projet. Il reflète un avis complètement subjectif.
Design systems : Bench et reco sur les outilsIdean France
Cette liste d’outils permet de donner une bonne vision d’ensemble de ce qui existe aujourd’hui sur le marché. Les outils de design sont en évolution constante et rapide ces dernières années donc il faut s’attendre à beaucoup d’autres nouveautés. Pour en savoir plus, visionnez cette présentation réalisée par Audrey Hacq, Lead Designer chez Backelite
Tous les outils et méthodes utilisés lors de la création du site de la médiathèque de Roubaix en 2015 : fiches de cadrage, personas, audit, ateliers ... et les recettes pour reproduire.
Première partie : cadrer et définir son site web (définir ce qu'on veut faire). Qui aboutit à la définition du cahier des charges.
Cet atelier a été présenté aux
1- Groupe de travail sur la médiatisation du Consortium national de formation en santé
2- APTICA 2010
Cet atelier fera un aperçu des outils rapides de création de contenus médiatisés que le Groupe des technologies de l’apprentissage (GTA) de l’Université de Moncton utilise régulièrement pour la création de contenus médiatisés. En anglais, on emploie le terme « Rapid eLearning Tool » pour décrire ce type d’outil. La convivialité et la simplicité de ces outils offrent la possibilité aux gens moins techniques de pouvoir créer des objets multimédia facilement et rapidement. En plus de démontrer les fonctionnalités de quelques outils, le GTA va présenter quelques applications pratiques utilisées dans la formation en ligne.
Design systems : Bench et reco sur les outilsIdean France
Cette liste d’outils permet de donner une bonne vision d’ensemble de ce qui existe aujourd’hui sur le marché. Les outils de design sont en évolution constante et rapide ces dernières années donc il faut s’attendre à beaucoup d’autres nouveautés. Pour en savoir plus, visionnez cette présentation réalisée par Audrey Hacq, Lead Designer chez Backelite
Tous les outils et méthodes utilisés lors de la création du site de la médiathèque de Roubaix en 2015 : fiches de cadrage, personas, audit, ateliers ... et les recettes pour reproduire.
Première partie : cadrer et définir son site web (définir ce qu'on veut faire). Qui aboutit à la définition du cahier des charges.
Cet atelier a été présenté aux
1- Groupe de travail sur la médiatisation du Consortium national de formation en santé
2- APTICA 2010
Cet atelier fera un aperçu des outils rapides de création de contenus médiatisés que le Groupe des technologies de l’apprentissage (GTA) de l’Université de Moncton utilise régulièrement pour la création de contenus médiatisés. En anglais, on emploie le terme « Rapid eLearning Tool » pour décrire ce type d’outil. La convivialité et la simplicité de ces outils offrent la possibilité aux gens moins techniques de pouvoir créer des objets multimédia facilement et rapidement. En plus de démontrer les fonctionnalités de quelques outils, le GTA va présenter quelques applications pratiques utilisées dans la formation en ligne.
PHP : Une Plateforme Industrialisable Au Service De L'AgilitéPHPPRO
Puisque je suis dans les présentations en ce moment, j'ai décidé de refactorer un draft de présentation que j'avais réalisé pour l'Université du Système d'Information et que finalement j'avais abandonné pour une version plus "light". Attention, c'est une histoire, beaucoup de texte, pressé s'abstenir... ou presque ;)
🗜 Atelier Design _ Organisation et procédure d’Automatisation par les plugin...Friends Of Figma, Cotonou
Steven Houessou-Adin nous parle d'automatisation de tâche par l'usage de plugins, widgets et de raccourcis claviers sur Figma.
https://www.figma.com/community/file/1149310932961040375
------------------
Retrouvez-nous sur https://friends.figma.com/cotonou/
SharePoint summit Montreal 2014 developer vs designer des solutions belles et...Vincent Biret
Au travers de cette session et d'exemples de la vie de tous les jours nous vous expliquerons comment faire en sorte que vos développeurs et vos designers s'entendent bien. C'est primordial pour la réussite de projets SharePoint et la satisfaction client. L'objectif étant de délivrer des solutions belles, ergonomiques et fonctionnelles.
Slides présentés lors de l'afterwork organisé par Axance "Lean & Agile UX".
Présentation des grands principes de Lean Startup, du Customer Development, de l'agilité et de Scrum.
Julien Dumail d'Axance a ensuite exposé un cas client sur lequel nous collaborons, en détaillant notre démarche "Lean UX" intégrée dans notre process agile avec l'équipe de développement.
Je suis ravi de vous partager ce nouveau UX-Radar. L’actu de ses dernières semaines a été chargée.
iOS 12, des nouveaux outils de conception proposés par Google, des nouveaux services incroyables…
Vous n’avez pas tout vu ? On vous propose une synthèse pour rester la personne la plus calé du distributeur de bonbons.
Responsive l'indispensable révolution des outils et processusGoulven Champenois
Le design de sites responsive s’accommode mal du fonctionnement usuel. Revue des problèmes et de comment les contourner. Conférence-atelier donnée à ParisWeb.
Réussir la réalisation de son MVP ou son PoC.
Petit-déjeuner conférence lors du Startup Miracle Morning le 21 février 2019 à Paris XV : la matinée pour faire le plein de best practices et feedbacks pour lancer votre jeune pousse !
Présentation par Cédric Oeblinger CEO du studio Owlie.
15 conseils pour s'assurer une expérience utilisateur optimaleJohanna Rowe Calvi
• De l’importance de l’ergonomie des applications
• Respecter une méthodologie non-linaire
• Une phase de design systématiquement centrée utilisateur
• Des outils pour échanger et concevoir une expérience utilisateur réussie
• Une identité graphique reconnaissable
• Une communication constante avec l’équipe technique
PHP : Une Plateforme Industrialisable Au Service De L'AgilitéPHPPRO
Puisque je suis dans les présentations en ce moment, j'ai décidé de refactorer un draft de présentation que j'avais réalisé pour l'Université du Système d'Information et que finalement j'avais abandonné pour une version plus "light". Attention, c'est une histoire, beaucoup de texte, pressé s'abstenir... ou presque ;)
🗜 Atelier Design _ Organisation et procédure d’Automatisation par les plugin...Friends Of Figma, Cotonou
Steven Houessou-Adin nous parle d'automatisation de tâche par l'usage de plugins, widgets et de raccourcis claviers sur Figma.
https://www.figma.com/community/file/1149310932961040375
------------------
Retrouvez-nous sur https://friends.figma.com/cotonou/
SharePoint summit Montreal 2014 developer vs designer des solutions belles et...Vincent Biret
Au travers de cette session et d'exemples de la vie de tous les jours nous vous expliquerons comment faire en sorte que vos développeurs et vos designers s'entendent bien. C'est primordial pour la réussite de projets SharePoint et la satisfaction client. L'objectif étant de délivrer des solutions belles, ergonomiques et fonctionnelles.
Slides présentés lors de l'afterwork organisé par Axance "Lean & Agile UX".
Présentation des grands principes de Lean Startup, du Customer Development, de l'agilité et de Scrum.
Julien Dumail d'Axance a ensuite exposé un cas client sur lequel nous collaborons, en détaillant notre démarche "Lean UX" intégrée dans notre process agile avec l'équipe de développement.
Je suis ravi de vous partager ce nouveau UX-Radar. L’actu de ses dernières semaines a été chargée.
iOS 12, des nouveaux outils de conception proposés par Google, des nouveaux services incroyables…
Vous n’avez pas tout vu ? On vous propose une synthèse pour rester la personne la plus calé du distributeur de bonbons.
Responsive l'indispensable révolution des outils et processusGoulven Champenois
Le design de sites responsive s’accommode mal du fonctionnement usuel. Revue des problèmes et de comment les contourner. Conférence-atelier donnée à ParisWeb.
Réussir la réalisation de son MVP ou son PoC.
Petit-déjeuner conférence lors du Startup Miracle Morning le 21 février 2019 à Paris XV : la matinée pour faire le plein de best practices et feedbacks pour lancer votre jeune pousse !
Présentation par Cédric Oeblinger CEO du studio Owlie.
15 conseils pour s'assurer une expérience utilisateur optimaleJohanna Rowe Calvi
• De l’importance de l’ergonomie des applications
• Respecter une méthodologie non-linaire
• Une phase de design systématiquement centrée utilisateur
• Des outils pour échanger et concevoir une expérience utilisateur réussie
• Une identité graphique reconnaissable
• Une communication constante avec l’équipe technique
Similaire à Comparatif des outils de prototypage (20)
2. Quelle démarche ?
Dans tous les tests, j’ai accordé une à deux heures à
chaque logiciel pour pouvoir explorer les possibilités
qu’il offrait.
L’objectif était le même à chaque fois : réaliser un
prototype de quelques écrans avec interactions et
animations si possible. Quand le plugin compatible avec
Sketch existait, je l’ai installé et testé en même temps.
J’ai parfois eu besoin d’aller dans la documentation ou
de regarder des tutoriaux. Ils sont la plupart du temps
disponibles sur le site de l’éditeur.
La note globale ne reflète que l’expérience globale que
j’en ai eue sur la facilité d’utilisation, les possibilités
offertes et le potentiel d’utilisation au sein d’un projet. Il
reflète un avis complètement subjectif.
3. Invision
Les plus
• Simple à utiliser
• Bonne intégration avec Sketch
• Enormément d’outils
complémentaires (inspect,
freehand…)
• 15€/mois
Les moins
• Limité au niveau interactions et
animations
• Pas d’évolution de l’outil depuis
des mois
Un outil simple pour tester un parcours rapidement,
avec des extensions très intéressantes, mais l’outil de
prototypage en lui-même reste très limité… Note globale : 15/20
http://invisionapp.com
4. MarvelApp
Les plus
• Simple à utiliser
• Bonne intégration avec Sketch
• Enregistrement vidéo facile avec
le plugin
• Gratuit (mais logo MarvelApp sur
le proto)
Les moins
• Limité au niveau interactions et
animations
Un outil dans la lignée d’invision, simple et sans prétention
mais qui fait très bien le travail pour dépanner
Note globale : 12/20
https://marvelapp.com
5. Proto.io
Les plus
• Animations avancées
• Simplicité de l’interface
• Intégration avec Sketch
Les moins
• Outil web uniquement
• Plugin sketch pas hyper utile
• Cher (29$/mois)
Simple et puissant, mais beaucoup d’étapes
pour construire un prototype basique
Note globale : 15/20
http://proto.io
6. Adobe XD
Les plus
• Grille de répétition intéressante
• Gratuit dans notre abonnement
Adobe CC
Les moins
• Toujours compliqué l’intégration
avec Illustrator (obligé de faire
copier/coller, pas d’importation
possible)
• Pas d’animation d’éléments
• Fonctionnalités limitées
Un très bon potentiel, mais toujours pas de
grosse évolution depuis 6 mois…
Le logiciel reste très limité finalement. Note globale : 11/20
http://www.adobe.com/fr/produ
cts/experience-design.html
7. (Facebook)
Origami Studio
Les plus
• Animations avancées
• Possibilité de faire des conditions
d’animations (zone scrollée…)
• Capture vidéo du prototype facile
• Import de fichiers sketchs
• Gratuit
Les moins
• Logiciel compliqué à utiliser (il
faut avoir Bac +8)
• La moindre interaction nous fait
s’arracher les cheveux
• Peu de documentation et de
tutoriels… et encore moins à jour
Un outil de prototypage puissant
dont on n’a pas le mode d’emploi… Note globale : 10/20
http://origami.design/
8. Principle
Les plus
• Simple à utiliser
• Bonne intégration avec Sketch (si Sketch
est ouvert, il peut récupérer le document
directement)
• Interactions poussées avec timelines
• Adapté au web et mobile
• Grosse communauté
Les moins
• Pas d’export en HTML
• Prix élevé : 129$
Un très bon outil adapté au design d’interaction
et aux transitions entre les écrans.
Note globale : 17/20
http://principleformac.com
9. Flinto
Les plus
• Simple à utiliser
• Bonne intégration avec Sketch (si Sketch
est ouvert, il peut récupérer le document
directement)
• Interactions poussées avec timelines
• Interactions testable avec iphone
• Version Lite (en ligne) plus simple
Les moins
• Pas d’export en HTML
• Prix élevé : 99$
Un très bon outil adapté au design d’interaction
et aux transitions entre les écrans. Note globale : 17/20
https://www.flinto.com