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 Seite ist iPhone Toolbox.
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 iPhoneToolbox
Wir sammeln die besten iPhone-Ressourcen, einschließlich Hintergrundbildern, Symbolen, iPhone-Anwendungen und Nachrichten für iPhone-Fans. Die iPhone Toolbox wird ebenfalls täglich aktualisiert.
Hier ist ein Bereich der Homepage:
Erste Eindrücke
Meine erste Reaktion auf dieses Design ist gemischt. Hier ist ein starker Start. Der Inhalt wurde in modulare Einheiten organisiert, sodass die Homepage eine Unmenge an unterschiedlichen Inhalten enthalten kann. Dies ist eine ziemlich starke Grundlage, auf der man bauen kann, und ist ein guter Anfang.
Die Seite fühlt sich zwar ein wenig an. Damit meine ich, dass es so aussieht, als ob der Inhalt in eine Vorlage gezwungen wurde und nicht die Website, die um den Inhalt herum entworfen wurde. Vorlagen sind großartig und können viel Geld sparen. Sie müssen jedoch eine große Branding-Chance einplanen, wenn Sie sich für ein solches Design entscheiden.
Werfen wir einen Blick auf einige Bereiche der Website, die einige Verbesserungen benötigen.
Das Logo
Ich bin zugegebenermaßen ziemlich wählerisch, wenn es um die Lösung geht, und ich finde, dass ich bei mehreren Kritiken denselben Vorschlag mache. Ihr Logo ist die erste und wichtigste Darstellung Ihrer Website, auf die Besucher treffen werden. Sie möchten daher, dass es so scharf und scharf wie möglich ist. Das Logo hier ist etwas unscharf.
Das Bild ist bereits ein PNG, aber es sieht aus wie ein JPG mit niedriger Auflösung. PNGs sind in der Lage, ein beeindruckendes Maß an Details und Klarheit zu bewahren. Ich kann mir vorstellen, dass das Problem in Ihrer PSD liegt. Stellen Sie sicher, dass Sie die Datei in der richtigen Größe erstellen, und beginnen Sie nicht mit kleinen Ressourcen, die Sie dann vergrößern müssen, um größer zu werden.
Wo ist der Schwerpunkt?
Eines der Hauptprobleme bei der Verwendung eines solchen modularen Layouts besteht darin, dass die Hierarchie leicht verloren geht. Anstelle einer klar umrissenen Kommunikationsstruktur haben Sie mehrere Elemente mit ähnlicher Betonung, die um Aufmerksamkeit kämpfen. Schauen Sie sich das Bild unten an und überlegen Sie, wo der Schwerpunkt liegt. Welcher Teil der Website zieht Ihre Aufmerksamkeit am meisten an?
Wenn Sie hundert Personen gefragt haben, werden Sie wahrscheinlich mehrere verschiedene Antworten erhalten. Es gibt einfach keinen starken Anfangspunkt. Wenn überhaupt, ist die Anzeigenoberseite das stärkste visuelle Element und verwirrt die Zuschauer darüber, ob die Nachricht Ihre Dienste oder die einer anderen Person bewirbt.
Denken Sie daran, dass gutes Design einen klaren Weg für die Zuschauer schafft. Sie können vom Weg abbrechen, wenn sie möchten, aber es sollte ein starker Vorschlag vorhanden sein. Führe sie von einem Ort zum anderen und sie bleiben interessiert, werfen sie in einen Pool von Inhalten, schließen die Seite und ziehen weiter.
Ich empfehle, eine klarere Kopfzeile für die Site zu erstellen, sei es ein reines Branding oder ein größerer? Erstellen Sie einfach einen Bereich, der sich über die gesamte Breite der Site erstreckt und als starker visueller Ausgangspunkt dienen kann.
Ausrichtung
Die Boxen, die den primären Inhalt enthalten, stellen eine klare Ausrichtung für die Site auf der linken und rechten Seite her. Diese Zeile wird auf der gesamten Seite nach unten gefolgt, wird jedoch oben verletzt. Im Bild unten habe ich dies gezeigt, indem ich zwei Zeilen gezeichnet habe, die vom Hauptinhalt ausgehen.
Wie Sie sehen, passen sowohl die Anzeige als auch die Navigation nicht richtig zum Inhalt der Website. Dies hat den Effekt, dass die Website ein wenig schlampig aussieht, und lässt den Eindruck entstehen, dass die Anzeige ein nachträglicher Einfall war, der in das Design gezwungen wurde. Ich schlage vor, die Anzeige mit dem Rest des Inhalts abzugleichen und die Navigation zu verschieben, so dass? Startseite? reiht sich mit dem Rest des Inhalts darunter.
Abschließende Gedanken
Abgesehen davon ist die Seite ziemlich gut. Die Ausrichtungen sind im gesamten Rest stark, es gibt einige coole Hover-Effekte, die zeigen, wie eine Tapete auf einem iPhone aussieht, der Tapetenabschnitt hat eine ordentliche Eckenbehandlung für die Bilder und die Fußzeile der Website sieht gut aus.
Einige andere Dinge, die optional angesprochen werden können, sind die Textgröße (fühlt sich etwas klein an), die abgerundeten Ecken (leicht gezackt) und die Navigation (wiederholte Farben). Erwägen Sie schließlich, einige wichtige Kontrastpunkte zur Seite hinzuzufügen. Der Kopfvorschlag, den ich vorhin gemacht habe, könnte wirklich auffällig sein, wenn er ein dunkles Grau oder Schwarz wäre, das sich über die gesamte Seite erstreckt. Kontrast ist eine großartige Möglichkeit, einem Design Abwechslung und visuelles Interesse zu verleihen.
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.