Hier bei Design Shack bieten wir einen einfachen, aber nützlichen Service an, der als Webdesign-Kritik bezeichnet wird. Es ist im Grunde ein Consulting-Service, den Sie zu einem günstigen Preis nutzen können, wenn Sie uns die Website als pädagogisches Instrument auf der Website veröffentlichen lassen.
Ich habe bisher sage und schreibe fünfundachtzig dieser Dinge persönlich geschrieben (die Nummer 85 wird später in dieser Woche veröffentlicht). Das ist eine ganze Menge Designberatung! Lesen Sie weiter, um zu erfahren, was ich dabei über das Webdesign gelernt habe, sowohl aus guten als auch aus schlechten Beispielen.
Web-Design-Kritik
Wenn jemand eine Seite zur Kritik einreicht, überfliege ich sie, mache Notizen darüber, was gut funktioniert, was besser sein könnte und was sofort behoben werden muss. Dann schreibe ich alles als Webdesign-Kritikpost.
Ich lerne von Ihnen, so viel wie Sie von mir !?Es ist offensichtlich, dass ich diese Kritiken als Lehrmittel verwende, aber was Sie vielleicht verpasst haben, ist, dass ich nicht streng unterrichte. Ich lerne tatsächlich von Ihnen, genauso wie Sie von mir! Es ist oft so, dass wir eine Website zur Kritik bekommen, die wirklich fantastisch ist. Ich analysiere und erkläre, warum sie so toll ist. Ich absorbiere Techniken, Ideen, UI-Muster und mehr.
Nach ungefähr zwanzig dieser Dinge bemerkte ich, dass einige Muster und Trends aufkamen, Ratschläge, die ich immer wieder gab, Orte, an denen Designer stark und schwach waren, und Fehler, die oft gemacht wurden. Sechzig Kritiken später und ich habe viel zu sagen über die Bereiche, in denen sich die meisten Designer auf Verbesserungen konzentrieren müssen.
1. Die Drei-Sekunden-Regel
Wenn Sie einige der Kritiken gelesen haben, die ich geschrieben habe, haben Sie wahrscheinlich bemerkt, dass ich immer mit dem anfange, was mein erster Eindruck über die Website sagt. Was kann ich in den ersten drei Sekunden über die Seite sagen, wenn ich diese Seite in den Browser lade?
Was kann ich in den ersten drei Sekunden über die Seite erzählen?Drei Sekunden sagst du? Was ist das gut? Die Antwort ist, dass ich als Webbrowser nur wenige Sekunden brauche, um die Entscheidung für Ihre Website zu treffen, wonach ich suche. Danach habe ich meine Entscheidung darüber getroffen, ob ich fortfahren oder weiter erkunden möchte.
Für einige Designer ist dies eine Herausforderung, die Aufmerksamkeit des Benutzers durch etwas Auffälliges auf sich zu ziehen. Dies ist eine gute Technik, die jedoch möglicherweise nicht für alle Designsituationen geeignet ist. Die universelle Wahrheit ist hier, dass ich immer mindestens wissen sollte, wer Sie sind und warum Ihre Website in diesen ersten Sekunden existiert.
Wir sahen dies in Design Critique # 66 mit dem Site-Header für IdentyMe gut gemacht.
Sowohl die Grafik als auch das Messaging sorgen für eine kristallklare und sofort lesbare Botschaft: Auf dieser Site können Sie virtuelle Visitenkarten erstellen.
Wenn wir das gut sehen, ist es schwer vorstellbar, wie jemand es vermasseln könnte, aber es ist viel häufiger der Fall, dass die von mir kritisierten Websites in dieser Gegend mit vagen Messaging-Punkten das Ziel verfehlen. Wir vergessen, dass wir in der Nähe eines Projekts oft die Tatsache aus den Augen verlieren, dass nicht jeder weiß, worum es bei uns geht.
Nach ein paar Besprechungen wissen Sie alles über das Geschäft Ihres Kunden und es entgeht Ihnen der Gedanke, dass Sie noch allen anderen erklären müssen, was zum Teufel? Smith's Logistics? tut und was ihre Website zu erreichen versucht.
2. Zielorientiertes Design
Die zweite wichtige Sache, die ich über Webdesign gelernt habe, ist, dass Projekte viel erfolgreicher sind, wenn sie mit sehr spezifischen Zielen angesprochen werden. Die vorangegangene Lektion war wirklich nur eine Erweiterung davon: Eines der Hauptziele einer Site besteht darin, ihren eigenen Zweck zu kommunizieren.
"Es ist ein bisschen wie ein Taxifahrer, der den Kerl auf dem Rücksitz nicht fragt, wohin er geht, und fährt stattdessen zu einem zufälligen Ort und hofft, dass er es richtig versteht."Viel zu oft öffnen Designer Photoshop und fangen an, Ideen nach dem Zufallsprinzip zu entwerfen. Dies ist eine großartige kreative Übung, aber als primäre Methode zum Erstellen von Kundenstandorten ist dies ärgerlich. Es ist ein bisschen wie ein Taxifahrer, der den Typ auf dem Rücksitz nicht fragt, wohin er geht, und stattdessen fährt er zu einem zufälligen Ort und hofft, dass er es richtig versteht.
Stattdessen ist es wichtig, dass Sie und Ihr Kunde sehr absichtliche Ziele festlegen, was Sie mit dem Design erreichen möchten. Dies sollte geschehen, bevor Sie eine einzelne Codezeile schreiben oder eine einzelne PSD erstellen.
Wir haben diese Idee in Web Design Critique # 61: Undead Kit sehr effektiv umgesetzt. Angesichts der Tatsache, dass die Website ein Kit verkaufte, das Ihnen helfen sollte, eine bevorstehende Zombie-Apokalypse zu überleben, gab es zwei offensichtliche Unterziele, die die Website erreichen musste.
Die erste bestand darin, zu zeigen, was genau in dem Fall war, sodass potenzielle Käufer wussten, worauf sie sich einließen:
Das zweite Unterziel bestand darin, zu erklären, wie Käufer ihre Ausrüstung zum Überleben nutzen würden. Das Auflisten der Elemente reicht nicht aus, die Menschen müssen den Nutzen dieser Elemente in der Praxis sehen.
Wie Sie sehen, wurden beide Ziele durch großartige Illustrationen und einfache Textbeschreibungen erreicht. Der Designer konnte immer noch seine kreativen Muskeln spielen, aber er tat dies auf eine Weise, die den Standort in eine erfolgreiche Richtung führte.
3. Designtrends sind wie Tapeten
Stellen Sie sich das Haus Ihrer Oma vor. Stellen Sie sich all die Dinge vor, die darauf hindeuten, dass das Haus jemandem gehört, der in einer anderen Epoche aufgewachsen ist als Sie selbst: die Porzellanschnüffler, die jedes Regal schmücken, die aufregenden Farbschemata und natürlich die Tapete. Schicht für Schicht Tapete, ein primäres (obwohl jetzt ziemlich veraltetes) Designelement im Raum, das sich alle paar Jahre an die neuesten Trends anpasste.
"Wenn Sie diese Schichten einzeln abziehen würden, würden Sie durch die Zeit reisen."Die Häuser, die verschiedenen Familienmitgliedern gehören, haben sicherlich 5% ihrer Fläche für Tapetenwahnsinn geopfert. Wenn Sie diese Schichten einzeln abziehen würden, würden Sie durch die Zeit reisen und verschiedene Muster und Farben miterleben, die einst als geeignet angesehen wurden, um einen Raum zu bedecken, die jedoch Jahre später als abscheulicher Fehler verschmäht und durch etwas ersetzt wurden, das nur möglich wäre dienen dazu, diesen unaufhörlichen Zyklus fortzusetzen.
Im Vergleich zu Tapeten steckt Webdesign noch in den Kinderschuhen, aber wir sind bereits weit genug gekommen, um zu sehen, dass die Designtrends hier nach den gleichen Prinzipien arbeiten. Schnappen Sie sich jeden Design-Trend, der vor fünf Jahren so großartig wirkte, und dient jetzt wahrscheinlich als etwas, das auf eine Website datiert.
Wir haben dies in der Praxis mit den Mustern, Texturen und Abschrägungseffekten der Website aus Web Design Critique # 74 gesehen:
Hier sehen wir, was einst ein innovatives Design gewesen sein könnte, aber jetzt fühlt es sich einfach an, als sei es schon lange vorbei. Webdesigner sind unbeständige Bestien, und wenn sich der Mob weiterbewegt, bewegt man sich entweder mit oder bleibt zurück.
Selbst wenn Sie die Tatsache berücksichtigen, dass die Website oben ein absichtlich Retro-Feeling hat, funktioniert das Design immer noch nicht, da sich die Art und Weise, wie wir Retro durchziehen, über die Jahre entwickelt hat!
Mode, Fernsehen, Hollywood, Essen, nichts entgeht der Reichweite des Trend.Vielleicht denken Sie, dass es dumm ist, bei modernen Designtrends zu bleiben (oder neue zu setzen), aber das ist absolut nicht der Fall. Webdesign-Trends entwickeln sich als Teil Ihrer gesamten Kultur. Mode, Fernsehen, Hollywood, Essen, nichts entgeht dem Trend. So wie die Arbeitnehmer in all diesen Branchen mithalten müssen oder riskieren, dass sie irrelevant werden, tun Sie das auch als Webdesigner.
Glaub mir nicht Finden Sie jemanden, der seit 1999 keine Website mehr erstellt hat, und lassen Sie ihn Ihr neues Portfolio entwerfen. Wahrscheinlichkeiten, du verschließst den Gedanken.
4. Viele Webdesigner haben immer noch Probleme mit der Typografie
In den letzten zwei oder drei Jahren haben sich Webdesigner voll und ganz der Typografie verschrieben. Dieser spezielle Bereich des Designs ist für viele Designer weit über einen Trend hinaus und hat sich zu einer Obsession entwickelt. Suchen Sie nach? Typografie? Auf Pinterest oder Dribbble sehen Sie unzählige Beispiele erstaunlicher typografischer Kunst.
Kombinieren Sie dies mit Diensten wie Typekit und Google Web Fonts, die schöne benutzerdefinierte Schriftarten für das Web bereitstellen, und Sie sehen eine Branche, die in diesem Bereich in kürzester Zeit sprunghaft an Bedeutung gewonnen hat.
Davon abgesehen ist eines der Probleme, auf das ich beim Webdesign am häufigsten stoße, schlechte Typografie. Dies hat viele Formen: wenig Wissen darüber, wie Schriftarten effektiv kombiniert werden können, schlechte Wahl der Schriftarten, hässliches Kerneling von Photoshop, ungerade Größenanpassung, verschmierte Linienhöhe usw. Hier ein Beispiel aus der Kritik # 73:
Wir können unsere Aufmerksamkeit stundenlang auf ein typografisches Kunstwerk richten, aber wenn wir an einem Live-Projekt arbeiten, wird der Typ ohne richtige Vorbereitung oder Prüfung überstürzt. Gute Druckdesigner schrecken vor Kerning-Beispielen wie dem obigen zurück, weil sie in ihrer Branche wissen, dass es kein Zurück mehr gibt. Sobald es gedruckt ist, sind Sie fertig.
? Gute Druckdesigner schrecken vor Kerning-Beispielen wie dem obigen zurück, weil sie in ihrer Branche wissen, dass es kein Zurück mehr gibt. Sobald es gedruckt ist, sind Sie fertig.Bei Webdesignern kann das Wissen, dass alles jederzeit leicht aktualisiert werden kann, für schlampige, eilige Arbeit sorgen. Nehmen Sie sich die Zeit, um Ihren Typ beim ersten Mal richtig zu machen.
5. Weniger ist mehr
Wenn ich diese 85 Websites durchgesehen habe und Änderungen vorgeschlagen habe, die vorgenommen werden müssen, ist dies ein sehr seltener Fall, in dem ich den Eindruck habe, dass die Seite zu spärlich ist.
Stattdessen bemühe ich mich immer, Designer dazu zu bringen, zu verstehen, dass sie tatsächlich zu sehr versuchen, die Seite zu füllen. Dies führt zu überladenen, textlastigen Designs, bei denen sich niemand wirklich die Zeit nimmt, um durchzugehen.
Ich bemühe mich immer, Designer dazu zu bringen, zu verstehen, dass sie tatsächlich zu sehr versuchen, die Seite auszufüllen.Das Web ist ein schnelllebiger Ort. Es gibt einen Grund, warum der Begriff formuliert ist: "Im Internet surfen". anstatt das Web zu lesen. Wir springen schnell von Ort zu Ort und suchen nach etwas, das herausspringt und unsere Aufmerksamkeit hält.
Die Dinge, die dies tun, sind in der Regel einfach und attraktiv mit ein paar kühnen Aussagen und / oder Bildern, die sich von ihrer Umgebung abheben. Seiten voller Unordnung stellen einen Fall von Informationsüberflutung dar und wir gehen schnell weiter.
Betrachten Sie das Beispiel aus der Kritik # 68:
Diese Box ist auf keinen Fall hässlich, aber sie kann effektiver gestaltet werden, indem der größte Teil des Textes entfernt und ein wenig typografischer Kontrast hinzugefügt wird:
Typ ist nicht der einzige Bereich, in dem Dinge vereinfacht werden müssen. Betrachten Sie dieses Beispiel aus der Kritik # 77:
Dies ist ein klassisches Beispiel für den Versuch, zu viel Material auf kleinem Raum zusammenzudrücken. Wir denken nicht kritisch über die Organisation von Inhalten nach, sondern treffen stattdessen einen Punkt, an dem wir noch eine Menge Material haben, das aufgenommen werden muss, und keinen Platz, um es zu platzieren. Deshalb stopfen wir einfach und das Ergebnis ist hässliches, ineffektives Durcheinander.
Was hast du gelernt?
Da haben Sie also fünf Lektionen, die ich über das Schreiben von 85 Kritikpunkten gelernt habe. Jetzt sind Sie dran.
Lesen Sie unsere Webdesign-Kritiken? Was hast du von ihnen gelernt? Wie können wir sie noch besser machen? Hinterlasse einen Kommentar und lass es uns wissen.