Webdesign-Kritik Nr. 26: iPhone Toolbox
Jede Woche schauen wir uns eine neue Website an und analysieren das Design. Wir werden sowohl auf die Bereiche hinweisen, die gut gemacht sind, als auch auf diejenigen, die etwas Arbeit gebrauchen könnten. Abschließend bitten wir Sie, Ihr eigenes Feedback zu geben.
Die heutige Website ist iPhone Toolbox.
Wenn Sie Ihre Website für eine zukünftige Designkritik einreichen möchten, dauert es nur wenige Minuten. Für die Kritik an Ihrem Design berechnen wir 24 US-Dollar - deutlich weniger, als Sie für einen Berater bezahlen würden, der sich Ihre Website ansieht! Mehr erfahren Sie hier.
Ü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 Abschnitt der Homepage:
Erste Eindrücke
Meine anfängliche Reaktion auf dieses Design ist gemischt. Hier gibt es einen starken Start. Der Inhalt wurde in modulare Einheiten unterteilt, was bedeutet, dass die Homepage eine Menge unterschiedlicher Inhalte enthalten kann. Dies ist ein ziemlich starkes Fundament, auf dem aufgebaut werden kann, und ein guter Anfang.
Die Seite fühlt sich allerdings ein wenig wie ein Ausstecher an. Damit meine ich, dass es so aussieht, als ob der Inhalt in eine Vorlage gezwungen wurde und nicht die Site, die um den Inhalt herum entworfen wurde. Vorlagen sind großartig und können Ihnen viel Geld sparen, aber Sie opfern eine Menge Branding-Möglichkeiten, indem Sie eine mit einem so gemeinsamen Design auswählen.
Schauen wir uns einige Bereiche der Website genauer an, die verbessert werden könnten.
Das Logo
Ich bin zugegebenermaßen ziemlich wählerisch, wenn es um die Lösung geht, und stelle fest, dass ich bei mehreren Kritiken denselben Vorschlag mache. Ihr Logo ist die erste und wichtigste Darstellung Ihrer Website, auf die Besucher stoßen. 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, sieht aber wie ein JPG mit niedriger Auflösung aus. PNGs sind in der Lage, eine beeindruckende Menge an Details und Klarheit beizubehalten, daher stelle ich mir vor, dass das Problem in Ihrer PSD liegt. Stellen Sie sicher, dass Sie die Datei in der richtigen Größe erstellen und nicht mit kleinen Ressourcen beginnen, die Sie dann strecken müssen, um größer zu werden.
Wo ist der Schwerpunkt?
Eines der Hauptprobleme bei der Verwendung eines solchen modularen Layouts besteht darin, dass leicht das Gefühl der Hierarchie verloren geht. Anstelle einer klar umrissenen Kommunikationsstruktur haben Sie mehrere Elemente mit ähnlichem Schwerpunkt, die um Aufmerksamkeit konkurrieren. Schauen Sie sich das Bild unten an und überlegen Sie, wo der Schwerpunkt liegt. Welcher Teil der Website zieht Ihre Aufmerksamkeit am meisten auf sich?
Wenn Sie hundert Personen fragen würden, würden Sie wahrscheinlich mehrere unterschiedliche Antworten erhalten. Es gibt einfach keinen starken Ausgangspunkt. Wenn überhaupt, ist die Anzeige oben das stärkste visuelle Element und verwirrt die Zuschauer darüber, ob die Nachricht für Ihre Dienste oder für die einer anderen Person wirbt oder nicht.
Denken Sie daran, dass gutes Design einen klaren Weg für die Betrachter schafft. Sie können vom Weg abbrechen, wenn sie möchten, aber ein starker Vorschlag sollte da sein. Führe sie von einem Ort zum nächsten und sie bleiben interessiert, werfen sie in einen Pool von Inhalten und sie schließen die Seite und gehen weiter.
Ich empfehle, einen klareren Header für die Site zu erstellen, egal ob es sich um reines Branding oder einen größeren Abschnitt mit „vorgestellten“ Merkmalen handelt. Erstellen Sie einfach etwas, das sich über die Breite der Site erstreckt und als starker visueller Ausgangspunkt dienen kann.
Ausrichtung
Die Felder mit dem primären Inhalt bilden eine klare Ausrichtung für die Site, sowohl auf der linken als auch auf der rechten Seite. Diese Zeile wird bis zum Ende der Seite verfolgt, oben jedoch verletzt. Im Bild unten habe ich dies gezeigt, indem ich zwei Linien gezeichnet habe, die vom Hauptinhalt ausgehen.
Wie Sie sehen können, stimmen sowohl die Anzeige als auch die Navigation einfach nicht richtig mit dem Inhalt der Website überein. Dies hat den Effekt, dass die Website ein wenig schlampig aussieht, und lässt die Idee aufkommen, dass die Anzeige ein nachträglicher Gedanke war, der in das Design gezwungen wurde. Ich schlage vor, die Anzeige am Rest des Inhalts auszurichten und die Navigation so zu verschieben, dass "Home" mit dem Rest des Inhalts darunter übereinstimmt.
Abschließende Gedanken
Davon abgesehen macht sich die Seite ziemlich gut. Die Ausrichtungen sind im Rest stark, es gibt einige coole Hover-Effekte, die zeigen, wie ein Hintergrundbild auf einem iPhone aussieht, der Hintergrundbildbereich hat eine ordentliche Eckbehandlung auf den Bildern und die Fußzeile der Website sieht großartig 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 abschließend, der Seite einige wichtige Kontrastpunkte hinzuzufügen. Der Header-Vorschlag, den ich zuvor gemacht habe, könnte wirklich auffällig sein, wenn er wirklich dunkelgrau oder schwarz ist und sich über die gesamte Seite erstreckt. Kontrast ist eine großartige Möglichkeit, einem Design Abwechslung und visuelles Interesse zu verleihen.
Du bist dran!
Nachdem Sie meine Kommentare gelesen haben, können Sie dem Designer weitere Ratschläge geben. Lassen Sie uns wissen, was Ihrer Meinung nach am Design großartig ist und was Ihrer Meinung nach stärker sein könnte. Wie immer bitten wir Sie, auch den Designer der Website zu respektieren und klare konstruktive Ratschläge ohne harte Beleidigungen zu geben.
