Outils d' architecture de site Web

L'architecture d'information d'un site Web comprend deux composantes principales: la définition et l'identification du contenu et des fonctionnalités du site, et la structure, la nomenclature et l'organisation sous-jacentes qui définissent les relations entre le contenu et les fonctionnalités.

L'architecture du site Web ne fait pas partie de l'interface utilisateur à l'écran, mais elle informe l'interface utilisateur. Il est documenté dans des diagrammes et des feuilles de calcul plutôt que des wireframes, des prototypes et des mises en page complètes. Pour les sites Web, l'architecture de l'information est la façon dont le contenu est classé et organisé sur le site Web. Il constitue la base de la navigation, de l'expérience utilisateur et de la nomenclature.

D'une certaine manière, vous pourriez considérer l'architecture de l'information comme les ensembles d'informations constituant les sections du site Web. Les concepts regroupés entrent dans le même paquet.

Mais pourquoi l'architecture de site Web est-elle si importante? Eh bien, c'est parce que les trous dans l'architecture de l'information sont l'un des problèmes les plus courants observés sur les sites Web. Une architecture de site Web défectueuse ou médiocre peut rendre difficile pour les visiteurs de naviguer sur le site Web et de trouver ce qu'ils recherchent.

Architecture de site Web

Pensez simplement à l'architecture du site Web et à la convivialité d'un site Web de commerce électronique. Si l'architecture de votre site Web est solide mais que la convivialité ou le flux de tâches est mauvais, les visiteurs pourront trouver ce qu'ils veulent mais auront du mal à conclure l'achat, car la tâche de flux d'achat sera difficile à réaliser. Cela entraînerait une mauvaise conversion.

En revanche, si votre site a une architecture médiocre mais une bonne convivialité, vos visiteurs ne pourront même pas trouver les produits qu'ils souhaitent. En tant que tel, l'utilisabilité cesserait d'avoir de l'importance car les visiteurs partiraient sans même entrer dans le flux d'achat.

Afin d'améliorer votre site Web ou d'en créer un bon, il est important de créer une architecture de site Web sans trous ni problèmes connexes. Cela garantit que le nombre maximum de visiteurs trouve ce qu'ils veulent, améliorant la conversion et le retour sur investissement.

Maintenant que vous savez à quel point l'architecture du site Web est importante, voici quelques outils que vous pouvez utiliser spécifiquement pour la cartographie du site et les outils de diagramme à utiliser pendant les étapes de planification du développement du site Web et pour améliorer les sites existants.

  1. Microsoft Visio

Microsoft Visio est actuellement l'un des meilleurs outils de création de diagrammes, adapté à tout, des organigrammes aux plans d'étage. Il peut être utilisé pour créer des diagrammes à la fois simples et complexes. Il a une large gamme de formes, pochoirs et objets intégrés. Vous pouvez également créer vos propres formes et les importer.

Visio peut être utilisé pour créer des diagrammes de carte 3D via des outils intégrés, bien que cette fonctionnalité particulière soit limitée. Cela fonctionne bien pour les cartes simples. L'outil peut également extraire des informations en direct de sources externes comme une base de données Microsoft Access ou une feuille Excel. Il est livré avec de nombreuses formes intégrées qui peuvent être ajoutées à votre diagramme.

Le logiciel dispose d'outils de dessin pour répondre à des exigences particulières et vous pouvez rapidement commencer à travailler avec les modèles standard disponibles dès le départ. Les outils de dessin généralisés personnalisent les diagrammes selon vos propres besoins. Visio possède une interface intuitive qui peut être captée même par les novices.

Visio est utilisé par de nombreux concepteurs et développeurs pour cartographier et schématiser leurs sites Web pendant la phase de planification.

  1. Omnigraffle

Omnigraffle est un outil que vous pouvez utiliser à plusieurs fins, en particulier le wireframing et le diagramme. Comparé aux applications de wireframing, Omnigraffle est loin d'être parfait, mais il offre une bonne combinaison de capacités et d'efficacité. Il manque cependant une bonne interactivité pour le prototypage et il n'est disponible que pour les ordinateurs Mac. Vous pouvez créer des prototypes cliquables, mais la fonctionnalité est limitée à cela. Vous pouvez également afficher ou masquer les calques et effectuer d'autres opérations de ce type, mais ces fonctions ne fonctionnent que dans Omnigraffle.

Malgré les lacunes, Omnigraffle est un outil éprouvé de wireframing et un choix valable pour planifier l'architecture de votre site Web. En son cœur, Omnigraffle est tout au sujet de la création de diagrammes, des wireframes logiciels aux organigrammes, et de la planification de l'espace et des diagrammes de relation d'entité aux organigrammes.

Le nouveau navigateur de ressources du logiciel propose un certain nombre de modèles et de collections de formes pour créer ces documents. Vous pouvez opter pour cet outil pour créer des organigrammes, des diagrammes de réseau, des processus de projet et bien plus encore. Plus important encore, vous pouvez l'utiliser pour cartographier l'architecture de votre site Web.

La suite de wireframing et de diagrammes d'Omnigroup est particulièrement utile dans la mesure où les wireframes peuvent être développés avec une hiérarchie afin que les utilisateurs puissent cliquer pour passer d'un écran à un autre et également afficher une barre latérale pour afficher la relation entre les pages. L'outil peut être utilisé pour développer des diagrammes, des mises en page, des graphiques de processus, des maquettes de sites Web et plus encore. Bien qu'il y ait une courbe d'apprentissage impliquée, vous pouvez trouver beaucoup de valeur dans Omnigraffle

  1. PowerMapper

Utilisé dans plus de 50 pays et environ un tiers des sociétés du Fortune 100, PowerMapper est un outil de cartographie de site très populaire. Le MIT, la NASA et plusieurs autres grandes organisations utilisent cet outil, qui devrait vous dire tout ce que vous devez savoir à ce sujet.

L'outil vous permet de créer facilement un plan du site. Ce qui prend généralement des jours d'effort se fait en quelques clics. Par exemple, alors qu'il peut prendre environ 50 heures pour développer manuellement un plan de site d'un site Web de 1 000 pages, avec trois minutes par page pour créer une mise en page pour chaque page, PowerMapper crée un meilleur plan de site pour une fraction du temps et le coût.

Développé par Electrum Software, PowerMapper permet également le partage de cartes avec d'autres. Vous pouvez partager des plans de site avec des clients et des collègues lors de l'audit ou de la refonte d'un site Web. Vous pouvez également exporter des cartes en utilisant HTML, XML, CSV, PNG et d'autres formats standard. Les cartes peuvent être exportées au format de plan de site Google XML pour améliorer la visibilité des résultats des pages des moteurs de recherche.

De plus, vous pouvez copier et coller des cartes dans d'autres applications telles que Microsoft PowerPoint et Word à d'autres fins, ou vers Excel également. Il est facile à utiliser et constitue un excellent outil de cartographie de sites pour cartographier des sites squelettes ou des sites Web actuels, hors ligne et en ligne. Une variété de styles de cartographie est disponible, y compris des versions professionnelles et standard.

  1. SmartDraw

SmartDraw est un logiciel de création d'organigrammes populaire avec une conception intuitive et une grande facilité d'utilisation, ce qui en fait un bon choix pour les novices. Outre sa légère courbe d'apprentissage, cet outil offre également de solides fonctionnalités de création de diagrammes et d'organisation, ainsi que d'excellentes fonctionnalités graphiques et des options de texte décentes. Malgré cela, il existe certains inconvénients dans les options de support et certaines fonctionnalités du diagramme clé manquent.

Le logiciel manque certaines options de point de connexion clés, comme la possibilité d'ajouter des points de connexion et la non-disponibilité des travaux de jonction. Néanmoins, c'est un bon produit pour ceux qui sont familiers avec la conception d'organigrammes et pour les nouveaux venus dans la création de diagrammes.

SmartDraw ne dispose que de quelques outils de création de diagrammes, notamment l'incapacité d'ajouter des points de connexion. Cela peut être un inconvénient majeur pour créer des organigrammes personnalisés ou complexes, mais cela ne devrait pas poser de problème pour les conceptions plus basiques, car plusieurs points de connexion sont déjà disponibles.

L'absence de jogging de jonction peut également être un problème, mais encore une fois, cela ne devrait pas être un problème si vous créez des diagrammes simples. Cependant, cela peut rendre les diagrammes de flux de travail en plusieurs étapes un peu plus compliqués à créer.

Dans d'autres domaines, SmartDraw est un outil d'architecture de site Web assez puissant. Vous pouvez utiliser une variété de modèles ou créer le vôtre.

  1. Xtreeme SiteXpert

Avec Xtreeme SiteXpert, vous pouvez créer des cartes basées sur Java et des menus DHTML pour votre site Web. L'édition standard démarre avec une boîte de dialogue qui vous guide tout au long du processus. L'assistant de mise en page peut être utilisé pour analyser votre site Web et assembler les liens. Il vous permet également de cartographier la structure complète du site, de personnaliser le code et la navigation de création.

Vous pouvez également trouver un didacticiel de base qui explique le fonctionnement de l'outil. De plus, vous pouvez mettre à jour et insérer les menus de votre site Web avec l'outil. L'application prend en charge les plug-ins NetObjects, FrontPage et DreamWeaver.

L'édition standard est différente de l'édition professionnelle, qui comprend un moteur de recherche, une mise à jour automatique du site, des fonctionnalités XML et un diagramme hiérarchique. Néanmoins, sa sortie de compatibilité transfrontalière est toujours utile et elle permet toujours aux nouveaux webmasters de créer de grands menus dynamiques.

SiteXpert peut être utilisé pour créer diverses conceptions de plan de site pour votre site Web dans le cadre de ses fonctionnalités, y compris des schémas de navigation de site Web compatibles avec plusieurs plates-formes, plusieurs navigateurs et la recherche de sites.

  1. Dynomapper

Dynomapper est un bon choix d'outil de cartographie visuelle de site pour développer des plans de site interactifs qui affichent plus que de simples URL. Il peut être utilisé par les utilisateurs pour collaborer et inclure des commentaires, des catégories, des données d'analyse et plus encore. Vous pouvez choisir entre les styles de plan de site - arborescence, cercle et par défaut - et vous pouvez les personnaliser avec des schémas de couleurs et des logos.

L'outil est également livré avec une intégration analytique, des options avancées de robot et des fonctionnalités de glisser-déposer, ce qui en fait l'un des meilleurs outils de plan de site visuel. Vous pouvez opter pour un essai gratuit de 14 jours ou explorer d'autres plans de tarification basés sur le suivi des mots clés, les limites d'exploration et les utilisateurs.

  1. StickySorter

StickySorter est un excellent outil pour catégoriser et organiser des notes autocollantes virtuelles pour les sessions de création de diagrammes et pour d'autres tâches de tri d'informations. Il vous permet également d'utiliser différents stickies liés les uns aux autres dans un seul groupe. Les collants peuvent avoir différentes couleurs pour la différenciation et peuvent être disposés en pile, en pile ou en tuile. Ils peuvent être agrandis ou dézoomés, et l'éditeur de champs peut créer de nouveaux champs ou éditer ou supprimer ceux existants.

Créé par Microsoft Office Labs, il s'agit d'un excellent outil gratuit pour trier les listes de contenu en groupes et explorer de nouvelles versions de l'architecture de site Web. Contrairement à certains des autres outils en ligne mentionnés précédemment, vous devez télécharger cet outil, et il nécessite Windows Vista ou XP.

  1. Axure

Il existe de nombreux outils de prototypage disponibles, mais seuls quelques-uns ont des fonctionnalités avancées et Axure en fait partie. C'est un excellent outil d'expérience utilisateur et permet aux concepteurs de sites Web de créer rapidement des prototypes interactifs hautement avancés, même s'ils ne sont pas très compétents en codage frontal.

Il s'agit d'un outil de wireframing et de diagramme similaire à Omnigraffle, qui est utile pour les architectes de l'information, en particulier les concepteurs d'interaction. Avec Axure RP Prol, vous pouvez créer des pages avec glisser-zoom, défilement parallaxe, en-têtes ancrés, recherche incrémentielle, déplacement de panneaux dynamiques et plus encore.

  1. MindManager

MindManager de MindJet est différent des logiciels de cartographie mentale conventionnels. Cet outil intègre la gestion de projet dans la cartographie mentale, ce qui en fait plus un gestionnaire d'informations complet qu'un simple cartographie mentale.

Bien qu'il soit loin d'être bon marché, MindManager en vaut vraiment le coût. Il s'agit d'un cadre visuel destiné à promouvoir l'organisation des idées et la réflexion libre. Grâce à sa fonctionnalité de glisser-déposer facile, il peut être utilisé par les architectes de l'information pour créer et déposer des idées facilement et rapidement, et organiser ces idées dans un plan de site à des fins d'illustration, il permet l'exportation de plans de site au format JPG.webp, PNG, PDF ou des documents Word.

  1. XMind

XMind est un autre programme de cartographie doté de puissantes capacités de création de diagrammes, mais il présente certains problèmes d'interface. Une fois que vous vous êtes habitué à son interface, cependant, vous pouvez obtenir beaucoup de cet outil. Il est livré avec un certain nombre de modèles qui présentent différents types de diagrammes. Son interface est détaillée et peut être écrasante pour ceux qui ne la connaissent pas. Les révisions sont très bien gérées, vous permettant de revenir facilement aux versions antérieures.

Cet outil présente l'avantage supplémentaire de permettre aux spécialistes de l'architecture de sites Web d'enregistrer des cartes dans Evernote. Il offre une bibliothèque complète de cartes pour que les utilisateurs puissent voir le travail des autres et partager leur propre travail. Une version gratuite est disponible, avec le XMind Pro payant pour Linux, Windows et Mac.

  1. Treejack

Treejack est idéal si vous souhaitez tester la hiérarchie d'informations d'une architecture de site Web proposée. Il est supérieur par rapport à d'autres techniques d'évaluation comme le tri inverse des cartes et le tri fermé des cartes, évaluant la profondeur complète d'une hiérarchie d'informations.

Pour ceux d'entre vous qui souhaitent tester leur hiérarchie et comprendre comment cela fonctionnerait avec les utilisateurs, Treejack peut être un bon outil. Il permet aux architectes de saisir une hiérarchie de site, de recruter des utilisateurs et de configurer des tâches. Ils peuvent ensuite voir les résultats du test, les partager ou les télécharger.

Catégorie:

Outils de développement Web