• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
storyboard, wireframe
 

storyboard, wireframe

on

  • 1,667 views

concrètement, il s’agit de traduire vos enjeux ainsi que les attentes des utilisateurs en éléments d’interface, en fonctionnalités, en contenus....

concrètement, il s’agit de traduire vos enjeux ainsi que les attentes des utilisateurs en éléments d’interface, en fonctionnalités, en contenus.
pour IAFACTORY, la phase de conception fonctionnelle détaillée doit être une traduction des objectifs business en critères d’expérience positive pour l’utilisateur : tout est là, une conception centrée utilisateur pour une création de valeur optimale parce que servant l’annonceur comme l’utilisateur.
nous capitalisons sur notre expertise en architecture de l’information pour transposer efficacement, au travers de la réalisation des wireframes, vos problématiques communicationnelles ainsi que vos services transactionnels en interface utilisateur simple d’utilisation, performante et esthétique ; nous privilégions l’expérience utilisateur afin de garantir la satisfaction des usagers et la performance de vos dispositifs interactifs.
les wireframes détaillés ou storyboard haute fidélité permettent de passer d’une vision macro à une approche micro de l’interface en transposant visuellement, précisément et intégralement les champs fonctionnels du support : principes de navigation, présentation des médias, organisation, hiérarchie, priorisation des contenu, fonctionnalités…
au-delà de l’approche fonctionnelle, le storyboard matérialise également le discours et les prises de paroles de l’annonceur : les wireframes fixent de fait tous les enjeux stratégiques et de communication…
il s’agit donc du document clé du projet qui doit fédérer les équipes

Statistics

Views

Total Views
1,667
Views on SlideShare
1,665
Embed Views
2

Actions

Likes
2
Downloads
0
Comments
0

1 Embed 2

http://localhost 2

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    storyboard, wireframe storyboard, wireframe Presentation Transcript

    • IAFACTORYINFORMATION ARCHITECTURE DESIGNoffres en architecture de l’informationstoryboard et wireframe haute-fidélitésommaire• principes• objectifs• méthode• prestation, livrable, tarif• aperçu visuel• à propos d’IAFACTORYMATERIALIZE YOUR NEXT SUCCESS IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr | 1/8
    • > principes IAFACTORYINFORMATION ARCHITECTURE DESIGNoffres en architecture de l’informationstoryboard et wireframe haute-fidélitéprincipesconcrètement, il s’agit de traduire vos enjeux ainsi que les au-delà de l’approche fonctionnelle, le storyboard matérialise UN PROJET ?attentes des utilisateurs en éléments d’interface, en également le discours et les prises de paroles de l’annonceur :fonctionnalités, en contenus. les wireframes fixent de fait tous les enjeux stratégiques et de communication…pour iafactory, la phase de conception fonctionnelle détailléedoit être une traduction des objectifs business en critères il s’agit donc du document clé du projet qui doit fédérer lesd’expérience positive pour l’utilisateur : tout est là, une équipes ; les storyboards sont souvent l’objet de débats houleuxconception centrée utilisateur pour une création de valeur dépassant leur propre fonction puisqu’ils fixent visuellement lesoptimale parce que servant l’annonceur comme l’utilisateur. éléments de stratégie et peuvent faire émerger, parfois, des problèmes complexes non identifiés. besoin d’un partenaire pour vousnous capitalisons sur notre expertise en architecture de aider à formaliser desl’information pour transposer efficacement, au travers de la il est impératif de concevoir votre support interactif au travers wireframes haute-fidélité ?réalisation des wireframes, vos problématiques de storyboard détaillé afin de documenter le projet de façoncommunicationnelles ainsi que vos services transactionnels en précise et de garantir la fluidité de toutes les étapes de la chaineinterface utilisateur simple d’utilisation, performante et interactive tout en limitant les pertes d’information. julien MUCKENSTURMesthétique ; nous privilégions l’expérience utilisateur afin de SENIOR INFORMATION ARCHITECTgarantir la satisfaction des usagers et la performance de vos jm@iafactory.frdispositifs interactifs.les wireframes détaillés ou storyboard haute fidélité permettentde passer d’une vision macro à une approche micro de l’interfaceen transposant visuellement, précisément et intégralement leschamps fonctionnels du support : principes denavigation, présentation desmédias, organisation, hiérarchie, priorisation descontenu, fonctionnalités… IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr | 2/8
    • > principes > objectifs IAFACTORYINFORMATION ARCHITECTURE DESIGNoffres en architecture de l’informationstoryboard et wireframe haute-fidélitéobjectifsnous distinguons plusieurs objectifs prioritaires visés par la la matérialisation des storyboard répond à des problématiques RÉFÉRENCESréalisation de storyboard : diversifiées, et permet, de façon plus macro et par extension, de formaliser toute type d’idée sous tout type de forme… autrement• poser une première base tangible favorisant les processus dit, et si l’on envisage les wireframes dans une vision méta, au- itératifs delà de leur acception purement fonctionnelle, il s’agit de :• permettre aux équipes de disposer d’une vision prototypée du projet • matérialiser les interactions des utilisateurs avec des produits et services• matérialiser tous les discours de façon lisible et accessible• concevoir tout le support, sous toutes ses facettes, et dans les • créer de la compréhension, itérer et designer pour mieux détails comprendre• transposer les offres et services transactionnels en visant la • apprivoiser la complexité des métiers de nos clients performance • donner une forme visuelle à des problématiques verbales• fixer les éléments des stratégies marketing et de • explorer les différentes idées qui traduiront au mieux le communication discours• définir les zones d’interaction et leurs impacts en terme • donner une forme visuelle aux systèmes informationnels d’interface • anticiper et s’adapter aux comportements et réactions des• éclaircir tous les comportements de surface à l’écran utilisateurs• détailler le fonctionnement de toutes les composantes fonctionnelles toutes nos prestations, et particulièrement la réalisation de• prévoir les variables d’ajustement permettant de gérer les cas wireframe et de storyboard haute-fidélité, visent l’adéquation marginaux entre les exigences des marques et les attentes effectives des utilisateurs finaux : cette approche nous permet de créer des• documenter le projet et garantir la maitrise de la production interfaces performantes et des dispositifs interactifs• etc. favorablement accueillis par les usagers. IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr | 3/8
    • > principes > objectifs > méthodologie IAFACTORYINFORMATION ARCHITECTURE DESIGNoffres en architecture de l’informationstoryboard et wireframe haute-fidélitéméthodetrop souvent, nos clients souhaitent amorcer leur projet par un fonctionnelles nécessaires à la production : ce travail débouche EXEMPLESstoryboard : nous avons beau tenter d’expliquer les risques sur des inventaires de gabarits, des schémas, des arborescencesimpliqués par une conception prématurée, l’usage est si et se solde au final, par des storyboard détaillés répondant à tous nous réalisons des storyboard etrépandu, même dans le cadre de projet d’envergure les besoins que le produit interactif se fixe.pour chaque wireframe haute-fidélité pour la quasi-internationale, qu’il devient difficile de décliner ces exigences… gabarit, nous modélisons de façon détaillée, l’organisation des totalité de nos clientsnous essayons de nous y adapter mais au final, c’est souvent le éléments à l’écran, la ventilation des contenus, le (carrefour, orange, liberation, conforamprécipice qui est à l’issue d’une telle méthodologie… positionnement et le fonctionnement des a, auchan…). fonctionnalités, l’intégration des modules, les modalitésen règle générale, la matérialisation des storyboard intervient en transactionnelles ainsi que toutes les composantesaval des investigations visant à cadrer le projet : recueil des fonctionnelles, ergonomiques, éditoriales et commerciales enjeuxbesoins métiers, étude sur les usages, étude des performances du dans l’interface.dispositif (audit ergonomique, analyse statistique des données detracking…), définition des persona type et des parcours enfin, notre approche consiste à créer, autant que faire seutilisateurs, etc… de fait, notre intervention dans le cycle projet peut, des supports simples d’utilisation, élégants et performantspermet, usuellement, de créer, rassembler et formaliser en ; nous essayons toujours de concilier les exigences de nos clientsamont les informations nécessaires à la prise de décision, pour les avec les attentes des utilisateurs finaux : ce travail de grandtransposer en aval sous forme d’interface. nous misons donc sur écart qui nous oblige à faire preuve de facultés schizophréniquesla connaissance des attentes des utilisateurs finaux et de leurs traduit toute la richesse de notre métier.usages ainsi que sur la connaissance des besoins de l’annonceurpour transposer les discours et les services transactionnels desmarques sous forme d’interface ; il ne s’agit donc pas d’un les apports des storyboard et wireframe :travail arbitraire mais d’une démarche rationnelle. • ils mettent en musique le blabla des réunionssi tous les éléments sont rassemblés, et que l’enveloppe • ils clarifient les débats sur des éléments tangibles et concretsbudgétaire est clairement définie, nous pouvons projeter le • ils favorisent les échanges au cours des ateliers de travailfonctionnement du support et lister toutes les composantes • ils encouragent les itérations en phase de création IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr | 4/8
    • > principes > objectifs > méthodologie > prestation IAFACTORYINFORMATION ARCHITECTURE DESIGNoffres en architecture de l’informationstoryboard et wireframe haute-fidélitéprestation et livrablenotre prestation en matière de wireframe : nous serons capables de nous adapter à votre projet, quelle que TARIFS soit la nature et le contexte :• brief et définition de la feuille de route : devis@iafactory.fr problématique, objectif • nous sommes capables de nous adapter à tout type de secteur pour obtenir un devis personnalisé pour la• définition du périmètre fonctionnel à traiter d’activité conception détaillée de votre support• découpage du périmètre fonctionnel en chantier (distribution, télécom, banque, assurance, énergie, mode, etc. interactif ! )• projection des composantes fonctionnelles et inventaire des • nous pouvons opérer sur des problématiques diversifiées gabarits (corporate, ecommerce, image de marque, événementiel, etc.)• arborescence éditoriale et fonctionnelle • nous pouvons concevoir tout type de support (application• formalisation des écrans pour chaque dvd, borne interactive, site internet, intranet, mobile, etc.) à chantier, itérations, ajustements destination de tout type de cible• conception détaillée des fonctionnalités et des modules (B2B, B2C, B2E, collectivités, etc.)• ventilation des contenus et des composantes fonctionnelles• consolidation des retours et diffusion du document validé pour obtenir un exemple de storyboard haute-fidélité, contactez-• etc. nous !in fine, il est difficile de qualifier et quantifier la nature exacte le travail de conception fonctionnelle détaillé au travers desdes tâches impliquées par le travail de wireframing, tant la storyboard haute-fidélité est à compléter par la rédaction desnature des contrats qui nous sont confiées sont diversifiés : nous spécifications fonctionnelles, visant à expliciter toutes lescapitalisons une expérience de plus de 100 missions de conseil en implications des composantes fonctionnelles scénarisées.architecture de l’information et avons conçu 80 supports etdispositifs interactifs ; nous sommes désormais opérationnels trèsrapidement et disposons d’une vision affinée des problématiquesinteractives grâce à une solide expérience de terrain. IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr | 5/8
    • > principes > objectifs > méthodologie > prestation > aperçu visuel IAFACTORYINFORMATION ARCHITECTURE DESIGNoffres en architecture de l’informationstoryboard et wireframe haute-fidélitéaperçu visuel COMMENTAIRES IAFACTORY formalise vos besoins, vos discours, vos services transactionnels sous forme dinterface fonctionnelle par le biais de storyboard haute-fidélité : grâcé aux storyboard, vous disposez dune vue précise du fonctionnement de votre support interactif et vous êtes serein en production. MODELE DOCUMENTAIRE… vous souhaitez internaliser ce travail ? information architecture factory vous propose de nombreux modèles documentaires ainsi que des bibliothèques de formes à télécharger afin de réaliser par vous-même des wireframe : templates.iafactory.fr IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr | 6/8
    • > principes > objectifs > méthodologie > prestation > aperçu visuel > iafactory… IAFACTORYINFORMATION ARCHITECTURE DESIGNoffres en architecture de l’informationstoryboard et wireframe haute-fidélitéà propos d’IAFACTORY…IAFACTORY est un studio d’experts en conception notre intervention dans le cycle projet permet de NOS ACTIVITÉSd’interface utilisateur passionné par le design créer, rassembler et formaliser en amont lesd’expérience utilisateur ! informations nécessaires à la prise de décision, puis de les transposer en aval sous forme d’interface : iafactory.fr conseil, prestation, formationnotre parti pris est de nous consacrer exclusivement en architecture de l’informationaux problématiques d’architecture de l’information de • accompagnement et recueil du besoinnos clients, pour les aider à transposer et organiser • étude du contexte et audit des performances wireframes.iafactory.frleur business autour de dispositif interactif service réactif dédié à la conception • gestion des problématiques de contenu d’interface (storyboard & wireframe)performant, et ainsi leur permettre de tirer lemeilleur parti de leurs services transactionnels au • conception d’interfacetravers d’interfaces utilisateurs bien pensées et • optimisation e-commerce templates.iafactory.fr modèles documentaires clé en main àfavorablement accueillies par les usagers. • formation en architecture de l’information télécharger pour les projets digitaux • mise à disposition de modèle documentairenotre cœur de métier se cristallise autour deux magnets.iafactory.frdimensions : le conseil en architecture de interface magnétique pour favoriser lel’information et la prise en compte de l’expérience nous misons donc sur la connaissance des usages et la travail collaboratifutilisateur tout au long de la chaine interactive. satisfaction des utilisateurs pour transposer les discours et les services transactionnels des marques sous forme blog.iafactory.fr d’interface efficace ; quelques références : partage d’expérience et ressource entoutes nos prestations visent l’adéquation entre les architecture de l’informationexigences des marques et les attentes effectives desutilisateurs finaux : cette approche nous permet decréer des interfaces performantes et des dispositifsinteractifs favorablement accueillis par les usagers. IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr | 7/8
    • IAFACTORYINFORMATION ARCHITECTURE DESIGNoffres en architecture de l’informationstoryboard et wireframe haute-fidélité www.iafactory.fr MATERIALIZE YOUR NEXT SUCCESS IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr | 8/8