Enviar pesquisa
Carregar
test
•
0 gostou
•
704 visualizações
G
guest718715
Seguir
test
Leia menos
Leia mais
Arte e fotografia
Negócios
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 18
Baixar agora
Baixar para ler offline
Recomendados
Webdesign sites web et mobiles-tendances 2015
Webdesign sites web et mobiles-tendances 2015
Olivier Dommange
Webdesign sites web et mobiles-methodes-realisation-outils
Webdesign sites web et mobiles-methodes-realisation-outils
Olivier Dommange
Introduction Gestion Projet web
Introduction Gestion Projet web
guest6d3f53
La Fleur En Peinture
La Fleur En Peinture
adam eva
Ogre 3D : une introduction
Ogre 3D : une introduction
Paul Cheyrou-Lagreze
7 idées pour faire d'une bonne équipe une équipe exceptionnelle
7 idées pour faire d'une bonne équipe une équipe exceptionnelle
Samuel Le Berrigaud
Fiche catalogue intra 5S
Fiche catalogue intra 5S
XL Formation
Gestion de carriere
Gestion de carriere
Jean-Yves Morio
Mais conteúdo relacionado
Destaque
Bilan de competences
Bilan de competences
Vincent Bogaers
jeu sur le kaizen
jeu sur le kaizen
CIPE
How To Make A Point
How To Make A Point
Slides That Rock
Trouver sa proposition de valeur
Trouver sa proposition de valeur
INOË CONSEIL
Le mille feuille
Le mille feuille
Patrick Moreau
Demarche5 s
Demarche5 s
EXPERT PLUS
Accompagnement personnalisé à la gestion de carrière
Accompagnement personnalisé à la gestion de carrière
Béatrice BRINET
Value Proposition Design
Value Proposition Design
Sébastien Chantelot
Diapositivas Nivel Internet
Diapositivas Nivel Internet
lourdesb1
Sant Jordi 2012
Sant Jordi 2012
laurajofre
Maison de la prostitution
Maison de la prostitution
warum
Eros
Eros
louisemichelchampigny
Origen Playmobil
Origen Playmobil
Javier Arias
Acciones Mas Comunes Sobre Capas
Acciones Mas Comunes Sobre Capas
betzi.15
Dublin Core Metadata Initiative - Exemples d'applications
Dublin Core Metadata Initiative - Exemples d'applications
chessmu
Presentation XKE Décembre
Presentation XKE Décembre
Publicis Sapient Engineering
Main lpc hard
Main lpc hard
Yves Masur
Troisieme au classement a. camara
Troisieme au classement a. camara
louisemichelchampigny
Tecnologias educativas virtuales en los procesos de formación de la Administr...
Tecnologias educativas virtuales en los procesos de formación de la Administr...
Dolors Capdet
Données CRM, harmoniser vos données marketing pour segmenter vos campagnes
Données CRM, harmoniser vos données marketing pour segmenter vos campagnes
Charles Vieillard
Destaque
(20)
Bilan de competences
Bilan de competences
jeu sur le kaizen
jeu sur le kaizen
How To Make A Point
How To Make A Point
Trouver sa proposition de valeur
Trouver sa proposition de valeur
Le mille feuille
Le mille feuille
Demarche5 s
Demarche5 s
Accompagnement personnalisé à la gestion de carrière
Accompagnement personnalisé à la gestion de carrière
Value Proposition Design
Value Proposition Design
Diapositivas Nivel Internet
Diapositivas Nivel Internet
Sant Jordi 2012
Sant Jordi 2012
Maison de la prostitution
Maison de la prostitution
Eros
Eros
Origen Playmobil
Origen Playmobil
Acciones Mas Comunes Sobre Capas
Acciones Mas Comunes Sobre Capas
Dublin Core Metadata Initiative - Exemples d'applications
Dublin Core Metadata Initiative - Exemples d'applications
Presentation XKE Décembre
Presentation XKE Décembre
Main lpc hard
Main lpc hard
Troisieme au classement a. camara
Troisieme au classement a. camara
Tecnologias educativas virtuales en los procesos de formación de la Administr...
Tecnologias educativas virtuales en los procesos de formación de la Administr...
Données CRM, harmoniser vos données marketing pour segmenter vos campagnes
Données CRM, harmoniser vos données marketing pour segmenter vos campagnes
Semelhante a test
Mieux rediger-les-user-stories-bonnes-pratiques-oeildecoach 2019
Mieux rediger-les-user-stories-bonnes-pratiques-oeildecoach 2019
Oeil de Coach
Interactivite@ledna
Interactivite@ledna
Laurent Neyssensas
MultiTouch SNCF - REX Steria et I-Breed
MultiTouch SNCF - REX Steria et I-Breed
Steria
Maquettes IHM - Présentation USE AGE - 20-02-2014
Maquettes IHM - Présentation USE AGE - 20-02-2014
Use Age
introduction à la gestion de projet
introduction à la gestion de projet
laureno
Kinect en moins de 10 Minutes
Kinect en moins de 10 Minutes
Microsoft
FOF Spécial Webinaire.pdf
FOF Spécial Webinaire.pdf
Friends Of Figma, Cotonou
Retour d'expérience sur la conception et la construction d'une application ME...
Retour d'expérience sur la conception et la construction d'une application ME...
Microsoft Technet France
Responsive Web Design - BreizhCamp 2013
Responsive Web Design - BreizhCamp 2013
Julien LE THUAUT
Design systems : Bench et reco sur les outils
Design systems : Bench et reco sur les outils
Idean France
Sketch pour les designers : pourquoi, quand et comment l'utiliser ?
Sketch pour les designers : pourquoi, quand et comment l'utiliser ?
Idean France
Graphisme et ergonomie des projets… horribles - Kiwi Party 2014
Graphisme et ergonomie des projets… horribles - Kiwi Party 2014
Actency
Conf EXALT TLD - ChatGPT impact Design
Conf EXALT TLD - ChatGPT impact Design
TanguyLeDuff1
Batir Un Site Web 2011
Batir Un Site Web 2011
Alain-Marie Carron
WygDay 2010
WygDay 2010
Gregory Renard
Réussir la réalisation de son MVP ou son PoC
Réussir la réalisation de son MVP ou son PoC
Owlie
WygDay 2010 - session plénière
WygDay 2010 - session plénière
Wygwam
Rapport de mon First Projet Web à l'Ecole Supérieure de Technologie de SAFI -...
Rapport de mon First Projet Web à l'Ecole Supérieure de Technologie de SAFI -...
Mohammed JAITI
Nlle présentation
Nlle présentation
Chris Hns-Somerhalder
templates.iafactory, guide de prise en main
templates.iafactory, guide de prise en main
iafactory
Semelhante a test
(20)
Mieux rediger-les-user-stories-bonnes-pratiques-oeildecoach 2019
Mieux rediger-les-user-stories-bonnes-pratiques-oeildecoach 2019
Interactivite@ledna
Interactivite@ledna
MultiTouch SNCF - REX Steria et I-Breed
MultiTouch SNCF - REX Steria et I-Breed
Maquettes IHM - Présentation USE AGE - 20-02-2014
Maquettes IHM - Présentation USE AGE - 20-02-2014
introduction à la gestion de projet
introduction à la gestion de projet
Kinect en moins de 10 Minutes
Kinect en moins de 10 Minutes
FOF Spécial Webinaire.pdf
FOF Spécial Webinaire.pdf
Retour d'expérience sur la conception et la construction d'une application ME...
Retour d'expérience sur la conception et la construction d'une application ME...
Responsive Web Design - BreizhCamp 2013
Responsive Web Design - BreizhCamp 2013
Design systems : Bench et reco sur les outils
Design systems : Bench et reco sur les outils
Sketch pour les designers : pourquoi, quand et comment l'utiliser ?
Sketch pour les designers : pourquoi, quand et comment l'utiliser ?
Graphisme et ergonomie des projets… horribles - Kiwi Party 2014
Graphisme et ergonomie des projets… horribles - Kiwi Party 2014
Conf EXALT TLD - ChatGPT impact Design
Conf EXALT TLD - ChatGPT impact Design
Batir Un Site Web 2011
Batir Un Site Web 2011
WygDay 2010
WygDay 2010
Réussir la réalisation de son MVP ou son PoC
Réussir la réalisation de son MVP ou son PoC
WygDay 2010 - session plénière
WygDay 2010 - session plénière
Rapport de mon First Projet Web à l'Ecole Supérieure de Technologie de SAFI -...
Rapport de mon First Projet Web à l'Ecole Supérieure de Technologie de SAFI -...
Nlle présentation
Nlle présentation
templates.iafactory, guide de prise en main
templates.iafactory, guide de prise en main
test
1.
WORKSHOP CONCEPTION DE
STORYBOARDS Mardi 30 oct. 2007 © Eric DI POL - 2007
2.
3.
1. Vocabulaire wireframe
layout zoning détaillé blueprint maquette fonctionnelle prototype storyboard © Eric DI POL - 2007
4.
> Surtout pour
: - Définir le contenu de chaque écran, mais aussi la structure, le fonctionnement et les process liés à l’application, - Faire valider au client les pages, leur contenu, leur structure et la navigation qui les lie entre-elles, - Servir de base aux spécifications, - Des tests utilisateur > Mais aussi pour : - Faciliter le travail des créatifs lors de la phase de production, - Anticiper d’éventuels développements lourds, … 2. Des wireframes : pourquoi faire ? © Eric DI POL - 2007
5.
> En Agence
: L’équipe projet : Ergonome, Concepteur, Chef de Projet, DA, Développeur… > Lors des tests utilisateurs : Un panel de l’audience finale (fonction du projet) > Chez le Client : Responsable e-Business, Communication, Marketing… Toute personne chargée de valider la partie fonctionnelle du projet. 3. Des wireframes : pour qui ? © Eric DI POL - 2007
6.
4. Un storyboard,
ce n’est pas… ZONE IDENTITE 2 ZONE IDENTITE 3 MENU Editorial Zone de PUSH Produit MENU Fonctionnel FOOTER CONTENU PRINCIPAL ZONE IDENTITE 1 LOGO Zone de PUSH : Actu / Service / Magasin Chemin de navigation … un zoning Le zoning est l’étape qui précède la mise en place des storyboards / wireframes qui sont, eux, beaucoup plus précis. Zone de RECHERCHE © Eric DI POL - 2007
7.
4. Un storyboard,
ce n’est pas… … une maquette Dans le storyboard, on s’attache principalement au contenu Présent sur la page, à l’aspect Fonctionnel et ergonomique. L’aspect graphique doit être « évacué », « ce n’est pas ce que j’ai validé, ce bouton n’était pas placé ici… » © Eric DI POL - 2007
8.
9.
10.
11.
8. Les outils
: comparatif * Outils online © Eric DI POL - 2007 NOTE FINALE Adapté au print Adapté à l’écran Prise en main / Utilisation Interactivité Export HTML Prototypage rapide Création de wireframe 12/20 8/20 9/20 12/20 11/20 /20 14/20 15/20 16/20 ** ** *** * * **** **** **** ** ** * **** **** *** **** **** *** *** * * ** **** ** ** * ** ** **** *** ** *** **** * * * **** ** ** **** **** ** * * ** ** **** *** *** *** * * *** ** *** **** **** Gliffy * Acrobat Photoshop Illustrator Dream weaver Flash Omni graffle PowerPoint Visio Axure
12.
8. Les outils
online : Gliffy © Eric DI POL - 2007
13.
14.
8. Les autres
outils : démos Démos de : MS-Powerpoint MS-Visio Axure RP Pro © Eric DI POL - 2007
15.
Blogs Biblio 9.
Blogs / Biblio / Downloads www.boxandarrows.com www.guuui.com www.uie.com/brainsparks www.digital-web.com www.uxmatters.com « Communicating Design » (Dan M. Brown – 2006) « Effective prototyping for software makers » (J. Arnowitz, M. Arent & N. Berger – 2007) « Paper Prototyping: The Fast and Easy Way to Design and Refine User Interfaces » (C. Snyder – 2007) © Eric DI POL - 2007
16.
9. Blogs /
Biblio / Downloads Pour Omnigraffle : - URL GreyHot : - Garrett Dimon : - IA Institute Pour Visio : - Web prototyping tool - Wireframe stencil 2003 (Garrett Dimon) - IA Institute Pour Powerpoint : - IA Institute (dont le wireframe de F. Cavazza) http://urlgreyhot.com/personal/resources/omnigraffle_wireframe_palette http://v1.garrettdimon.com/resources/templates-stencils-for-visio-monigraffle http://www.iainstitute.org/en/learn/tools.php Downloads http://www.iainstitute.org/en/learn/tools.php http://www.iainstitute.org/en/learn/tools.php http://www.guuui.com/downloads/GUUUI%20Web%20Prototyping%20Tool%203.zip http://v1.garrettdimon.com/files/resources/ia_tools/Visio_2003.zip © Eric DI POL - 2007
17.
18.
MERCI !
Plus d’infos : http://www.superfiction.net/blog © Eric DI POL - 2007
Baixar agora