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 RunAddicts, ein Blog für alle, die gerne laufen.
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 RunAddicts
Vor einiger Zeit habe ich die wunderbare Angewohnheit des Laufens aufgegriffen. Obwohl ich eine selbst ernannte Couch Potato war, bemerkte ich erst nach wenigen Läufen erhebliche Ausdauerverbesserungen, die mich dazu motivierten, das Laufen ernst zu nehmen. Einige Monate später entschloss ich mich, meine neue Leidenschaft mit der Welt zu teilen. Als Ergebnis wurde RunAddicts geboren, ein professioneller Blog über alles rund ums Laufen. RunAddicts wird von mehreren professionellen Autoren auf der ganzen Welt unterstützt und wird Sie durch jahrelange Erfahrung, Ratschläge und andere wichtige Tipps und Tricks im Zusammenhang mit dem Laufen von Personen führen, die darüber informiert sind. (Das Design von RunAddicts wurde in großen Designgalerien wie SiteInspire und Creattica vorgestellt)?
Hier ist die RunAddicts-Homepage:
Wie Sie sehen, ist dies definitiv eine professionell gestaltete Website mit vielen großartigen Elementen. Lass es uns auseinander brechen und es Stück für Stück untersuchen.
Header
Der Header ist einer der attraktivsten Bereiche der Seite. Funktionell liest sich der Header perfekt. Das Logo ist das große attraktive Element auf der linken Seite, das Ihre Aufmerksamkeit auf sich zieht, gefolgt von der Navigation auf der rechten Seite, genau dort, wo Sie es erwarten würden.
Hier ist eine vergrößerte Ansicht dieser großartigen Kopfgrafik. Ich liebe das wirbelnde Wasser und den großen roten Streifen. Kombiniert mit der Wahl der Schrift vermitteln sie wirklich ein sportliches Gefühl. Beachten Sie, wie der Designer verschiedene Teile des Lauferlebnisses (Wasser und Straße) vermittelt, ohne das Thema zu wörtlich zu nehmen.
Der primäre Inhalt
Die Homepage ist in verschiedene Module aufgeteilt. Dies ermöglicht, dass viele Inhalte einen relativ kleinen Raum einnehmen, während jedes Stück immer noch als eine separate Einheit verbleibt.
So sehr mir die Idee der Module gefällt, sieht dieser Bereich zwar etwas unübersichtlich aus. Es geht auch hier darum, viele Informationen hier zu stopfen, aber ich habe das Gefühl, dass sie fast zu weit gegangen sind.
Ich würde hier anregen, mit einer reduzierten Anzahl von Modellen zu experimentieren, die individuell mehr Aufmerksamkeit erhalten als jedem, weil es etwas mühsam ist, den Inhalt visuell zu sortieren.
Letztes Post-Modul
Individuell gefällt mir das Design, das in einigen Modulen steckt, sehr gut. Zum Beispiel der? Letzte Post? Bereich ist eine einfache, aber attraktive Arbeit. Das große Foto fesselt wirklich Ihre Aufmerksamkeit und ich liebe die Titel- und Autoren-Überlagerung, die nicht 100% der Breite der Box ausmacht. Ich weiß, ich hätte diese Kanten instinktiv herausgezogen, aber ich denke, dass dieser Look viel einzigartiger ist.
Beachten Sie die starke Wiederholung des Farbschemas, das auf kreative Weise verwendet wird. Die schwarzen, roten und weißen Farben werden in jedes Modul auf unterschiedliche Weise gemischt.
Die richtige Seite
Da die linke Seite so attraktiv aussieht, denke ich, dass die rechte Seite wirklich zu dem unordentlichen Look beiträgt, den ich oben erwähnt habe.
Leider kann ich sehen, dass die Elemente hier ziemlich zwingend sind. Die Werbefläche und der Facebook-Bereich sind funktionell notwendig, auch wenn sie ästhetisch fehlen.
Ein vorrangiges Ziel des Moduldesigns ist es, sie alle wie ähnliche Teile zu einem größeren Ganzen aussehen zu lassen. Dieser Bereich ist auffallend ein Durcheinander von Stücken, die nicht ganz zusammenpassen. Dies kann jedoch wiederum ein Fall sein, bei dem Funktionalität das Design übertrumpft.
Kategoriemodule
Zurück auf der linken Seite sind die Kategoriemodule in der Nähe der Unterseite perfekt. Ich liebe die visuelle Wiederholung und wie sie diese vier Module eindeutig zu einem einzigen visuellen Cluster macht.
Die hier verwendete Fotografie ist ziemlich attraktiv und nicht zu lagerhaft. Beachten Sie, wie viel leerer Platz im weißen Bereich belegt ist. Dies gibt dem Inhalt Raum zum Atmen und erleichtert das Lesen dieses Bereichs.
Der Hover-Effekt auf diese Artikel-Titel ist wirklich nett. Der Hintergrund ändert seine Farbe und der Titel wird nach rechts verschoben.
Unten und Fußzeile
Der untere Teil der Seite endet mit einigen schönen, großen Modulen, die eine gute Basis für die Website bilden. Dies zeigt, was ich zuvor darüber gesagt habe, wie gut es funktioniert, weniger Module zu haben, die mehr Wert auf die einzelnen Module legen.
Die? Schreiben für uns? Die Sektion ist besonders schön und erweckt Ihre Aufmerksamkeit auf jeden Fall, indem Sie das visuelle Thema der anderen Module verletzen und dabei das Erscheinungsbild der gesamten Website beibehalten.
Mir gefällt auch das Styling des Twitter-Feeds. Ich denke, es ist viel minimaler und angemessener als der Facebook-Bereich darüber. Nähe ist jedoch ein wesentliches Konzept im Design. In der Regel werden ähnliche Elemente zusammengestellt. Es ist ein bisschen seltsam, den Twitter-Feed an der Unterseite zu haben, während der Rest der Social-Media-Informationen oben ist. Beachten Sie, dass dies durch die Aufnahme einer weiteren Facebook-Erwähnung direkt unter dem Twitter-Feed etwas angesprochen wurde.
Ich liebe das Fußzeilendesign und wie es das Wasserthema von oben auf die Website zurückbringt. Ich habe während der gesamten Kritik alles gesagt. Der Designer hat ein sehr gutes Verständnis dafür, wie er Wiederholungen verwenden kann, um ein Design als zusammenhängend zu gestalten. Es klingt wie ein einfaches und naheliegendes Prinzip, aber wenn Sie diese wöchentlichen Kritiken lesen, wissen Sie, dass dies für viele Designer ein großer Schwachpunkt ist.
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.