Webstedsarkitekturværktøjer

Et websteds informationsarkitektur har to hovedkomponenter: definition og identifikation af webstedsindhold og -funktionalitet og den underliggende struktur, nomenklatur og organisation, der definerer forholdet mellem indhold og funktionalitet.

Webstedsarkitektur er ikke en del af brugergrænsefladen på skærmen, men det informerer UI. Det er dokumenteret i diagrammer og regneark snarere end wireframes, prototyper og omfattende layouts. For websteder er informationsarkitektur den måde, indhold kategoriseres og organiseres på webstedet. Det danner grundlaget for navigation, brugeroplevelse og nomenklatur.

På en måde kan du se på informationsarkitektur som de bundter af information, der udgør sektionerne af webstedet. Begreber, der er samlet, går i samme bundt.

Men hvorfor er webstedsarkitektur så vigtig? Det skyldes, at huller i informationsarkitektur er et af de mest almindelige problemer, der ses på websteder. Uhørt eller dårlig webstedsarkitektur kan gøre det vanskeligt for besøgende at navigere på webstedet og finde, hvad de leder efter.

Webstedsarkitektur

Bare tænk på webstedsarkitektur og brugervenlighed, der er relateret til et e-handelswebsted. Hvis din webstedsarkitektur er sund, men brugervenlighed eller opgaveflow er dårlig, vil besøgende være i stand til at finde, hvad de vil, men vil have det svært at faktisk lukke købet, fordi buy-flow-opgaven vil være vanskelig at gennemgå. Det ville resultere i dårlig konvertering.

På den anden side, hvis dit websted har dårlig arkitektur, men god brugervenlighed, vil dine besøgende ikke engang være i stand til at finde de produkter, de ønsker. Som sådan vil brugervenligheden ophøre med at gøre noget, fordi besøgende ville forlade uden engang at gå ind i købsstrømmen.

For at forbedre dit websted eller opbygge et godt, er det vigtigt at opbygge webstedets arkitektur uden huller eller relaterede problemer. Dette sikrer, at det maksimale antal besøgende finder det, de ønsker, forbedrer konvertering og afkast af investeringen.

Nu, hvor du ved, hvor vigtig webstedsarkitektur er, her er nogle værktøjer, som du kan bruge specifikt til webstedskortlægning og diagrammeringsværktøjer til brug i planlægningsstadierne af webstedsudvikling og til forbedring af eksisterende websteder.

  1. Microsoft Visio

Microsoft Visio er et af de største diagramværktøjer lige nu, velegnet til alt fra flowdiagrammer til plantegninger. Det kan bruges til at oprette diagrammer både enkle og komplekse. Det har en bred vifte af indbyggede former, stenciler og genstande. Du kan også lave dine egne figurer og importere dem.

Visio kan bruges til at oprette 3D-kortdiagrammer via indbyggede værktøjer, skønt denne særlige funktion er begrænset. Det fungerer godt til enkle kort. Værktøjet kan også hente liveoplysninger fra eksterne kilder som en Microsoft Access-database eller Excel-ark. Det leveres pakket med en masse indbyggede figurer, der kan føjes til dit diagram.

Softwaren har tegneværktøjer til at imødekomme særlige krav, og du kan hurtigt begynde at arbejde med de tilgængelige standardskabeloner lige uden for flagermus. De generaliserede tegneværktøjer tilpasser diagrammerne til dine egne krav. Visio har en intuitiv grænseflade, der kan samles selv af begyndere.

Visio bruges af mange designere og udviklere til at kortlægge og diagramme deres websteder i planlægningsfasen.

  1. OmniGraffle

Omnigraffle er et værktøj, som du kan bruge til en række formål, især wireframing og diagrammer. Sammenlignet med wireframing-applikationer er Omnigraffle langt fra perfekt, men det kommer med en god kombination af kapacitet og effektivitet. Det mangler imidlertid god interaktivitet til prototyper, og det er kun tilgængeligt for Mac-computere. Du kan oprette prototyper, der kan klikkes på, men funktionaliteten er begrænset til så meget. Du kan også vise eller skjule lag og gøre andre sådanne ting, men disse funktioner fungerer kun, mens du er i Omnigraffle.

På trods af manglerne er Omnigraffle et velprøvet wireframing-værktøj og et værdigt valg til planlægning af din webstedsarkitektur. I hjertet handler Omnigraffle om at oprette diagrammer, fra wireframes til software til organisationsdiagrammer, og fra rumplanlægning og enhedsforholdsdiagrammer til flowdiagrammer.

Softwarens nye ressourcebrowser tilbyder et antal skabeloner og formkollektioner for at oprette disse dokumenter. Du kan vælge dette værktøj til at oprette flowdiagrammer, netværksdiagrammer, projektprocesser og meget mere. Det vigtigste, du kan bruge dette til at kortlægge din webstedsarkitektur.

Omnigroups wireframing- og diagramming-pakke er særlig værdifuld, idet wireframes kan udvikles med et hierarki, så brugerne kan klikke for at gå fra en skærm til en anden og også se en sidebjælke for at se forholdet mellem sider. Værktøjet kan bruges til at udvikle diagrammer, sidelayouts, procesdiagrammer, webstedsmodeller og mere. Selv om der er en læringskurve involveret, kan du finde en masse værdi i Omnigraffle

  1. PowerMapper

Brugt i over 50 lande og omkring en tredjedel af Fortune 100-virksomheder, er PowerMapper et meget populært værktøj til kortlægning af websteder. MIT, NASA og flere andre større organisationer bruger dette værktøj, som skulle fortælle dig alt hvad du har brug for at vide om det.

Værktøjet giver dig mulighed for at oprette et stedskort med lethed. Hvad der normalt tager dage med kræfter, gøres inden for et par klik. Selvom det f.eks. Kan tage ca. 50 timer at udvikle et webstedskort med et websted på 1.000 sider manuelt med tre minutter pr. Side til oprettelse af en udlægning af en boks for hver side, bygger PowerMapper et bedre stedskort i en brøkdel af tiden og omkostninger.

PowerMapper, der er udviklet af Electrum Software, muliggør også deling af kort med andre. Du kan dele webstedskort med klienter og kollega, når du reviderer eller redesigne et websted. Du kan også eksportere kort ved hjælp af HTML, XML, CSV, PNG og andre standardformater. Kort kan eksporteres i Google XML sitemap-format for at forbedre synligheden på søgeresultatsiderne på søgemaskinerne.

Derudover kan du kopiere og indsætte kort i andre applikationer såsom Microsoft PowerPoint og Word til andre formål eller til Excel også. Det er let at bruge og et fantastisk kortlægningsværktøj til kortlægning af skeletwebsteder eller aktuelle websteder, offline og online. Der findes en række kortlægningstilarter, herunder professionelle og standardversioner.

  1. SmartDraw

SmartDraw er et populært softwareprogram til oprettelse af flowdiagrammer med intuitivt design og stor brugervenlighed, hvilket gør det til et godt valg for begyndere. Bortset fra den lette læringskurve tilbyder dette værktøj også stærke diagrammer og organisatoriske funktioner sammen med fantastiske grafiske funktioner og anstændige tekstindstillinger. Trods dette er der nogle ulemper ved supportmulighederne, og der er nogle nøglediagramfunktioner, der mangler.

Softwaren mangler nogle nøgleindstillinger for forbindelsespunkter, såsom muligheden for at tilføje forbindelsespunkter og manglen på forbindelsesjob. Ikke desto mindre er det et godt produkt for dem, der er bekendt med flowchart-design og folk, der er nye til at oprette flowdiagrammer.

SmartDraw mangler kun et par diagrammeringsværktøjer, der bemærkelsesværdigt var manglende evne til at tilføje forbindelsespunkter. Dette kan være en stor ulempe ved at oprette brugerdefinerede eller komplekse flowdiagrammer, men bør ikke være meget af et problem for mere grundlæggende design, da der allerede findes flere forbindelsespunkter.

Manglen på samlebånd kan også være et problem, men endnu en gang burde det ikke være så meget af et problem, hvis du opretter enkle diagrammer. Imidlertid kan det gøre flertrins-arbejdsdiagrammer lidt mere komplicerede at oprette.

På andre områder er SmartDraw et ret kraftfuldt webstedsarkitekturværktøj. Du kan bruge en række forskellige skabeloner eller oprette dine egne.

  1. Xtreeme SiteXpert

Med Xtreeme SiteXpert kan du oprette Java-baserede kort og DHTML-menuer til dit websted. Standardudgaven lanceres med en dialogboks, der leder dig gennem den komplette proces. Layoutguiden kan bruges til at scanne dit websted og samle linkene. Det giver dig også mulighed for at kortlægge den komplette webstedsstruktur, tilpasse koden og oprette navigation.

Du kan også finde en grundlæggende tutorial, der forklarer, hvordan værktøjet fungerer. Desuden kan du opdatere og indsætte menuerne til dit websted med værktøjet. Programmet understøtter NetObjects, FrontPage og DreamWeaver plugins.

Standardudgaven adskiller sig fra den professionelle udgave, som leveres med en søgemaskine, automatiseret webstedsopdatering, XML-funktioner og hierarkisk diagram. Ikke desto mindre er dens grænseoverskridende kompatibilitetsudgang stadig værdifuld, og det giver stadig nye webmastere mulighed for at skabe store dynamiske menuer.

SiteXpert kan bruges til at oprette forskellige site map-design til dit websted under dens funktioner, herunder cross-platform, cross-browser og site search kompatible webstedsnavigationsschemaer.

  1. Dynomapper

Dynomapper er et godt valg af et visuelt værktøj til kortlægning af websteder til at udvikle interaktive webstedskort, der viser mere end blot URL'er. Det kan bruges af brugere til at samarbejde og inkludere kommentarer, kategorier, analysedata og mere. Du kan vælge mellem dig site map-stilarter, træ, cirkel og standard- og du kan tilpasse dem med farveskemaer og logoer.

Værktøjet leveres også med analytisk integration, avancerede crawlerindstillinger og træk-og-slip-funktioner, hvilket gør det til et af de bedste visuelle webstedskortværktøjer. Du kan vælge en 14-dages gratis prøveversion eller udforske andre prisplaner baseret på nøgleordsporing, gennemsøgningsgrænser og brugere.

  1. StickySorter

StickySorter er et fantastisk værktøj til at kategorisere og arrangere virtuelle sticky notes til diagrammeringer og til andre informationssorteringsopgaver. Det giver dig også mulighed for at bruge forskellige stickies relateret til hinanden i en enkelt gruppe. Stickies kan have forskellige farver til differentiering og kan arrangeres i en bunke, stabel eller flise. De kan zoomes ind eller ud, og felteditoren kan oprette nye felter eller redigere eller slette eksisterende.

Oprettet af Microsoft Office Labs, dette er et fantastisk gratis værktøj til at sortere lister med indhold i grupper og udforske nye versioner af webstedsarkitektur. I modsætning til nogle af de andre onlineværktøjer, der er nævnt før, skal du downloade dette værktøj, og det kræver Windows Vista eller XP.

  1. Axure

Der er mange prototyperingsværktøjer til rådighed, men kun et par af dem har avancerede funktioner, og Axure er et af dem. Det er et fantastisk brugeroplevelsesværktøj og gør det muligt for webstedsdesignere hurtigt at oprette meget avancerede interaktive prototyper, selvom de ikke er meget vidende med front-end-kodning.

Det er et wireframing- og diagramdiagram, der ligner Omnigraffle, som er nyttigt for informationsarkitekter, især interaktionsdesignere. Med Axure RP Prol kan du oprette sider med træk-zoom, parallax-rulle, forankrede overskrifter, trinvis søgning, flytte dynamiske paneler og mere.

  1. MindManager

MindManager fra MindJet er i modsætning til konventionel tankekort-software. Dette værktøj integrerer projektstyring i tankekort, hvilket gør det mere af en omfattende informationsadministrator end en simpel tankekort.

Selvom det langt fra er billigt, er MindManager absolut prisen værd. Det er en visuel ramme, der er beregnet til at fremme idéorganisation og freefork-tænkning. Med sin lette træk-og-slip-funktion kan den bruges af informationsarkitekter til let og hurtigt at oprette og lægge ideer ned og organisere disse ideer på et site map til illustration, det tillader eksport af site maps som JPG.webp, PNG, PDF eller Word-dokumenter.

  1. XMind

XMind er et andet kortlægningsprogram med stærke diagramfunktioner, men det har nogle interface-problemer. Når du først er vant til dens interface, kan du dog få meget fra dette værktøj. Det leveres med et antal skabeloner, der indeholder forskellige diagramtyper. Dens interface er detaljeret og kan være overvældende for dem, der ikke er bekendt med det. Revisioner håndteres meget godt, så du nemt kan rulle tilbage til tidligere versioner.

Dette værktøj leveres med den ekstra fordel ved at gøre det muligt for webstedsarkitekturspecialister at gemme kort til Evernote. Det tilbyder et komplet bibliotek med kort, som brugerne kan se andres arbejde og dele deres eget arbejde. En gratis version er tilgængelig sammen med den betalte XMind Pro til Linux, Windows og Mac.

  1. Treejack

Treejack er ideel, hvis du vil teste en foreslået webstedsarkitekturs informationshierarki. Det er overlegen på andre måder end andre evalueringsteknikker, som omvendt kortsortering og lukket kortsortering, og evaluerer den komplette dybde af et informationshierarki.

For dem af jer, der ønsker at teste deres hierarki og forstå, hvordan det ville fungere med brugere, kan Treejack være et godt værktøj. Det giver arkitekter mulighed for at indtaste et webstedshierarki, rekruttere brugere og opsætte opgaver. De kan derefter se resultaterne af testen, dele eller downloade dem.

Kategori:

Webudviklingsværktøjer