Unsere Kritik an Webdesign war bei Kunden und Kommentatoren sehr beliebt. Machen Sie weiter so gute Arbeit mit hochwertigen Ideen und Vorschlägen!
Die heutige Website ist Firefly, die Homepage einer in Großbritannien ansässigen Personalagentur für soziale Arbeit.
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.
Leuchtkäfer
Nach ihrer eigenen Definition ist Firefly eine Personalberatungsfirma, die sich auf die Beschaffung, Platzierung und Verwaltung von Sozialarbeitern in öffentlichen und privaten Bereichen in London und den angrenzenden Bezirken spezialisiert. Unser Rekrutierungsansatz ist persönlich und beratend.
Hier ist die Homepage ihrer Website:
Insgesamt ist das Design der Website wirklich sehr schön und ich habe eine Menge guter Dinge zu sagen. Schauen wir uns einige davon ausführlich an.
Farbschema
Zuallererst mag ich die Farbpalette, die hier am Werk ist. Es verwendet alle Lichtfarben, die für die Augen angenehm sind und zusammen schön aussehen.
Die kühnste Farbe hier ist das Grün und der Designer hat es in perfekten Mengen verwendet. Sie ist ziemlich stark über die gesamte Oberfläche verteilt, nur an den wichtigsten Stellen des Inhalts und erscheint als Hauptfarbe der Fußzeile (in drei Variationen!).
Aufmerksamkeit fürs Detail
Es gibt viele kleine Designstücke auf der Seite, die nur nette Akzente setzen. Es zeigt, dass der Designer sich die Zeit genommen hat, langsam zu gehen und die Benutzeroberfläche richtig zu machen, anstatt zu hasten, nur um etwas zu veröffentlichen.
Wiederholung
Wiederholung ist einer der Schlüsselaspekte eines Designs und ein Prinzip, das von vielen Webdesignern entweder missverstanden oder völlig unbekannt ist. Dieser Designer nutzte es meisterhaft nicht nur durch die Wiederholung des Grüns wie oben erwähnt, sondern auch durch die Verwendung des Kreiselements aus dem Logo.
Wenn ein Element auf einer Seite so wiederholt wird, wirkt das Design zusammenhängender. Es gibt dem Auge auch etwas Bekanntes, wenn es die Seite durchsucht.
Layout
Der Designer entschied sich für ein dreispaltiges Layout und hielt die gesamte Länge der Website bei. Die Ausrichtungen sind stark und die Spalten sind sehr gut ausgeführt. Die visuelle Trennung der rechten Spalte durch die Verwendung einer dunkleren Hintergrundfarbe ist eine exzellente Note, da sie den Hauptinhalt hervorhebt und die Monotonie einer großen weißen Seite aufbricht.
Dinge zu verbessern
Insgesamt ist das Design eines der stärksten, das wir je für eine Kritik gesehen haben. Es gibt jedoch einige kleine Anpassungen, die vorgenommen werden könnten.
Bildauflösung
Da ich einen gedruckten Hintergrund habe, neige ich dazu, ein Auflösungs-Nazi zu sein. Das Logo oben links steht nicht nur für die Marke des Unternehmens, sondern auch als eines der ersten Dinge, die ein Benutzer bei der Landung auf der Seite sieht. Aus diesem Grund möchten Sie sicherstellen, dass es schön ist.
Ich habe das Logo ein wenig gesprengt, um Ihnen zu zeigen, was ich meine. Dies macht das Problem zwar noch schlimmer, aber es ist ein gutes Beispiel dafür, was beim Speichern von Bildern auf einer kleineren Ebene zu suchen ist.
Achten Sie genau auf Bildartefakte und -verschlechterungen. Dieses Logo ist relativ klein und sollte die Website nicht beeinträchtigen, wenn es mit einer höheren Auflösung gespeichert werden sollte.
Text schwer
Das schlimmste visuelle Problem mit dieser Seite ist vielleicht, dass der Text so schwer ist. Es sind einfach viele Informationen, die Sie an jemanden richten müssen, wenn er zum ersten Mal auf Ihrer Website landet. So viel Lesen kann zeitaufwändig und einschüchternd sein und dazu führen, dass der Benutzer den gesamten Text ignoriert.
Ich würde in Betracht ziehen, dies auf das Nötigste zu reduzieren und nicht entscheidende Informationen auf einer Hilfeseite zu platzieren, anstatt sie hier hervorzuheben.
Verwendbarkeit
Bei einigen Texten auf der Seite gibt es ein leichtes Usability-Problem. Ich bin nicht sicher, was es verursacht, aber in Safari kann der Text in der Willkommensspalte nicht ausgewählt werden.
Ich weiß, dass es wählerisch klingt, aber der Sinn von Live-Text ist, dass Sie eine saubere, gestochen scharfe und vollständig wählbare (und daher kopierbare, einfügbare) Kopie auf der Seite haben.
Ich empfehle einen Blick in Ihren Code, um herauszufinden, was diesen Fehler verursacht.
Zwei Büroklammern
Wie bereits gesagt, ist Wiederholung eine gute Sache im Design. Wie ich jedoch auch darauf hingewiesen habe, wird es oft missverstanden oder missbraucht. Die Büroklammer ist ein hübsches grafisches Element und hätte sich gut an anderer Stelle auf der Seite wiederholen lassen. Wenn jedoch zwei von ihnen so nahe beieinander liegen, leidet dieser Abschnitt unter einem Photoshop-Klon-Syndrom.
Ich denke, die Verwendung einer Büroklammer hier würde eine stärkere Aussage treffen. Wenn Sie wirklich bei zwei bleiben möchten, stellen Sie sicher, dass sie nicht identisch sind. Drehen Sie eine oder drehen Sie sie herum, um eine kleine Variation zu erzielen.
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.