Webdesign-Kritik Nr. 45: Optimierte Kabelgesellschaft
Jede Woche schauen wir uns eine neue Website an und analysieren das Design. Wir werden sowohl auf die Bereiche hinweisen, die gut gemacht sind, als auch auf diejenigen, die etwas Arbeit gebrauchen könnten. Abschließend bitten wir Sie, Ihr eigenes Feedback zu geben.
Die heutige Website ist Optimization-World.com, die Heimat der Optimized Cable Company.
Entdecken Sie Designressourcen
Wenn Sie Ihre Website für eine zukünftige Designkritik einreichen möchten, dauert es nur wenige Minuten. Für die Kritik an Ihrem Design berechnen wir 49 US-Dollar - deutlich weniger, als Sie für einen Berater bezahlen würden, der sich Ihre Website ansieht! Mehr erfahren Sie hier.
Über Optimized Cable Company
Jedes bei Optimized Cable Company verkaufte Kabel ist lebenslang garantiert. Wenn Ihr Kabel jemals ausfällt, senden Sie es einfach an uns zurück, damit Sie es problemlos austauschen können. Wir sind sehr stolz darauf, hochwertige Kabel zu sehr fairen Preisen anzubieten. Überbezahlen Sie Ihre Kabel nicht in den Kaufhäusern. Bestellen Sie bei uns und profitieren Sie von unserem kostenlosen Versandangebot. Wir machen dir keinen Nickel-n-Cent. Der Preis, den Sie sehen, ist der Preis, den Sie zahlen.
Hier ist ein Abschnitt der Homepage:
Erster Eindruck
Hier gibt es einige gute Ideen, aber im Großen und Ganzen spiegelt das Design etwas sehr genau wider, was vor etwa zehn Jahren ziemlich üblich gewesen wäre. Webdesign-Trends sind etwas, das Aufmerksamkeit verdient, wenn Sie eine Website entwerfen. Nicht damit Sie die Ideen anderer abreißen können, sondern um sicherzustellen, dass sich Ihr Endprodukt modern und relevant anfühlt.
Als Designer fällt es uns zu leicht, bei der Herangehensweise an ein Projekt hängen zu bleiben. Der negative Effekt davon ist, dass sich die Welt verändert, während wir gleich bleiben. Eine Website zu haben, die sich veraltet anfühlt, ist für Online-Shops besonders gefährlich, da sie direkt mit niedrigeren Umsätzen zusammenhängen kann. Besucher kommen vorbei und sind sich plötzlich nicht mehr sicher, ob die Website ein sicherer Ort ist, um Geld auszugeben. Ist dies ein legitimes Unternehmen, das meine Kreditkarteninformationen schützt? Oder ist die Sicherheit ihrer Website veraltet? In diesem Fall gehe ich möglicherweise zu Best Buy über, unabhängig von den Kosten und der Qualität der Produkte, nur weil sich die Website sicherer anfühlt.
Zugegeben, es ist schwierig, genau zu bestimmen, was ein modernes Design von einem veralteten unterscheidet. Deshalb werden wir heute prüfen, ob wir feststellen können, welche Aspekte unsere Eindrücke über den Zeitraum direkt beeinflussen.
Header
Das erste, was unsere Aufmerksamkeit hier auf sich zieht, ist das Logo. Es ist ein stark glänzendes Element, das sich wie aus der frühen Web 2.0-Phase anfühlt. Glanz kann in vielen Webdesigns immer noch funktionieren, wenn er richtig ausgeführt wird, aber hier fühlt sich dieses spezielle Element fehl am Platz an. Praktisch nichts anderes auf der Seite entspricht diesem Erscheinungsbild, einschließlich des Textes auf dem Logo, der sich eher wie eine Oldtimer-Anzeige anfühlt (mehr Verwirrung in der Zeitspanne).
Als nächstes bewegen wir uns auf den gelben Farbverlauf. Diese Farbe verstößt wirklich gegen das Schema des Restes der Site. Vermarkter mögen dies, weil es auffällt, aber aus gestalterischer Sicht fühlt es sich einfach falsch an. Farben, die sich ergänzen, können hervorstechen und Aufmerksamkeit erregen, ohne zusammenzustoßen. Auch ohne Berücksichtigung des restlichen Standorts ist der gelbe Farbverlauf eine andere Sache, die die aktuellen Trends nicht widerspiegelt.
Um zu sehen, was ich meine, vergleichen wir das Versandbanner auf der obigen Website mit demselben Element auf der Staples-Website.
Daraus können wir viel lernen. Erstens ist das Layout viel geräumiger und geräumiger, nicht alles ist so eng. Wir sehen auch einige starke Linksausrichtungen im Gegensatz zu vergleichsweise schwachen Mittelausrichtungen. Beachten Sie, dass der Schlüssel hier subtil ist. Es gibt Farbverläufe und sogar eine Textur, die aus dünnen Linien erstellt wurde. Beide sehen wir auf der optimierten Website. Auf der Staples-Site sind diese Elemente jedoch viel gedämpfter. Sowohl die Farbverläufe als auch die Linien sind leicht zu übersehen, wenn Sie nicht aufpassen, was bedeutet, dass sie zur Ästhetik beitragen, ohne abzulenken.
Farben und Texturen
Wenn wir uns auf der Website bewegen, können wir feststellen, dass die Farben und Texturen eine große Rolle für den Eindruck eines Zeitraums spielen. In der Abbildung unten sehen wir dies im Spiel zusammen mit der starken Verwendung harter Ecken mit schwarzen Strichen mit einem Pixel, die an sie grenzen. Dies erzeugt ein kastenförmiges Gefühl, das mich an einige Arbeiten erinnert, die ich einmal für einen Kunden in einem CMS namens Plone ausgeführt habe.
Vergleichen wir dies noch einmal mit einigen der Behandlungen, die wir in einem ähnlichen Bereich auf der Website eines Hauptkonkurrenten sehen. Der Screenshot unten zeigt die Seitenleiste der Radio Shack-Homepage. Dieses Unternehmen ist nicht gerade ein perfektes Bild moderner Geschäftspraktiken, aber es versucht, seine Website frisch und relevant zu halten.
Fotos & Text
Neben den grafischen Elementen auf der Seite müssen Sie auch beobachten, wie Sie Ihre Bildbehandlungen strukturieren. Das Foto unten hat wirklich keinen guten einfarbigen Bereich, auf dem Text platziert werden kann. Daher wurde der Text mit einer unangenehmen Behandlung mit Geisterschatten versehen, um ihn hervorzuheben.
Manchmal haben Sie ein Foto, das mit Text wirklich nicht funktioniert. Anstatt zu versuchen, die beiden zusammenzuhalten, wenn es einfach nicht funktioniert, sollten Sie eine alternative Route in Betracht ziehen. Wir haben einen ganzen Artikel über das Entwerfen mit Fotos, der einige großartige Tricks für die attraktive und lesbare Kombination von Text und Fotografie enthält.
Text & Logos
Der letzte Teil dieser Seite, den ich ansprechen möchte, ist im Bild unten dargestellt. Hier haben wir eine ganze Reihe von Logos, von denen einige wohl notwendig sind, aber ich bin definitiv nicht davon überzeugt, dass sie alle da sein müssen. Die Akkreditierung durch die BBB ist gut, aber muss ich wirklich wissen, dass die Website den US-Postdienst nutzt? Es ist ziemlich selbstverständlich, dass ein Produkt, das ich online kaufe, irgendwie an mich versendet wird und die meisten von uns den US-Postdienst als „normale alte Post“ bezeichnen.
Außerdem könnten die Kreditkartenlogos wahrscheinlich auf die Zahlungsseite verschoben werden. Die meisten Verbraucher, die sich für einen Online-Kauf wohl fühlen, gehen davon aus, dass Sie gängige Kreditkarten verwenden.
Als nächstes kommt ein riesiger Block einheitlichen Textes. Es gibt keine Überschriften, Symbole, differenzierten Textbehandlungen (außer Links) oder andere Tricks, die verwendet werden, um dies aufzubrechen und besser lesbar zu machen. Auf einen Blick weiß ich nicht einmal, worum es in diesem Textblock geht. Warum sollte ich mir dann einige Minuten Zeit nehmen, um ihn zu lesen?
Im Webdesign kann man einfach nicht erwarten, dass Besucher einen Teil dieses reinen Textes in Angriff nehmen. Einer von hundert Besuchern könnte tatsächlich den ersten Absatz durchgehen, aber das ist optimistisch. Bedeutet das, dass Sie nicht viel Text auf einer Webseite haben können? Absolut nicht. Sie müssen nur lernen, es in aussagekräftige und überschaubare Teile aufzuteilen, die schnell nach relevanten Informationen durchsucht werden können.
Die Designer von MailChimp sind in diesem Bereich hervorragend und ich beziehe mich immer auf ihre Arbeit, wenn ich dieses Thema diskutiere. Ihre jüngsten Website-Redesign-Tackles enthalten eine Feature-Seite, die voller Text ist. Sehen Sie sich jedoch an, wie sie damit umgegangen sind:
Hier werden starke Überschriften, kurze Textblöcke und Bilder verwendet, die auf den Inhalt hinweisen, um den gesamten Inhalt leicht verdaulich zu machen.
Empfehlungen
Um diese Website in das Jahr 2011 zu bringen, empfehle ich den Designern, sich auf anderen Websites sowohl auf ihrem Gebiet als auch außerhalb umzusehen (unsere Designgalerie wurde genau für diesen Zweck erstellt). Erfahren Sie mehr darüber, was moderne Websites von den Trends und Taktiken auf der optimierten Website unterscheidet.
Du bist dran!
Nachdem Sie meine Kommentare gelesen haben, können Sie dem Designer weitere Ratschläge geben. Lassen Sie uns wissen, was Ihrer Meinung nach am Design großartig ist und was Ihrer Meinung nach stärker sein könnte. Wie immer bitten wir Sie, auch den Designer der Website zu respektieren und klare konstruktive Ratschläge zu geben, ohne harte Beleidigungen.
