Webdesign-Kritik Nr. 4: Anthem Design Group
Jede Woche schauen wir uns eine neue Website an und analysieren das Design. Wir werden sowohl auf die Bereiche hinweisen, die gut gemacht sind, als auch auf diejenigen, die etwas Arbeit gebrauchen könnten. Abschließend bitten wir Sie, Ihr eigenes Feedback zu geben.
Die heutige Website ist Anthem Design Group. Anthem ist eine kleine preisgekrönte Agentur für kreatives und interaktives Design in Atlanta, Georgia, USA
Wenn Sie Ihre Website für eine zukünftige Designkritik einreichen möchten, dauert es nur wenige Minuten. Für die Kritik an Ihrem Design berechnen wir 24 US-Dollar - deutlich weniger, als Sie für einen Berater bezahlen würden, der sich Ihre Website ansieht! Mehr erfahren Sie hier.
Hymne
„Wir sind eine freundliche, hart arbeitende Gruppe kreativer und technischer Leute mit super hohen Standards, die es lieben, großartige Websites, Apps, Spiele und Kunst zu erstellen. Unsere Arbeit ist preisgekrönt, attraktiv und fein verarbeitet. Wir lieben es, mit Unternehmen jeder Größe zusammenzuarbeiten und sind stolz auf unsere vielfältige und fantastische Kundengruppe. “
Hier ist die Homepage ihrer Website:
Es ist ein ziemlich starkes Design mit drei Primärspalten plus einer Seitenleiste (also im Grunde vier Spalten). Das große Bild oben ist ein Bildschieberegler mit einem grundlegenden Überblendungsübergang.
Lassen Sie uns ein paar Dinge untersuchen, die an diesem Design wirklich gut sind.
Einfach zu navigieren
Hier ist viel los für eine einzelne Seite, aber zum größten Teil ist sie logisch angelegt und leicht zu sortieren. Die Homepage scheint einen schönen Überblick über alles zu bieten, was Sie auf der Website finden. Einige der Seiten, auf die über die Navigation zugegriffen werden kann, sind hier auf der Seite mit ein wenig Inhalt dargestellt.
Wenn Sie keine Ahnung haben, wie Sie die Homepage einer großen Website füllen sollen, denken Sie daran, dass diese häufig als Tor zu allem anderen dienen sollte. Durch das Einfügen einer mundgerechten Vorschau des Restes der Website kann der Benutzer schnell mit Ihren Angeboten vertraut werden und das Auffinden bestimmter Inhalte unterstützen.
Die Linien brechen
Diese Seite hat einige ziemlich strenge Ausrichtungs- und Rückhaltevorrichtungen, die gut dafür geeignet sind, alles sauber und organisiert zu halten. In der Fußzeile sehen wir jedoch, dass es oft gut ist, ein solches Design zu nehmen und es an einigen Stellen zu brechen.
Hier sehen wir das Logo und die Kontaktinformationen in einer Box, die gegen die harten Linien verstößt, die durch die Trennung von Fußzeile und Inhalt festgelegt wurden. Ich würde gerne sehen, dass oben auf der Seite etwas diese Idee aufgreift, um die Starrheit des Designs zu erleichtern.
Zu verbessernde Bereiche
Lassen Sie uns nun in die Kritik eintauchen. Im Folgenden sind einige Punkte aufgeführt, die meines Erachtens in Bezug auf das Design angegangen werden sollten.
Interaktiv?
Ich sehe das Wort "interaktiv" an mehreren Stellen auf der Seite in Bezug auf das, was Anthem tut, aber abgesehen vom Bildschieberegler fühlt sich die Site einfach nicht sehr interaktiv an. Einer der Schlüsselbereiche, von denen ich denke, dass sie leiden, sind die Link-Hover-Effekte oder deren Fehlen.
In der Navigation ist der Unterschied in der Farbe des Links in den Zuständen "Nicht-Schweben" und "Schweben" etwas zu subtil und für farbenblinde Benutzer möglicherweise unmöglich, dies bei so kleinem Text überhaupt zu bemerken. Abgesehen von denen in der Seitenleiste haben fast alle anderen Links auf der Seite überhaupt keinen Hover-Effekt. Wenn sich der Cursor Ihres Browsers nicht automatisch für Links ändert, würden Benutzer wahrscheinlich nicht einmal wissen, dass auf der Seite etwas vorhanden ist.
Auch dies ist eng mit dem Begriff „interaktiv“ verbunden. Durch das Hinzufügen von Elementen, die sich durch Interaktion an verschiedenen Stellen auf der Seite ändern, fühlt sich die Site viel lebendiger und aktiver an. Diese Elemente müssen Ihre Benutzer nicht anschreien, sollten aber zumindest nicht verborgen bleiben.
Links hinzufügen
Ich denke, dass ein paar weitere hinzugefügt werden sollten, um die aktuellen Verbindungen zum Leben zu erwecken. Wie ich bereits sagte, gefällt mir, wie der Inhalt der Startseite und die Navigation zusammenpassen. Beispielsweise gibt es in der Navigation einen Dienstlink und auf der Seite einen Dienstabschnitt. Der Text "Dienste und Funktionen" im Inhaltsbereich ist jedoch nicht als Link zur Seite "Dienste und Funktionen" aktiviert.
Versuchen Sie immer, Ihren Benutzern die Dinge lächerlich einfach zu machen. Wenn sie eine Überschrift sehen, die dem gewünschten Ort entspricht, sollten sie darauf klicken können, um dorthin zu gelangen, anstatt nach dem richtigen Link zu suchen.
Abstand
Es gibt einige Stellen auf der Seite, die den Inhalt in drei Spalten mit jeweils einer eigenen Kopfzeile aufteilen. Das Problem ist, dass der Header und die Spalte so weit voneinander entfernt sind, dass nicht sofort ersichtlich ist, dass sie zusammengehören.
Ich empfehle, hier etwa die Hälfte des Abstands zu entfernen, damit Benutzer sofort erkennen können, dass diese beiden Bereiche als eine Einheit interpretiert werden sollten.
Ausrichtung & Überlauf
Es gibt zwei Schlüsselbereiche, in denen ich Probleme mit kleinen Gegenständen sehe, die nicht richtig ausgerichtet sind. Der erste befindet sich in der Seitenleiste. Der Twitter-Feed hier scheint aus der Containment-Box überzulaufen.
Die zweite ist die legale Kopie und die Navigationslinks in der Fußzeile. Sie teilen nicht wirklich irgendeine Ausrichtung und scheinen nur zufällig im Raum zu schweben. Ich empfehle, beide stark nach links auszurichten und sie möglicherweise in die Nähe des Logo-Bereichs links zu schieben.
Du bist dran!
Nachdem Sie meine Kommentare gelesen haben, können Sie dem Designer weitere Ratschläge geben. Lassen Sie uns wissen, was Ihrer Meinung nach am Design großartig ist und was Ihrer Meinung nach stärker sein könnte. Wie immer bitten wir Sie, auch den Designer der Website zu respektieren und klare konstruktive Ratschläge ohne harte Beleidigungen zu geben.
Möchten Sie Ihre eigene Website kritisieren lassen? Mehr erfahren Sie hier.
