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 Income Diary, ein Blog, der einfache, praktische Tipps zum Online-Geld verdienen bietet. 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 das Einkommenstagebuch
Ich habe IncomeDiary 2009 nach einer Konferenz im März dieses Jahres in Washington DC gegründet. Zuvor hatte ich bereits seit rund vier Jahren erfolgreich Websites betrieben und eines der wichtigsten Dinge, die ich von geselligen Unternehmern mitgenommen hatte, war, dass Sie zurückgeben mussten! Auf dieser Website geht es darum, Internetunternehmer zu erziehen und ihnen zu helfen, egal auf welchem Niveau.
Hier ist ein Screenshot der Homepage:
Erster Eindruck
Das Income Diary durchbricht keine Hindernisse im Blogdesign. Es ist ein sehr einfaches Design, das ein Layout verwendet, das in einer Million anderer Blogs im Web zu sehen ist. Ist das eine negative Sache? Nicht im geringsten. So wie die Zeitungen letztendlich alle in ein ähnliches und vorhersehbares Format fielen, ist es selbstverständlich, dass Blogs auf einigen Standardlayouts landen, die gut funktionieren.
Der Vorteil ist, dass neue Besucher sofort mit dem Format vertraut sind und wissen, wie sie sich nach dem Laden der Website schnell bewegen können. Innovative Layouts sind auch großartig, aber im Design herrscht ein Missverständnis vor, dass etwas, das nicht innovativ ist, nicht gut ist und dass dies einfach keine echte Aussage ist.
Davon abgesehen gibt es viele solide Design-Entscheidungen auf dieser Website. Ästhetisch macht es mich nicht umhauen, aber es ist ziemlich attraktiv und funktionell solide. Die Hauptfrage, die ich immer nach einer Designkritik frage, lautet: "Erfüllt das Design seinen Zweck?" In diesem Fall ist die Antwort "Ja", wenn die Menschen erfolgreich darüber informiert werden sollen, wie sie online Geld verdienen können. Lassen Sie uns herausfinden, warum das stimmt.
Farbschema
Wenn Sie mit unseren Designkritiken vertraut sind, sollten Sie bereits wissen, was ich zu diesem Farbschema sagen werde. Es verwendet den einfachen Farbschema-Trick, mit dem Sie fast nichts falsch machen können:
Zunächst wählte der Designer eine Hauptfarbe, in diesem Fall Grün. Grün ist eine solide Wahl, nicht wegen etwas Ästhetischen, sondern wegen der psychologischen Korrelation, die wir unweigerlich treffen: Grün = Geld. Auf dieser Seite geht es darum, Geld zu verdienen, also gibt es keine passendere Farbe!
Als nächstes wurden einige verschiedene Schattierungen dieser Farbe ausgewählt. Dies ermöglicht eine dezente Variation im gesamten Design: Farbverläufe, unterschiedliche Kopfleisten usw. Zum Schluss wurde eine Farbe gewählt, die sich von der Hauptfarbe abhebt. Diese Technik bietet einen unglaublich sicheren Weg, um ein Farbschema zu wählen, das weder eintönig noch übermäßig beschäftigt ist.
Logo
Wie alles andere nimmt das Logo eine sehr sichere und vorhersagbare Route. Dies ist etwas Wichtiges, über das es sich zu diskutieren lohnt. Ist das ein langweiliges, generisches Logo? Ja. Ist es besser als ein Nicht-Designer, der versucht, ein komplexes Logo zu erstellen? Absolut. Unter dem Strich ist nicht jeder, der eine Website erstellt, ein professioneller Designer. Wenn dies bei Ihnen der Fall ist, fühlen Sie sich nicht schlecht, wenn Sie den Namen Ihrer Website auf eine einfache Art und Weise eingeben und einen Tag lang anrufen. Eines Tages, wenn Sie das Budget haben (obwohl diese Seite wohl richtig sein sollte), können Sie einen Fachmann beauftragen, um eine eindeutige Identität für Sie zu schaffen.
Eine Sache, die meiner Meinung nach überarbeitet werden muss, ist der Slogan auf dem Logo. Es ist einfach zu dünn und winzig und liest sich nicht gut. Eine einfache Lösung könnte nur darin bestehen, die Größe dieser Linie so zu vergrößern, dass sie dieselbe horizontale Breite hat wie die darüber liegende Linie.
Navigation
Der Navigationsbereich ist ein klassisches CSS-Nav-Format mit großen Blöcken, die jeden Link definieren. Eine Sache, für die ich Designer immer wieder kritisiere, sind Link-Hover-Effekte, die so subtil sind, dass Sie kaum erkennen können, dass es einen gibt, insbesondere wenn Sie ein farbblinder Benutzer sind. Zum Glück ist das hier nicht der Fall.
Wie Sie sehen, ist der Unterschied zwischen den Schwebeflug- und Nichtschwebezuständen ziemlich dramatisch und kann von allen Benutzern deutlich gesehen werden. Das mag klein erscheinen, aber kleine Fehler können ein Design ruinieren. Daher ist es wichtig, dieses Zeug richtig zu machen.
Informationshierarchie
Durch das Erstellen einer soliden Informationshierarchie wird der Kern Ihrer Ziele in einem Webdesign reduziert. Wenn Sie alle Dinge aufschreiben, die Sie mit einem Webdesign erreichen möchten, sollte dies immer ganz oben auf der Liste stehen.
Einer der wichtigsten Aspekte dieses Designs ist die Strukturierung aller Informationen auf der Seite. Beachten Sie beispielsweise, dass der aktuellste Beitrag im Home-Feed visuell wichtiger ist als die anderen Beiträge in Form eines größeren Vorschaubildes.
Diesen Trick verwenden wir auf der Design Shack-Homepage noch mehr. Das Income-Tagebuch ist etwas subtil, und ich würde sogar vorschlagen, dass der Designer einen zusätzlichen Weg findet, um es noch mehr hervorzuheben (andere Hintergrundfarbe, größere Überschrift usw.).
Es gibt noch eine weitere Differenzierungsstufe. Wenn Sie in der Beitragsliste nach unten scrollen, gibt es einen Abschnitt mit einigen Produkten, die Sie erwerben können. Hier kommt die andere Farbe, die wir vorher besprochen haben:
Dieser Inhalt wird in eine schöne minimale Box mit festem Text- und Bildlayout und viel Leerzeichen geworfen. Dies ist eine großartige Möglichkeit, diesen Inhalt vom Haupt-Feed abzugrenzen.
Obwohl ich das Design dieser kleinen Box mag, bin ich ein Perfektionist, also gibt es eine Sache, die mich verrückt macht:
Die Schaltfläche unter der Produktvorschau ist fast die gleiche Breite wie das Bild darüber, aber nicht ganz. Es ist buchstäblich eine Art von wenigen Pixeln, aber ich kann nicht anders als davon abgelenkt zu werden. Entweder gleich breit machen oder viel schmaler machen, alles andere wirkt wie ein Fehler.
Fußzeile
Wir beenden diese Kritik mit einem kurzen Blick in die Fußzeile, einfach weil ich das Aussehen mag. Ich liebe es, wie der Inhalt die Fußzeile durchbricht, der Übergang von Grau zu Weiß, wenn Sie über einen Link fahren, die saubere, minimale Darstellung der sozialen Symbole und die ach so subtile Textur hinter dem Logo. Meiner Meinung nach ist dies der am besten aussehende Teil der Website. Eine seltsame Schlussfolgerung, um sicher zu sein, aber ich bin einfach ein großer Fan von allen, die nicht nachlassen und eine hässliche Fußzeile als letzten Schritt eines Designs werfen.
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.