Web Design Critique # 20 Der Inspirations-Blog

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 Site ist The Inspiration Blog, eine Site, die der visuellen Designinspiration sehr ähnlich ist.

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.

Über den Inspirationsblog

Es gibt nicht viele biografische Informationen auf der Website, abgesehen von den einzelnen Autoren-Bios, aber die Kopfzeile oben auf der Homepage fasst alles schön zusammen: "Ein Blog, der sich ausschließlich der visuellen Inspiration und süßen Produktzusammenfassungen widmet."

Hier ist ein Abschnitt der Homepage (ein paar Einträge im Stapel wurden entfernt, um das Bild kürzer zu machen):

Gesamtkonzept

Auf Anhieb mag ich, was ich sehe. Wir haben ein schönes, von Zeitungen inspiriertes Thema mit einem starken minimalistischen Einfluss und viel Leerzeichen. Beachten Sie, wie einfache Linien im gesamten Design mit ähnlichen Techniken verwendet wurden, wie sie in einem kürzlich erschienenen Artikel beschrieben wurden.

Das Design ist sehr sauber und strukturiert ohne langweilig zu sein. Wie bei vielen der Websites, die wir uns ansehen, werden die Kritikpunkte eher auf der Ebene geringfügiger Änderungen liegen als weitreichende Designänderungen. Es ist eine attraktive Seite und braucht sehr wenig, um sie perfekter zu machen.

Ich denke, wenn ein Redesign jemals in Arbeit war, könnte es gut sein, eine etwas kühnere Aussage über eine große Grafik in der Kopfzeile zu treffen. Dies würde der Seite etwas Branding und visuelles Interesse verleihen.

Das Logo

Das erste, was mir aufgefallen ist, ist der handschriftliche Stil, der im Logo des Blogs verwendet wird. Ich mag die Auswahl der Schrift und denke, dass sie eine Site mit vielen standardmäßigen Schriftarten zu einem einzigartigen Element macht.

Skriptfonts können jedoch nur schwer lesbar sein, wenn sie so klein dargestellt werden. Das Kerning wirkt hier etwas eng und in Kombination mit der geringen Schriftgröße ist es auf jeden Fall etwas schwierig, das Wort "Inspiration" zu lesen.

Um zu beginnen, würde ich vorschlagen, die Buchstaben ein wenig zu verteilen. Wenn dies die Lesbarkeit nicht ausreichend verbessert, sollten Sie die Schrift um einige Punkte vergrößern.

Überschrift

Ich mag die Georgia-Schlagzeile. Es ist schön groß mit fetten Buchstaben und einer einfachen Nachricht. Der letzte Teil der Überschrift, "Inspiration benötigen", fungiert tatsächlich als Link, um einen zufälligen Beitrag zu erstellen. Dies ist eine nette Funktion, die subtil ist, aber Spaß macht, sobald Sie feststellen, dass sie da ist.

Mein Problem hier ist, dass, wenn Sie die Seite laden und sich die Überschrift ansehen, diese nicht sofort gelesen wird. Es handelt sich vielmehr um einen großen Exemplarblock, den Leser für das Durchlesen vielleicht nicht benötigen.

Eine Sache, die mich in den sechs Jahren, in denen ich Werbedesign für den Einzelhandel entwickelte, ständig herausgefordert wurde, war die Erstellung attraktiver Schlagzeilen, die als visuelles Element für die Menschen sofort geeignet waren. Das bedeutet auf praktischer Ebene, dass Sie die wichtigen Worte betonen müssen Selbst wenn die Mehrheit Ihrer Zuschauer die Überschrift durchblättert, ohne sie tatsächlich zu lesen, erhalten sie dennoch fast aus Versehen das Wesentliche.

Sie können mit Farbe (was Sie getan haben), Größe, Fettdruck, Kursivschrift usw. Akzente setzen. Als Beispiel sei hier ein kurzes Modell mit einigen Bereichen der selektiven Fettschrift dargestellt.

Wenn Sie nun über die Überschrift scannen, springen Ihnen die wichtigsten Aspekte der Website entgegen. Dies könnte sogar eine Gelegenheit sein, das im Logo verwendete Skript zu wiederholen.

Vorschau veröffentlichen

Mir gefällt, wie die Post-Vorschau strukturiert ist. Jedes ist eine eindeutig individuelle Einheit mit viel Abstand zwischen den einzelnen Pfosten und schönen großen 200 x 200 Pixel großen Vorschaubildern.

Ich höre mich wahrscheinlich wie eine kaputte Platte an, aber ich denke, das einzige Problem, das ich hier habe, ist die Lesbarkeit einiger Texte (zugegebenermaßen ist dies ein textlastiges Thema, daher gibt es nicht viel zu besprechen). Das Problem in diesem Bereich liegt im Text oben in der Beitragsvorschau (Beispiel: Gepostet am 30. September?). Dieser Text ist kursiv dargestellt, alle Großbuchstaben, die fast keine Leerzeichen zwischen den Wörtern enthalten. Es läuft alles zu einer großen langen Linie zusammen, die Sie bearbeiten müssen, um sich mental zu trennen.

Die Seitenleiste

Wie bei den meisten Blogs enthält die Seitenleiste Werbung, Links zu sozialen Netzwerken, Tags, ein Suchfeld und andere Elemente. Ich mag diese Gegend so, wie sie ist. Jeder Abschnitt ist schön verteilt und passt perfekt zum restlichen Thema.

Eine optionale Sache, die Sie in Betracht ziehen sollten, ist das Erhöhen des Kontrasts zwischen den Standard- und Hover-Status der Tags. Ich konsultierte einen farbblinden Freund, und er konnte die beiden Staaten nicht unterscheiden. Eine einfache Lösung könnte darin bestehen, die Unterstreichung im Hover (die Rückseite von vielen Links im Web) zu entfernen.

Eine letzte ärgerlich kleine Sache, die ich in diesem Bereich bemerkt habe, ist das? Subscribe 'n' Follow? Text. Der zweite Apostroph scheint mir seltsam platziert zu sein. Weiter? Steak 'n Shake? Ich denke, dies sollte beispielsweise in "Abonnieren" und "Folgen" geändert werden. Es ist möglich, dass ich völlig falsch liege. So oder so ist es definitiv nichts Wichtiges.

Die Fußzeile

Der letzte Bereich, den wir uns ansehen, ist die Fußzeile. Wie alles andere auf der Website ist es schön und einfach. Wenn Sie zusätzliche Arbeit abholen möchten, suchen sie nach Schriftstellern. Besuchen Sie die Website und bewerben Sie sich.

Ich finde es ein bisschen seltsam, dass der Abschnitt des sozialen Netzwerks genau hier kopiert ist und nicht in einer einfacheren Form, aber die Icons erhöhen wahrscheinlich die Klickraten, also bin ich damit zufrieden.

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.