Web Design Critique # 89 Discoveries Magazine

Jede Woche schauen wir uns eine neue Website an und analysieren das Design. Wir werden auf beide Bereiche hinweisen, die gut erledigt werden, zusätzlich zu den Bereichen, in denen etwas Arbeit anfallen könnte. Zum Schluss bitten wir Sie, Ihr eigenes Feedback zu geben.

Die heutige Website ist Discoveries Magazine, eine medizinische Forschungszeitschrift. Lass uns rein springen und sehen, was wir denken!

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 49 US-Dollar - deutlich weniger, als wenn Sie einen Berater für einen Blick auf Ihre Website bezahlen würden! Hier erfahren Sie mehr.

Über Entdeckungen

Das Discoveries Magazine ist das Flaggschiff von Cedars-Sinai über medizinische Forschung und ihre Auswirkungen auf die Patientenversorgung. Discoveries erscheint zweimal im Jahr und zeigt die Begeisterung für wissenschaftliche Entdeckungen und die Männer und Frauen, die davon profitieren.?

Hier ist ein Screenshot der Homepage:

Nun, da wir uns mit der Site auskennen, wollen wir eintauchen und die Vorzüge des Designs besprechen.


Die gute

Es gibt eine Menge, die ich an diesem Design mag, also lassen Sie uns zunächst alle Dinge besprechen, die beim Design richtig waren. Was sind ihre Stärken? Was können wir als Designer davon lernen?

Sauberes Design

Das erste, was mir bei Discoveries auffällt, ist, dass das Design extrem sauber ist. Die Farben des Hintergrunds und der Struktur der Website sind gedämpft und unaufdringlich, sodass der Inhalt wirklich zum Leuchten kommt. Ich bin in keiner Weise abgelenkt, meine Augen schießen direkt zum Inhalt. Dies ist eine beeindruckende Leistung, mit der viele Designer Probleme haben, wenn sie an einer inhaltslastigen Site wie einer Zeitschrift arbeiten.

Layout Großartigkeit

Ein großer Teil der? Sauberen? Charakter dieser Site ist das Layout. Es hat viel Leerzeichen und der Inhalt ist klar hierarchisch organisiert. Anstatt alles um meine Aufmerksamkeit zu kämpfen, gibt es einen klaren Kommunikationsweg. Es ist eine schöne Sache.

Das Beste daran: es ist ansprechend. Die Site passt sich mühelos an, wenn sich das Ansichtsfenster ändert. Wir beginnen mit einem statischen Gitter bei voller Desktop-Größe, das auf einen Haltepunkt trifft, die rechte Spalte entfernt und dann auf ein zweisäuliges Fluid-Gitter umschaltet. Ein weiterer Haltepunkt wird verwendet, um diesen auf ein Flüssigkeitsgitter mit einer einzelnen Säule zu bringen. So einfach, so effektiv. Ich liebe es.

Kundenspezifische Illustrationen

Ich glaube, meine Lieblingsbeschäftigung an dieser Site sind die (scheinbar) benutzerdefinierten Illustrationen, die in den Artikeln verstreut sind. Stock Fotos sind eine Sache, aber Illustrationen wie diese geben Ihrer Site eine Persönlichkeit und eine Marke. Das ist einer der Gründe, warum ich A List Apart immer so sehr geliebt habe.

Für einen visuellen Typ wie mich stoßen Illustrationen wie diese Ihre Publikation im Stehen auf. Wenn Sie benutzerdefinierte Grafiken in Auftrag geben, müssen Sie über ein angemessenes Budget verfügen. Dieses Zeug kann sehr teuer sein!

Diese Illustrationen scheinen alle schrullig und einzigartig zu sein. Ich bin mir nicht sicher, ob sie vom selben Künstler sind oder nicht, aber alle haben ein sehr ähnliches Gefühl. Lass sie kommen.

Wichtige Inhalte hervorheben

Ich habe in einem vorherigen Abschnitt auf die Hierarchie gestoßen, aber es ist wichtig zu zeigen, wie effektiv es ist, wichtige Inhalte hervorzuheben. Die Designer dieser Site machen das auf dieselbe einfache, aber effektive Art, die sie für alles andere verwendet haben.

Ich bin ein großer Fan von Bildschiebern, und dies ist genau das, was eine ansonsten sehr einfache Seite benötigt, um die Aufmerksamkeit des Benutzers zu erregen und ein wenig Engagement hinzuzufügen.

Das Schlechte

Wie Sie sehen können, gefällt mir das Aussehen dieser Website sehr. Es gibt eine Menge, die die Designer richtig verstanden haben. Dies ist jedoch eine Kritik, nicht wahr? Lassen Sie uns in die Bereiche springen, die eine kleine Verbesserung benötigen.

Generisches Design

Es gibt eine feine Linie zwischen mutigem Minimalismus und generischem Design, und es ist wirklich schwierig, auf die frühere Seite dieser Gleichung zu fallen. Für all das Lob, das ich für das Layout gegeben habe und "sauber"? Aussehen der Website, ich kann das Gefühl nicht abschütteln, dass alles ein bisschen langweilig und generisch wirkt.

Es gibt etwas, was nur schreit, ich habe mir die populärste Vorlage aus einer WordPress-Galerie geholt. Es gibt einige Abschnitte, die diesem Gefühl entgegenstehen, wie zum Beispiel die Kopfzeile:

Das sieht gut aus. Die Schrift ist einzigartig und hat Charakter (wie die Illustrationen) und Sie haben einen schönen Farbtupfer. Aber hier hört es auf. Wiederholung ist der Schlüssel zu gutem Design, aber ich sehe diesen Stil nirgendwo. Verwenden Sie diese Farbe, um meine Aufmerksamkeit an anderen Stellen auf der Seite zu erlangen, und werfen Sie einige Überschriften mit einer großen, komprimierten Schrift.

Der beste Weg, um ein Gefühl dafür zu bekommen, wie man generisches Design bekämpft, besteht darin, sich nach ähnlichen Websites umzusehen, die erfolgreich eine starke Persönlichkeit und Marke entwickelt haben. Eine solche Website ist das Relevant Magazine, eine Publikation mit Designern, die ich seit Jahren bewundere.

Genau wie bei Discoveries bietet Relevant ein klares Design mit großer Hierarchie und viel Leerzeichen. Im Gegensatz zu Discoveries überschwemmt die Site jedoch Wiederholungen und kleine Designelemente, die alle Ideen abwehren, auf denen die Site auf einer Vorlage basiert.

Seitennummerierung

Als ich mich auf der Website umsah, stieß ich auf ein Problem, das in Online-Publikationen heiß diskutiert wird: Seitenumbruch. Jeder Websitebesitzer liebt Seitenaufrufe. Wir wollen so viele wie wir bekommen können.

Eines Tages erkannte jemand, dass er seine Seitenaufrufe mit einer einfachen Technik dramatisch steigern konnte: Verteilen Sie Ihre Inhalte einfach auf mehrere Seiten! Das scheint auf dieser Seite zu passieren:

Wie Sie sehen, ist dieser Artikel in satte sechs Seiten unterteilt (die meisten waren tatsächlich neun oder zehn!). Jede Seite ist nicht besonders lang und enthält nur etwa sechs Absätze. Dies führt zu einer Unmenge an Neuladen der Seite, während Sie den Inhalt der Website durchlesen. ich kann vielleicht Sehen Sie jemanden, der argumentiert, dass das Aufteilen des Inhalts wie dieser für den Benutzer irgendwie gut ist, aber ich denke nicht, dass das hier zutrifft.

Wenn Sie wirklich auf diese Paginierungs-Taktik eingestellt sind, werfen Sie zumindest einen Button, mit dem Sie den gesamten Inhalt auf einer Seite sehen können. Dies gibt den Benutzern die Möglichkeit zu entscheiden, was für sie am besten ist.

Schlussgedanken

Letztendlich denke ich, dass das Discoveries Magazine einen großartigen Start mit der Arbeit hat. Sie haben einen soliden Inhalt (ich wurde beim Schreiben dieser Kritik ein paar Mal eingesogen), und ihre Organisation für diesen Inhalt ist fantastisch.

Die zwei Hauptbereiche, auf die sie sich konzentrieren müssen, sind das generische Vorlagengefühl im Design mit einer stärkeren Markenpräsenz zu bekämpfen und die Darstellung von Inhalten in bestimmten Beiträgen zu verbessern.

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.