Hulpmiddelen voor website- architectuur

De informatiearchitectuur van een website bestaat uit twee belangrijke componenten: de definitie en identificatie van site-inhoud en -functionaliteit, en de onderliggende structuur, nomenclatuur en organisatie die de relaties tussen inhoud en functionaliteit definieert.

Website-architectuur maakt geen deel uit van de gebruikersinterface op het scherm, maar informeert wel de gebruikersinterface. Het is gedocumenteerd in diagrammen en spreadsheets in plaats van wireframes, prototypes en uitgebreide lay-outs. Voor websites is informatiearchitectuur de manier waarop inhoud op de website wordt gecategoriseerd en georganiseerd. Het vormt de basis voor navigatie, gebruikerservaring en nomenclatuur.

In zekere zin zou je informatie-architectuur kunnen zien als de bundels van informatie die de secties van de website vormen. Gegroepeerde concepten gaan in dezelfde bundel.

Maar waarom is website-architectuur zo belangrijk? Nou, het is omdat gaten in informatie-architectuur een van de meest voorkomende problemen zijn die op websites worden gezien. Ondeugdelijke of slechte website-architectuur kan het voor bezoekers moeilijk maken om op de website te navigeren en te vinden wat ze zoeken.

Website architectuur

Denk maar aan website-architectuur en bruikbaarheid gerelateerd aan een e-commerce website. Als uw website-architectuur gezond is, maar de bruikbaarheid of taakstroom slecht is, kunnen bezoekers vinden wat ze willen, maar zullen ze het moeilijk vinden om de aankoop daadwerkelijk te sluiten, omdat de buy-flow taak moeilijk zal zijn om door te gaan. Dat zou leiden tot een slechte conversie.

Aan de andere kant, als uw website een slechte architectuur maar een goede bruikbaarheid heeft, zullen uw bezoekers niet eens de producten kunnen vinden die ze willen. Als zodanig zou de bruikbaarheid niet langer van belang zijn omdat bezoekers zouden vertrekken zonder zelfs de aankoopstroom binnen te gaan.

Om uw website te verbeteren of een goede te bouwen, is het belangrijk om website-architectuur zonder gaten of gerelateerde problemen te bouwen. Dit zorgt ervoor dat het maximale aantal bezoekers vindt wat ze willen, wat de conversie en het rendement op de investering verbetert.

Nu u weet hoe belangrijk website-architectuur is, zijn hier enkele tools die u specifiek kunt gebruiken voor site-mapping en diagramtools die u kunt gebruiken tijdens de planningsfase van website-ontwikkeling en voor het verbeteren van bestaande sites.

  1. Microsoft Visio

Microsoft Visio is momenteel een van de beste diagramtools, geschikt voor alles, van stroomschema's tot plattegronden. Het kan worden gebruikt voor het maken van zowel eenvoudige als complexe diagrammen. Het heeft een breed scala aan ingebouwde vormen, stencils en objecten. U kunt ook uw eigen vormen maken en deze importeren.

Visio kan worden gebruikt voor het maken van 3D-kaartdiagrammen via ingebouwde tools, hoewel deze specifieke functie beperkt is. Het werkt goed voor eenvoudige kaarten. De tool kan ook live informatie ophalen van externe bronnen zoals een Microsoft Access-database of Excel-blad. Het wordt geleverd met veel ingebouwde vormen die aan uw diagram kunnen worden toegevoegd.

De software heeft tekengereedschappen voor speciale vereisten en u kunt snel aan de slag met de standaardsjablonen die meteen beschikbaar zijn. De algemene tekenhulpmiddelen passen de diagrammen aan uw eigen behoeften aan. Visio heeft een intuïtieve interface die zelfs door beginners kan worden opgepikt.

Visio wordt door veel ontwerpers en ontwikkelaars gebruikt om hun websites tijdens de planningsfase in kaart te brengen en in kaart te brengen.

  1. OmniGraffle

Omnigraffle is een hulpmiddel dat u voor een aantal doeleinden kunt gebruiken, met name wireframing en diagrammen. In vergelijking met wireframing-toepassingen is Omnigraffle verre van perfect, maar het komt met een goede combinatie van mogelijkheden en efficiëntie. Het ontbreekt echter aan goede interactiviteit voor prototyping en het is alleen beschikbaar voor Mac-computers. U kunt klikbare prototypes maken, maar de functionaliteit is beperkt tot zoveel. U kunt ook lagen weergeven of verbergen en andere soortgelijke dingen doen, maar deze functies werken alleen binnen Omnigraffle.

Ondanks de tekortkomingen is Omnigraffle een bewezen tool voor wireframing en een waardige keuze voor het plannen van uw website-architectuur. In de kern draait het bij Omnigraffle allemaal om het maken van diagrammen, van softwarematige wireframes tot organigrammen, en van ruimtelijke planning en relatiediagrammen van entiteiten tot stroomdiagrammen.

De nieuwe Resource Browser van de software biedt een aantal sjablonen en vormcollecties om deze documenten te maken. U kunt voor deze tool kiezen om stroomdiagrammen, netwerkdiagrammen, projectprocessen en nog veel meer te maken. Het belangrijkste is dat u dit kunt gebruiken om uw website-architectuur in kaart te brengen.

De wireframing- en diagrammingsuite van Omnigroup is bijzonder waardevol omdat wireframes kunnen worden ontwikkeld met een hiërarchie zodat gebruikers kunnen klikken om van het ene scherm naar het andere te gaan en ook een zijbalk kunnen bekijken om de relatie tussen pagina's te bekijken. De tool kan worden gebruikt om diagrammen, paginalay-outs, procesgrafieken, website-mockups en meer te ontwikkelen. Hoewel er een leercurve bij betrokken is, kun je veel waarde vinden in Omnigraffle

  1. PowerMapper

PowerMapper wordt in meer dan 50 landen en ongeveer een derde van Fortune 100-bedrijven gebruikt en is een zeer populaire tool voor het in kaart brengen van sites. MIT, NASA en verschillende andere grote organisaties gebruiken deze tool, die u alles moet vertellen wat u moet weten.

Met de tool kunt u eenvoudig een sitemap maken. Wat meestal dagen van inspanning kost, gebeurt met een paar klikken. Hoewel het bijvoorbeeld ongeveer 50 uur kan duren om handmatig een sitemap van een website met 1.000 pagina's te ontwikkelen, met drie minuten per pagina voor het maken van een lay-out voor elke pagina, bouwt PowerMapper een betere sitemap voor een fractie van de tijd en kosten.

PowerMapper is ontwikkeld door Electrum Software en maakt ook het delen van kaarten met anderen mogelijk. U kunt plattegronden delen met klanten en collega's bij het controleren of opnieuw ontwerpen van een website. U kunt ook kaarten exporteren met behulp van HTML, XML, CSV, PNG en andere standaardindelingen. Kaarten kunnen worden geëxporteerd in de Google XML sitemap-indeling om de zichtbaarheid op de resultaten van de zoekmachinepagina te verbeteren.

Bovendien kunt u kaarten kopiëren en in andere toepassingen plakken, zoals Microsoft PowerPoint en Word voor andere doeleinden, of ook in Excel. Het is gemakkelijk te gebruiken en een geweldig hulpmiddel voor het in kaart brengen van sites voor het in kaart brengen van skeletsites of huidige websites, offline en online. Er zijn verschillende kaartstijlen beschikbaar, waaronder professionele en standaardversies.

  1. SmartDraw

SmartDraw is een populair softwareprogramma voor het maken van stroomdiagrammen met een intuïtief ontwerp en een groot gebruiksgemak, waardoor het een goede keuze is voor beginners. Afgezien van de lichte leercurve biedt deze tool ook krachtige diagram- en organisatiefuncties, samen met geweldige grafische functies en fatsoenlijke tekstopties. Desondanks zijn er enkele nadelen in de ondersteuningsopties en ontbreken enkele belangrijke diagramfuncties.

De software mist enkele belangrijke verbindingspuntopties, zoals de mogelijkheid om verbindingspunten toe te voegen en het niet beschikbaar zijn van knooppunttaken. Desalniettemin is het een goed product voor mensen die bekend zijn met het ontwerp van stroomdiagrammen en mensen die nog maar net stroomdiagrammen maken.

SmartDraw mist slechts enkele diagramhulpmiddelen, waarvan het onvermogen om verbindingspunten toe te voegen was. Dit kan een groot nadeel zijn bij het maken van aangepaste of complexe stroomschema's, maar zou geen probleem moeten zijn voor meer basisontwerpen, omdat er al meerdere verbindingspunten beschikbaar zijn.

Het ontbreken van junction jogs kan ook een probleem zijn, maar nogmaals, het zou niet zo'n probleem moeten zijn als je eenvoudige diagrammen maakt. Het kan echter meerstaps workflowdiagrammen een beetje ingewikkelder maken om te maken.

Op andere gebieden is SmartDraw een behoorlijk krachtige tool voor website-architectuur. U kunt verschillende sjablonen gebruiken of uw eigen sjablonen maken.

  1. Xtreeme SiteXpert

Met Xtreeme SiteXpert kunt u op Java gebaseerde kaarten en DHTML-menu's voor uw website maken. De standaardeditie wordt gestart met een dialoogvenster dat u door het volledige proces leidt. De layoutwizard kan worden gebruikt om uw website te scannen en de koppelingen samen te stellen. Hiermee kunt u ook de volledige sitestructuur in kaart brengen, de code aanpassen en navigatie maken.

U kunt ook een eenvoudige zelfstudie vinden waarin wordt uitgelegd hoe de tool werkt. Bovendien kunt u de menu's voor uw website bijwerken en invoegen met de tool. De applicatie ondersteunt NetObjects, FrontPage en DreamWeaver-plug-ins.

De standaardeditie verschilt van de professionele editie, die wordt geleverd met een zoekmachine, geautomatiseerde site-updates, XML-functies en hiërarchische diagrammen. Desondanks is de grensoverschrijdende compatibiliteitsoutput nog steeds waardevol en kunnen nieuwe webmasters nog steeds geweldige dynamische menu's maken.

SiteXpert kan worden gebruikt om verschillende site map-ontwerpen voor uw website te maken onder de functies ervan, waaronder platformonafhankelijke, cross-browser en site search compatibele website navigatie schema's.

  1. Dynomapper

Dynomapper is een goede keuze van een visuele site mapping tool om interactieve site maps te ontwikkelen die meer weergeven dan alleen URL's. Het kan door gebruikers worden gebruikt om samen te werken en opmerkingen, categorieën, analysegegevens en meer op te nemen. U kunt kiezen tussen de stijlen van de sitemap, boom, cirkel en standaard - en u kunt ze aanpassen met kleurenschema's en logo's.

De tool wordt ook geleverd met analyse-integratie, geavanceerde crawleropties en drag-and-drop-functionaliteiten, waardoor het een van de beste visuele site map-tools is. U kunt kiezen voor een gratis proefperiode van 14 dagen of andere tariefplannen verkennen op basis van het bijhouden van zoekwoorden, crawllimieten en gebruikers.

  1. StickySorter

StickySorter is een geweldig hulpmiddel voor het categoriseren en rangschikken van virtuele plaknotities voor het diagrammen van sessies en voor andere taken voor het sorteren van informatie. Hiermee kunt u ook verschillende aan elkaar gerelateerde stickies in één groep gebruiken. De stickies kunnen verschillende kleuren hebben voor differentiatie en kunnen in een stapel, stapel of tegel worden gerangschikt. Ze kunnen worden in- of uitgezoomd en de veldeditor kan nieuwe velden maken of bestaande bewerken of verwijderen.

Gemaakt door Microsoft Office Labs, dit is een geweldige gratis tool om lijsten met inhoud in groepen te sorteren en nieuwe versies van website-architectuur te verkennen. In tegenstelling tot sommige van de eerder genoemde online tools, moet u deze tool downloaden en vereist Windows Vista of XP.

  1. Axure

Er zijn veel prototyping-tools beschikbaar, maar slechts enkele hebben geavanceerde functies en Axure is er een van. Het is een geweldige tool voor gebruikerservaring en stelt websiteontwerpers in staat om snel zeer geavanceerde interactieve prototypen te maken, zelfs als ze niet erg bekend zijn met front-end codering.

Het is een tool voor wireframing en diagrammen vergelijkbaar met Omnigraffle, wat handig is voor informatiearchitecten, met name interactieontwerpers. Met Axure RP Prol kunt u pagina's maken met drag-zoom, parallax scrollen, gekoppelde headers, incrementeel zoeken, bewegende dynamische panelen en meer.

  1. MindManager

MindManager door MindJet is anders dan conventionele mindmapping-software. Deze tool integreert projectmanagement in mindmapping, waardoor het meer een uitgebreide informatiemanager is dan een eenvoudige mindmap.

Hoewel het verre van goedkoop is, is MindManager zeker de kosten waard. Het is een visueel raamwerk dat bedoeld is om ideeënorganisatie en freefork-denken te bevorderen. Met zijn eenvoudige drag-and-drop-functionaliteit, kan het door informatie-architecten worden gebruikt om eenvoudig en snel ideeën te creëren en neer te zetten, en deze ideeën in een sitemap samen te stellen ter illustratie, zodat de sitemap kan worden geëxporteerd als JPG.webp, PNG, PDF of Word-documenten.

  1. XMind

XMind is een ander kaartprogramma met krachtige diagrammogelijkheden, maar er zijn wel enkele interfaceproblemen. Als je eenmaal gewend bent aan de interface, kun je echter veel uit deze tool halen. Het wordt geleverd met een aantal sjablonen met verschillende diagramtypen. De interface is gedetailleerd en kan overweldigend zijn voor mensen die er niet bekend mee zijn. Revisies worden heel goed verwerkt, zodat u gemakkelijk terug kunt naar eerdere versies.

Deze tool heeft als bijkomend voordeel dat specialisten in website-architectuur kaarten kunnen opslaan in Evernote. Het biedt een complete bibliotheek met kaarten waarmee gebruikers het werk van anderen kunnen bekijken en hun eigen werk kunnen delen. Een gratis versie is beschikbaar, samen met de betaalde XMind Pro voor Linux, Windows en Mac.

  1. Treejack

Treejack is ideaal als u de informatiehiërarchie van een voorgestelde website-architectuur wilt testen. Het is superieur aan andere evaluatietechnieken zoals omgekeerde kaartsortering en gesloten kaartsortering, waarbij de volledige diepte van een informatiehiërarchie wordt geëvalueerd.

Voor degenen onder u die hun hiërarchie willen testen en willen begrijpen hoe het zou werken met gebruikers, kan Treejack een goed hulpmiddel zijn. Hiermee kunnen architecten een sitehiërarchie invoeren, gebruikers werven en taken instellen. Ze kunnen dan de resultaten van de test bekijken, delen of downloaden.

Categorie:

Web ontwikkelingstools