Heute setzen wir unsere neue Reihe von Webdesign-Bewertungen fort. Dabei betrachten wir eine Live-Website eingehend und zeigen sowohl die Stärken als auch die Bereiche auf, in denen Verbesserungen möglich sind.
Top Test Prep, die Seite, die wir heute sehen werden, war unser allererster Kunde, aber die Anfragen sind eingeflossen, so dass Sie bald auf der Liste stehen!
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 24 US-Dollar - deutlich weniger, als wenn Sie einen Berater für einen Blick auf Ihre Website bezahlen würden! Hier erfahren Sie mehr.
Top Testvorbereitung
Lernen Sie Top Test Prep kennen, eine private Nachhilfefirma, die mit einigen der besten und klügsten Tutoren aufwartet. Ihr Homepage-Design ist ziemlich einfach; ein zentriertes Layout, das klar in mehrere Abschnitte unterteilt ist.
Bevor wir uns näher mit dem Design befassen, sollten wir uns ein paar Dinge ansehen, die gut gemacht wurden.
Schieberegler & Fotografie
Ich bin ein Trottel für jQuery Image Sliders. Sie verleihen einem Design eine dynamische Ebene und gerade genug Bewegung, um eine statische Seite zum Leben zu erwecken, ohne dabei zu viel Ablenkung zu erzeugen.
Die im Slider verwendete Fotografie ist wirklich nett. Die lächelnden Gesichter ziehen sofort Ihre Aufmerksamkeit auf sich und die hellen Farben mit einer geringen Schärfentiefe weisen auf einen professionellen Fotografen hin. Das dritte Bild der drei Absolventen sieht ein bisschen wie ein Foto aus, aber es kommuniziert stark die Botschaft, die Sie suchen, damit es funktioniert.
In der Tat möchte ich eine Version sehen, bei der der Bildschieber den gesamten Platz einnimmt, den die horizontale Box oben einnimmt. Mit einem Experten sprechen? info konnte direkt darunter verschoben werden. Dies könnte ein paar von den Usability-Leuten abhacken, aber ich denke, es würde den ästhetischen Reiz etwas anstoßen.
Ausrichtung
Das Layout könnte ein wenig aufwendig sein, aber die meisten Elemente auf der Seite sind klar ausgerichtet und die Abschnitte sind optisch sehr unterschiedlich. Das klingt klein, aber Sie werden überrascht sein, wie viele professionelle Designer wenig oder gar nichts über die richtigen Ausrichtungstechniken wissen.
Verbesserung
Lassen Sie uns nun einige Änderungen betrachten, die vorgenommen werden könnten, um den optischen Eindruck der Website zu verstärken.
Logo und Seitenrahmen
Vor allem ist das Logo ein bisschen unangenehm und könnte eine visuelle Auffrischung verwenden. Wenn Sie Ihr Image derzeit nicht umbenennen möchten, sollten Sie zumindest auf das aktuelle Logo achten. Das Kerning muss nach den Großbuchstaben enger sein und die beiden Textzeilen sollten linksbündig sein. Die derzeitige Ausrichtung des Zentrums lässt den Slogan im Niemandsland gestrandet und ist etwas unbeholfen.
Was den Seitenrahmen angeht, scheint er etwas inkonsistent zu sein. Ich mag die mutigen Farben, die in der Navigation verwendet werden, aber es scheint seltsam, dass sich dies über die gesamte Seite erstreckt und die Fußzeile nicht. Mein Rat ist es, die Schatten fallen zu lassen und den Faux-Frame vollständig zu erzeugen und sowohl die Kopf- als auch die Fußzeile über die gesamte Seite zu strecken.
Um der Site einen noch stärkeren Kontrastpunkt und eine klare Kopfzeile zu geben, würde ich den Navigationsgradienten an den oberen Rand der Seite strecken und das Logo / die Kopie umkehren. Hier ist ein vereinfachtes Modell von dem, was ich meine:
Durch den Wegfall des Seitenrahmens könnte viel mehr Platz geschaffen werden, um etwas Platz zu schaffen, und dem Entwurf etwas mehr Raum zum Atmen geben, indem der Leerraum vergrößert wird.
Mit einem Experten sprechen? Box
Ich hatte das Gefühl, dass dieser Bereich eine Überholung benötigen könnte. Ich mag den Stil und das Design des Buttons als Einzelstück, aber er scheint einfach nicht gut zum Rest der Seite zu passen. Ich würde in Betracht ziehen, den Radius der abgerundeten Ecken zu verringern (oder einfach nur um 90 Grad zu machen) und die dunklere Farbe aus der Kopfzeile zu ziehen.
Außerdem ist der schwebende Kopf etwas seltsam. Ich kann begrifflich verstehen, warum ein Gesicht hier sein muss, aber vom Design her funktioniert es einfach nicht. Ich denke, das liegt hauptsächlich an dem Eckschnitt, der auf seiner rechten und unteren Seite stattfindet. Es gibt diesem ansonsten nahtlosen Bereich einen oberflächlichen Rahmen, der nur an dieser einen Stelle existiert. Entweder alles ausfahren und einen sichtbaren Rahmen erstellen oder den schwebenden Kopf nicht vollständig.
Die drei Säulen
Ich sehe zwei Hauptprobleme in diesem Bereich, die im Bild unten hervorgehoben sind.
Zunächst sollte eine Liste mit Aufzählungszeichen angezeigt werden noch nie zentriert sein. Es trennt das Aufzählungszeichen und den Inhalt und ist ein Verstoß gegen das, was eine Aufzählungsliste bewirken soll: einfache und schnelle Lesbarkeit. Da der gesamte andere Text auf der Seite linksbündig ist, empfiehlt es sich, mit dem Trend zu bleiben.
Schließlich scheint das Bild ganz rechts im Raum zu schweben. Es gibt keine Erklärung, was es ist, warum es da ist oder warum ich darauf klicken sollte. Im Moment schreit es nachträglich und muss entweder richtig in das Seitenlayout eingearbeitet werden oder komplett geworfen werden.
Du bist dran!
Zusammenfassend lässt sich sagen, dass Top Test Prep mit einem guten Start beginnen kann, der Designer sollte jedoch in Erwägung ziehen, einen stärkeren Header zu erstellen, den Faux-Seitenrahmen abzugrenzen und die oben genannten Layoutprobleme zu lösen.
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.
Möchten Sie Ihre eigene Website kritisieren? Hier erfahren Sie mehr.