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 FlashXML.net, ein Marktplatz für Flash-Komponenten.
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 FlashXML.net
Es gibt eine ständig wachsende Branche von Autoren, die Flash-Assets erstellen. Die Mehrheit dieser sogenannten Flash-Komponenten (heute mehr als 95% im Web) sind eigentlich nur bearbeitbare FLA-Dateien. Das FlashXML.net-Team ist bestrebt, einen neuen Standard zu setzen, indem es die besten verfügbaren Flash-Komponenten erstellt, die vollständig anpassbar sind, ohne dass Flash-Software oder andere spezielle Fähigkeiten als die Verwendung der Maus erforderlich sind. Seit mehr als vier Jahren entwickeln wir Flash-Komponenten. Wir werden Sie mit jeder neuen Version umhauen!
Hier ist ein Screenshot der Homepage:
Erste Gedanken
Meine ersten Gedanken zu dieser Seite sind ziemlich positiv. Es ist attraktiv, ausgewogen und kommuniziert seine Botschaft klar. Die Farbpalette verwendet die dreifarbige Standardtechnik mit zwei Grundfarben (Weiß und Schwarz) und einer Hervorhebungsfarbe (Rot). Es gibt viel starken Farbkontrast, um jeden Abschnitt zu definieren und Ihre Augen zu interessieren.
Alles in allem eine gute Arbeit! Werfen wir einen genaueren Blick und sehen wir, ob wir etwas finden, das verbessert werden muss.
Header
Es gibt eine Menge, die in dieser Kopfzeile richtig lief. Ich mag die subtile Hintergrundgrafik wirklich: Sie reicht aus, um visuelles Interesse zu erzeugen, ohne Ablenkung zu verursachen. Ich liebe auch das skizzenhafte Thema, das ich hier sehe und an anderer Stelle auf der Website wiederholt.
Die Icons sind einfach, ansprechend und sofort lesbar. Der Designer hat hervorragende Arbeit geleistet, indem er eine Menge Informationen aufgenommen und auf einen sehr kleinen und gut lesbaren Bereich reduziert hat. Dies ist definitiv keine leichte Aufgabe.
Abgesehen davon, wenn ich die Kopfzeile als Ganzes betrachte, fühlt es sich definitiv an, als würde eine Menge Zeug um meine Aufmerksamkeit konkurrieren. Überschriften, Untertitel, zwei Navigationsmenüs, Verkaufsanzeigen, eine Suchleiste, soziale Symbole, alles hat einen Grund und einen Zweck. Ich bin mir nicht sicher, ob ich etwas davon abschaffen würde, aber eine sehr geringfügige Umstrukturierung der Hierarchie könnte einen weiten Weg gehen.
Eine der besten Methoden, die ich bei der visuellen Hierarchie gefunden habe, besteht darin, das Design auf einfache Formen zu reduzieren und die Verteilung des Leerraums und dessen Beziehung zum Volumen jedes Elements zu analysieren. Hier ist das grundlegende Layout des Headers:
Wenn ich mir diese Verteilung ansehe, habe ich nicht unbedingt das Gefühl, dass irgendetwas besonders gut ist, wenn es um Größe und Leerzeichen geht. Um Ihr Design ein wenig besser zu strukturieren, wählen Sie das Wichtigste aus und erhöhen Sie das visuelle Volumen im Vergleich zu den anderen Elementen deutlich.
Welches Stück dies letztendlich ist, hängt von der Wahl des Designers und des Kunden ab, aber nehmen wir an, Sie wollten, dass die Überschrift hier der Hauptschwerpunkt ist, könnten Sie den Raum überdenken, um wie folgt auszusehen:
Es ist eine subtile Änderung, aber wenn sie in das eigentliche Design integriert wird, würde dies definitiv viel Aufmerksamkeit auf die Überschrift lenken. Wenn Sie mehr Wert auf die skizzenhaften Elemente legen möchten, werden Sie möglicherweise folgende Verteilung erhalten:
Körperinhalt
Sowohl die Kopf- als auch die Fußzeile enthalten eine Menge Textinhalt, daher ist es gut, dass dieser Abschnitt ziemlich visuell ist, da er denjenigen, die danach suchen, Gleichgewicht und ein wenig Augenschmaus bietet.
Im Gegensatz zum Header, der einige Umstrukturierungen erfordern könnte, weist dieser Bereich ein wirklich tolles Layout auf, das aus drei visuell unterschiedlichen, aber gut integrierten Abschnitten besteht. Hier sehen wir ein Wiederauftauchen des skizzierten Blicks auf der linken Seite, eine große Verwendung von Wiederholungen.
Ich mag auch das Wenige? Werden Sie Mitglied? Box. Es ist ein attraktives Element, das sich gut abhebt und dabei konstant bleibt. Das Design der Box ist ein perfektes Bild der aktuellen Designtrends, wobei subtile Grautöne in Verbindung mit den beliebten Einzelpixelstrichen verwendet werden.
Eine Sache in diesem Abschnitt, die mich zum Nachdenken anregt, ist die Beispiel-Flash-Komponente. Es scheint mir, dass ich auf einer Website mit dem primären Ziel, Flash-Komponenten zu verkaufen, sehr weit scrollen muss, um eine in Aktion zu sehen. Wenn ein komplettes Redesign bereits in Arbeit ist, würde ich empfehlen, die Kopfzeile um einen dieser Bildschieber zu legen.
Es ist gut, den Besuchern sofort ein großes, eindrucksvolles Beispiel des verwendeten Produkts zu zeigen. Wenn Sie Ihre Produkte scheinbar nicht als wichtiges Designelement verwenden können, wie gehe ich dann vor?
Produktseite
Schauen Sie sich die Homepage an und werfen Sie einen Blick auf die einzelnen Produktseiten. Sie sind wirklich sehr glatt. Wieder einmal sehen wir ein solides Beispiel dafür, wie man unglaublich viele Informationen und sogar Interaktionen aufnimmt und diese in einem nutzbaren und attraktiven Raum organisiert. Ich mag die Verwendung heller Grundfarben und die kastengetriebene Organisationsstrategie. Dies ist definitiv eine Seite, in der Sie ein Lesezeichen setzen und auschecken können, wenn Sie das nächste Mal Schwierigkeiten haben, eine e-Commerce-Seite zu vereinfachen.
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.