Der Kategoriebaum ist ganz gut geworden. Er ist kein Zauberwerk, aber ich finde ihn optisch stimmig. Der User findet sich mit seiner Hilfe zurecht und kann schnell erkennen wo er sich gerade befindet. Allerdings ist der Baum nicht immer vorhanden. Das kann mal passieren, allerdings nur direkt von der Startseite ist blöd (Pulsuhr).

#14 Breadcrumb
Zu den Brotkrumen bleibt nicht viel zu sagen. Klassische Anordnung – sicher nicht verkehrt.

#15 Produktbilder
Warum bei 1 Produktbild, dass mit einem Zoom versehen ist, noch diesen Platz einräume, vermag ich zur Diskussion stellen. Das kann man sich schenken. Dafür könnte man den Zoom-Effekt als solchen vergrößern.

#16 Produktbild
Das Produktbild ist mir definitiv zu klein. Der eingebaute Zoom ebenfalls. Wenn ich den Rand etwas schneide, kann ich die Produktbox in dem Fall locker doppelt so groß unterbringen.

#17 Produkttext
Klassischer Produkttext, der zeigt dass Unimall aus den ITK-Shops heraus gewachsen ist. Aber interessiert es an der Stelle nicht, welchen Umfang das Paket genau hat? Der User hat doch keine Zeit

#18 Produktinfos
Artikelnummer als auch Hersteller sind jetzt nicht so interessant als dass man sie nicht irgendwo vergraben könnte. Den Platz könnte man sinnvoller nutzen.

#19 Zusatzfunktion
Die Funktionen den Artikel weiterzuverwenden sind etwas “dünn” geraten. In der Optik gehen sie fast unter, allerdings müsste man das Produktvergleichsfenster ohnehin erst mal suchen. Auch die Rückmeldung, dass ich ein Produkt zum Vergleich abgelegt habe, ist mir zu altbacken. Ein Layer der sich selbst ausfadet oder ähnliche Spielerei hätte ich netter gefunden.

#20 Zusatzinformationen
Besteht bei dem Produkt aus 2 Spalten. Den Klick hätte ich mir schenken können.

Was mir besonders bei dem Adobe Paket gefallen hat, ist die Erläuterung in der langen grauen Box. Dort kann ich als Laie relativ einfach die wichtigsten Informationen entnehmen. State of the Art wäre evtl. den Textwust mit Pictogrammen anzureichern und diese per MouseOver zu erläutern. Die Funktionalität wurde u.a. bei der Uhr auch eingebaut. Müsste nur umgesetzt werden.

Insgesamt wird der Unimall-Store auf mich nicht fertig. Die Funktionen sind nicht wirklich zeitgemäß und es ist noch sehr viel Luft nach oben. Vorher würde ich auch mit den Tests bzgl. der Usability nicht anfangen. Es verwundert doch schon ein wenig, da Unimall in den vergangenen Jahren schon einen optisch ansprechenderen Shop gehabt hat. Ich hoffe für die Berliner, dass Sie zu alter Stärke zurück finden.

Hinweis: Die folgenden Anmerkungen sind meine persönlichen Eindrücke, die ich beim Surfen auf der Seite gesammelt habe. Sie reflektieren nicht die Arbeit/Qualität des Unternehmens, der Mitarbeiter oder der Agentur. Diese Eindrücke sind als Anmerkungen zu verstehen nicht als Kritik im Einzelnen. Es wird ausschließlich geschildert, was der normale Surfer sieht ohne Zugriff auf Tracking-Elemente zu haben.

Allgemeines
Allgemein ist die Unimall-Seite mit 1280 Pixeln in der Breite schon weiter als dass es noch Standard wäre. Auf einem 13 Zoll MBP somit bildfüllend, was gewöhnungsbedürftig ist. Insgesamt scheint der komplette Shop unter der großen Breite zu leiden. Wichtige Elemente sind falsch positioniert oder die Anordnung ist zumindest fragwürdig.

#1 Menüs
Die Menüs bei Unimall haben 2 Stile. Die Megamenüs sind im „Student‘s Life“-Bereich nach Einsatzgebieten geordnet. In den dunkelgrünen Bereichen Apple, Software, Hardware, Sport, Wissen & Training geht es eher klassisch technisch bzw. produktbezogen zu. Das Megamenü von Hardware ragt sogar aus dem 1280er Rahmen hinaus. Wieso kein einheitlicher Stil verfolgt wird, mag ich mal in Frage stellen.

2# Social Icons
„Lies unseren Blog“ und daneben ein RSS-Icon. Es ist nicht ganz falsch, aber so richtig rund fühlt es sich eben nicht an. Wenn ich auf ein RSS-Logo klicke, erwarte ich ein RSS-Feed.
„Folge uns auf Facebook“ – spiegelt irgendwie das Blog wieder. Es ist nicht falsch, aber „Fan werden“ hatte sich durchgesetzt oder?

Insgesamt ist der Platz mir dort allerdings zu prominent im Gesamtdesign untergebracht. Man hätte es evtl. auch gut im Header unterbringen könnten, wenn man ihn etwas anders gestaltet hätte.

#3 Werbung
Die Information für den Bildungsnachweis scheint sehr wichtig zu sein. Anders kann ich mir den prominenten Platz nicht erklären. Ich würde Unimall zur Diskussion raten, ob man den Banner an Ort und Stelle rauswirft. Eine alternative Platzierung wäre im Checkout-Prozess. Sollte der Kunde in der Tat vergessen haben seinen Bildungsnachweis einzureichen, wird Ihn dies an Ort und Stelle abermals freuen. Diesen Hinweis könnte man auch in gut besuchten Kategorien unterbringen.

#4 Facebook
Die Fanbox ist völlig losgelöst von Blog und „Fan werden“ aus Nummer 2. Ähnlich wie die Werbung (#3) wirkt die Box dort fehl am Platz. Der Boxtitel ist mit 10px Schriftgröße recht klein geraten. Die Box sollte überarbeitet werden und die Fragmente der Social Buttons sollte einheitlich sich an einem Ort wiederfinden.

#5 Banner
Der Startseiten-Banner ist mit 760x290px schon ein gewaltiges Monster. Für meinen Geschmack etwas zu groß, was vielleicht auch durch die neue Breite zuschulden kommt. In den Einzelbannern steckt viel gestalterische Arbeit und diese ist hochwertig. Allerdings geht das Wichtigste unter: das Produkt. Was schwer für das Auge zu erkennen ist, dass links die Reiter zum hin und her springen ist.

#6 Schnellnavigation
Die Schnellnavigation als Icon ist ganz nett. Im Gesamtbild der Startseite muss ich meine Aufmerksamkeit aber schon voll und gänzlich dem Feld widmen. Die Tafel hätte ich dort entfernt und an Stelle von #2 gerückt. Dort könnte man 1 Feld haben „Schnellnavi“, welches bei einem Mousover sich ausrollt – nach unten und nach links, gleichzeitig ein 3×3 Quadrat realisiert. Kann mir vorstellen, dass JQuery sowas kann. Dies würde auch den nächsten Punkt mehr Präsenz geben.

weniger ist manchmal mehr

#7 Produktslider
Der Topselling-Slider darf man mehr Präsenz zeigen. Innerhalb des Sliders überwiegt der Text und nicht das Produktbild. Ich kann mir vorstellen, dass man den Produkt-Kurztext rauswirft und dafür das Produktbild so groß wie möglich darstellt. Zumal der Produkt-Kurztext scheinbar identisch mit dem Produkttitel ist.

8# Bezahlmethoden
Irgendwann Mitte der letzten Dekade hat man herausgefunden, dass Prüfsiegel ein vertrauenswürdiges Signal geben. Die Konversion steigt. Die bisher gemessenen Prozentzahlen schwanken hierzu. Bei Unimall gibt es zwar keine Prüfsiegel aber die Bezahlmethoden sind untergebracht. Etwas klein und wie andere Elemente etwas fehl am Platz.

#9 Produktbox
Die Produktboxen auf der Startseite sind in 2 Variationen unterteilt. Eine 3er-Reihe und eine 2er-Reihe. Mit oder ohne Produktkurztext. Die Produktthumbnails sind mir in diesem Fall, wie auch schon im Slide #7 zu mickrig. Die Kategorien sind so fern ab vom Schuss, dass ich etwas brauchte, bis ich es wahrgenommen habe. Icons in Anlehnung an die Schnellnavigation (#6) hätte ich hier für sinnvoller erachtet. Bilder prägen sich 55% besser ein als Texte und sind vom Auge schneller zu erfassen.

#10 Slider
Der Slider, wie bereits in #7 beschrieben, ist zu unscheinbar. Das Wording für die Kategorien ist mir insgesamt zu lang. „Unser Topseller“ – von wem denn sonst die Topseller? „Aktionsangebot“ – Angebote sind in der Regel immer zeitlich begrenzt. „Neu im Shop“ verhält sich ähnlich wie „unsere Topseller“. Ich würde hier selbstverständliches rausfallen lassen: Topseller, Angebote, Neu.
Einen A/B Test zwischen Angebote und verschiedenen Variationen könnte hier noch ein paar Prozentpunkte in der Klickrate geben.

#11 Produktvergleich
Zu klein, kaum wahrnehmbar, fehlplatziert. An dieser Stelle kommt übrigens auch das zuletzt angesehene Produkt. Dies hatte ich allerdings nur per Zufall entdeckt, ich hätte es an früherer Stelle erwartet.

#12 Newsletter
Wieso die Newsletter-Einwurfbox hier am Ende präsentiert wird, ist mir ein Rätsel. E-Mail Marketing ist ja nicht ausgestorben und scheinbar wird auch in Berlin dem Newsletter eine Bedeutsamkeit zugesprochen. Immerhin hat er als einzige Box ein farbiges „Unimall“ bekommen. „Deine E-Mail Adresse“ und „Los“ animiert mich jetzt auch nicht zum Eintragen in den Newsletter. Übrigens wurde „Los“ auch schon bei der Suche verwendet. Ich möchte meine Mail-Adresse aber nicht suchen.

Den Footer schaue ich mir nicht an. Die Artikelseiten werde ich morgen für euch mit Bemerkungen versehen. Es sei schon mal gesagt, dass dort komische Dinge passieren, die die Absprungraten bekräftigen dürften.

Wer immer noch nicht verstanden hat, worum es geht, sollte sich einfach die alten Artikel angucken. Kontaktieren könnt ihr mich über die Kommentare, Twitter oder klassisch per Mail (ich.bin@ Domainname)

Also dann, ich freu mich auf euch

Hinweis: Die folgenden Anmerkungen sind meine persönlichen Eindrücke, die ich beim Surfen auf der Seite gesammelt habe. Sie reflektieren nicht die Arbeit/Qualität des Unternehmens, der Mitarbeiter oder der Agentur. Diese Eindrücke sind als Anmerkungen zu verstehen nicht als Kritik im Einzelnen. Es wird ausschließlich geschildert, was der normale Surfer sieht ohne Zugriff auf Tracking-Elemente zu haben.

Der Webshop macht für eine XT-Commerce Installation eigentlich einen soliden Eindruck, aber auch hier finden sich (viele) Kleinigkeiten.

#8 Der Hinweis auf einen kostenfreien Versand ist sicherlich vernünftig, jedoch verlinkt das Badget auf die Startseite. Ich erkenne daran den Sinn nicht. Die Grafik ist auch “übergroß” und befindet sich im selben Dokument wie das Logo. Dies sollte man teilen.

#9 Die Suche ist freischwebend in die Ecke gedrückt. Es fällt direkt ins Auge, dass bei der Suche ein anderes Button-Design verwendet worden ist. Ich finde, ganz subjektiv, das gelb-weiss angenehmer als die grauen Button-Grafiken, die doch nah am Standard angelehnt sind. Die Suche bekommt hinter dem sehr präsenten Gratis-Versand-Badget zu wenig Aufmerksamkeit und rückt somit in Hintergrund.

#10 Da hier der Header auf die Startseite verlinkt, kann man darüber nachdenken, ob man die Startseite nicht streicht. Sicherlich ein Punkt, den man ausdiskutieren könnte.

#11 Die kostenlose Hotline geht im Menü fast unter, da sich der Text nicht von dem eigentlichen Menü abhebt. Zu allem Überfluss frisst er auch Platz.

#12 Die Breadcrump ist standardgemäß angeordnet. Durch die grafischen Effekte ist jedoch das Menü derart schwer, dass man dazu neigt sie zu übersehen. Man sollte im Testsystem mal ein wenig mit rumspielen, ob die Breadcrump an der Stelle nicht um 3px herabgesetzt.

#13 Die Kategorien empfinde ich als selbsterklärend und harmonisch. Selbst ich, als genetisch bedingter Deko-Dau finde mich schnell zurecht. Sofern ich mir im Klaren darüber bin, was ich eigentlich suche. Daher ist der Kategoriebaum ganz klar: Daumen hoch.

#14 Willkommen … im Internet. Streichen. Ersatzlos. Ich bin da, weil ich was will. Deko. Das wusste ich schon vorher. Torsten Materna hat mal einen guten Text über Willkommenstexte verfasst. Es ist im Prinzip verschenkter Raum.

#15 Apropos verschenkter Raum. Der liebevoll gestaltete Flashbanner mit der Dimension von 500px x 250px. Eigentlich nichts besonderes, wenn man das Werbemittel auch klicken könnte. Ein lockerer Klick in das Advertising, wie man es gewohnt ist, reicht leider nicht aus. Es muss such schon bemüht werden auf den integrierten aber nicht animierten Button zu klicken. Das marginal klingen, wenn man sich aber vor Augen führt, dass man von den 125.000Pixeln gerade einmal 2.860 Pixel effektiv nutze, macht das eine Ausbeute von 2,288%. Oder mir anderen Worten: über 97% des Banners verbraten. Gewichtend hinzu kommt, dass der Besucher erwartet, einfach auch die übrigen 97% anklicken zu können. Man reduziert den Banner auf 3% zu einer erfolgreichen (weiterführenden) conversion. Selbstverständlich ist das etwas überspitzt formuliert, denn der Banner zeigt ja auch etwas an. Wie eingehend erwähnt ist das gute Stück scheinbar mit “Herzblut” entstanden, da er ein wenig atmosphäre schafft (also eine Punktlandung).

#16 Ein normaler 468er. Nun fast. Er ist 500x70px – aber das ist ok, es passt einfach besser ins Design. Das dieser Banner allerdings gänzlich ohne weitere Funktion ist, als auch den Gratisversand wiederholt, sollte die Position überdacht werden.

#17 Im Falle dessen, dass ich noch keine Produkte im Warenkorb habe, macht es auch keinen Sinn, darunter einen Link auf den leeren Warenkorb zu haben. (Kleinigkeit)

#18 Der Login. “Willkommen zurück!” Die Anlehnung ist nett gemeint, aber es wird mir auch bei meinem ersten Besuch angezeigt. Ich bin da aber gar nicht zurück sondern gerade erst da?!

Eigentlich hört es sich nach wirklichen Kleinigkeiten an, allerdings wie so oft im Leben: Unterm Strich wird gezählt. Und da kommt heraus, dass auf der Startseite das erste Produkt erst nach 730 Pixeln anfängt. Dies ist eine Tatsache, der man sich bewusst sein muss. Immerhin möchte man nach wie vor verkaufen und der Besucher (im Idealfall) kaufen.

Mit einem kritischen Auge sehe ich auch die zwei Flash-Elemente direkt untereinander. Der User wird die Daten dual nicht richtig wahrnehmen können (Stichpunkt: Reizüberflutung). Wo der 500x250px gerade so schön läuft, fällt mir auch auf, dass die 2,3% Klickfläche auch die Position ändert. Man muss nur schnell genug sein!

Vorwort

Die DEKOVILA besteht aus drei Elementen: einer Firmenpräsentation, einem Shop und einem Blog. Die Firmenpräsentation wurde entweder Inhouse entwickelt oder extern abgegeben, dass kann ich nicht erkennen. Allerdings sind im Quelltext noch einige grobe Baustellen. Ich bin zwar kein SEO, aber die hinterlegen Keywords erscheinen doch etwas “too much”. Der Shop basiert auf einem klassischen XT-Commerce, der Blog wurde in WordPress realisiert. Durch eine solide Basis um den Anforderungen gerecht zu werden.

Webseite: Startseite – Header

#1 Auf der Firmenpräsentation ist das Logo nicht klickbar. Das hört sich erst mal banal an, allerdings hat es sich durchgesetzt, dass es mich zurück zur Startseite führt. Im Shop später kann man dies tun, im Blog wiederrum nicht. Der User bekommt hier einen ihm bekannte Exit-Möglichkeit, falls er sich verirrt hat. Denn spätestens wenn er Überfordert ist und sich durch eine Reizüberflutung einen Neuanfang sucht, wird er diese Möglichkeit aufsuchen. Da es auf der Seite auch keine Breadcrump gibt, ist es umso wichtiger, die ihm bekannten Werkzeuge zur Hand zu geben.

#2 Text als Bild. Text ist Text. Und die Suchmaschinen würden sich sicherlich auch darüber freuen, wenn diese Daten am Anfang als Text indiziert werden könnten. Da sich die Informationen im Headerbereich befinden und idealer Weise auf jeder Seite zu sehen sind, werden die wichtigen Informationen auch gut auffindbar sein.

#3 Den Menüpunkt “Startseite” würde ich in “Leistungen” oder “Überblick” ändern. “Startseite” ist etwas nichts aussagend und meistens finde ich dort den “Herzlich Willkommen”-Text, jedoch keine verwertbaren Informationen, die mich als Besucher wirklich interessieren.

Startseite – Menü

#4 Im Menü auf der Hauptsache findet sich ein Punkt, der abgeschafft werden sollte. Menüpunkte mit einer weiteren Ebene sind nicht verlinkt. Aufgrund der Erscheinungsweise kann man visuell nicht unterscheiden, welcher der Menüpunkte nun klickbar ist und welcher nicht. So ergibt sich das “DEKOVILA-Party”, “Dekoration”, “Profil” nicht verlinkt sind, jedoch Startseite, Deko-Online-Shop als auch Kontakt ein anderes Verhalten zeigen (verlinkt sind). Die visuelle Aufbereitung der Punkte ist jedoch identisch.

Webseite – Formulare

#5 Die Newsletter-Anmeldung fordert zu viele Informationen. Es gilt in Deutschland nach wie vor die Gesetzgebung der Datensparsamkeit (auch wenn man’s kaum glauben mag). Ich erkenne aus dem Formular auch nicht, welche Daten wirklich relevant sind bzw. ob Name, Vorname zu den Pflichtfeldern gehört. Dies ist im Onlineshop anders, dort wird nur die E-Mail Adresse verlangt. Die Felder könnten ausserdem mit einem “onFocus” versehen werden, um dem User das Löschen der Texte zu ersparen.

Formulare – Kontakt

#6 In der Anfrage werden allerhand Daten abgefragt. Da ich keinen Hinweis finde, welche Daten wirklich erforderlich sind schlussfolgert man schnell daraus, dass ich es komplett ausfüllen muss. Auch die Menge der Felder ist zu hoch. Es wird selten vorkommen, dass auf ein Online-Formular per Fax oder gar per Post geantwortet wird. Auch meine URL wird nicht benötigt. Wenn dem so wäre, würde ich dies in die Nachricht einbringen als Anfragender. Das Conversion-Goal, das Formular abzuschicken, wird sicherlich erhöht werden, wenn man sich bei dem Kontaktformular auf das wesentliche konzentriert: Firma (freiwillig), Name, Telefon (freiwillig), E-Mail (freiwillig), Nachricht – ggf. noch ein Dropdown-Feld, wo ich eine bevorzugte Kontaktmethode auswählen kann.
Daraus ergibt sich eine Feldabhängigkeit zwischen Telefon und Mail in Bezug auf die Kontaktmethode, welche abgefragt werden muss.

#7 Ob ein Reset-Button noch zeitgemäß ist, darüber kann man sich streiten. An dieser Stelle provoziert er allerdings ein erhöhtes Frustrationsrisiko. Wer Web-affin ist, wird evtl. die Buttons nicht lesen, denn i.d.R. ist rechts “Senden”. Im letzten Jahrzehnt waren die Buttons links Reset und rechts Senden angesiedelt. Wenn der Reset-Button gestrichen wird, sollte man das “Senden” nach rechts verschieben, da er dort vom Besucher erwartet wird und seinem gewohnten Handlungsfluss folgt.

Hinweis: Die folgenden Anmerkungen sind meine persönlichen Eindrücke, die ich beim Surfen auf der Seite gesammelt habe. Sie reflektieren nicht die Arbeit/Qualität des Unternehmens, der Mitarbeiter oder der Agentur. Diese Eindrücke sind als Anmerkungen zu verstehen nicht als Kritik im Einzelnen. Es wird ausschließlich geschildert, was der normale Surfer sieht ohne Zugriff auf Tracking-Elemente zu haben.

Die Produktkarte

Die Produktkarte selbst wirkt aufgeräumt, geizt aber mit ihren Features. Man muss sich schon intensiver mit der Karte auseinander setzen. Dann kommen Dinge zum Vorschein, die wirklich fantastisch sind und die man so nicht erwartet hätte.

#10 Die Beschreibung zum dem Fahrrad anzeigen. Der Button ist wie Nummer 9 aus dem selben Guss. Allerdings hat der Button nicht die gleiche Höhe und dadurch ein leicht unterschiedliches Erscheinungsbild. Der Button sieht durch die geringere Höhe und dem längeren Text gezogen aus.

#11 Die Produktdetails. Die Produktdetails verstecken sich in einem Layer. In dem Layer liegt eine Tabelle. Den horizontalen Scrollbalken sollte man sich an dieser Stelle allerdings sparen. Er erschwert die Navigation unnötig. Es kann vermieden werden, indem man der Tabelle eine feste Breite für das Fenster mitgibt. Dies hat dann auch den Vorteil, dass der Produktmanager bei der Artikelpflege keiner Mehrarbeit hat. Das verwendete Cellspacing ist nicht unbedingt mehr zeitgemäß und das Windows-ähnliche Kreuz zum Schließen des Fensters passt nicht in das Design. Es ist auch nicht sauber ausgeschnitten, was es doch etwas “unpassend” wirken lässt.

#12 Die Detailansicht des Produktes. Ein super Feature, wenn man es erstmal verstanden hat. Nutzt man die Hauptnavigationselemente kann es etwas dauern bis man “den Dreh” raus hat. Die Navigation ist hellgrau auf weißem Grund. Auf dem Bild ist über dem Pfeil nach oben ein Dreieck. Das Dreieck ist sehr unscheinbar. Das Dreieck ist der Regler für einen stufenlosen Zoom! Das macht wirklich Spaß. Sofern man es eben findet. In der Großansicht ist das Fenster, dann jedoch etwas zu klein.

#13 Eigentlich gibt es hier keinen großen Unterschied zu Nummer 8. Bis auf dass der Preis “gesprungen” ist. Während er bei Nummer 8 noch sauber zentriert ist, liegt hier das Komma nun auf. Bei vierstelligen Preisen wird es mit den Abständen verdammt knapp. Daher: nachbessern. Dauert ja nun nicht lang.

#14 Die Rahmenhöhe. Eine wirklich schöne Möglichkeit direkt das richtige Bike einzupacken. Preisunterschiede zwischen den verschiedenen Rahmen werden berücksichtig als auch die Lagerbestandsanzeige. Schön gelöst. Allerdings nicht nach Rahmenhöhe sortiert.

#15 Ein Klassiker ist sicherlich der Ratenrechner. Dass dieser allerdings erwartungsgemäß bei Änderungen auch direkt die Monatsrate ändert, war nicht so zu erwarten. Immerhin sind bis zu diesem Punkt schon einige Punkte aufgetreten, die anders reagiert haben, wie man sie bis dato erwartet hätte.

#16 Der DropIn-Button. Er ist rot. Er ist groß. Er hat ebenfalls diese “andere” Schriftart. Aber rot heißt Gefahr. Oder Stopp. Das große Rote war bei der Produktbeschreibung noch “schließen”. Ein Lagerbestand der nicht verfügbar oder leer ist wird mir auch rot angezeigt. Denn grün steht für lieferbar. Wieso ist dieser Button riesig und rot? Und was passiert danach, wenn ich diesen Button klicke? Wenn der Button schon grafisch aufbereitet ist, dann sollte er dies ebenfalls in dem Blau sein, wie vorher auch z.B. “mehr Info”. Dies hat mir vorher bereits signalisiert, dass hier “hier weitergeht”.

#17 Ein Tool zur Bestimmung der Rahmengröße. Übersehen? Da unten im Kleingedruckten kann ja eigentlich nichts interessantes mehr kommen. Denkste! Ein Feature, welches durchaus in den Vordergrund gerückt werden sollte. Es stellt neben dem stufenlosen Produktzoom ein weiteres “USP” des Shops dar. Daher darf dem guten Stück durchaus mehr Präsenz gewidmet werden.

Produktkarten Footer

#18 Cross-selling. Ebenfalls ein Punkt den man auf den ersten Blick nicht vermutet hätte. Eine visuelle Abstufung zwischen den “ähnlichen Produkten” und dem “additional Produkts” würde gut tun. Sicherlich nicht zwingend. Aber passen die Produkte nun zu dem Rad, welches ich ausgewählt habe oder zu denen, die mir unten in räumlicher Nähe angezeigt werden?

#19 Der Hinweis auf die Zahlungsmodalitäten ist sicherlich nicht verkehrt. Aber direkt unter dem Kategorienbaum zu präsent. Die Montagegarantie, welche einen gut gelaunten Mitarbeiter bei seiner Arbeit zeigt, wird in den Hintergrund gerückt. Was kann auch schon interessantes nach den Zahlungsmethoden kommen? Ein Tausch beider Elemente wäre nicht schadhaft.

Startseite – rechte Seite

In der rechten Seite eines Shops finden sich meist weniger spannende Dinge. Bei RADHAUS ist das nicht so. Eigentlich finden sich dort die interessantesten Features des Shops. Da die Top-Marken ohnehin nicht anklickbar sind, wäre es zu überdenken, ob man den Rahmengrößen-Berater (#21) als auch der eigentlichen detaillierten Fahrradsuche (#20) nicht mehr Präsenz gibt.

Fazit

Der RADHAUS Onlineshop ist ein Shop, der mit seinen Reizen geizt. Das OXID-Grundfundament gibt dem Shop eine solide Substanz. Der Shop im Ganzen hat noch Luft nach oben, der mit vielen kleinen Handgriffen seine Usability nach vorn treiben kann. Die Suche als auch der Größenberater sollten mehr Aufmerksamkeit bekommen.

Gänzlich fehlen tut ein Blog. Dieser würde die Kundenbindung noch wesentlich erhöhen und ermöglicht eine Cross-Promotion zurück in den Shop. Denn RADHAUS tut vieles offline. Dies kann man unter Events und in den Informationen nachlesen. Ein Unternehmen mit großer Tradition. In einem Blog kann man die Momente und Ereignisse rund um den Betrieb wunderbar verwerten und somit nachhaltig die Kundenbindung zum Unternehmen steigern.

Das war die erste Seite “durchgeklickt”. Ich hoffe es hat gefallen.
Meinungen, Anregungen, Fragen?

Hinweis: Die folgenden Anmerkungen sind meine persönlichen Eindrücke, die ich beim Surfen auf der Seite gesammelt habe. Sie reflektieren nicht die Arbeit/Qualität des Unternehmens, der Mitarbeiter oder der Agentur. Diese Eindrücke sind als Anmerkungen zu verstehen nicht als Kritik im Einzelnen. Es wird ausschließlich geschildert, was der normale Surfer sieht ohne Zugriff auf Tracking-Elemente zu haben.

Vorwort

Der Onlineshop von RADHAUS basiert auf einem OXID eShop Professional und ist, wenn man dem Quellcode Glauben schenken darf, zwei Jahre online. Die CSS wird leider nicht extern ausgelagert. Die Reaktionszeiten sind durchweg akzeptabel. Das Gerüst besteht aus einer Mischung von DIV-Blöcken und Tabellen. Auf den ersten Blick macht der Shop einen soliden Eindruck, scheint aber mal gebaut worden zu sein und seitdem wurde der Prozess nicht großartig fortgeführt (subjektiver Eindruck).

Startseite – Header

#1 In der Ansprache des Headers wird die Qualität der Räder als auch das qualifizierte Personal in den Vordergrund geschoben. Der Text ist nichts, was einen vom Sockel haut. Allerdings erwirkt der Zeilenumbruch einen anderen Lesefluss als der Text hergibt. Der Text ist eigentlich zusammenhängend. Durch die Umbrüche kommt man allerdings schnell in Versuchung “zu reduzierten Preisen” ein “den” (zu den reduzierten Preisen) hinzu zu dichten. Dann wäre es hier charmant, wenn man die Markennamen anklicken könnte.

#2 Die Navigation ist zunächst unspektakulär. Man kann überdenken, ob man den Menüpunkten nach Zugehörigkeit umsortiert. In dem Fall kann man “Zubehör” mit “Fahrradteile” tauschen. Die Top-Angebote bekommen durch andere Farbgebung eine höhere Präsenz zugeordnet. Ob es unbedingt signalrot sein muss, vermag ich in Frage zu stellen.

Startseite – Content

#3 Die Suche befindet sich zwischen der horizontalen und der vertikalen Navigation (Artikelbaum). Ihr wird wenig Bedeutung zugeordnet. Sicherlich ist sie auffindbar, aber etwas mehr Präsenz, wie z.B. ein Verschieben über den Content würde Ihr gut tun. (Was natürlich letztlich davon abhängt, wie die gemessenen Besucherströme über die Seite laufen)

#4 Die Top-Angebote sind auch hier singalrot. Unschwer lässt sich erkennen, dass sich die Farbe mit dem babyblauen-Hintergrund beißt.

#5 Die “Top-Marken” ist ein Logospiegel. Leider nur ohne Funktion. Der Kunde, der ein neues Fahrrad kaufen möchte, sieht “Oh Stevens, cool” und wird irritiert, denn er kann das Logo nicht klicken. Er kommt dort nicht zu seiner Wunschfirma. Erst durch das Bemühen des Dropdown-Feldes wird ihm das ermöglicht. Allerdings muss er dort die Firma, die er schon gesucht und gefunden hat, erneut heraussuchen.

#6 Der Main-Banner. (Ich bitte den Screenshot zu entschuldigen, es ist ein animiertes Flash)
Der Main-Banner ist in der derzeitigen Funktion verschenkter Raum. Es sind sicherlich emotional Ambiente-schaffende Bilder. Die vielleicht auch mehr Lust auf’s Fahrradfahren vermitteln. Aber das größte Manko – ich kann den Banner widererwarten nicht klicken. In den Unterkategorien gibt es an dieser Stelle teilweise auch einfach eine weiße Fläche. Das sollte nochmal überarbeitet werden.

Kategorienansicht

Die Kategorienansicht als auch deren Unteransichten sind wirklich nett geworden. Durch gute Produktbilder findet man sich schnell zurecht. Titel als auch Kategoriebilder sind klickbar, da dürfte selbst der Laie das finden, wonach er gesucht hat.

Produktansicht

In der vorletzten Navigationebene vor der Artikelkarte darf dann allerdings wieder etwas nachgearbeitet werden. Die Produkttitel sind nicht verlinkt. Ein weiterer Punkt, der zur Irritation des Besuchers beiträgt. Zum Einen ist es “üblich”, dass der Produkttitel verlinkt ist zum Anderen und das ist bedeutsamer, ist der Benutzer diese Vorgehensweise aus den vorherigen Schritten bereits gewohnt. Die Kategorietitel verlinkten bis dato auf die nächste darunterliegende Ebene.

#7 In der Produktbeschreibung-Vorschau fasst man sich doch sehr allgemein. Die Federausstattung ist sicherlich ein interessanter Aspekt, allerdings wird mich der Nabendynamo nicht für einen Kauf überzeugen. Wie viele Gänge hat das Rad denn? An dieser Stelle sollten Kaufanreize geschaffen werden.

#8 Der Doppelstern bedeutet, dass es der UVP der Herstellers ist. Ich kenne mich in der Radbranche nicht aus, aber als Otto-Normal-Bürger ist dieser mir aus der Elektrobranche bekannt. Daher ist mir bekannt, dass er kaum Relevanz hat. Es wird schwer einen Unterschied zwischen dem UVP und einem reduzierten Preis zu finden.

#9 Der Button, der auf die Produktkarte verlinkt. Er ist etwas befremdlich. Nicht nur, dass er eine etwas andere Farbgebung hat, auch Form als auch Schriftart fallen aus dem Gesamtbild. Sieht ein wenig nach “kreativer Spielerei” aus.

Hier endet der erste Teil. Der zweite Teil folgt morgen und beinhaltet überwiegend die Produktseite, die noch richtig coole Features hat. Aber auch die rechts angesiedelten Elemente sowie ein kleines Fazit finden im zweiten Teil Platz.

Ich hoffe, euch hat’s gefallen und bedanke mich für’s Lesen.