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 WebAppers.
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 WebAppers
WebAppers ist ein Blog, in dem täglich hochwertige Open-Source-Ressourcen für Webentwickler und Webdesigner zur Verfügung stehen. Als Webdesigner finden Sie einige der besten kostenlosen Icons, Stock-Fotos, Pinsel, Schriften und Designinspirationen. Als Webentwickler finden Sie auch einige der besten Javascript- und Ajax-Komponenten wie modale Fenster, Menüs, Galerien, QuickInfos, Diagramme, Kalender-Plugins und vieles mehr. ?
Hier ist ein Bereich der Homepage:
Wie Sie sehen können, ist WebAppers ein gut aussehendes Blog. Es hat ein sehr inhaltsorientiertes Design und führt Sie direkt in große Vorschauen der neuesten Artikel. Das Farbschema besteht hauptsächlich aus Grau und Schwarz, wodurch die Site in Verbindung mit dem subtilen strukturierten Hintergrund ein klassisches Gefühl erhält.
Lassen Sie uns das Design Stück für Stück analysieren.
Header
Der Header für WebAppers ist ziemlich minimal. Es ist nur etwa 80 Pixel hoch und hat einen schwarzen Glanzeffekt.
Ich mag das große Logo und den Glanz, ich denke, sie passen gut zum Thema der Website. Ich bin mir jedoch nicht sicher, ob in Ihrem Site-Header eine große Anzeige erscheint. Mir ist jedoch definitiv klar, dass wir Anzeigen benötigen. So bleiben Design-Blogs offen und ich werde nie kritisieren, dass ein Blog verwendet wird (wir haben selbst eine Menge!).
Hier wird die Anzeige jedoch in einem visuellen Wettbewerb mit dem Logo der Website eingerichtet. Die Kopfzeile ist in zwei Hälften geteilt, und es ist nicht sofort ersichtlich, dass "Design to XHTML" verwendet wird. ist nicht das, was WebAppers ist.
Ich würde vorschlagen, den Header zu verwenden, um eine klarere visuelle Nachricht zu erstellen, sodass Benutzer sofort wissen, dass WebAppers kostenlose Open-Source-Ressourcen anbietet. Free ist ein Zauberwort und wenn man es laut und stolz in der Kopfzeile sagt, wird verhindert, dass der zufällige Besucher auf die nächste Website wechselt, bevor er sich umschaut.
Post-Struktur
Da dies ein Blog ist, macht es seither einen Blick auf die Strukturierung der Beiträge. Hier ist eine Ansicht des Basisformats:
Hier gibt es nicht viel zu besprechen, aber ich mag es. Der Text ist schön und leicht zu lesen, ich mag die Datumsangabe und der Autor ist klar aufgelistet.
Mein Vorschlag hier wäre, die Größe der Posttitel etwas zu erhöhen, so dass sie einen größeren Kontrast zum restlichen Text auf der Seite bilden. Wenn Sie dies in Verbindung mit dem Hinzufügen einer kleinen Atempause tun, wird die Benutzerfreundlichkeit, mit der Benutzer Ihre Startseite nach interessanten Themen durchsuchen können, drastisch erhöht.
Seitenleisten
Auf der rechten Seite der Site befinden sich zwei Seitenleisten. Die erste enthält eine umfangreiche Kategorienliste, die von einer swirly-Vektorform geleitet wird, und enthält Symbole und Kopfzeilen, um die verschiedenen Abschnitte voneinander zu trennen. Der zweite ist ein einfacher Anzeigenbereich mit einem einzelnen vertikalen Streifen von Anzeigenbereichen.
Ich mag es, dass es hier so viele Postkategorien gibt. Auf einer Website, die sich auf kostenlose Inhalte konzentriert, ist es wichtig, schnell das zu finden, wonach Sie suchen, und das ist definitiv das, was hier erreicht wird. Die Zahlen, die angeben, wie viele Beiträge sich in jeder Kategorie befinden, sind ebenfalls sehr wichtig.
Die Grafik oben fühlt sich ein wenig auf Lager an, ist aber attraktiv und lenkt Ihre Aufmerksamkeit auf diesen Bereich.
Suchleiste
Ich denke, ein Bereich, der meiner Meinung nach etwas Aufmerksamkeit braucht, ist die Suchleiste. Zum einen müssen Sie wirklich suchen, um es zu finden, sodass ich mich nicht wundern würde, wenn die meisten Ihrer Benutzer nicht einmal wüssten, dass es existiert.
Ich habe auch das Gefühl, dass der Button durch die Suchleiste ein wenig in den Schatten gestellt wird und größer sein könnte. Schließlich stimmt die Auswahl der Schrift hier nicht mit der des Hauptinhalts überein, die nicht mit der der Kategorien übereinstimmt, die nicht mit den empfohlenen Werten übereinstimmt. Abschnitt unter dem Suchbereich.
Ich empfehle, eine oder zwei Schriftarten auszuwählen und diese dann während des gesamten Designs beizubehalten. Im Moment fühlt sich jeder Bereich an, als wäre er individuell gestaltet und nicht als zusammenhängendes Ganzes.
Fußzeile
Ich mag die Idee, ein paar Bücher hier unten zu werfen, es ist ein wenig zufällig, aber hilfreich für alle Leser, die sich bis in die Fußzeile wagen.
Abgesehen davon denke ich, dass sich die Gegend etwas unbeholfen anfühlt. Die umgekehrte abgerundete Ecke ist etwas unkonventionell und die zweite Textspalte ist etwas zu nah an der ersten und zu weit von der dritten entfernt. Sie müssen nicht gleichmäßig beabstandet sein, aber die erste Säule könnte ein wenig von ihrer Breite verwenden.
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.