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 Website ist Wallpapa, eine Website, die kostenlose Desktop-Wallpaper-Downloads bietet.
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.
Wallpapa
? Wir lieben qualitativ hochwertige Bilder und coole Desktop-Hintergründe. Im Internet gibt es viele Websites, die zur Lösung dieses Problems beitragen können, aber alle haben einige Mängel. Wir haben einen bequemen, vielseitigen und natürlich nützlichen Service entworfen und produziert, den Sie hoffentlich gutheißen. Um unsere Ziele zu erreichen, haben wir uns das Problem von beiden Seiten angesehen. Von den Künstlern, die ihre Arbeit mit anderen teilen und Feedback erhalten möchten, sowie von den Benutzern, die sich auch mit unserem Problem beschäftigen.
Hier ist die Homepage der Site:
Erste Eindrücke
Insgesamt ist Wallpapa keine schlechte Seite. Der Name ist eingängig, das grundlegende Design ist schön und hell und minimal genug, um die Miniaturansichten hervorzuheben.
Es gibt viele offensichtliche Möglichkeiten, nach Hintergrundbildern zu suchen, z. B. die Suchleiste und Kategorien in der Kopfzeile und die Tag-Cloud in der Fußzeile. Es gibt sogar einige erweiterte Optionen wie die Suche nach Farbe oder Gerät (iPhone, iPad usw.).
Ausrichtung
Wenn ich mich auf der Website umschaue, ist der Hauptfehler, den ich feststelle, eine schlechte Ausrichtung. Die Seite versucht, in der Mitte ausgerichtet zu sein, aber es ist alles etwas schief. Wenn das Raster der Hauptmittelpunkt des Gleichgewichts ist, sollte alles, was von links hängt, gleichermaßen von rechts hängen. Der folgende Screenshot zeigt, wie das einfach nicht der Fall ist.
Ausrichtungsprobleme wie die oben genannten sind auf der gesamten Seite sichtbar und sollten angepasst werden, wenn die Ausrichtung der Mitte berücksichtigt werden soll.
Mit dieser Aussage bin ich selten damit einverstanden, dass center den gesamten Inhalt einer Seite rechtfertigt. In der grundlegenden Designtheorie lernen Sie, dass die Zentrumsausrichtung am schwächsten ist, meistens, weil es für Ihre Augen keine harten Kanten gibt.
Das bedeutet nicht, dass Center-Alignments niemals verwendet werden sollten, nur dass sie sorgfältig angewendet werden sollten. Meines Erachtens funktionieren Zentrumsausrichtungen am besten, wenn Sie eine große Seite haben und nur sehr wenig darauf platzieren. Dies ist jedoch eine ziemlich inhaltsreiche Seite und könnte etwas mehr Struktur erfordern.
Wenn Sie die Ausrichtung ändern, finden Sie eine und bleiben Sie dabei. Damit meine ich es auf die Kategorien, die Header-Elemente, die Tags, den zusätzlichen Fußzeileninhalt; alles davon.
Hover-Effekte
Wenn Sie den Mauszeiger über eine Miniaturansicht bewegen, wird die Vorschau schwarz dargestellt und Sie erhalten einen Link zum Herunterladen des Bildes. Dies ist ein schöner Effekt, aber der Link gilt nur für das kleine Snippet am unteren Rand der Miniaturansicht, nicht für den gesamten Bildbereich.
Dies ist etwas verwirrend und schlecht für die Benutzerfreundlichkeit. Benutzer erwarten, dass sie in der Lage sein werden, auf die Miniaturansicht des Bildes zu klicken, das sie sehen möchten, und wenn sie gezwungen werden müssen, den richtigen Ort zum Anklicken zu suchen, können sie schnell zu einer anderen Website wechseln.
Das große Bild
Die vorgeschlagenen Änderungen sind relativ gering, aber ich denke, es gibt hier ein viel größeres Problem hinsichtlich der Darstellung des Inhalts der Website.
Wenn ein Benutzer zum ersten Mal diese Site besucht, erhält er eine Reihe von Miniaturansichten und Tags. Aus dem Namen der Site und dem Seitentitel (den viele Benutzer wahrscheinlich vermissen werden) müssen sie genau interpretieren, was los ist und was Sie von ihnen erwarten sollen.
Als Designer denken wir oft, dass einige Dinge so offensichtlich sind, dass sie nicht gesagt werden müssen. Unser Standpunkt ist jedoch völlig voreingenommen, da wir die Site erstellen. In diesem Fall sagte der Designer wahrscheinlich etwas wie "Nun, jeder Idiot kann sehen, dass es sich um eine Wallpaper-Site handelt!" Aber darum geht es nicht.
Nur weil ein Benutzer herausfinden kann, was die Site ist, bedeutet das nicht, dass er dazu gezwungen werden sollte. Sie mit einer einfachen und einfachen Aussage über den Kopf zu schlagen, ist eine bewährte Marketingmethode. Wenn Sie kostenlose Wallpaper-Downloads anbieten, sollte Ihre Website es laut und stolz sagen.
Außerdem glaube ich nicht, dass es ideal ist, wenn Sie als erstes Miniaturbilder sehen. Das fühlt sich an wie eine Inhaltsseite, keine Willkommensseite. Es fühlt sich an, als ob Sie mitten in etwas laufen würden, anstatt am Anfang zu beginnen.
Die Miniaturen bieten auch eine Seite ohne klaren Fokus. Auch dies ist in Ordnung für eine Inhaltsseite, nicht jedoch für eine Begrüßungsseite. Sie möchten, dass die Benutzer etwas an sich saugen und dafür sorgen, dass sie herumstehen. In der Regel haben Sie nur eine Sekunde Zeit, um einen Benutzer davon zu überzeugen, dass Ihre Website das ist, was er will. Wenn innerhalb dieser Sekunde nichts ihre Aufmerksamkeit erregt, werden sie direkt zum nächsten geöffneten Tab wechseln.
Die Lösung
Da der Hauptfokus dieser Website auf attraktiven Bildern liegt, ist es sinnvoll, einige davon zu nutzen, um die Aufmerksamkeit der Menschen auf sich zu ziehen und gleichzeitig Ihr Produkt zu präsentieren. Betrachten Sie das schnelle und schmutzige Modell unten:
Jetzt haben wir einen klaren Fokus! Oben auf der Seite ist ein großes attraktives Bild, das nach Aufmerksamkeit schreit. Ich stelle mir dies als einen jQuery-Bildschieber vor, der zwischen den vorgestellten Downloads wechselt. Auf diese Weise können Sie sehr viel Inhalt auf relativ kleinem Raum präsentieren.
Beachten Sie, dass ich auch die Vorschläge von oben aufgenommen habe. Alles hier, mit Ausnahme des nächsten? Taste, hält sich stark an der Ausrichtung des Hauptgitters. Noch wichtiger ist, dass es eine schöne große Nachricht gibt, die Sie darüber informiert, dass Sie kostenlose Premium-Inhalte verschenken. Dadurch werden die Besucher sofort darüber informiert, dass Sie etwas Wertvolles haben, das Sie mit ihnen teilen möchten.
Versuchen Sie sich auf jeder von Ihnen entworfenen Seite immer vorzustellen, dass Sie sie zum ersten Mal sehen. Wussten Sie, was die Site ist? Möchten Sie bleiben? Bitten Sie einige Personen, sich umzusehen, ohne sie über die Website zu informieren, und stellen Sie dann ein paar Fragen zu allem, von dem Sie denken, dass es aus Sicht des Benutzers offensichtlich ist.
Achten Sie auch darauf, ob Sie eine Wertaussage machen oder nicht. Wie auch immer, das Internet ist ein hart umkämpfter Ort, und wenn Sie möchten, dass der Verkehr auf Ihre Website kommt, müssen Sie ein Verkäufer werden. Die Aufgabe eines Designers ist es, die Website in weniger als einer Sekunde zu verkaufen. Dies erfordert fast immer eine mutige Aussage, sei es durch Wörter, oder durch beides.
Was ist deine Aussage?
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.