background preloader

Structure de l'info - arborescence

Structure de l'info - arborescence
Si votre site web n'est pas bien organisé et que l'internaute ne trouve pas ce qu'il veut, il suppose que l'information n'existe pas. Il risque d'abandonner sa recherche et se tourner vers un autre site. Pour éviter cela, les informations doivent être bien rangées de telle sorte que les internautes les trouvent facilement. C'est comme dans la vie réelle, les affaires mal rangées se retrouvent difficilement. Mais si les informations ne sont pas présentes l'utilisateur doit aussi pouvoir s'en rendre compte rapidement. Lorsque des internautes s'expriment de la façon suivante : "Je ne trouve rien sur ce site", "je suis perdu", Où est-ce que je peux trouver cela", c'est qu'aucune structuration sérieuse des contenus n'a été faite. Structurer l'information s'effectue en général en 4 étapes : Lister tous les contenus d'un site web Organiser les contenus par catégories Structurer l'information Réaliser un plan de site appelé aussi arborescence d'un site web 1. 2. 3. 4.

http://ergonomie-web.studiovitamine.com/arborescence-site-web-structure-de-l-info,350,fr.html

Related:  Hiérarchisation de l'informationWebwebConception Web / Projet

07. La hiérarchie de l’information Il existe cinq lois naturelles : Loi de proximité géographique : ce qui se passe chez soi est plus important que ce qui se passe ailleurs. C’est la raison d’être de la presse locale. L'arborescence d'un site web la base d'un projet réussi Rappelons qu'un site internet est composé de plusieurs pages et contenus qui peuvent être de natures différentes : liste d'actualités, un forum de discussion, une page contact, un extranet, etc.L'arborescence permet d'organiser ce contenu de manière logique et hiérarchisée. Arborescence vs navigation Attention à ne pas confondre la navigation du site avec son arborescence même si ces deux notions sont très proches.

Sites Web immersifs : experience et interactivité au coeur du design Je vous avais partagé l’an dernier une sélection de sites Web immersifs pour faire un état de ce qui existait en la matière. Je vous propose de ré-itérer cette exercice en 2015 pour voir ce qui a changé en terme de tendances. Tous les exemples ci-dessous ne sont pas des sites d’expérience, mais ils proposent des fonctionnalités ou des concepts pouvant être utilisé pour immerger un utilisateur dans un story telling. Comment organiser et hiérarchiser l'information sur le web Les enjeux & pratiques de l'éditorial en ligne analysés par dixxit l’agence éditoriale interactive AccueilArchitecture de l'informationPrincipes de structuration Architecture de l'information Organiser, hiérarchiser et rendre visible l'information sur le web Les techniques pour organiser l'information web La structuration d’un site doit permettre à la fois de répondre aux attentes des utilisateurs et d'ordonner une masse hétérogène d'information.

Créer la maquette de son site web pro : les bons outils Une fois réalisés le cahier des charges et l'arborescence de son site web, commence la phase de maquettage, aussi appelée « wireframing ». Une étape indispensable pour se faire une idée plus précise de l'ergonomie du site. De nombreux outils de wireframing gratuits ou payants sont aujourd'hui disponibles pour réaliser cette tâche. Tutoriels : Comment référencer son site web sur Google ? Maintenant que vous avez créé votre site, il faut que les internautes puissent le trouver. La première étape consiste à le diffuser à vos proches. Ensuite, pour toucher plus de monde il va falloir travailler le "référencement". Le référencement consiste à être présent sur les moteurs de recherche, dont Google, le plus important d'entres-eux, et de se positionner sur des mots clés.

Les grilles dans le webdesign "Il y a quelque chose de différent entre ce site et le mien… Il a l'air de faire plus pro et je ne sais pas pourquoi !" N'avez-vous jamais eu ce genre de remarque ? Pourtant vous utilisez Photoshop (ou autres programmes équivalents) depuis un certain temps, vous connaissez les règles typographiques et celles du web, la palette de couleur a été choisie avec soin... Bref, rien n'y fait : votre site semble déstructuré / désharmonisé.

Créer une carte de France cliquable en HTML5 / SVG. var departement48 = paper.path("M 320.78125,352.25 L 315.3125,354.21875 L 313.75,357.71875 L 310.25,355.375 L 307.5,363.96875 L 304.6875,370.4375 L 308.78125,375.46875 L 308.5,379.34375 L 311.25,381.28125 L 311.25,385.96875 L 312.09375,392.59375 L 315.40625,394 L 315.125,396.1875 L 319.8125,395.375 L 321.46875,396.1875 L 320.4375,397.09375 L 326.46875,401.125 L 331.625,400.0625 L 332.5,398.8125 L 331.78125,397.0625 L 333.90625,396.53125 L 336.90625,399.34375 L 342.03125,399.875 L 344.34375,396.34375 L 344.34375,393.34375 L 345.75,391.75 L 344.5,391.40625 L 344.5,387.34375 L 341.6875,384.34375 L 344,383.96875 L 345.21875,382.90625 L 346.1875,381.03125 L 345.21875,380.4375 L 345.78125,376.3125 L 342.46875,372.71875 L 341.09375,365.53125 L 336.125,359.1875 L 332.5,360.0625 L 331.71875,357.34375 L 329.75,357.34375 L 329.375,359.6875 L 324.3125,361.25 L 320.78125,352.25 z ");

Liste des codes HTTP Un article de Wikipédia, l'encyclopédie libre. Ceci est une liste des codes du protocole HTTP ainsi que les messages généralement associés, dans l’intention de donner une courte description aux statuts représentés par ces codes. Le code numérique est destiné aux traitements automatiques par les logiciels de client HTTP. La description donne une réponse humainement compréhensible. Ces codes de statuts ont été spécifiés par la RFC 2616, en même temps que d’autres codes de statuts, non normalisés mais très utilisés sur le web.

Mockups & Rough : gagnez du temps ! Ça y est, vous devez créer un nouveau site internet ! Comme d'habitude, après avoir sabré une célèbre boisson alcoolisée, c'est direction tête baissée dans Photoshop pour attaquer le design. N'est-ce pas la marche à suivre ? Pourquoi les standards du Web sont importants Par Carrie Bickner Vous venez à peine d'inaugurer le nouveau site Web de votre bibliothèque que déjà, le téléphone n'arrête pas de sonner : "Je viens tout juste de télécharger la version la plus récente de Netscape et votre barre de navigation supérieure est invisible." ; "J'utilise un lecteur d'écran et votre site est tout simplement incompréhensible. Je n'arrive pas à y retrouver quoi que ce soit." ; "Je vous appelle de la part du Consortium des Bibliothèques du Tricounty ; nous apprécions tout le travail que vous avez accompli, mais nous aurions quelques questions à vous poser à propos de la charte graphique du nouveau site." Le site (malgré des mois de durs labeurs, les meilleurs logiciels et des tests exhaustifs d'assurance qualité) souffre de sérieux problèmes. Pourquoi ?

Principes à suivre pour un site web de qualité : Ergonomie, Compatibilité, Accessibilité Les enjeux d'un site web sont multiples et sa compatibilité ainsi que sa qualité comptent parmi les premiers critères de sa réussite, tant au niveau quantitatif (trafic, nombre de commandes) que qualitatif. Pour être de qualité, un site doit être à la fois Utile (répondre à un besoin) et Utilisable (par tous). Les principes universels de qualité peuvent être regroupés dans trois grandes parties, s'appliquant pour tous les sites web quel que soit leur thème (ludique, sobre, académique, artistique), leur concept (professionnel, commercial, associatif, amateur,...), leur objectif et le public visé.

Homepage de CaptureFlux Les plug-in pour DVC170 (Dazzle Video Creator Platinum), pour DVC130 (Dazzle Video Creator) et pour ADS DVD XPress DX2 ont été corrigés et publiés le 23 septembre 2007. Ils résolvent différents problèmes comme c'est expliqué dans mon blog. Vous pouvez les télécharger ci-dessous: 1) Installer et lancer CaptureFlux 5.2.x Vous téléchargez la dernière version de CaptureFlux en cliquant sur le bouton bleu, ci-dessus. Le programme ne nécessite aucune installation.

Related: