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 Domains4Less, ein australisches Domainnamenunternehmen.
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 34 US-Dollar - deutlich weniger, als wenn Sie einen Berater für einen Blick auf Ihre Website bezahlen würden! Hier erfahren Sie mehr.
Über Domains4Less
Bei Domains4Less bieten wir die billigsten .au-Domainnamen an. Registrieren Sie sich oder übertragen Sie Ihren Domain-Namen zu uns und sichern Sie sich den besten Preis mit schnellem, freundlichem Support. Die Registrierung von Domainnamen mit Domains4Less ist schnell, einfach und effizient. Geben Sie einfach Ihre Domain ein, wählen Sie die Erweiterungen aus, die Sie überprüfen möchten, und klicken Sie auf "Suchen".
Hier ist ein Screenshot der Homepage:
Erster Eindruck
Domains4Less hat wie viele der von uns kritisierten Sites definitiv sowohl Vorzüge als auch Nachteile. Diese kommen sowohl aus ästhetischer als auch aus funktionaler Sicht ins Spiel.
Es sollte eine Menge zu besprechen sein, also lass uns reinspringen und Stück für Stück würfeln, um zu sehen, was wir lernen können.
Die Kopfzeile
Der Header ist wahrscheinlich mein am wenigsten geliebter Teil dieser Website. Die Nutzung von Whitespace ist hier ziemlich umständlich, vor allem auf der rechten Seite, wo die Login-Funktion ganz oben steht.
Da dieser Abschnitt weiß ist, scheint er nicht zum Rest der Website zu passen. Derzeit haben Sie drei separate horizontale Streifen, die den Inhalt der Seite bilden. Diese Abschnitte sind optisch nicht sehr gut miteinander verbunden. Ein möglicher Vorschlag zur Behebung dieses Problems besteht darin, dem unteren Abschnitt und dem oberen Abschnitt dieselbe Hintergrundfarbe zu geben. Dadurch werden sie als visuelle Einheit mit einem anderen Inhaltsbereich kombiniert, der durch die Mitte verläuft.
Eine andere mögliche, aber extreme Idee ist es, diesen großen Header vollständig aufzuheben. Um ehrlich zu sein, ich mag die Seite viel besser, da dieser Bereich komplett abgeschnitten ist. Natürlich müssen Sie die Elemente aus der Kopfzeile irgendwo in den Rest des Designs integrieren. Da es jedoch nur zwei Dinge gibt, sollte dies nicht so schwierig sein.
Vorgestellter Bereich
Der nächste Abschnitt der Website ist ziemlich attraktiv. Das Grün lenkt den Blick von den vergleichsweise einfachen Farben auf der restlichen Seite. Ich mag die großen australischen Umrisse wirklich sehr, da sie Ihre Botschaft über den Verkauf von .au-Domains auf sehr visuelle Weise untermauern.
Allerdings gibt es definitiv einige wichtige Verbesserungen, die gemacht werden könnten. Für den Anfang gibt es einige Kontrastprobleme. Meiner Meinung nach hebt sich die Liste der Features mit Aufzählungszeichen aufgrund der ähnlichen Farben überhaupt nicht vom Hintergrund ab. Das Grün auf Grün lässt dies einfach nicht auffallen und ist auf einen Blick gut lesbar, ebenso die Häkchengrafik.
Ich denke außerdem, dass der Text hier leicht auswählbar sein könnte. Es ist nicht immer zu 100% der Fall, dass Sie auswählbaren Text anstelle von bildbasiertem Text verwenden müssen, aber in der Regel sollten Sie dies nach Möglichkeit tun. Ich bin nicht verrückt nach der Schriftart Cooper Black, und ich vermute, dass Sie der Grund dafür waren, dass Sie sich für ein Bild entschieden haben. Wenn Sie es mit etwas mehr Standard austauschen, können Sie diesen Live-Text erstellen. Selbst wenn Sie eine ähnliche Schriftart behalten möchten, ist das recht einfach. Das Google Font Directory hat eine Schriftart namens Corben, die fast identisch aussieht und innerhalb von Sekunden in Ihre Seite eingebettet werden kann. In der Tat ist diese Schriftart zusammen mit den vollständigen Anweisungen in unserem letzten Artikel 10 Great Google Font Combinations You Can Copy enthalten.
Schließlich glaube ich, dass die Ausrichtung der Box rechts verbessert werden könnte. Einer der schwierigsten Teile des Seitenlayouts besteht darin, auf versehentliche Annäherungen zu achten. Was ich damit meine, ist der Versuch, die Dinge so zu gestalten, dass sie sich fast ausrichten, aber nicht. Wir können dies mit den beiden Kästchen auf der rechten Seite sehen.
Diese Boxen haben fast die gleiche Größe, sind jedoch leicht versetzt. Wenn sie sich in der Größe stark unterschieden und offensichtlich nicht versucht haben, sich in irgendeiner Weise aufzustellen, ist dies vielleicht akzeptabel, aber hier sind sie nahe genug, dass sie einfach zufällig platziert aussehen. Ich schlage vor, die obere Box zu verschieben, um sie mit der unteren Box auszurichten. Dies würde zusätzlichen Raum für die? Holen Sie sich die besten Angebote? Schlagzeile, die erhöht werden könnte.
Unterer Abschnitt
Im unteren Bereich mag ich die Behandlung des iPad-Bereichs. Es ist optisch klar und auffällig, passt aber trotzdem zum Thema. Es hat auch eine echte HTML-Tabelle, die als eigentliche Tabelle verwendet wird und mit CSS gestaltet wurde, was großartig ist.
Die linke Seite könnte jedoch durchaus eine bessere Organisation gebrauchen. So wie es aussieht, gibt es dort nur ein großes Stück Text, das ich mir vorstellen würde, dass nur wenige Leute jemals Zeit zum Lesen nehmen. Wenn wir einfach zur Network Solutions-Website, einem anderen beliebten Domain-Anbieter, wechseln, sehen wir, dass sie ihre Informationen auf eine ganz andere Art und Weise organisiert haben.
Anstelle eines riesigen Textblocks wurde hier alles in leicht verdauliche Brocken mit Symbolen unterteilt, um die Monotonie von so viel Text zu brechen. Dies ist eigentlich überhaupt nicht originell und ist eine äußerst beliebte Methode, Features online zu präsentieren, einfach weil es so gut funktioniert. Ich denke, die untere Hälfte von Domains4Less könnte von einer ähnlichen Behandlung profitieren.
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.