Jede Woche schauen wir uns eine neue Website an und analysieren das Design. Wir werden auf beide Bereiche hinweisen, die gut erledigt werden, zusätzlich zu den Bereichen, in denen etwas Arbeit anfallen könnte. Zum Schluss bitten wir Sie, Ihr eigenes Feedback zu geben.
Die heutige Website ist Optimization-World.com, die Heimat der Optimized Cable Company.
Wenn Sie Ihre Website für eine zukünftige Design-Kritik einreichen möchten, dauert dies nur wenige Minuten. Für die Bewertung Ihres Designs berechnen wir 49 US-Dollar - deutlich weniger, als wenn Sie einen Berater für einen Blick auf Ihre Website bezahlen würden! Hier erfahren Sie mehr.
Über Optimized Cable Company
Jedes bei Optimized Cable Company verkaufte Kabel ist auf Lebenszeit garantiert. Wenn Ihr Kabel einmal ausfällt, senden Sie es einfach für einen problemlosen Austausch an uns zurück. Wir sind sehr stolz darauf, qualitativ hochwertige Kabel zu sehr fairen Preisen anzubieten. Bezahlen Sie Ihre Kabel nicht in den Kaufhäusern. Bestellen Sie bei uns und profitieren Sie von unserem kostenlosen Spezialangebot. Wir vernickeln Sie nicht. Der Preis, den Sie sehen, ist der Preis, den Sie bezahlen.
Hier ist ein Bereich der Homepage:
Erster Eindruck
Hier gibt es einige gute Ideen, aber im Großen und Ganzen spiegelt sich das Design sehr nahe an etwas, das vor zehn Jahren eher üblich gewesen wäre. Webdesign-Trends verdienen Aufmerksamkeit, wenn Sie eine Website entwerfen möchten. Nicht so, dass Sie die Ideen anderer reißen können, sondern um sicherzustellen, dass Ihr Endprodukt sich modern und relevant anfühlt.
Als Designer ist es für uns zu einfach, in der Art und Weise, wie wir an ein Projekt herangehen, stecken zu bleiben. Der negative Effekt ist, dass sich die Welt verändert, während wir gleich bleiben. Eine Website, die sich veraltet anfühlt, ist besonders für Online-Shops gefährlich, da sie direkt mit niedrigeren Umsätzen zusammenhängt. Besucher kommen vorbei und sind plötzlich unsicher, ob die Site ein sicherer Ort ist, um Geld auszugeben. Handelt es sich dabei um ein legitimes Unternehmen, das meine Kreditkarteninformationen schützt? Oder ist die Sicherheit ihrer Website veraltet? In diesem Fall kann ich unabhängig von den Kosten und der Qualität der Produkte zu Best Buy übergehen, nur weil sich die Website sicherer fühlt.
Zwar ist es schwierig, genau zu bestimmen, was ein modernes Design von einem veralteten Design unterscheidet, deshalb werden wir heute durchforsten und sehen, ob wir feststellen können, welche Aspekte unsere Eindrücke über den Zeitraum direkt beeinflussen.
Header
Das erste, was uns hier auffällt, ist das Logo. Es ist ein stark glänzendes Element, das sich anfühlt, als wäre es aus der frühen Web 2.0-Periode. Glanz kann in vielen Webdesigns noch funktionieren, wenn er richtig ausgeführt wird, aber hier fühlt sich dieses Element fehl am Platz. Praktisch nichts anderes auf der Seite passt zu diesem Look & Feel, einschließlich des Textes auf dem Logo, der sich eher an eine Oldtimer-Anzeige anfühlt (mehr Verwirrung durch Zeiträume).
Als nächstes bewegen wir uns auf den gelben Farbverlauf. Diese Farbe verstößt wirklich gegen das Schema der restlichen Site. Vermarkter mögen das, weil es auffällt, aber aus Designperspektive fühlt es sich einfach falsch an. Farben, die sich ergänzen, können auffallen und auffallen, ohne zu stoßen. Auch ohne Rücksicht auf den Rest der Website ist der gelbe Gradient eine andere Sache, die die aktuellen Trends nicht widerspiegelt.
Um zu verstehen, was ich meine, vergleichen wir das Versand-Banner auf der oben genannten Website mit demselben Element auf der Staples-Website.
Daraus können wir viel lernen. Erstens ist das Layout viel geräumiger und geräumiger, alles ist nicht so eng. Wir sehen auch einige starke linke Ausrichtungen im Gegensatz zu vergleichsweise schwachen Achsausrichtungen. Beachten Sie, dass der Schlüssel hier subtil ist. Es gibt Farbverläufe und sogar eine Textur, die aus dünnen Linien erstellt wurde, die beide auf der optimierten Website angezeigt werden. Auf der Staples-Site sind diese Elemente jedoch viel gedämpfter. Sowohl die Steigungen als auch die Linien sind leicht zu übersehen, wenn Sie nicht aufpassen, was bedeutet, dass sie zur Ästhetik beitragen, ohne dabei abzulenken.
Farben und Texturen
Wenn wir die Seite nach unten bewegen, können wir mehr von dieser Idee sehen, dass die Farben und Texturen eine große Rolle für den Eindruck einer Zeitperiode spielen. In der Abbildung unten sehen wir dies im Spiel zusammen mit starkem Gebrauch von harten Ecken mit einpixeligen schwarzen Strichen, die an sie grenzen. Dies erzeugt ein kastenförmiges Gefühl, das mich an einige Arbeit erinnert, die ich einmal für einen Kunden in einem CMS namens Plone gemacht habe.
Vergleichen wir dies nochmals mit einigen Behandlungen, die wir in einem ähnlichen Bereich eines großen Mitbewerberstandortes sehen. Der Screenshot unten zeigt die Seitenleiste von der Radio Shack-Homepage. Dieses Unternehmen ist nicht gerade ein perfektes Bild von modernen Geschäftspraktiken, aber sie versuchen, ihre Website aktuell und relevant zu halten.
Fotos & Text
Neben den grafischen Elementen auf der Seite müssen Sie auch beobachten, wie Sie Ihre Bildbearbeitung strukturieren. Das Foto unten hat wirklich keinen guten einfarbigen Bereich, auf dem Text platziert werden kann. Daher wurde der Text mit einer unbeholfenen Schattenbild-Behandlung versehen, um ihn hervorzuheben.
Manchmal haben Sie ein Foto, das wirklich nicht mit Text funktioniert. Anstatt zu versuchen, die beiden zusammenzuhalten, wenn es einfach nicht funktioniert, ziehen Sie eine alternative Route in Betracht. Wir haben einen ganzen Artikel über das Entwerfen mit Fotos gewidmet, in dem Sie einige großartige Tricks finden, wie Sie Text und Fotografie auf attraktive und lesbare Weise kombinieren können.
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 verwendet? Es ist ziemlich selbstverständlich, dass, wenn ich ein Produkt online kaufe, es mir irgendwie zugesandt wird, und die meisten von uns nehmen den US Postal Service als "normale alte Post".
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 die gängigen Kreditkarten verwenden.
Als nächstes kommt ein riesiger Block einheitlichen Textes. Es gibt keine Kopfzeilen, Symbole, differenzierten Textbehandlungen (abgesehen von Links) oder andere Tricks, die dies auflösen und lesbarer machen. Auf einen Blick weiß ich nicht, worum es in diesem Textstück geht. Warum sollte ich dann einige Minuten brauchen, um ihn zu lesen?
Im Webdesign kann man einfach nicht erwarten, dass sich Besucher mit so einem reinen Textstück beschäftigen. 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 sinnvolle und handhabbare Brocken aufzuteilen, die schnell nach relevanten Informationen durchsucht werden können.
Die Designer von MailChimp sind dabei herausragend und ich beziehe mich immer auf ihre Arbeit, wenn sie dieses Thema diskutieren. Die kürzlich durchgeführte Neugestaltung der Website enthält eine Seite mit Funktionen, die voll von Text ist, aber wie sie damit umgegangen ist:
Starke Überschriften, kurze Textblöcke und Bilder, die auf den Inhalt hinweisen, werden hier verwendet, um den gesamten Inhalt leicht verdaulich zu machen.
Empfehlungen
Um diese Website in das Jahr 2011 zu integrieren, empfehle ich den Designern, sich intensiv auf anderen Websites umzusehen, sowohl in ihrem Bereich als auch außerhalb (unsere Design-Galerie wurde genau zu diesem Zweck erstellt). Untersuchen Sie mehr darüber, was moderne Websites von den Trends und Taktiken der optimierten Website unterscheidet.
Sie könnten sogar erwägen, ein Store-Theme von ThemeForest zu kaufen, um einen guten Start in ein gutes Design zu erhalten. Das Thema unten kostet nur 15 $ und sieht gut aus!
Du bist dran!
Nun, da Sie meine Kommentare gelesen haben, helfen Sie dem Designer mit ein paar weiteren Ratschlägen. Teilen Sie uns mit, was Sie an dem Design toll finden und was Sie für stärker halten könnten. Wie immer bitten wir Sie, auch den Designer der Site zu respektieren und eine klare, konstruktive Beratung ohne harte Beleidigungen anzubieten.