• Save
zoning web, grille modulaire
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

zoning web, grille modulaire

  • 2,234 views
Uploaded on

le travail pur de conception débute par la matérialisation macro de l’interface : elle doit, en règle générale, faire suite aux premières réflexions menées sur la définition de l’interface......

le travail pur de conception débute par la matérialisation macro de l’interface : elle doit, en règle générale, faire suite aux premières réflexions menées sur la définition de l’interface rappelant les contraintes à prendre en compte (accessibilité, technologie, contrainte cms, priorisation des composantes de l’interface, etc.).
mettre en place un zoning et définir une grille de travail, consiste concrètement, à attribuer des fonctions à chaque zone de l’interface et à définir les modalités d’occupation de l’espace.

la mise en place d’une grille est une étape très structurante, qui cadre fortement l’interface et par extension le travail de conception : les modules, les blocs d’information, les fonctionnalités devront prendre corps dans le cadre de la grille définie.

More in: Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
2,234
On Slideshare
2,233
From Embeds
1
Number of Embeds
1

Actions

Shares
Downloads
0
Comments
0
Likes
1

Embeds 1

http://127.0.0.1 1

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. IAFACTORYINFORMATION ARCHITECTURE DESIGNoffres en architecture de l’informationzoning et grille modulairesommaire• 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
  • 2. > principes IAFACTORYINFORMATION ARCHITECTURE DESIGNoffres en architecture de l’informationzoning et grille modulaireprincipesle travail pur de conception débute par la la définition d’une grille d’interface permet UN PROJET ?matérialisation macro de l’interface : elle doit, en également d’anticiper et gérer efficacementrègle générale, faire suite aux premières réflexions l’intégration des messages et bannières publicitairesmenées sur la définition de l’interface rappelant les (pour le cas des dispositifs ayant un modèlecontraintes à prendre en compte (accessibilité, publicitaire intégrés à leur business).technologie, contrainte cms, priorisation descomposantes de l’interface, etc.). la mise en place d’une grille est une étape très structurante, qui cadre fortement l’interface et parmettre en place un zoning et définir une grille de extension le travail de conception : les modules, lestravail, consiste concrètement, à attribuer des blocs d’information, les fonctionnalités devrontfonctions à chaque zone de l’interface et à définir les prendre corps dans le cadre de la grille définie. besoin d’un partenaire pour vousmodalités d’occupation de l’espace. aider à réaliser un zoning de votre interface ? nous vous recommandons de recourir à la mise eninformation architecture factory vous soumet des place d’un zoning macro et d’une grille modulaireprincipes de zoning généraux et de grille modulaire qui julien MUCKENSTURM dans les cas suivants :fixeront les bases de votre interface ; la définition du SENIOR INFORMATION ARCHITECTzoning en amont est particulièrement utile pour jm@iafactory.franticiper les cas spécifiques et les problématiques • projets complexes, multilingues, multi-pays,d’encombrements de l’interface. multiservices, transactionnel • projets dont les enjeux portent fortement sur lala mise en place d’une grille de travail permet de modularité de l’interfaceconstruire des interfaces cohérentes, respectant des • projets impliquant les problématiques de gestion detailles, des espaces et des encombrements homogènes ; la publicité IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr | 2/8
  • 3. > principes > objectifs IAFACTORYINFORMATION ARCHITECTURE DESIGNoffres en architecture de l’informationzoning et grille modulaireobjectifsles objectifs prioritaires visés par la définition d’une grille de travail et la RÉFÉRENCESréalisation de zoning macro :• préparer le travail de storyboard-haute fidélité• valider les principes généraux de conception avant d’entrer dans le détail• définir une grille permettant de réaliser une conception homogène• prévoir l’intégration d’espaces publicitaires IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr | 3/8
  • 4. > principes > objectifs > méthodologie IAFACTORYINFORMATION ARCHITECTURE DESIGNoffres en architecture de l’informationzoning et grille modulaireméthodeintervention en amont de la conception, prise en compte de tous les paramètres à EXEMPLESintégrer à la formalisation de l’interface (stratégie, marketing, communication,problématique éditoriale, technique, accessibilité, technologie, gestion de la nous avons notamment mis en place unepublicité…). définition d’interface précise pour les projets de master internationauxl’approche de conception par le zoning permet un réel gain de temps en carrefour et orange : ce travail a permisproduction pur des composantes fonctionnelles de chaque gabarit ; travailler sur de fixer les lignes directrices dela base de zoning, en attribuant des fonctions à chaque zone, permet d’anticiper conception de tous les supportsles cas marginaux et les problématiques d’encombrement de l’interface. interactifs rattachés.les apports d’un zoning et d’une grille :• fixe le cadre de conception du support interactif• permet d’homogénéiser le rendu du support interactif• favorise les gains de productivité IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr | 4/8
  • 5. > principes > objectifs > méthodologie > prestation IAFACTORYINFORMATION ARCHITECTURE DESIGNoffres en architecture de l’informationzoning et grille modulaireprestation et livrablenotre prestation de zoning : TARIFS• analyse des règles d’interface à prendre en compte nos propositions de prix sont calculées sur• élaboration d’une grille la base du nombre d’heures nécessaires à la• définition des zones modélisation du zoning :• attribution d’un espace variable ou statique à chaque zone• attribution de caractéristiques dynamiques à chaque zone • 1 à X jours homme en fonction de la• mise en place du zoning macro et de la grille problématique et du contexte projetpour obtenir un exemple de livrable réalisé dans le cadre de la mise en place d’un devis@iafactory.frzoning et d’une grille modulaire, contactez-nous ! pour obtenir un devis personnalisé pour la réalisation du zoning de votre support interactif !le travail de zoning débouche sur la conception fonctionnelle détaillée au traversdes storyboard et wireframe haute-fidélité ; le zoning s’accompagnegénéralement de spécifications fonctionnelles. IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr | 5/8
  • 6. > principes > objectifs > méthodologie > prestation > aperçu visuel IAFACTORYINFORMATION ARCHITECTURE DESIGNoffres en architecture de l’informationzoning et grille modulaireaperçu visuel COMMENTAIRES IAFACTORY matérialise le zoning macro de votre interface et définit la grille modulaire de votre support, afin de garantir la cohérence globale, danticiper un maximum de cas et denvisager la conception de façon holistique en intégrant un maximum de flexibilité dans les choix dinterface MODELE DOCUMENTAIRE… vous souhaitez internaliser ce travail ? information architecture factory vous propose des modèles documentaires à télécharger permettant d’initier les travaux de zoning : templates.iafactory.fr IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr | 6/8
  • 7. > principes > objectifs > méthodologie > prestation > aperçu visuel > iafactory… IAFACTORYINFORMATION ARCHITECTURE DESIGNoffres en architecture de l’informationzoning et grille modulaireà 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
  • 8. IAFACTORYINFORMATION ARCHITECTURE DESIGNoffres en architecture de l’informationzoning et grille modulaire www.iafactory.fr MATERIALIZE YOUR NEXT SUCCESS IAFACTORY | conseil en architecture de l’information | www.iafactory.fr | contact@iafactory.fr | 8/8