les outils de maquettage d'application...
TRANSCRIPT
![Page 1: Les Outils de Maquettage d'Application Mobilefiles.meetup.com/19281482/Meetup_DMCA_#3_Outils_Maquettage_… · 30/03/2016 Développement Mobile Côte-d'Azur / Les Outils de Maquettage](https://reader033.vdocuments.net/reader033/viewer/2022052018/60314242812dbe444f5bf002/html5/thumbnails/1.jpg)
30/03/2016 Développement Mobile Côte-d'Azur / Les Outils de Maquettage d'application Mobile 1
Les Outils de Maquettaged'Application Mobile
● Pourquoi les utiliser ?● Les questions à se poser● Comment choisir un outil ? ?● Exemples● Vos retours d'expérience
![Page 2: Les Outils de Maquettage d'Application Mobilefiles.meetup.com/19281482/Meetup_DMCA_#3_Outils_Maquettage_… · 30/03/2016 Développement Mobile Côte-d'Azur / Les Outils de Maquettage](https://reader033.vdocuments.net/reader033/viewer/2022052018/60314242812dbe444f5bf002/html5/thumbnails/2.jpg)
30/03/2016 Développement Mobile Côte-d'Azur / Les Outils de Maquettage d'application Mobile 2
Pourquoi utiliser un outil de maquettage ?
● Montrer au client ...● Support pour CDC / Spécifications● Bénéficier de modèles sur étagère● Tester l'ergonomie, le rendu visuel● Générer du code ...
![Page 3: Les Outils de Maquettage d'Application Mobilefiles.meetup.com/19281482/Meetup_DMCA_#3_Outils_Maquettage_… · 30/03/2016 Développement Mobile Côte-d'Azur / Les Outils de Maquettage](https://reader033.vdocuments.net/reader033/viewer/2022052018/60314242812dbe444f5bf002/html5/thumbnails/3.jpg)
30/03/2016 Développement Mobile Côte-d'Azur / Les Outils de Maquettage d'application Mobile 3
Les questions à se poser● Une maquette pour quel matériel cible ?
– Smartphone, Tablette, Webapp, TV, Wearable, Desktop ...
● Une maquette pour qu'elle partie ?– UI, UX, UI+UX
● Sur quel support fonctionne l'outil de maquettage ?– Deskop PC (Linux/Windows/Osx), Webapp (Cloud),
Teminal mobile (iOS/Android/...)
● Que faire de la maquette (export, génération) ?● Coût de la licence en utilisation commerciale ?
![Page 4: Les Outils de Maquettage d'Application Mobilefiles.meetup.com/19281482/Meetup_DMCA_#3_Outils_Maquettage_… · 30/03/2016 Développement Mobile Côte-d'Azur / Les Outils de Maquettage](https://reader033.vdocuments.net/reader033/viewer/2022052018/60314242812dbe444f5bf002/html5/thumbnails/4.jpg)
30/03/2016 Développement Mobile Côte-d'Azur / Les Outils de Maquettage d'application Mobile 4
Quel outil de maquettage choisir ?● Une offre abondante :
– Balsamiq, Mockplus, Framer, JustInMind, UX Tool, Pidoco, Axure, Mockup Designer, Mockup Builder, Mockups.me, iPlotz, Mockability (iPhone), Mocking Bird, RWD Wireframe, Flinto, Fluid UI, Principle, Pixate, Indigo studio, Cacoo, Appery.io, Proto.io, Pencil (FF ad-on), Keynote, Solidify, InVision, Origami (FB), Visual Paradigm, Gliffy, Lumzy, Marvel, Android-Studio, ...
● Assez peu d'outils gratuits
– Essentiellement des abonnements mensuels
● Pas de panacée
– Seul le besoin permet réellement de choisir ...
– Tableau comparatif
![Page 5: Les Outils de Maquettage d'Application Mobilefiles.meetup.com/19281482/Meetup_DMCA_#3_Outils_Maquettage_… · 30/03/2016 Développement Mobile Côte-d'Azur / Les Outils de Maquettage](https://reader033.vdocuments.net/reader033/viewer/2022052018/60314242812dbe444f5bf002/html5/thumbnails/5.jpg)
30/03/2016 Développement Mobile Côte-d'Azur / Les Outils de Maquettage d'application Mobile 5
Balsamiq
![Page 6: Les Outils de Maquettage d'Application Mobilefiles.meetup.com/19281482/Meetup_DMCA_#3_Outils_Maquettage_… · 30/03/2016 Développement Mobile Côte-d'Azur / Les Outils de Maquettage](https://reader033.vdocuments.net/reader033/viewer/2022052018/60314242812dbe444f5bf002/html5/thumbnails/6.jpg)
30/03/2016 Développement Mobile Côte-d'Azur / Les Outils de Maquettage d'application Mobile 6
JustinMind
● Screenshot
![Page 7: Les Outils de Maquettage d'Application Mobilefiles.meetup.com/19281482/Meetup_DMCA_#3_Outils_Maquettage_… · 30/03/2016 Développement Mobile Côte-d'Azur / Les Outils de Maquettage](https://reader033.vdocuments.net/reader033/viewer/2022052018/60314242812dbe444f5bf002/html5/thumbnails/7.jpg)
30/03/2016 Développement Mobile Côte-d'Azur / Les Outils de Maquettage d'application Mobile 7
Pixate
![Page 8: Les Outils de Maquettage d'Application Mobilefiles.meetup.com/19281482/Meetup_DMCA_#3_Outils_Maquettage_… · 30/03/2016 Développement Mobile Côte-d'Azur / Les Outils de Maquettage](https://reader033.vdocuments.net/reader033/viewer/2022052018/60314242812dbe444f5bf002/html5/thumbnails/8.jpg)
30/03/2016 Développement Mobile Côte-d'Azur / Les Outils de Maquettage d'application Mobile 8
Proto.io
● Screenshot
![Page 9: Les Outils de Maquettage d'Application Mobilefiles.meetup.com/19281482/Meetup_DMCA_#3_Outils_Maquettage_… · 30/03/2016 Développement Mobile Côte-d'Azur / Les Outils de Maquettage](https://reader033.vdocuments.net/reader033/viewer/2022052018/60314242812dbe444f5bf002/html5/thumbnails/9.jpg)
30/03/2016 Développement Mobile Côte-d'Azur / Les Outils de Maquettage d'application Mobile 9
Mockplus
● Screenshot
![Page 10: Les Outils de Maquettage d'Application Mobilefiles.meetup.com/19281482/Meetup_DMCA_#3_Outils_Maquettage_… · 30/03/2016 Développement Mobile Côte-d'Azur / Les Outils de Maquettage](https://reader033.vdocuments.net/reader033/viewer/2022052018/60314242812dbe444f5bf002/html5/thumbnails/10.jpg)
30/03/2016 Développement Mobile Côte-d'Azur / Les Outils de Maquettage d'application Mobile 10
Axure
● Screenshot
![Page 11: Les Outils de Maquettage d'Application Mobilefiles.meetup.com/19281482/Meetup_DMCA_#3_Outils_Maquettage_… · 30/03/2016 Développement Mobile Côte-d'Azur / Les Outils de Maquettage](https://reader033.vdocuments.net/reader033/viewer/2022052018/60314242812dbe444f5bf002/html5/thumbnails/11.jpg)
30/03/2016 Développement Mobile Côte-d'Azur / Les Outils de Maquettage d'application Mobile 11
Fluid UI
● Screenshot
![Page 12: Les Outils de Maquettage d'Application Mobilefiles.meetup.com/19281482/Meetup_DMCA_#3_Outils_Maquettage_… · 30/03/2016 Développement Mobile Côte-d'Azur / Les Outils de Maquettage](https://reader033.vdocuments.net/reader033/viewer/2022052018/60314242812dbe444f5bf002/html5/thumbnails/12.jpg)
30/03/2016 Développement Mobile Côte-d'Azur / Les Outils de Maquettage d'application Mobile 12
Lumzy
● Screenshot
![Page 13: Les Outils de Maquettage d'Application Mobilefiles.meetup.com/19281482/Meetup_DMCA_#3_Outils_Maquettage_… · 30/03/2016 Développement Mobile Côte-d'Azur / Les Outils de Maquettage](https://reader033.vdocuments.net/reader033/viewer/2022052018/60314242812dbe444f5bf002/html5/thumbnails/13.jpg)
30/03/2016 Développement Mobile Côte-d'Azur / Les Outils de Maquettage d'application Mobile 13
Marvel
● Screenshot