Webbplatsarkitekturverktyg

En webbplatss informationsarkitektur har två huvudkomponenter: definitionen och identifieringen av webbplatsens innehåll och funktionalitet och den underliggande strukturen, nomenklaturen och organisationen som definierar förhållandena mellan innehåll och funktionalitet.

Webbplatsarkitektur är inte en del av användargränssnittet på skärmen, men det informerar UI. Det är dokumenterat i diagram och kalkylark snarare än trådramar, prototyper och omfattande layouter. För webbplatser är informationsarkitektur det sätt som innehåll kategoriseras och organiseras på webbplatsen. Det utgör grunden för navigering, användarupplevelse och nomenklatur.

På ett sätt kan du titta på informationsarkitektur som informationsbunten som utgör delar av webbplatsen. Begrepp grupperade går in i samma bunt.

Men varför är webbplatsarkitektur så viktig? Det beror på att hål i informationsarkitektur är ett av de vanligaste problemen som ses på webbplatser. Lålig eller dålig webbplatsarkitektur kan göra det svårt för besökare att navigera på webbplatsen och hitta vad de letar efter.

Webbplatsarkitektur

Tänk bara på webbplatsarkitektur och användbarhet relaterad till en e-handelswebbplats. Om din webbplatsarkitektur är sund men användbarheten eller uppgiftsflödet är dålig, kan besökarna hitta vad de vill men kommer att ha svårt att faktiskt stänga köpet eftersom köpflödesuppgiften kommer att vara svår att genomföra. Det skulle resultera i dålig omvandling.

Å andra sidan, om din webbplats har dålig arkitektur men god användbarhet, kommer dina besökare inte ens kunna hitta de produkter de vill ha. Som sådan skulle användbarheten upphöra att spela för eftersom besökare skulle lämna utan att ens gå in i köpflödet.

För att förbättra din webbplats eller bygga en bra är det viktigt att bygga webbplatsarkitektur utan hål eller relaterade problem. Genom att göra det säkerställs att det maximala antalet besökare hittar vad de vill, vilket förbättrar konvertering och avkastning på investeringen.

Nu när du vet hur viktig webbplatsarkitektur är, här är några verktyg som du kan använda specifikt för att kartlägga och schemaverktyg att använda under planeringsstadierna för webbplatsutveckling och för att förbättra befintliga webbplatser.

  1. Microsoft Visio

Microsoft Visio är ett av de bästa diagramverktygen just nu, passande för allt från flödesscheman till planlösningar. Det kan användas för att skapa diagram både enkla och komplexa. Den har ett brett utbud av inbyggda former, stenciler och föremål. Du kan också skapa dina egna former och importera dem.

Visio kan användas för att skapa 3D-kartdiagram via inbyggda verktyg, även om denna speciella funktion är begränsad. Det fungerar bra för enkla kartor. Verktyget kan också dra liveinformation från externa källor som en Microsoft Access-databas eller Excel-ark. Det levereras packat med många inbyggda former som kan läggas till i diagrammet.

Programvaran har ritverktyg för att tillgodose speciella krav, och du kan snabbt börja arbeta med tillgängliga standardmallar direkt utanför fladdermus. De allmänna ritverktygen anpassar diagrammen för dina egna krav. Visio har ett intuitivt gränssnitt som kan hämtas även av nybörjare.

Visio används av många designers och utvecklare för att kartlägga och diagram över sina webbplatser under planeringsstadiet.

  1. OmniGraffle

Omnigraffle är ett verktyg som du kan använda för ett antal syften, särskilt wireframing och diagram. Jämfört med wireframing-applikationer är Omnigraffle långt ifrån perfekt men det kommer med en bra kombination av kapacitet och effektivitet. Det saknar dock god interaktivitet för prototyper, och det är bara tillgängligt för Mac-datorer. Du kan skapa klickbara prototyper, men funktionaliteten är begränsad till så mycket. Du kan också visa eller dölja lager och göra andra sådana saker, men dessa funktioner fungerar bara när du befinner dig inom Omnigraffle.

Trots bristerna är Omnigraffle ett beprövat wireframing-verktyg och ett värdigt val för att planera din webbplatsarkitektur. I sitt hjärta handlar Omnigraffle om att skapa diagram, från mjukvara wireframes till organisationsdiagram, och från rymdplanering och diagram för enhetsrelationer till flödesscheman.

Mjukvarans nya resursbläsare erbjuder ett antal mallar och formsamlingar för att skapa dessa dokument. Du kan välja det här verktyget för att skapa flödesscheman, nätverksdiagram, projektprocesser och mycket mer. Det viktigaste är att du kan använda detta för att kartlägga din webbplatsarkitektur.

Omnigroups wireframing och diagramming-svit är särskilt värdefullt i och med att wireframes kan utvecklas med en hierarki så att användare kan klicka för att gå från en skärm till en annan och även se en sidofält för att se förhållandet mellan sidor. Verktyget kan användas för att utveckla diagram, sidlayout, processdiagram, webbplatsmodeller och mer. Även om det är en inlärningskurva involverad, kan du hitta mycket värde i Omnigraffle

  1. Powermapper

PowerMapper, som används i över 50 länder och cirka en tredjedel av Fortune 100-företag, är ett mycket populärt verktyg för kartläggning av webbplatser. MIT, NASA och flera andra större organisationer använder det här verktyget, som borde berätta allt du behöver veta om det.

Verktyget gör att du enkelt kan skapa en webbplatsskarta. Det som vanligtvis tar dagars ansträngning görs inom några få klick. Medan det till exempel kan ta cirka 50 timmar att manuellt utveckla en sajtkarta för en webbplats med 1 000 sidor, med tre minuter per sida för att skapa en ruta för varje sida, bygger PowerMapper en bättre webbplatskarta under en bråkdel av tiden och kostnad.

PowerMapper, som är utvecklad av Electrum Software, möjliggör också kartdelning med andra. Du kan dela webbplatskartor med klienter och kollega när du granskar eller omarbetar en webbplats. Du kan också exportera kartor med HTML, XML, CSV, PNG och andra standardformat. Kartor kan exporteras i Google XML-webbplatskartformat för att förbättra synligheten på sökmotorens resultat.

Dessutom kan du kopiera och klistra in kartor i andra applikationer som Microsoft PowerPoint och Word för andra ändamål eller till Excel också. Det är lätt att använda och ett bra kartläggningsverktyg för kartläggning av skelettwebbplatser eller nuvarande webbplatser, offline och online. En mängd kartläggningsstilar finns tillgängliga, inklusive professionella och standardversioner.

  1. Smartdraw

SmartDraw är ett populärt program för skapande av flödesschema med intuitiv design och stor användarvänlighet, vilket gör det till ett bra val för nybörjare. Bortsett från den lilla inlärningskurvan erbjuder detta verktyg också starka diagram- och organisationsfunktioner, tillsammans med fantastiska grafiska funktioner och anständiga textalternativ. Trots detta finns det några nackdelar i supportalternativen och det finns några viktiga diagramfunktioner som saknas.

Mjukvaran saknar några viktiga alternativ för anslutningspunkter, som möjligheten att lägga till anslutningspunkter och att det inte finns tillgängliga kopplingsjobb. Ändå är det en bra produkt för dem som är bekanta med flödesschema-design och människor som är nya i att skapa flödesscheman.

SmartDraw saknar bara ett fåtal schematiska verktyg, varav det var oförmågan att lägga till anslutningspunkter. Detta kan vara en stor nackdel med att skapa anpassade eller komplexa flödesscheman, men borde inte vara något problem för mer grundläggande konstruktioner, eftersom flera anslutningspunkter redan finns tillgängliga.

Bristen på korsningsskyttar kan också vara problem, men än en gång borde det inte vara så mycket problem om du skapar enkla diagram. Men det kan göra flerstegs arbetsflödesdiagram lite mer komplicerat att skapa.

Inom andra områden är SmartDraw ett ganska kraftfullt verktyg för webbplatsarkitektur. Du kan använda olika mallar eller skapa dina egna.

  1. Xtreeme SiteXpert

Med Xtreeme SiteXpert kan du skapa Java-baserade kartor och DHTML-menyer för din webbplats. Standardutgåvan startas med en dialogruta som leder dig genom hela processen. Layoutguiden kan användas för att skanna din webbplats och montera länkarna. Det låter dig också kartlägga hela webbplatsstrukturen, anpassa koden och skapa navigering.

Du kan också hitta en grundläggande handledning som förklarar hur verktyget fungerar. Dessutom kan du uppdatera och infoga menyerna för din webbplats med verktyget. Applikationen stöder NetObjects, FrontPage och DreamWeaver plugins.

Standardutgåvan skiljer sig från den professionella utgåvan, som kommer med en sökmotor, automatiserad webbplatsuppdatering, XML-funktioner och hierarkisk schema. Ändå är dess gränsöverskridande kompatibilitetsproduktion fortfarande värdefull och det gör det fortfarande möjligt för nya webbansvariga att skapa fantastiska dynamiska menyer.

SiteXpert kan användas för att skapa olika webbplatskonstruktioner för din webbplats under dess funktioner, inklusive plattformar, webbläsare och webbplatssökningskompatibla webbplatsnavigeringsscheman.

  1. Dynomapper

Dynomapper är ett bra val av ett visuellt kartläggningsverktyg för att utveckla interaktiva webbplatskartor som visar mer än bara webbadresser. Det kan användas av användare för att samarbeta och inkludera kommentarer, kategorier, analysdata och mer. Du kan välja mellan dig webbplatskartsstilar - träd, cirkel och standard - och du kan anpassa dem med färgscheman och logotyper.

Verktyget kommer också med analysintegration, avancerade sökrobotalternativ och dra-och-släpp-funktioner, vilket gör det till ett av de bästa visuella webbplatskartsverktygen. Du kan välja en 14-dagars gratis provperiod eller utforska andra prissättningsplaner baserade på sökordsspårning, genomsökningsgränser och användare.

  1. StickySorter

StickySorter är ett utmärkt verktyg för att kategorisera och ordna virtuella klisterlappar för diagramsamlingar och för andra sorteringsuppgifter. Det låter dig också använda olika klistermärken relaterade till varandra i en enda grupp. Klibbarna kan ha olika färger för differentiering och kan arrangeras i en hög, bunt eller kakel. De kan zooma in eller ut, och fältredigeraren kan skapa nya fält eller redigera eller ta bort befintliga.

Skapat av Microsoft Office Labs, detta är ett fantastiskt gratisverktyg för att sortera listor över innehåll i grupper och utforska nya versioner av webbplatsarkitektur. Till skillnad från några av de andra onlineverktygen som nämnts tidigare måste du ladda ner det här verktyget och det kräver Windows Vista eller XP.

  1. Axure

Det finns många prototypverktyg tillgängliga, men bara ett fåtal av dem har avancerade funktioner och Axure är ett av dem. Det är ett fantastiskt verktyg för användarupplevelse och gör det möjligt för webbdesigners att skapa mycket avancerade interaktiva prototyper snabbt, även om de inte är mycket kunniga med front-end-kodning.

Det är ett verktyg för wireframing och diagram som liknar Omnigraffle, vilket är användbart för informationsarkitekter, särskilt interaktionsdesigners. Med Axure RP Prol kan du skapa sidor med drag-zoom, parallax-rullning, dockade rubriker, stegvis sökning, rörliga dynamiska paneler och mer.

  1. Mindmanager

MindManager av MindJet är till skillnad från konventionell mind-mapping-mjukvara. Det här verktyget inbäddar projektledning i tankekartläggning, vilket gör det mer av en omfattande informationshanterare än en enkel mind mapper.

Även om det är långt ifrån billigt, är MindManager definitivt värt kostnaden. Det är en visuell ram som är avsedd att främja idéorganisation och freefork-tänkande. Med sin enkla dra-och-släpp-funktionalitet kan den användas av informationsarkitekter för att enkelt och snabbt skapa och lägga ner idéer, och organisera dessa idéer i en sajtkarta för att illustrera det gör det möjligt att exportera webbplatskartor som JPG.webp, PNG, PDF eller Word-dokument.

  1. XMind

XMind är ett annat kartprogram med kraftfulla diagramfunktioner, men det har vissa gränssnittsproblem. När du väl har vant sig vid dess gränssnitt kan du dock få mycket av det här verktyget. Det kommer med ett antal mallar som har olika diagramtyper. Dess gränssnitt är detaljerat och kan vara överväldigande för dem som inte känner till det. Revisioner hanteras mycket bra, så att du enkelt kan rulla tillbaka till tidigare versioner.

Det här verktyget kommer med den extra fördelen att aktivera specialister på webbplatsarkitektur att spara kartor på Evernote. Det erbjuder ett komplett bibliotek med kartor för användare att se andras arbete och dela sitt eget arbete. En gratis version finns tillgänglig tillsammans med den betalda XMind Pro för Linux, Windows och Mac.

  1. Treejack

Treejack är idealisk om du vill testa en föreslagen webbplatsarkitekturs informationshierarki. Det är överlägset på andra sätt än andra utvärderingstekniker som omvänd kortkortsortering och stängd kortsortering, utvärdering av ett fullständigt djup i en informationshierarki.

För dig som vill testa sin hierarki och förstå hur det skulle fungera med användare kan Treejack vara ett bra verktyg. Det gör att arkitekter kan mata in en webbplatshierarki, rekrytera användare och ställa upp uppgifter. De kan sedan se resultaten av testet, dela eller ladda ner dem.