Helfen Sie der Entwicklung der Website und teilen Sie den Artikel mit Freunden!
Einführung in Website-Architektur-Tools
Die Informationsarchitektur einer Website besteht aus zwei Hauptkomponenten: der Definition und Identifizierung von Inh alt und Funktionalität der Website und der zugrunde liegenden Struktur, Nomenklatur und Organisation, die die Beziehungen zwischen Inh alt und Funktionalität definiert.
Website-Architektur ist nicht Teil der Benutzeroberfläche auf dem Bildschirm, informiert aber die Benutzeroberfläche. Es ist in Diagrammen und Tabellenkalkulationen dokumentiert und nicht in Wireframes, Prototypen und umfassenden Layouts.Bei Websites ist die Informationsarchitektur die Art und Weise, wie Inh alte auf der Website kategorisiert und organisiert werden. Es bildet die Grundlage für Navigation, Benutzererfahrung und Nomenklatur.
In gewisser Weise könnte man die Informationsarchitektur als Informationsbündel betrachten, aus denen die Abschnitte der Website bestehen. Zusammen gruppierte Konzepte gehören in dasselbe Bündel.
Aber warum ist die Website-Architektur so wichtig? Nun, weil Löcher in der Informationsarchitektur eines der häufigsten Probleme bei Websites sind. Unsolide oder schlechte Website-Architektur kann es Besuchern erschweren, auf der Website zu navigieren und zu finden, wonach sie suchen.
Website-Architektur
Denken Sie nur an die Website-Architektur und Benutzerfreundlichkeit im Zusammenhang mit einer E-Commerce-Website. Wenn Ihre Website-Architektur solide ist, aber die Benutzerfreundlichkeit oder der Taskflow schlecht ist, werden Besucher zwar finden können, was sie suchen, aber es wird ihnen schwerfallen, den Kauf tatsächlich abzuschließen, da die Buy-Flow-Aufgabe schwierig zu bewältigen sein wird.Das würde zu einer schlechten Konvertierung führen.
Auf der anderen Seite, wenn Ihre Website eine schlechte Architektur, aber eine gute Benutzerfreundlichkeit hat, werden Ihre Besucher nicht einmal in der Lage sein, die gewünschten Produkte zu finden. Als solches würde die Benutzerfreundlichkeit keine Rolle mehr spielen, da die Besucher gehen würden, ohne überhaupt in den Kaufprozess eingetreten zu sein.
Um Ihre Website zu verbessern oder eine gute zu erstellen, ist es wichtig, eine Website-Architektur ohne Löcher oder ähnliche Probleme zu erstellen. Dadurch wird sichergestellt, dass die größtmögliche Anzahl an Besuchern das findet, was sie suchen, was die Konversion und den Return on Investment verbessert.
Da Sie nun wissen, wie wichtig die Website-Architektur ist, finden Sie hier einige Tools, die Sie speziell für Site-Mapping- und Diagramm-Tools verwenden können, die Sie während der Planungsphase der Website-Entwicklung und zur Verbesserung bestehender Websites verwenden können.
1. Microsoft Visio
Microsoft Visio ist derzeit eines der besten Diagrammtools, das für alles geeignet ist, von Flussdiagrammen bis hin zu Grundrissen.Es kann zum Erstellen einfacher und komplexer Diagramme verwendet werden. Es verfügt über eine große Auswahl an integrierten Formen, Schablonen und Objekten. Sie können auch Ihre eigenen Formen erstellen und importieren.
Visio kann zum Erstellen von 3D-Kartendiagrammen über integrierte Tools verwendet werden, obwohl diese spezielle Funktion eingeschränkt ist. Es funktioniert gut für einfache Karten. Das Tool kann auch Live-Informationen aus externen Quellen wie einer Microsoft Access-Datenbank oder einer Excel-Tabelle abrufen. Es ist vollgepackt mit vielen integrierten Formen, die zu Ihrem Diagramm hinzugefügt werden können.
Die Software verfügt über Zeichenwerkzeuge für spezielle Anforderungen, und Sie können mit den sofort verfügbaren Standardvorlagen schnell mit der Arbeit beginnen. Die verallgemeinerten Zeichenwerkzeuge passen die Diagramme an Ihre eigenen Anforderungen an. Visio hat eine intuitive Benutzeroberfläche, die auch von Anfängern verstanden werden kann.
Visio wird von vielen Designern und Entwicklern verwendet, um ihre Websites während der Planungsphase abzubilden und zu grafisch darzustellen.
2. Omnigraffle
Omnigraffle ist ein Tool, das Sie für eine Reihe von Zwecken verwenden können, insbesondere für Wireframing und Diagrammerstellung. Im Vergleich zu Wireframing-Anwendungen ist Omnigraffle alles andere als perfekt, aber es bietet eine gute Kombination aus Fähigkeiten und Effizienz. Es fehlt jedoch eine gute Interaktivität für das Prototyping, und es ist nur für Mac-Computer verfügbar. Sie können anklickbare Prototypen erstellen, aber die Funktionalität ist darauf beschränkt. Sie können Ebenen auch ein- oder ausblenden und andere ähnliche Dinge tun, aber diese Funktionen funktionieren nur innerhalb von Omnigraffle.
Trotz der Mängel ist Omnigraffle ein bewährtes Wireframing-Tool und eine gute Wahl für die Planung Ihrer Website-Architektur. Im Kern dreht sich bei Omnigraffle alles um die Erstellung von Diagrammen, von Software-Wireframes bis hin zu Organigrammen und von Raumplanungs- und Entity-Relationship-Diagrammen bis hin zu Flussdiagrammen.
Der neue Ressourcenbrowser der Software bietet eine Reihe von Vorlagen und Formensammlungen, um diese Dokumente zu erstellen.Sie können sich für dieses Tool entscheiden, um Flussdiagramme, Netzwerkdiagramme, Projektabläufe und vieles mehr zu erstellen. Am wichtigsten ist, dass Sie dies verwenden können, um Ihre Website-Architektur abzubilden.
Die Wireframing- und Diagramming-Suite von Omnigroup ist insofern besonders wertvoll, als Wireframes mit einer Hierarchie entwickelt werden können, sodass Benutzer klicken können, um von einem Bildschirm zum anderen zu wechseln, und auch eine Seitenleiste anzeigen können, um die Beziehung zwischen Seiten anzuzeigen. Das Tool kann verwendet werden, um Diagramme, Seitenlayouts, Prozessdiagramme, Website-Modelle und mehr zu entwickeln. Obwohl es eine Lernkurve gibt, können Sie in Omnigraffle viel Wert finden
3. PowerMapper
PowerMapper wird in über 50 Ländern und etwa einem Drittel der Fortune-100-Unternehmen verwendet und ist ein sehr beliebtes Tool zur Standortzuordnung. MIT, NASA und mehrere andere große Organisationen verwenden dieses Tool, das Ihnen alles sagen sollte, was Sie darüber wissen müssen.
Mit diesem Tool können Sie ganz einfach eine Sitemap erstellen. Was normalerweise tagelange Mühe erfordert, ist mit wenigen Klicks erledigt.Während es beispielsweise etwa 50 Stunden dauern kann, eine Sitemap einer Website mit 1.000 Seiten manuell zu entwickeln, mit drei Minuten pro Seite, um ein Layout für jede Seite zu erstellen, erstellt PowerMapper in einem Bruchteil der Zeit eine bessere Sitemap und kosten.
PowerMapper wurde von Electrum Software entwickelt und ermöglicht auch das Teilen von Karten mit anderen. Sie können Sitemaps mit Kunden und Kollegen teilen, wenn Sie eine Website prüfen oder neu gest alten. Sie können Karten auch in HTML, XML, CSV, PNG und anderen Standardformaten exportieren. Karten können in das XML-Sitemap-Format von Google exportiert werden, um die Sichtbarkeit in den Ergebnissen der Suchmaschinenseiten zu verbessern.
Außerdem können Sie Karten kopieren und in andere Anwendungen wie Microsoft PowerPoint und Word für andere Zwecke oder auch in Excel einfügen. Es ist einfach zu bedienen und ein großartiges Site-Mapping-Tool zum Mapping von Skelett-Sites oder aktuellen Websites, offline und online. Eine Vielzahl von Mapping-Stilen ist verfügbar, einschließlich Professional- und Standardversionen.
4. SmartDraw
SmartDraw ist ein beliebtes Softwareprogramm zur Erstellung von Flussdiagrammen mit intuitivem Design und großer Benutzerfreundlichkeit, was es zu einer guten Wahl für Anfänger macht. Abgesehen von seiner leichten Lernkurve bietet dieses Tool auch starke Diagramm- und Organisationsfunktionen sowie großartige Grafikfunktionen und anständige Textoptionen. Trotzdem gibt es einige Nachteile in den Support-Optionen und es fehlen einige wichtige Diagrammfunktionen.
Der Software fehlen einige wichtige Verbindungspunktoptionen, wie die Möglichkeit, Verbindungspunkte hinzuzufügen, und die Nichtverfügbarkeit von Verbindungsjobs. Trotzdem ist es ein gutes Produkt für diejenigen, die mit dem Design von Flussdiagrammen vertraut sind, und für Leute, die neu in der Erstellung von Flussdiagrammen sind.
SmartDraw fehlen nur ein paar Diagrammwerkzeuge, von denen bemerkenswert war, dass keine Verbindungspunkte hinzugefügt werden konnten. Dies kann ein großer Nachteil beim Erstellen von benutzerdefinierten oder komplexen Flussdiagrammen sein, sollte jedoch bei einfacheren Designs kein großes Problem darstellen, da bereits mehrere Verbindungspunkte verfügbar sind.
Das Fehlen von Verbindungssprüngen kann ebenfalls ein Problem sein, aber auch hier sollte es kein so großes Problem sein, wenn Sie einfache Diagramme erstellen. Es kann jedoch die Erstellung von mehrstufigen Workflow-Diagrammen etwas komplizierter machen.
In anderen Bereichen ist SmartDraw ein ziemlich mächtiges Werkzeug für die Website-Architektur. Sie können eine Vielzahl von Vorlagen verwenden oder Ihre eigenen erstellen.
5. Xtreeme SiteXpert
Mit Xtreeme SiteXpert können Sie Java-basierte Karten und DHTML-Menüs für Ihre Website erstellen. Die Standardausgabe startet mit einem Dialogfeld, das Sie durch den gesamten Prozess führt. Mit dem Layout-Assistenten können Sie Ihre Website scannen und die Links zusammenstellen. Außerdem können Sie damit die gesamte Site-Struktur abbilden, den Code anpassen und die Navigation bei der Erstellung anpassen.
Sie können auch ein grundlegendes Tutorial finden, das erklärt, wie das Tool funktioniert. Darüber hinaus können Sie mit dem Tool die Menüs für Ihre Website aktualisieren und einfügen. Die Anwendung unterstützt NetObjects-, FrontPage- und DreamWeaver-Plugins.
Die Standard Edition unterscheidet sich von der Professional Edition, die mit einer Suchmaschine, automatischer Seitenaktualisierung, XML-Funktionen und hierarchischer Diagrammerstellung ausgestattet ist. Trotzdem ist die grenzüberschreitende Kompatibilitätsausgabe immer noch wertvoll und ermöglicht es neuen Webmastern immer noch, großartige dynamische Menüs zu erstellen.
SiteXpert kann verwendet werden, um verschiedene Sitemap-Designs für Ihre Website mit seinen Funktionen zu erstellen, einschließlich plattformübergreifender, browserübergreifender und mit der Site-Suche kompatibler Website-Navigationsschemata.
6. Dynamapper
Dynomapper ist eine gute Wahl für ein visuelles Site-Mapping-Tool, um interaktive Site-Maps zu entwickeln, die mehr als nur URLs anzeigen. Es kann von Benutzern zur Zusammenarbeit verwendet werden und Kommentare, Kategorien, Analysedaten und mehr enth alten. Sie können zwischen drei Sitemap-Stilen wählen – Baum, Kreis und Standard – und Sie können sie mit Farbschemata und Logos anpassen.
Das Tool verfügt außerdem über Analyseintegration, erweiterte Crawler-Optionen und Drag-and-Drop-Funktionen, was es zu einem der besten Tools für visuelle Sitemaps macht. Sie können sich für eine 14-tägige kostenlose Testversion entscheiden oder andere Preispläne basierend auf Keyword-Tracking, Crawling-Limits und Benutzern erkunden.
7. StickySorter
StickySorter ist ein großartiges Tool zum Kategorisieren und Anordnen virtueller Haftnotizen für Diagrammsitzungen und für andere Aufgaben zum Sortieren von Informationen. Es ermöglicht Ihnen auch, verschiedene Haftnotizen, die miteinander verwandt sind, in einer einzigen Gruppe zu verwenden. Die Haftnotizen können zur Unterscheidung unterschiedliche Farben haben und in einem Stapel, Stapel oder einer Kachel angeordnet sein. Sie können vergrößert oder verkleinert werden, und der Feldeditor kann neue Felder erstellen oder vorhandene bearbeiten oder löschen.
Erstellt von Microsoft Office Labs, ist dies ein großartiges kostenloses Tool, um Inh altslisten in Gruppen zu sortieren und neue Versionen der Website-Architektur zu erkunden. Im Gegensatz zu einigen der anderen zuvor erwähnten Online-Tools müssen Sie dieses Tool herunterladen und es erfordert Windows Vista oder XP.
8. Axure
Es gibt viele Prototyping-Tools, aber nur wenige von ihnen haben erweiterte Funktionen und Axure ist eines davon. Es ist ein großartiges Tool für die Benutzererfahrung und ermöglicht es Website-Designern, schnell hochentwickelte interaktive Prototypen zu erstellen, selbst wenn sie mit Front-End-Codierung nicht sehr vertraut sind.
Es ist ein Wireframing- und Diagramming-Tool ähnlich Omnigraffle, das für Informationsarchitekten, insbesondere Interaktionsdesigner, nützlich ist. Mit Axure RP Prol können Sie Seiten mit Drag-Zoom, Parallax-Scrolling, angedockten Kopfzeilen, inkrementeller Suche, beweglichen dynamischen Bedienfeldern und mehr erstellen.
9. MindManager
MindManager von MindJet unterscheidet sich von herkömmlicher Mind-Mapping-Software. Dieses Tool bettet das Projektmanagement in Mindmapping ein und ist damit eher ein umfassender Informationsmanager als ein einfacher Mindmapper.
Obwohl es alles andere als billig ist, ist MindManager definitiv die Kosten wert. Es ist ein visueller Rahmen, der die Ideenorganisation und das Freefork-Denken fördern soll. Mit seiner einfachen Drag-and-Drop-Funktionalität kann es von Informationsarchitekten verwendet werden, um Ideen einfach und schnell zu erstellen und abzulegen und diese Ideen in einer Sitemap zur Veranschaulichung zu organisieren. Es ermöglicht den Export von Sitemaps als JPG.webp, PNG, PDF oder Word-Dokumente.
10. XMind
XMind ist ein weiteres Mapping-Programm mit leistungsstarken Diagrammfunktionen, aber es hat einige Schnittstellenprobleme. Sobald Sie sich jedoch an die Benutzeroberfläche gewöhnt haben, können Sie viel aus diesem Tool herausholen. Es enthält eine Reihe von Vorlagen mit unterschiedlichen Diagrammtypen. Die Benutzeroberfläche ist detailliert und kann für diejenigen, die damit nicht vertraut sind, überwältigend sein. Überarbeitungen werden sehr gut gehandhabt, sodass Sie problemlos zu früheren Versionen zurückkehren können.
Dieses Tool bietet den zusätzlichen Vorteil, dass es Spezialisten für Website-Architektur ermöglicht, Karten in Evernote zu speichern. Es bietet eine vollständige Bibliothek mit Karten, mit denen Benutzer die Arbeit anderer anzeigen und ihre eigene Arbeit teilen können. Eine kostenlose Version ist zusammen mit dem kostenpflichtigen XMind Pro für Linux, Windows und Mac verfügbar.
11. Treejack
Treejack ist ideal, wenn Sie die Informationshierarchie einer vorgeschlagenen Website-Architektur testen möchten. Es ist anderen Bewertungstechniken wie Reverse Card Sorting und Closed Card Sorting überlegen und bewertet die vollständige Tiefe einer Informationshierarchie.
Für diejenigen unter Ihnen, die ihre Hierarchie testen und verstehen möchten, wie sie mit Benutzern funktionieren würde, kann Treejack ein gutes Werkzeug sein. Es ermöglicht Architekten, eine Site-Hierarchie einzugeben, Benutzer zu rekrutieren und Aufgaben einzurichten. Sie können dann die Ergebnisse des Tests sehen, teilen oder herunterladen.