Die Navigation einer Website oder einer Anwendung ist ihre interne Architektur, d.h. alle Links, welche die Seiten einer Website miteinander verbinden und gleichzeitig benutzerfreundlich gestalten.

Auch bekannt als Ux-Design oder benutzerzentriertes Design, erfüllt die Navigationsarchitektur einer Website zwei Ziele:

• Lassen Sie den Besucher mit der besuchten Seite interagieren. Diese Interaktionen, die den Erfolg einer Website sicherstellen, können in Form eines telefonischen Kontakts, einer E-Mail, eines Kaufs, einer Terminanfrage oder des Downloads eines Weißbuchs erfolgen.
• Erlauben Sie Suchmaschinen, ihre Seiten und Inhalte zu indizieren. Tatsächlich helfen interne Links den Suchmaschinen, den Inhalt und Kontext der Zielseite sowie die Beziehungen zwischen den verschiedenen Seiten einer Website zu verstehen.

Um diese Ziele zu erreichen, muss Ihre Architektur einfach und intuitiv sein. Aber wie machen wir das? Lassen Sie uns das alles gemeinsam betrachten.

1 – Entscheiden Sie sich für ein klares, angenehmes und ansprechendes Webdesign

Unabhängig davon, welches Gerät verwendet wird: Computer, Tablett oder Smartphone, müssen die Benutzer einfach navigieren können. Responsive Design ist das Layoutdesign, das diesen Anforderungen gerecht wird, indem es eine Website automatisch an unterschiedliche Bildschirmgrößen anpasst. Um den Bedürfnissen des Publikums so nahe wie möglich zu kommen, kann ein „Mobil First Design“ auch für Websites verwendet werden, die hauptsächlich über Smartphones zugänglich sind.

Es ist wichtig zu beachten, dass sich der Vorteil eines responsiven Designs nicht auf eine einfache Verbesserung der Benutzerfreundlichkeit beschränkt:

• Es verbessert das Ranking Ihrer Website in Suchmaschinen. Suchmaschinen bestrafen Websites, die keine responsiven Version haben.
• Es reduziert die Dauer von Updates. Aktualisierungen auf der Desktop-Version der Website werden automatisch an die mobile Version angepasst und erfordern keine zusätzlichen Schritte.

Es reduziert die Kosten. Die Desktop- und die mobile Version sind ein und dieselbe Website, was die Wartungs- und Hostingkosten reduziert

2 – Optimieren der Homepage

Die Homepage einer Website oder Anwendung muss es ermöglichen, in wenigen Sekunden das vorgeschlagene Dienstleistungsangebot zu verstehen und die ersten Interaktionen auszulösen, sie muss die folgenden Fragen klar beantworten:

• Wer ist diese Firma?
• Was macht sie da?
• Was kann diese Firma für mich tun?
• Welche Vorteile bringt es mir?
• Wo klicke ich, um mehr zu erfahren?

Um die Effektivität Ihrer Homepage zu bewerten können Sie die Bounce-Rate verwenden, die Google Analytics misst. Diese Rate misst den Prozentsatz der Besucher, die, sobald sie auf dieser Seite ankommen, keine andere Seite besuchen und daher keine Interaktion mit Ihrer Website eingehen. Wenn Sie eine hohe Rate und eine geringe Anzahl von Seiten pro Besucher bemerken, müssen Sie sich an einer globalen Reflexion beteiligen, um Ihre Website zu überdenken.

3 – Geben Sie Ihr Angebot deutlich an.

Wenn ein Besucher auf der Startseite einer Website eintrifft, muss er sich auf den ersten Blick selbst sagen können: „Ich bin am richtigen Ort“:

• Verwenden Sie ein klares Layout, kurze und einprägsame Texte und korrekt ausgewählte Keywords (relevant für Ihr Unternehmen und vertraut für Ihr Publikum).
• Verstärken Sie die „Baseline“ (Identifikationsbereich), die den Namen Ihrer Website oder Ihres Unternehmens und die Beschreibung Ihrer Dienstleistungen oder Produkte enthält.
• Platzieren Sie 2 oder 3 Argumente in der Kopfzeile (oben auf der Seite), um den Benutzer davon zu überzeugen, auf der Website zu bleiben und ein starkes Leistungsversprechen hervorzuheben.
• Bearbeiten Sie verdauliche, luftige und prägnante Editorials und strukturieren Sie sie mit Titeln, Untertiteln, Aufzählungen…. damit Ihre Leser sie leicht durchsuchen können.
• Verwenden Sie die Codes der Zielgruppe (Farben, Vokabeln, Bilder), um deren Identifikation mit Ihrer Website zu verstärken.

4 – Anwendung der Grundregeln von Ux Design.

Die folgende Liste ist direkt von den 10 Regeln inspiriert, die wir in die Ux Design Reflexionsphase der Projekte unserer Kunden (mit Ausnahme von E-Commerce-Seiten) integrieren:

1. Benennen Sie jede Seite einfach (und vermeiden Sie lange URLs).
2. Erstellen Sie eine logische und intuitive Baumstruktur.
3. Begrenzen Sie das Menü auf maximal 5 Menüpunkte.
4. Eliminieren Sie Untermenüs so weit wie möglich.
5. Zeigen Sie wesentliche und attraktive Informationen oberhalb der Wasserlinie an (Linie, die den sichtbaren Teil bei Ihrer Ankunft an einem Ort von dem Teil darunter trennt, der durch Scrollen sichtbar wird).
6. Fügen Sie einen Breadcrumb-Trail und eine Return-to-Home-Schaltfläche hinzu, damit sich der Benutzer auf der Website zurechtfinden kann.
7. Halten Sie sich an die 3-Klick-Regel (der Benutzer muss von der Homepage aus mit maximal 3 Klicks auf die gesuchten Informationen zugreifen können).
8. Fügen Sie ein Suchmodul in die Nähe Ihres Menüs ein (für Websiten mit mindestens 5 Seiten).
9. Integrieren Sie einen vernünftigen und anreizbasierten „Call to action“.
10. Machen Sie die Rufnummer klickbar auf der mobile Version.

5 – Verbessern Sie die Leistung Ihrer Website.

Eine zu lange Ladezeit kann oft zu Umsatzeinbußen, verlorenen Leads und verpassten Gelgenheiten führen. Um sicherzustellen, dass Ihre Website nicht zu einem solchen Missgeschick führt, können Sie beispielsweise Google Page Speed Insight verwenden, das Ihnen eine genaue Berechnung der Leistung Ihrer Website liefert (der Test muss für jede Seite durchgeführt werden).

Wenn das Gewicht Ihrer Bilder die Hauptursache für das langsame Laden zu sein scheint, können Sie sie dank der vielen kostenlosen Online-Tools leicht optimieren. Diese Tools haben auch den Vorteil, versteckte Daten aus Ihren Dateien zu entfernen und haben einen minimalen Einfluss auf die visuelle Darstellung des Bildes.

Wenn die beobachteten Probleme mehr technische Aspekte haben (CSS-Ressourcen ungenutzt, Javascript-Ausführungszeit zu lang, Server-Antwortzeit zu lang….) geht nichts verloren, keine Sorge! Wenn die durchzuführenden Interventionen jedoch Ihre Fähigkeiten übersteigen, empfehlen wir Ihnen, sich an eine Webagentur zu wenden, die in der Lage ist, Ihre Website langfristig zu konsolidieren und Ihnen ein gutes Leistungsniveau zu gewährleisten.

6 – KONVERTIERUNGSMÖGLICHKEITEN MIT „CALL TO ACTION“ SCHAFFEN

Denken Sie daran, dass der Zweck einer Homepage darin besteht, Ihre Besucher zu ermutigen, tiefer in Ihre Website zu navigieren. Indem Sie dynamische Call to Action (CTA)-Buttons auf Ihren Seiten platzieren, leiten Sie Ihre Besucher durch Ihren Konvertierungstunnel.

Gut sichtbar und strategisch platziert, verwandeln CTAs die Seiten Ihrer Website in Konversionsseiten. Ihr Zweck ist es, den Besuchern zu ermöglichen, sich mit Ihrer Website mit klaren und attraktiven Aktionen zu beschäftigen, die ihr einen konkreten Nutzen bringen, wie z.B.: Kaufanreize, Erleichterung des Informationsaustauschs von Ihrer Website in sozialen Netzwerken, Anmeldung zu einem Newsletter, Anforderung eines Kostenvoranschlags oder Angebots…

UM ZUM ABSCHLUSS ZU KOMMEN

Qualitativ hochwertige Homepages sind nie statisch, sie müssen sich regelmäßig weiterentwickeln können, um sich ändernde Bedürfnisse und Trends zu integrieren, die Verbesserung Ihres Angebots und das Feedback Ihrer Kunden.

Um das Risiko eines Fehlers zu begrenzen, stellen Sie zunächst eine reduzierte Version Ihrer Website online. Diese erste temporäre (aber qualitativ hochwertige) Version ermöglicht es Ihnen, wertvolle Informationen (via Google Analytics) über das Besucherverhalten, über Traffic generierende Schlüsselwörter, sowie über die am häufigsten angeklickten Teile zu erhalten und wird Ihnen bei der Entwicklung des Restes der Website sehr helfen.

Dieser empirische Ansatz, den wir auf die Projekte unserer Kunden anwenden, hat einen Namen: Growth Driven Design, er umfasst insbesondere Phasen des Testens und der Analyse des Besucherverhaltens, um empirisch das Ux Design zu entwickeln, das die Erwartungen Ihrer Zielgruppe am besten erfüllt.