Weiterleitungen rechtzeitig planen

In anderen Bereichen des Alltags sind Weiterleitungen selbstverständlich: Wohl jede Checkliste für einen Wohnungsumzug enthält die Punkte: Nachsendeauftrag und Ummeldungen. Schließlich ist klar, dass man die Adressänderung anderen auch mitteilen muss, um erreichbar zu bleiben und Informationen und wichtige Unterlagen zuverlässig zu erhalten. Dieses Kommunikation ist auch beim Relaunch der Website wichtig.

Wird eine Website neu aufgesetzt, ändert sich viel mehr als nur eine Adresse. Es gibt zahllose neue URLs und externe Verlinkungen auf bestehende Unterseiten werden ungültig und laufen ins Leere. Das muss bedacht werden! Ein Relaunch ist aufwendig, es wird über Struktur, Inhalte und Design diskutiert, unterschiedliche Interessen sind zu berücksichtigen. Zwischen Meetings und Testläufen kann das Thema Redirects leicht in die Vergessenheit geraten. Leider schiebt es sich oft erst dann prominent in den Vordergrund, wenn es an die Messung der Ergebnisse geht: Nach dem Relaunch brechen Positionen im organischen Ranking und damit Traffic und Umsatz regelrecht weg.

Fehlermeldung 404

Was ist passiert? Links, die auf die ursprünglichen Seiten verweisen, funktionieren nicht mehr. Nutzer:innen erhalten die Fehlermeldung 404 „Seite nicht gefunden“ – und springen häufig ab, der Traffic sinkt. Aber auch Suchmaschinen finden die Seiten zunächst nicht mehr und sortieren sie folgerichtig aus ihren Suchergebnissen. Werden die neuen Seiten von Suchmaschinen gefunden und bewertet, sind die Rankings häufig schlechter als mit den alten Inhalten. Es fehlt ihnen die „Suchmaschinenhistorie“ – die Information, wie häufig sie in der Vergangenheit aufgerufen, verlinkt und genutzt wurden. Im Ergebnis landet eine neue Seite, selbst wenn sie inhaltlich unverändert oder besser ist, nicht selten im Ranking viel weiter unten und es dauert sehr lange, bis sie sich den ursprünglichen Platz wieder erarbeitet hat.

Die Lösung: Redirects

Das lässt sich vermeiden, indem man Weiterleitungen, sogenannte Redirects, nutzt. Für dauerhafte Weiterleitungen wie bei einem Relaunch nutzt man eine 301- Umleitung. Eine 302-Weiterleitung dagegen signalisiert nur eine vorübergehende Änderung und ist nur selten sinnvoll. Beispielsweise dann, wenn ein Produkt vorübergehend nicht verfügbar ist.

Mit Hilfe von Redirects kann der Großteil der ursprünglichen Linkstärke (verschiedene Untersuchungen gehen von 90% bis 98% aus) und Seitenhistorie auf die neue Seite übertragen werden. Somit ist der wichtigste Schritt tatsächlich, rechtzeitig an die Umleitungen zu denken. Alles Weitere lässt sich planen.

Seiten sorgfältig erfassen und zuordnen

Im zweiten Schritt sind Sorgfalt und Fleiß angesagt. Für eine optimale Weiterleitung sollte jeder früheren Seite eine neue Seite zugeordnet werden. Bei Online-Shops ist das automatisiert möglich, indem alte und neue Artikelseiten maschinell ausgelesen und abgeglichen werden – beispielsweise mit einem Abgleich von statischen Artikelnummern. Werden Inhalte nur leicht angepasst oder sogar unverändert übernommen, können diese auch auf anderen Seiten mit maschineller Unterstützung zugeordnet werden. Bei einer kompletten Umstrukturierung der Seiten und der Inhalte stößt das Verfahren jedoch an seine Grenzen. Da aber hier schon in der Konzeptphase bekannt ist, welche Inhalte mit welchem Ziel geändert oder verschoben werden, empfiehlt es sich, dies auch während der gesamten Überarbeitung nachvollziehbar zu dokumentieren. Daraus ergibt sich dann die passende Weiterleitung. Darüber hinaus gilt es, einige Punkte zu beachten.

• Bevor Seiten wegfallen, sollte immer zuerst deren Traffic und Ranking geprüft werden. Zeigt sich, dass die Seiten noch genutzt werden, sollten sie im neuen Stil aufbereitet werden oder zumindest über eine Archivfunktion erhalten bleiben.

• Es ist möglich, mehrere alte Seiten einer neuen zuzuordnen. Schwierig wird es im umgekehrten Fall, wenn eine bestehende Seite aufgesplittet wird. Da nicht einzelne Abschnitte einer Seite der jeweils neuen Seiten zugeordnet werden können, kann es nur einen „Alleinerben“ geben. Es ist dann zu entscheiden, welche der neuen Seiten die Linkstärke der ursprünglichen Seite bekommen soll.

• Die Seiten sollten passend weitergeleitet werden, es sollte also nicht einfach im großen Stil auf die Home-Seite verlinkt werden, wenn es einen bestimmten Artikel nicht mehr gibt. Für den Nutzer ist das frustrierend und auch bei Google wird dies als soft-404 bewertet und somit einem Wegfall der Seite quasi gleichgesetzt.

Lange Ladezeiten vermeiden und Performance sichern

Traditionell  werden Redirect-Regel in einer Matching Tabelle in der .htaccess auf dem Server hinterlegt und bei jedem Seitenaufruf abgearbeitet. Je nachdem, welches Content Management System verwendet wird, ist eine entsprechende oder ähnliche Weiterleitungsfunktion bereits integriert. In aller Regel bedeutet dies jedoch, dass bei jedem Aufruf zunächst die Matching-Tabelle vollständig abgeglichen wird – unabhängig davon, ob der Nutzer oder die Nutzerin eine gültige, ungültige oder weitergeleitete URL aufrufen möchte. Enthält die Liste nur wenige Seiten und ist die Zahl der Nutzer:innen und somit der Zugriffe eher gering, so funktionieren Weiterleitungen und Seite meist problemlos.

Anders ist dies bei einer großen Anzahl von Seiten und Weiterleitungen gepaart mit hohen Zugriffszahlen. Die Weiterleitung ist auch hier gewährleistet – aber es dauert. Bei größeren Webauftritten kann eine Matching-Tabelle durchaus mehrere tausend Einträge umfassen. Je höher die Seitenzahl und die Frequentierung, desto mehr leidet die Performance, wenn bei jeder Anfrage erst die gesamte Liste abgearbeitet werden muss. Das führt zu langen Ladezeiten. Nutzer:innen sind frustriert und springen häufig ab. Im Extremfall kann gar der Server zusammenbrechen. Dem ließe sich durch eine Aufstockung der Serverkapazitäten vorbeugen.

Eine einfache Lösung bietet ein Redirect Manager. Dabei wird zunächst ein kurzer Code auf dem eigenen 404-Template eingebunden. Die Zuordnungstabelle liegt auf einem sicheren, externen Server. Der entscheidende Unterschied ist: Die Matching-Liste wird nur noch im Bedarfsfall abgerufen, also nur dann, wenn ein 404-Fehler ausgemacht wird. Nur in diesem Fall wird der Aufruf auf den externen Server umgeleitet und mit der Tabelle abgeglichen. Die Nutzer:innen bemerken davon nichts, sie werden direkt auf die in der Liste aufgeführte neue Seite geführt. Alle gültigen Aufrufe dagegen führen ohne Umweg zur bestehenden Seite. Engpässe und lange Ladezeiten werden so vermieden. Mit einer zusätzlichen Reporting- und Optimierungsfunktion können als 404 einlaufende URL’s verfolgt, nachträglich in die Mapping-Liste eingepflegt und in Redirects umgewandelt werden.

Mit Weiterleitungen gelingt der Relaunch

Plant man Seiten Weiterleitungen von Anfang an mit ein, können Linkstärke, Seitenhistorie und damit Rankings auch nach dem Neustart weitgehend erhalten werden, so dass die mit dem Relaunch umgesetzten Ziele auch zum Tragen kommen.

Der Beitrag Website Relaunch: Ohne Weiterleitungen greift auch das beste Konzept nicht erschien zuerst auf contentmanager.de.

Der Beitrag Whitepaper: Den Website Relaunch richtig angehen erschien zuerst auf contentmanager.de.

Wird die Site neu aufgesetzt oder grundlegend überarbeitet, sind die nächsten Wochen praktisch immer noch Dinge offen. Der zu große Abstand bei Überschriften der 2. Ordnung auf den Seiten in den Suchergebnissen. Die Bilder, die bei manchen Seiten in der Smartphone-Ansicht in die Seitenleiste ragen. Oder den einen Bereich mit Tabellen, die immer noch nicht perfekt formatiert sind.

Ist die Site ein paar Monate alt, stellt man fest: Manche Dinge sieht man auf anderen, guten Sites nicht mehr. Oder es gibt Design-Trends, Techniken oder Inhaltstypen, die man auch gern auf seiner Site hätte.

Und ist die Site einmal mehrere Jahre alt, dann hat man das Gefühl, sie wirkt einfach alt. Das liegt aber vor allem daran, dass man selbst sie so oft gesehen hat. Den Nutzern geht es vielleicht überhaupt nicht so. Vielleicht schätzen sie die Site, genau so wie sie ist. Sie finden sich gut zurecht, wissen, wo was ist, wie was funktioniert.

Muss ein Relaunch/Redesign wirklich sein?

Diese Worte zur Vorsicht zunächst vorab. Hinterfragen Sie immer kritisch, ob ein Relaunch/Redesign wirklich nötig ist. Generell ist eine sanfte Überarbeitung im laufenden Betrieb auch immer die bessere Wahl – führen Sie lieber schrittweise kleine Änderungen durch als auf einen Schlag alles auf einmal umzusetzen. Das lässt sich nicht nur leichter handhaben, es ist insbesondere auch für die Nutzer besser.

Im Folgenden einige Trends bei professionellen Sites, die mir in letzter Zeit aufgefallen sind. Sehen Sie sich an, welche Ihnen gefallen. Überlegen Sie dann, welche zu ihrer Site passen könnten und ob diese Ihre Nutzer bei Ihnen als positiv bewerten würden.

Generell gilt: Es ist wichtiger, die eigene Identität zu wahren, als Trends hinterherzulaufen. Wenn man das berücksichtigt, kann man von den vorgestellten Trends lernen.

Zusammengefasst sind mir in den letzten Jahren folgende noch heute aktuellen Entwicklungen aufgefallen:

Flat Design/Material Design

Quelle: Jens Jacobsen

Die Gestaltung ist weg von den verspielten Ansätzen, die sich eng an realen Gegenständen orientiert hat. Kalender-Anwendungen, die im Hintergrund Leder-Applikationen wie in einem Filofax, Spiralen wie bei einem Ringbuch oder Reste von abgerissenem Papier wie bei einem Block zeigen, sieht man nirgendwo mehr.
Und auch auf den Websites hat sich mit dem Flat Design die neue Einfachheit durchgesetzt.

Es gibt nur noch wenige Farben, viel Weiß und große Flächen. Verläufe und Schatten sind fast völlig verschwunden.

Nachdem die Benutzerfreundlichkeit darunter teilweise gelitten hat, sind inzwischen aber z.B. Schatten für Buttons wiedergekehrt. Google hat mit seinen Gestaltungsvorgaben namens Material Design gut zusammengefasst, wie man trotz Flat Design nutzerfreundliche Oberflächen gestaltet. Einfach alles zu reduzieren, ist keine Lösung. Man muss die richtige Mitte zwischen reduziert und verspielt treffen.

Quelle: Jens Jacobsen

Quelle: Jens Jacobsen

Große Bilder/Hero Images

Vor allem die höheren Übertragungsgeschwindigkeiten erlauben es heute, auch bei mobilen Anwendungen große Bilder einzusetzen. Ausgehend von der Erkenntnis, dass Nutzer sich visuell gut ansprechen lassen und das Lesen längerer Texte möglichst vermeiden, haben auch auf B2B-Sites Bilder deutlich mehr Gewicht bekommen.

Quelle: Jens Jacobsen

Das gilt besonders für die Startseite und die Kategorieseiten. Auf den Unterseiten finden sich dagegen generell etwas kleinere Bilder und mehr Text – schließlich brauchen die Besucher die notwendigen Informationen.

Mehr Einsatz von Video

Wie große Bilder ist auch Video inzwischen für viele Internet-Anbindungen heute kein Problem mehr. Daher wird Video auch verwendet, um lediglich Aufmerksamkeit zu generieren, etwa als Hintergrundelement.

Allerdings sollte das nur mit Vorsicht getan werden. Zum einen sollten Nutzern, die über mobile Anbindungen auf die Seiten zugreifen, keine Videos gezeigt werden, um deren Datenbudget nicht zu belasten und ihnen unnötige Wartezeiten zu ersparen. Zum anderen sollte auf Seiten, die häufiger besucht werden oder auf denen Text gelesen werden soll, kein Video im Hintergrund laufen. Dies lenkt zu sehr ab und selbst der anfängliche beeindruckende Effekt nutzt sich schnell ab und die Nutzer reagieren eher verärgert als begeistert.

Quelle: Jens Jacobsen

Spotify, Skype, Airbnb, Paypal – alle diese Sites hatten bis vor kurzem Video-Hintergründe auf ihren jeweiligen Startseiten. Und alle haben sie das wieder entfernt. Man kann also sagen, als Startseiten-Trend hat sich dieser Trend schon wieder überholt. Aber für spezielle Unterseiten und besondere Fälle kann man dennoch darüber nachdenken, auf ihn zu setzen.

Quelle: Jens Jacobsen

Lange Seiten; Parallax Scrolling

Quelle: Jens Jacobsen

Lange Zeit galt: Zeige so viele Informationen so weit oben auf der Seite wie möglich. Der Bereich above the fold ist der wichtigste jeder Seite. Das Wort fold bezeichnet eigentlich den Seitenknick einer Zeitung – also die Stelle, an der sie gefaltet ist. Der Bereich der Zeitung, den man sieht, wenn sie so auf dem Tisch liegt, ist der wichtigste. Und analog dazu ist das, was man auf dem Bildschirm sieht, ohne zu scrollen, das Wichtigste. Jahrelang galt: Die Besucher scrollen nur ungern. Links die im Bereich above the fold liegen, bekommen extrem viel mehr Klicks als Links weiter unten.
Doch seit einiger Zeit beobachtet man, dass die Nutzer mehr scrollen. Vor allem auf mobilen Geräten mit Touch-Steuerung. Vermutlich liegt das daran, dass das Wischen mit dem Finger recht bequem ist. Und daran, dass man bei einer langsameren Datenanbindung wie man sie unterwegs meist hat, lieber die schon geladene Seite genauer ansieht, bevor man zu einer neuen springt und warten muss, bis die geladen ist.

Und, letzter Punkt: Es war schon immer sehr schwer zu sagen, was above the fold ist – denn das hängt natürlich davon ab, wie hoch der Bildschirm ist, mit dem der Besucher auf die Site kommt. Mit der Vielfalt der Bildschirmgrößen, die wir mit Laptops, Tablets, Smartphones etc. heute haben, wird es zunehmend unmöglich zu wissen, was der typische Nutzer sieht, ohne zu scrollen.

Damit haben Designer die Freiheit, auch längere Seiten anzulegen. Einige Zeit haben sie davon stark Gebrauch gemacht. Teilweise wurden ganze Sites mit nur einer einzigen Seite umgesetzt („one-page-sites“).

Inzwischen hat sich das wieder gelegt und wir sehen eine gute Entwicklung: Seiten sind so lang, wie sie vom Inhalt her sein müssen. Dieser content-first-Ansatz bedeutet, dass man sich frei machen kann von Vorgaben und alle Seiten so gestalten kann, wie es die jeweiligen Inhalte erfordern. Man sollte lediglich darauf achten, dass die Seiten innerhalb eines Bereiches der Site ungefähr ähnlich lang sind, um die Nutzer nicht zu verwirren.

Kachel-Optik

Kacheln oder Karten nennen sich die Gestaltungselemente, auf die viele Sites heute setzen. Elemente werden so zusammengefasst, dass sie als eigenständige Kacheln oder Karten neu angeordnet werden können – ein großer Vorteil beim Responsive Design.

Quelle: Jens Jacobsen

Quelle: Jens Jacobsen

Mega Menus

So genannte Mega Menus oder Mega-Dropdown-Menüs zeigen den Inhalt eines Bereichs der Website auf einen Blick. Anders als die früher üblichen verschachtelten Menüs ist damit gleich alles zu sehen, was der jeweilige Unterbereich zu bieten hat.

Quelle: Jens Jacobsen

Quelle: Jens Jacobsen

Mega-Menüs bieten die Möglichkeit, direkt eine weitere Ebene in der Navigation darzustellen und können so zu einer besseren Orientierung beitragen und schneller ans Ziel führen.

Ohne Probleme sind sie aber nicht, wie Jakob Nielsen zeigt: Mega-Menüs Gone Wrong

Fat Footer

Früher sah man am Ende einer Seite oft nur eine Zeile mit Link zum Impressum. Heute steht auf vielen Sites hier eine lange Liste mit Links – im Englischen fat footer (dicker Fußteil) genannt. Warum macht man das?

Dieser Bereich am Seitenende bekommt viel Aufmerksamkeit und anders als den Seitenkopf sehen ihn nur die Nutzer an, die ein erhöhtes Interesse an den Inhalten der Site haben. Denn wer bis zum Seitenende scrollt, der fand die Seite so interessant, dass er bis ganz zum Ende gelangt ist.

Es kann natürlich sein, dass er noch nicht gefunden hat, was er sucht. Aber immerhin ist er noch hoffnungsvoll, sonst hätte er die Site schon verlassen.

Daher kann man am Fußende der der Seite hoch motivierte Nutzer mit Links versorgen. Das Fußende bietet sich also an für:

Weiterführende Links
Hilfe zur Orientierung/Navigation
Weitere Hilfestellung/Kontakt
Nachdem der Footer ein wichtiger Teil der Seite ist, sollte man die Elemente hier nicht zu klein oder zu unauffällig formatieren. 11 Punkt Schriftgröße oder Hellgrau auf Weiß sind eher ungünstig und verschenken die Chancen.

Quelle: Jens Jacobsen

Bessere Typografie/mehr Weißraum

Früher war man auf wenige Schriftarten angewiesen, und daher nutzen bis heute sehr viele Sites Verdana, Arial oder Times – Browser konnten nur die Schriften darstellen, die auf dem Rechner installiert waren.

Doch seit einigen Jahren lassen sich beliebige Schriften in den üblichen Browsern darstellen. Und technisch korrekt umgesetzt ist die Ladezeit der Seiten dadurch auch nur unwesentlich geringer.

So können Freunde der Typografie aus einem großen Fundus von kostenlosen wie kostenpflichtigen Schriften schöpfen.

Aber auch, wer z.B. Helvetica als Hausschrift hat, kann heute schöner gestalten im Web. Vor allem weil das Dogma nicht mehr gilt, dass Nutzer nicht scrollen (s. oben, bei Lange Seiten unter dem Begriff above the fold). So steht mehr Platz zur Verfügung und man kann eines der wichtigsten Gestaltungsmittel der Typografie ausgiebig nutzen: Weißraum.

Elemente können wirken, wenn um sie herum ausreichend Platz ist. Das gilt vor allem auch für Überschriften.

Aber auch für Fließtext. Fließtext kann heute im Browser so gestaltet werden, dass er gut aussieht und leicht lesbar ist.

Experten empfehlen einen Basisschriftgröße von 16 CSS-Pixeln für den Fließtext. Das entspricht ungefähr 12 Pixeln für gedruckten Text.

Zeilen sollten maximal 75 Zeichen breit sein (siehe Size Matters: Balancing Line Length And Font Size In Responsive Web Design|Smashing Magazine).

Google empfiehlt auch, ausreichend große Schrift zu verwenden. Bei den PageSpeed Insights werden Seiten mit zu kleiner Schrift schlechter bewertet: Lesbare Schriftgrößen verwenden | PageSpeed Insights

Die meisten Entwickler sind der gleichen Meinung: Is there an optimal font size? | User Experience Stack Exchange

Klarer Fokus

Quelle: Jens Jacobsen

Was für Schriften gilt, gilt auch für die Seiten allgemein: Der Eindruck von modernen Sites heute ist klar und aufgeräumt.
Die großen Bilder (hero images, siehe oben) und Überschriften sind großzügig angelegt, haben viel Weißraum um sich und können so wirken. Auch Illustrationen werden sparsam eingesetzt, sind aber immer groß und eher technisch-reduziert als verspielt.

Generell verzichten gute moderne Sites auf kleinteilige Elemente und arbeiten mit wenigen, klaren Farben (s. auch Flat Design oben).

Sie nutzen ein einfaches Gestaltungsraster, um die Elemente systematisch auf den Seiten zu platzieren.

Einzelne Elemente, die diese Ordnung durchbrechen, sorgen für Aufmerksamkeit.

Startseite wird weniger wichtig

Die Nutzerzahlen für die Starseite brechen ein. Und zwar dramatisch. Die Startseite der New York Times beispielsweise hat schon 2013 über 80 Millionen Besucher pro Monat verloren verglichen mit zwei Jahren zuvor – das ist die Hälfte der Besucher.

Interessanterweise ist die Gesamtzahl der Besucher auf nytimes.com in dieser Zeit aber gestiegen. Nur die Homepage ließen die Nutzer dabei immer öfter links liegen.

Gefallen ist auch der Zugriff auf die ersten Seiten der Kategorien („World“, „Politics“, „Sports“ etc.) und die Zugriffe über die eigene App.

Die US-Traditions-Zeitung ist dabei keine Ausnahme. Der Trend ist auf Mediensites besonders stark, aber fast alle Sites beobachten das Phänomen: Mehr und mehr kommen Nutzer direkt auf Unterseiten. Nur noch 5 bis 15 Prozent der Besucher beginnen mit der Homepage.

Der wichtigste Grund für diesen Trend ist: Praktisch jeder geht direkt zu Google bzw. nutzt die Google-Eingabe des Browsers. Das ist praktisch immer die einfachste Möglichkeit, auf eine Site zu kommen.

Das heißt, selbst wer direkt auf eine bestimmte Website will, nutzt dafür eine Suchmaschine. Und in der Trefferliste sieht er nicht nur Links zur Startseite, sondern auch zu Unterseiten. Und natürlich auch zur Konkurrenz.

Das bedeutet: Nehmen Sie Ihre Startseite nicht mehr so wichtig. Hier können Sie sich ganz darauf konzentrieren, zu zeigen, was die Site insgesamt bietet und für wen sie steht.

Und die Unterseiten müssen im Gegenzug ebenfalls Orientierung bieten. Wer hier landet, muss ein Gefühl dafür bekommen, was das für ein Unternehmen ist. Und er muss durch die Navigation sofort wissen, wie er sich auf der Site bewegt und welche Inhalte sie bereithält.

Persönlichkeit, Geschichten erzählen (Storytelling)

Quelle: Jens Jacobsen

Das Schlagwort Storytelling geistert schon seit Jahren durch die Online-Marketing-Welt. Es ist überstrapaziert, sagt für sich wenig und wird meist falsch verwendet. Tatsache ist aber, dass gerade professionelle Sites in den letzten Jahren viel persönlicher geworden sind. Der Mensch steht im Mittelpunkt. Es hat sich die Erkenntnis durchgesetzt: Auch bei Sites, die sich an Geschäftskunden richten (B2B), entscheiden Menschen, welches Produkt gekauft wird, welcher Dienstleister beauftragt wird. Und Menschen bauen Vertrauen zu Menschen auf, zu Traditionen, sie schätzen etablierte Werte. Daher sieht man auf Sites inzwischen sehr viel mehr Fotos von Menschen, die bei den Unternehmen arbeiten.
Bilder von Agenturen (stock photos) werden immer seltener, weil sich herumgesprochen hat, dass diese austauschbaren Bilder nicht funktionieren. Sie können kein Vertrauen schaffen, sondern wirken austauschbar.

Gerade im B2B-Umfeld ist der persönliche Bezug oft sogar wichtiger als beim Geschäft mit Endkunden. Ob man bei Amazon oder bei eBay kauft, ist letztlich für den Kunden egal. Aber welche Unternehmensberater man sich ins Haus holt, mit welchem IT-Dienstleister man zusammenarbeitet oder von wem man sich Grundstoffe für die Produktion liefern lässt, das will man ganz genau wissen.

Was denken Sie? Welche Trends sind Ihnen aufgefallen?

Der Beitrag Ist Ihre Site noch zeitgemäß? erschien zuerst auf contentmanager.de.

Überzeugender ganzheitlicher Ansatz

Von Anfang an verfolgte JAB Anstoetz das Ziel, eine gemeinsame Plattform für die Präsentation aller Produkte und Marken der Gruppe zu schaffen und gleichzeitig B2B- und B2C-Kunden anzusprechen. Unterschiede gibt es für die unterschiedlichen Nutzergruppen dabei nur in der Informationstiefe. Der internationale Webauftritt ist länderspezifisch. Bislang präsentiert JAB Anstoetz auf der Plattform rund 15 500 Produkte seiner Interior Marken. 2016 will JAB Anstoetz B2B-Commerce implementieren.

Mit www.jab.de hat ecx.io für JAB Anstoetz eine strukturierte B2B-Plattform mit emotionaler und nutzergerechter B2C-Kundenansprache vereint. Besonderen Wert legte JAB Anstoetz auf Design und Funktion der Webseite, die die handwerkliche Superiorität seiner Produkte widerspiegelt. Dies gelang ecx.io in erster Linie durch innovatives Responsive Design für beste User Experience.

Funktion mit Emotion

Sören Diekmeyer, Projektleitung digitale Medien bei JAB Anstoetz, sagt: „Die neue JAB Webseite verbindet auf ideale Weise Emotion und Funktion. Das ist ecx.io mit einem ganzheitlichen Ansatz und einem frischen responsiven Design gelungen.“

Markus Dietrich, Vice President Germany bei ecx.io, erklärt: „JAB Anstoetz ist aufgrund seines hochwertigen Marken- und Produktportfolios ein sehr interessanter und herausfordernder Kunde. Wir konnten hier die Stärken unseres internationalen und kreativen Setups voll ausspielen. Mit SAP/hybris nutzen wir ein solides System als Plattform, dessen Frontend wir jetzt auf der Corporate Webseite mit einem hervorragenden Design und perfekter Nutzerführung ausstatten dürfen.“
Die JAB ANSTOETZ Group ist ein mittelständisches Familienunternehmen, das seit 1946 für stilvolles Wohnen und Arbeiten mit edlen Stoffen steht. Das Sortiment des renommierten Textilverlags ist das umfangreichste der Branche und besticht durch eine einzigartige Vielfalt an Designs, Qualitäten und Farben. Mit weiteren ausgewählten Produktsparten hat JAB ANSTOETZ seine Kompetenz im anspruchsvollen Interior Design Jahr um Jahr kontinuierlich ausgebaut. Heute präsentiert sich das Bielefelder Traditionshaus als international agierende Gruppe, die mit ihren exklusiven Produkten immer wieder neue Trends setzt.

Der Beitrag JAB Anstoetz relauncht auf SAP/hybris erschien zuerst auf contentmanager.de.

Über 5.000 Produkte, Maschinen und passende Zubehörteile, sind übersichtlich mit allen Informationen zu Produkt, Service und Händleradressen in einem virtuellen Showroom dargestellt. Die anwendungsorientierte Darstellung wurde genau auf die Anforderungen der Profis aus Handwerk und Industrie zugeschnitten und soll als Serviceangebot vor allem eine hohe Benutzerfreundlichkeit bieten. Durch die Integration der Suchtechnologie FINDOLOGIC, wird mit einer Autocomplete-Funktion bei der Suche die Eingabezeit verkürzt, gefundene Produkte können anschließend mit Hilfe einer Merkliste gespeichert und verglichen werden. Bei jedem Produkt wird das passende Zubehör vorgeschlagen. Bedarfsorientiert stellt Metabo Systemlösungen zur Verfügung, die dem Kunden einen erheblichen Mehrwert bringen.

Konzipiert und umgesetzt wurde der virtuelle Showroom als Kunden-Service-Portal mit dem E-Commerce Dienstleister NETFORMIC. „Um viele Informationen benutzerfreundlich und übersichtlich darzustellen, haben wir die Website auf Basis der Shoptechnologie OXID eSales realisiert. Statt der Bestellfunktion, hat der User einen Button zur Händlersuche. Damit realisieren wir eine enge Verzahnung von Offline- und Online-Auftritt. Dieser Multichannel und Crosschannel Ansatz bindet den Kunden stärker an die Marke Metabo. Denn sowohl im digitalen Showroom, als auch stationär bekommt der Kunde, je nach Bedürfnis, maximalen Service.“, erläutert Frank Liebig, COO bei NETFORMIC.

„Mit der neuen Corporate Website, dem Showroom für die Marke Metabo und Metabo-Produkte, übertragen wir unser Qualitäts- und Serviceversprechen nun auch in vollem Umfang auf die Online-Präsentation. Unsere Kunden können schnell und komfortabel navigieren und mit wenigen Klicks alle gewünschten Informationen finden, ganz gleich, von wo und mit welchen Geräten sie auf die Seite zugreifen – die Umsetzung im responsiven Webdesign garantiert die optimale Darstellung. Damit sind wir auch für die stark zunehmende mobile Nutzung bestens aufgestellt“, erklärt Andreas Thumm, Leiter Online Marketing und Verantwortlicher für die neue Website bei Metabo.

Der Showroom, der zunächst in den Sprachen Deutsch und Englisch verfügbar ist, soll im nächsten Schritt um einige Sprachen und Ländersortimente erweitert werden. Mit mehr als 30 Länderseiten, die auf die neue Technologie angepasst werden sollen, will Metabo den Profis in Handwerk und Industrie zukünftig auch international höchsten Komfort bei der Suche nach Produkten und Lösungen bieten.

Der Beitrag Metabo relauncht Shop auf OXID eSales erschien zuerst auf contentmanager.de.

Der Beitrag Sieben Gründe für die Überarbeitung der Webseite erschien zuerst auf contentmanager.de.

Ein Ziel definieren: Vorn Zeit genommen und hinten gespart

Zu Beginn muss die Zielsetzung klar definiert und entsprechend strategisch verankert werden. Nur wenn dem Vorhaben entsprechende Priorität eingeräumt wird, können die nötigen Ressourcen bereitgestellt werden. Es empfiehlt sich, ein internes Team für den ReLaunch zusammenzustellen und gleichzeitig externe Beratung hinzuzuziehen, zumindest zeitweise. Eine objektive Sicht auf die Dinge hilft, einen realistischen Projektplan zu erarbeiten und die aufeinanderfolgenden Schritte richtig vorzubereiten. Der Anfang fällt bekanntlich am schwersten: Methoden, Tools und Techniken müssen ausgewählt, die Mitarbeiter (also die Zielgruppe des Intranets) sinnvoll einbezogen und die benötigten Ressourcen sowie Zeitpläne realistisch eingeschätzt werden.

Neben den organisatorischen Aufgaben müssen aber vor allem die Aufgaben des zukünftigen Intranets festgelegt werden. Denn jedes Intranet muss auf den individuellen Zweck innerhalb des Unternehmens zugeschnitten sein. Dabei empfiehlt sich auch – soweit vorhanden – eine Analyse des aktuellen Intranets: Stärken und Schwächen werden herausgearbeitet und erste Beschlüsse für Veränderungen (oder auch benötigte Funktionen, Inhalte, Do’s und Dont’s) festgehalten.

Den Nutzer einbeziehen: Für Mitsprachrecht und Akzeptanz sorgen

Um sich von Anfang an besser auf die Nutzer zu fokussieren, kann das Erstellen von Personas helfen. Dabei werden typische Nutzer („Archetypen“) anschaulich beschrieben und können bei Entscheidungen oder Konzepten immer wieder als Kriterium herangezogen werden: Welchen Nutzen hätte Persona XY von der Funktion Z? Welche Inhalte würde die Persona am häufigsten nutzen und bräuchte daher einen prominenten Zugang? Für welche Variante von Funktion Z würde sich die Persona entscheiden? Diese und ähnliche Fragestellungen helfen, die Zielgruppen nicht aus den Augen zu verlieren.

Auch Fokusgruppen können helfen, die Anforderungen der Mitarbeiter aufzunehmen oder erste Entwürfe zu bewerten. Solche Gruppendiskussionen haben den Vorteil, dass Argumente direkt hinterfragt werden können und Begründungen für Einstellungen/Meinungen ans Tageslicht kommen. Der Austausch kann letztendlich zu neuen Ideen und Kompromissen führen. Vor allem aber ist es wichtig, dass die Mitarbeiter das Gefühl bekommen, ein Mitspracherecht zu haben. Wird alles über ihre Köpfe hinweg entschieden, haben sich nicht mal die Chance einen Interessenvertreter zu wichtigen Terminen zu schicken, sinkt die Akzeptanz des neuen Intranets von vornherein. Daher ist es für den späteren Erfolg des Intranets existenziell, den Nutzern Gehör zu verschaffen.

Eine Struktur entwickeln: Die intuitive Ordnung herstellen

Die Navigationsstruktur eines Intranets ist bei der Komplexität und Fülle an Informationen meist ein zentraler Knackpunkt. Auf der sicheren Seite ist man mit einem „Card-Sorting“. Ohne im Detail auf die verschiedenen Arten eines Card-Sortings einzugehen, sei jedoch festgehalten, dass am Ende eine vollständige und „optimale“ Navigationsstruktur steht. Dabei kann bei Bedarf auch nur die Hauptnavigation (oberste Ebene) oder auch sinnvolle Unterkategorien und ihre Inhalte definiert werden. Für die Teilnehmer an solch einem Card-Sorting ist dies eine sehr dankbare und auch wertschätzende Aufgabe. Letztendlich sich die Mitarbeiter aber auch tatsächlich die wichtigsten Helfer, wenn es um die Entwicklung der Navigationsstruktur geht. Richtig angeleitet, entwickeln sie gemeinsam einen nachhaltigen und intuitiven Aufbau. Der Intranet-Manager einer unserer Kunden hielt kürzlich fest: „…und der von eResult geplante und durchgeführte Card-Sorting Workshop war nicht nur zielführend, sondern machte allen Beteiligten auch noch Freude.“

Konzepte erstellen: Von ersten Skizzen bis zum fertigen Layout

Im nächsten Schritt wird es konkret. Jetzt sollten spätestens zentrale Seitentypen definiert und für diese erste Skizzen (Scribbles) angefertigt werden. Darin verständigt man sich auf die Position von wiederkehrenden Elementen, den groben Seitenaufbau und erste Funktionen. Im weiteren Verlauf werden die Entwürfe immer feiner, in Wireframes überführt und schließlich mit Design versehen. Wichtig dabei ist, immer wieder Feedbackschleifen einzubauen, in dem Sinne, dass das mit dem ReLaunch betraute Team immer wieder über Zwischenergebnisse informiert wird und Änderungswünsche kommunizieren kann. Werden externe Dienstleister mit den Konzepten betraut, sollten die Feebacktermine bereits frühzeitig vereinbart werden, damit alle Beteiligten an einem Ort zusammenkommen können.

Wichtig ist auch die Unterscheidung dessen, was in den einzelnen Schritten abgestimmt werden soll. Die Wireframes dienen vor allem den Fragen „Welche Elemente werden benötigt“ und „Was wird in den jeweiligen Elementen dargestellt?“. Die Frage „Wie soll das aussehen“ muss vertagt werden, bis Design-Vorschläge vorliegen. Die Trennung der Diskussion in die verschiedenen Bestandteile der Lösung ermöglicht zielgerichtete und effiziente Abstimmungsprozesse. Sind verschiedene Ausgabeformate vorgesehen (z.B. Tablet, PC, Smartphone), sollten diese ebenfalls von Anfang an berücksichtigt werden.

Nach dem Projekt ist vor dem Projekt: Learnings und Fazit

Die beschriebene Vorgehensweise hat sich in der Praxis bewährt, muss aber nicht immer die Ideallösung darstellen. Wie jedes Unternehmen und jedes Intranet, verlangt auch jeder ReLaunch nach individuellen Lösungen. Das systematische Vorgehen im Sinne des User Centered Design hilft jedoch, ggf. bestehende Diskrepanzen oder Meinungsverschiedenheiten aufzuzeigen und aufzulösen. Zudem werden konzeptionelle oder technische Probleme frühzeitig aufgedeckt. Vor allem aber kann der „größte gemeinsame Nenner“ gefunden werden und die konkreten Entscheidungsgrundlagen fördern dies. Denn über konkrete Arbeitsergebnisse oder Entwürfe diskutiert es sich leichter als über Ideen oder Meinungen. Eine Schritt-für-Schritt-Konzeption mit mehreren Iterationen ist daher sehr empfehlenswert.

Letztendlich hört die Arbeit am Intranet mit dem Launch aber nicht auf. Ein solches Produkt entwickelt sich stetig weiter. Zudem nehmen während und nach dem Launch die organisatorische Umsetzung und das Veränderungsmanagement eine entscheidende Rolle ein. Eine solide Basisarbeit ist jedoch die halbe Miete und stellt die besten Weichen für eine erfolgreiche Optimierung des „Digital „Workplace“.

Der Beitrag Nutzerzentrierte Intranet-Entwicklung: Mit einer systematischen Vorgehensweise zu mehr Effizienz und Zufriedenheit erschien zuerst auf contentmanager.de.