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.
Heute werden wir auf der Website nach RoyalSlider suchen, einem beliebten JavaScript-Inhaltsregler. Lass uns rein springen und sehen, was wir denken!
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 RoyalSlider
Treffen Sie die neue Version des beliebtesten Sliders auf CodeCanyon. Seit Juli 2011 wurden 4637 Lizenzen verkauft. Wir haben erhalten, 5 von 5 Sternen, basierend auf 378 Bewertungen.
Jede Schiebervorlage reagiert. Werfen Sie einen Blick auf Ihr Mobilgerät oder versuchen Sie, die Größe Ihres Browsers zu ändern, um den Effekt zu sehen.
Hier ist ein Screenshot der Homepage:
Erster Eindruck
Ich liebe es, in so fokussierte Websites zu tauchen, weil wir klare Ziele entwickeln und den Erfolg des Designs gegen diese Ziele abwägen können.
Worum geht es bei dieser Site? Der einzige Zweck besteht darin, ein Produkt zu verkaufen: den "RoyalSlider". Das ist eigentlich ein sehr beliebter Artikel auf CodeCanyon. Mit dieser Mini-Site kann der Entwickler wirklich sehr gut auf Details eingehen, wie großartig der Slider ist und was er tut.
Wie Sie im obigen Screenshot sehen können, hat er genau das getan. Die Website selbst ist sehr attraktiv, so dass ich aus rein ästhetischer Sicht nicht viel zu sagen habe, außer "gute Arbeit!" Ich glaube jedoch, dass wir aus Sicht der Inhaltsorganisation Verbesserungen sehen könnten.
Aus Sicht der Inhaltsorganisation könnten wir Verbesserungen sehen. ?Angesichts der Tatsache, dass die Aufklärung der Besucher über dieses Produkt ein vorrangiges Ziel ist, denke ich, dass wir einige Informationen umstrukturieren können, um sie besser an unsere Bedürfnisse anzupassen.
Lassen Sie uns vergrößern und einige spezifische Bereiche betrachten, um zu sehen, wie wir Verbesserungen vornehmen können.
Die Kopfzeile
Die Kopfzeile ist definitiv der beste Teil der Seite. Der Designer nutzte diesen Bereich, um sein Produkt zu präsentieren, was perfekt ist, besonders wenn es so wunderschön und hoch funktional ist!
Das Design hier und anderswo ist super minimal. Weiß, Grau und Schwarz sind die Hauptfarben, die die Seite mit einem kräftigen, auffälligen Rot füllen, das für Bereiche verwendet wird, die besondere Aufmerksamkeit verdienen.
Die Navigation ist einfach zu bedienen, das Logo ist einfach, aber attraktiv, und es gibt einen offensichtlichen Link zum Kauf des Artikels bei CodeCanyon. Es gibt ehrlich gesagt nicht viel, was ich hier ändern würde.
Die eine Sache, die ich in Betracht ziehen würde, ist, eine gewagte Schlagzeile über die beiden Absätze rechts zu werfen. Im Moment zieht der Schieberegler so viel Aufmerksamkeit auf sich (eine gute Sache), dass Ihre Augen darauf verankert bleiben, ohne notwendigerweise die Reise zu dem kleinen Text auf der rechten Seite zu machen.
"Wenn Sie einen großen, fetten Text sehen, der, fast egal, was gesagt wird, würde dies die Aufmerksamkeit des Benutzers auf sich ziehen? ?Wenn Sie einen großen, mutigen Text sehen, fast unabhängig davon, was er sagt, könnte dies die Aufmerksamkeit des Benutzers auf die wichtigen Informationen in diesem Teil des Inhalts lenken. Hier ist ein schnelles und schmutziges Modell dessen, was ich meine:
Die Funktionen
Der gesamte Rest der Seite ist mit reinem Text belegt: über zwanzig Absätzen! Jede dieser Seiten ist kurz, schön formatiert und enthält einen Header, der das Durchsuchen der Seite vereinfacht.
Trotz der Tatsache, dass der Text schön formatiert ist, könnte dieser Bereich meiner Meinung nach ein großes Facelifting erfordern. Das Hauptziel bei diesem Schritt wäre es, den gesamten Textinhalt so aufzuteilen, dass er einfacher zu durchschauen und attraktiver dargestellt werden kann. Dies kann mit einer Kombination zweier verschiedener Techniken erreicht werden.
Fügen Sie unterstützende Bilder hinzu
Das erste, was ich in diesem Bereich sehen möchte, sind einige Bilder. Wenn Sie große Teile des Textinhalts haben, ist es eine gute Idee, in einer Art Grafik zu arbeiten, um diesen Inhalt zu transportieren und der Seite etwas visuelles Interesse zu verleihen.
Einundzwanzig Absätze enthalten viel Inhalt und ohne visuelle Hilfestellung verlieren Sie Ihre Leser. Denken Sie immer daran, dass Personen, die im Internet surfen, ADS haben. Wir richten unsere Aufmerksamkeit selten auf eine Sache.
Ihre Besucher lesen Twitter, überprüfen ihre E-Mails und aktualisieren Facebook, während Sie Ihre Website betrachten. Wenn Sie in dieser Umgebung um Aufmerksamkeit kämpfen möchten, müssen Sie mehr als nur ein paar Absätze an den Tisch bringen.
? Ihre Besucher lesen auf Twitter, überprüfen ihre E-Mails und aktualisieren Facebook, während sie Ihre Website betrachten !?Eine einfache Lösung wäre, einige der Absätze mit Miniaturansichten zu verknüpfen. Die Überschriften hier wie? Berührungsfreundlich? und? Video-Unterstützung? Ideal für Miniaturansichten, so sollte dies nicht zu schwierig sein.
Erstellen Sie klare Abschnitte
Die nächste Strategie, die ich hier gerne sehen würde, ist, den gesamten Textinhalt in klarere Abschnitte zu unterteilen. Momentan gibt es zwei Abschnitte, die sich jedoch in keiner Weise optisch unterscheiden.
Ich empfehle, den Inhalt in mindestens drei oder vier Abschnitte zu unterteilen, größere, markantere Überschriften zu erstellen und möglicherweise die Hintergrundfarbe jedes Abschnitts leicht zu variieren, um sie voneinander zu unterscheiden (alternativ zwischen weiß und grau).
Inspiration: Quadrat
Eine Website, die meiner Meinung nach den Rat, den ich hier recht gut gebe, herauszieht, ist Squarespace. Ästhetisch ist diese Seite der von RoyalSlider sehr ähnlich, aber die Art und Weise, wie sie ihre Funktionen präsentiert haben, ist viel ansprechender und beeindruckender.
Beachten Sie die reichhaltigen Bilder, die großen Überschriften und die unterschiedlichen Hintergrundfarben.Wenn Sie auf der Seite nach unten scrollen, sind die Abschnitte eindeutig und so ansprechend, dass die Informationen nicht überwältigend sind.
Ich schlage nicht vor, dass irgendjemand das Squarespace-Design abreißen sollte, aber Sie können wertvolle Lektionen lernen, indem Sie analysieren, was sie getan haben und warum.
Responsive FTW
Die Anzahl der responsiven Sites im Web nimmt stetig zu. Ich bin begeistert, Webentwickler von überall her zu sehen, von großen Unternehmen bis hin zu Einmannbetrieben, bei denen die Reaktionsfähigkeit bei ihren Entwürfen oberste Priorität hat.
? Die RoyalSlider-Site reagiert nicht nur vollständig, sondern auch der Schieberegler. ?Diese Seite ist ein leuchtendes Beispiel für diesen Trend. Die RoyalSlider-Site reagiert nicht nur vollständig, sondern auch der Schieberegler. Dies ist keine Kleinigkeit und ich empfehle den Entwickler hier für sein Engagement, das Internet etwas geräteunabhängiger zu machen.
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.