Jede Woche schauen wir uns eine neue Website an und analysieren das Design. Wir werden sowohl auf die Bereiche hinweisen, die gut erledigt werden, als auch auf die Bereiche, in denen etwas Arbeit benötigt wird. Zum Schluss bitten wir Sie, Ihr eigenes Feedback zu geben.
Die heutige Website ist Screenfluent, eine Galerie für Webdesign-Inspiration.
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.
Screenfluent
? Screenfluent richtet sich nicht nur an Webdesigner als Inspirationsquelle, sondern auch an regelmäßige Benutzer, die sich nicht mit der Erstellung und Gestaltung von Webseiten beschäftigen. Neben einem qualitativ hochwertigen Design finden Sie hier eine frische Portion interessanter Websites, die Sie täglich erkunden können.
Hier ist die Homepage der Site:
Die gute
Screenfluent ist definitiv eine attraktive Site mit einem schönen dunklen Thema, das wirklich die Bühne für die angezeigten Sites bildet.
Header-Grafik
Die flammende wispy Header-Grafik ist schön und aufmerksamkeitsstark und die Trennung zwischen Grafik und Hintergrund wird gut verarbeitet. Es scheint ein bisschen zufällig als das einzige Element auf der Seite mit diesem Look. Ich möchte etwas Ähnliches auf einer anderen Seite der Seite sehen. Dies kann so einfach sein, dass Sie einfach eine der helleren Farben aus der Grafik herausgreifen und sie auf Links oder Kopfzeilen anwenden.
Seitenleiste
Ich mag das Aussehen von fast allem in der Seitenleiste. Die schönen Kopfzeilen, abgerundeten sozialen Symbole, Inset-Bereiche und Dropdown-Menüs sind stilistisch genau das Thema der Site.
Sektionsabteilungen
Eine letzte Sache, die ich an diesem Design wirklich mag, sind die subtilen Linien, die den Inhalt der Seite aufteilen. Sie sind ziemlich einfach: Ein dunkles Pixel und ein helles Pixel sind in eine Linie gestreckt und an den Rändern ausgeblendet. Der Effekt ist ein geschnitzter Look, der dem Design einen Hauch von Realismus verleiht.
Zu verbessernde Bereiche
Alles in allem ist die Website ohne gravierende Störungen recht brauchbar. Wenn Sie auf ein Bild klicken, wird eine große Vorschau angezeigt, und für jedes Miniaturbild ist ein animierter Übergang für den Hover-Effekt vorhanden.
Eine geringfügige Änderung, die ich empfehlen könnte, ist ein Link, der das große Bild zugunsten eines direkten Besuchs der Website umgeht. Die Vorschau ist nett für diejenigen, die es wollen, aber manchmal finde ich, dass ich wirklich gerne direkt auf die Website gehe. Dies ist mehr eine Frage der Präferenz als solide Usability-Prinzipien.
Nachfolgend betrachten wir einige Bereiche des Designs, die eine kleine Optimierung erfordern könnten.
Das Skript
Die bestimmte Schriftartauswahl für die Tagline oben erscheint für die Site etwas abwegig. Es ist ein bisschen zu dünn und schwer zu lesen und fließt nicht gut mit der Vag Rounded-artigen Schrift in der Überschrift. Im Allgemeinen versuche ich zu vermeiden, dass zwei eindeutige Display-Schriftarten in ein Logo eingefügt werden, um ein Zusammentreffen zu vermeiden. Versuchen Sie es mit einer einfacheren, traditionelleren Schriftart für den Slogan.
Durchsuchen Sie mehr Designs? Verknüpfung
Der Link am unteren Rand des Gitters hat einen Rahmen, der die Breite der gesamten Spalte ausdehnt, aber nur der kleine Textbereich in der Mitte ist anklickbar. Dieser Bereich wirkt ein wenig schlicht und unfertig und könnte leicht in einen großen Knopf umgewandelt werden, der der Ästhetik der Seitenleiste etwas besser entspricht.
Generische Bildlaufleisten
In einem vollständig benutzerdefinierten Design wie diesem, bei dem jedes Element sorgfältig gestaltet wurde, kann ich immer verbissen sein, wenn ich etwas sehe, das den Zauber unter Verwendung eines Standard-Browser-Oberflächenelements bricht. Es ist nicht so, dass die Standard-Bildlaufleisten notwendigerweise hässlich oder unansehnlich sind. Sie passen einfach nicht zum Design.
Es ist wie ein Blick auf den Mann hinter dem Vorhang, wenn man anfängt, all die Magie zu glauben, oder ein Stück Trimm zu finden, das in einem neu gestrichenen Haus ausgelassen wurde. Die besondere Umgebung, die geschaffen wurde, wird durch die Realisierung dessen, was darunter liegt, beeinträchtigt.
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.
Möchten Sie Ihre eigene Website kritisieren? Hier erfahren Sie mehr.