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 haben wir einen großartigen Kunden, den wir alle sicher lieben: SeaWorld! Wie cool ist das? Lass uns rein springen und sehen, was wir von ihrer Website halten.
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 SeaWorld
SeaWorld braucht keine Einführung. Es ist eine der coolsten Themenparkketten, die es gibt. Delphine, Killerwale, Mantas und mehr vermischen sich mit Fahrgeschäften und anderen großartigen Attraktionen. Es ist einfach ein magischer Ort.
Offensichtlich wissen die Leute von Sea World alles, was sie wissen müssen, um den Menschen ein unschlagbares Erlebnis im Erlebnispark zu bieten, aber wie ist ihre Web-UX? Lass uns einen Blick darauf werfen.
Hier ist ein Screenshot der SeaWorld Parks Homepage:
Die Startseite
Die oben abgebildete Seite ist einfach ein Gateway, das Sie zu einer von drei SeaWorld-Standorten führt: San Diego, San Antonio oder Orlando. Wir werden uns später etwas tiefer in die Lage eines bestimmten Parks begeben, aber beginnen wir mit einer Diskussion auf dieser Seite.
Was sind die Ziele?
Da diese Seite so einfach ist, ist es ziemlich einfach, ihre Wirksamkeit zu analysieren. Ein kurzer Blick zeigt uns, dass die Designer mit dieser Seite vor allem drei Dinge erreichen wollen. Das erste und wichtigste Ziel ist, Sie zu einem der SeaWorld-Parks zu bringen. Ohne dieses Ziel würde diese Seite nicht einmal existieren, daher würde ich das als Hauptzweck bezeichnen.
Das erste und wichtigste Ziel ist, Sie zu einem der SeaWorld-Parks zu bringen. Ohne dieses Ziel gäbe es diese Seite gar nicht.?Hand in Hand zu diesem Zweck ist Markenkommunikation. Ja, du bist an der richtigen Stelle. Wir sind SeaWorld und hier ein kleiner Vorgeschmack auf das, was Sie in unseren Parks erwarten können. Der letzte Grund liegt in der winzigen sekundären Navigation oben auf der Seite. Für den Fall, dass Sie an die falsche Stelle gekommen sind, finden Sie hier ein paar Links, um Sie dorthin zu bringen, wo Sie sein müssen.
Wo ist der Fokus?
Lassen Sie uns im Hinblick auf die oben genannten Ziele den Erfolg dieses Designs bewerten. Wenn der gesamte Zweck des Bestehens der Seite als Gateway zu den anderen drei Parks dienen soll, ist es naheliegend, dass ein großer Teil der Seite für diese Aufgabe vorgesehen ist. Stattdessen sehen wir jedoch, dass ein ziemlich winziger Teil der Seite für jede Art von Interaktion bestimmt ist.
Lassen Sie uns das so ausfertigen, dass wir die räumlichen Beziehungen der Elemente auswerten können:
Wie Sie sehen, wird die gesamte Interaktivität in einen winzigen Bereich oben auf der Seite geworfen. Der große Atlantis-Ride-Schuss nimmt alles in den Hintergrund, was wir später besprechen werden. Es ist großartig, eine Fahrt zu zeigen und die Leute zu begeistern, aber wie ich oben erwähnte, glaube ich, dass dies tatsächlich das sekundäre Ziel der Seite ist. In seiner derzeitigen Form ist es eher eine Ablenkung.
Wenn ich auf dieser Seite lande, zieht mich diese Grafik sofort ein, bringt mich aber nicht weiter. Es ist kein Link, es verweist auf nichts, es ist nur ein Bild. Von dort haben meine Augen nicht instinktiv ein nächstes Ziel. Sie sind gezwungen, auf der Seite herumzuschwimmen, um herauszufinden, was zum Teufel los ist.
Wenn dies wirklich nur eine Übergangsseite ist, müssen Sie die Benutzer dahin bringen, wo sie so schnell wie möglich sein möchten.Ich schlage vor, dass Sie den gesamten Kommunikationsfluss auf dieser Seite überdenken. Wenn es sich wirklich nur um eine Übergangsseite handelt, müssen Sie die Benutzer so schnell wie möglich an den gewünschten Ort bringen. Wahrscheinlich haben Sie zu Beginn nur eine Minute Zeit und Sie haben es einfach verschwendet, sie dazu zu zwingen, diese Seite herauszufinden. Stellen Sie sich vor, wir hätten die Seite etwas ähnlicher gemacht:
Dadurch wird das Hauptziel der Seite nach vorne und in Ihr Gesicht gestellt. hier stehen die drei themenparks im mittelpunkt. Sobald die Seite geladen ist, wissen Sie, was passiert und klicken auf den Park, den Sie besuchen möchten.
Das Ziel dieses Layouts ist es, den Zeitaufwand für die Gateway-Seite zu reduzieren, sodass der Benutzer produktiver arbeiten kann. Die drei großen Boxen dienen dem doppelten Einsatz. Sie bringen die Benutzer dorthin, wo sie möchten, und geben Ihnen einen schönen Raum für Markenbilder. Anstatt eine Attraktion auf dieser Seite zu präsentieren, können Sie drei einzigartige Features hervorheben, eine von jeder Site.
Ästhetik
Das ästhetische Gefühl der Seite ist eine Meereslandschaft mit einem Leben im Wasser und Ihrer stereotypen amerikanischen Kernfamilie, die Spaß auf einer Fahrt hat. Konzeptionell trifft dies alle wichtigen Punkte. Es ist nass, wild, spaßig und richtet sich an den wahrscheinlich wichtigsten Kundenstamm von SeaWorld (gut gekleidete Familien der oberen Mittelklasse mit verfügbarem Einkommen).
Manchmal kann etwas konzeptuell tot sein, endet aber bei der Hinrichtung nicht so gut, und ich denke, das ist, was hier passiert. Die Grafiken auf der Seite haben alle eine Art zusammengeschusterter Photoshop-Job-Look.
"Manchmal kann etwas konzeptuell tot sein, endet aber nicht so gut in der Ausführung, und ich denke, das ist, was hier passiert."Der Spritzer zum Beispiel wird offensichtlich aus einem kleinen Schuss gezogen. Es ist wahrscheinlich, dass der Spritzer von einer auf lagerfoto von etwas wie einem Stück Obst ist, das in etwas Wasser fallen gelassen wird. Dies hat den seltsamen Effekt, dass die Menschen fast wie eine Miniatur wirken. Wirf den Hintergrund in den Mix und plötzlich sieht alles tatsächlich zu groß aus. Der Maßstab von allem hier ist nur ein bisschen wacklig.
Wahrscheinlich werden die meisten Menschen all diese Dinge nicht bemerken.Ich denke jedoch, dass die Qualität des visuellen Erlebnisses hier ziemlich niedrig ist. Da sie wissen, wie Design-Teams funktionieren, handelt es sich zweifellos um die Markenressourcen, mit denen das Webdesign-Team arbeiten musste. Ich persönlich denke, dass eine große, hohe Qualität, echt Ein Foto von Leuten, die Spaß auf der Fahrt haben, hätte größere, glaubwürdigere Auswirkungen.
Park-Startseite
Wir haben lange Zeit einen sehr kleinen Teil der Website kritisiert, aber da es das erste ist, was die Leute sehen, lohnt es sich, sich die Zeit zu nehmen, um es richtig zu machen. Lassen Sie uns jetzt einen Blick auf eine der dedizierten Parkanlagen werfen.
Erster Eindruck
Hier haben wir eine Seite mit viel mehr. Der mittlere Teil ist kein statisches Bild mehr, sondern eine Diashow, die mit vielen lächelnden, glücklichen Familien und schwimmenden Wesen durch verschiedene aufregende Attraktionen führt. Um ehrlich zu sein, werden viele der ästhetischen Probleme, die wir zuvor gesehen haben, hier übertragen.
Ich bin nicht sehr beeindruckt von dem Erscheinungsbild der gesamten Site. Die? SeaWorld-Marke? kommt als etwas unübersichtlich und beschäftigt. Die Bilder sind ein Flickenteppich aus verschiedenen Ideen, die alle zusammengeschlagen und unbeholfen in den Meereshintergrund integriert sind. Sie sind auch alle in einer wirklich niedrigen Auflösung mit Tonnen hässlicher JPG-Artefakte dargestellt.
Die Bilder sind ein Flickenteppich aus verschiedenen Ideen, die alle zusammengeschlagen und unbeholfen in den Hintergrund des Ozeans integriert sind.Wenn der Hintergrund das Designteam auslöst, verlieren Sie es. Sie können ein Foto in voller Breite in der Kopfzeile verwenden, ohne dass der gesamte Hintergrund der Site verwendet wird. Ich denke, die Seite unten macht das ganz gut:
Diese Seite ist wunderschön und es gibt viel, was wir daraus lernen können. Beachten Sie, dass das Bildmaterial aus qualitativ hochwertigen Fotos besteht, nicht aus schnellen und schmutzigen Photoshop-Zusammenstellungen. Es ist viel los, aber es ist alles schön organisiert und vereinfacht, so dass Sie nicht zu viel für Ihre Aufmerksamkeit schreien.
Sind die visuellen Elemente für SeaWorld falsch? Na sicher. Sie müssen immer noch die aufregenden Familienaufnahmen mit Action verfolgen, aber dies sollte auf eine Art und Weise erfolgen, die eher der obigen Seite entspricht. Gib mir Spaß, aber opfere nicht die Qualität des visuellen Erlebnisses, um dorthin zu gelangen.
"Gib mir Spaß, aber opfere nicht die Qualität der visuellen Erfahrung, um dorthin zu gelangen."Ich kann mir nicht vorstellen, dass SeaWorld ausgerechnet nicht über einen Haufen atemberaubender Bilder von Tier und Mensch verfügt, die nur darauf warten, in einen wunderschönen Ort integriert zu werden.
Was sind die Ziele?
Die Ziele für diese Seite sind erheblich komplizierter als die Seite, die wir zuvor gesehen haben. Lassen Sie uns zunächst überlegen, warum ich als Benutzer die SeaWorld-Site besuchen würde. Hier ist eine Liste von Dingen, die ich in keiner bestimmten Reihenfolge gefunden habe:
- Bildung: Wie sieht SeaWorld aus? Was werden wir tun?
- Tickets kaufen
- Planen Sie meine Reise (Hotels, Flüge usw.)
- Parkstunden
- Fahrtrichtung
- Verkaufs- und Sonderveranstaltungen
Performance gegen Ziele
Im Großen und Ganzen ist die Website ziemlich gut gegen meine kurze Liste möglicher Ziele. Ich liebe es, dass eines der ersten Dinge, die ich auf der Website sehe, dieses kleine Widget ist:
Das ist fantastisch. Ich kann sofort die Parkstunden und Wetterbedingungen sehen. Dies sind zwei wichtige Gründe für Website-Besuche. Ohne einen einzigen Klick habe ich meine Antwort bereits gefunden.
Weitere Erkundungstouren gibt es in einem kleinen Bereich, in dem Sie ein Ticket erwerben können. Eine Wegbeschreibung finden Sie unter der "Parkinfo". Link gibt es mehrere Links zur Reiseplanung und eine Menge Informationen darüber, wie der Park aussieht und was passiert.
Alles in allem glaube ich, wenn ich ein bestimmtes Ziel vor Augen habe, sollte ich es in der Lage sein, dieses Ziel leicht zu erreichen. Umgekehrt, wenn ich nur auf Erkundungstour bin, gibt es viel Inhalt, der mich für den Park begeistert.
Navigationsmenüs
Trotz der Tatsache, dass es nicht zu schwer ist, das zu finden, wonach ich suche, denke ich immer noch, dass es viel Raum für Verbesserungen gibt. Die Hauptsache, die mich derzeit dazu bewegt, meinen Kopf zu schütteln, ist das Navigationsmenü. oder eher menüs.
In diesem kleinen Raum gibt es mindestens vier verschiedene horizontale Verbindungslinien. Darüber hinaus gibt es riesige Dropdown-Menüs im Hover. Wir haben Untermenüs für unsere Untermenüs. Designer unterscheiden sich immer darin, ob es eine gute Navigation ist, bei der jede Seite einen Klick von der Startseite entfernt ist. Es gibt offensichtlich sowohl Vor- als auch Nachteile für Mega-Navigationstaktiken, aber eines ist sicher: Sie sind leicht zu vermasseln.
Unabhängig davon, wie weit Sie es gehen wollen, ich denke, dass hier eine Vereinfachung wichtig ist. Es gibt einfach zu viel Navigation und es ist sehr schwierig, durchzublättern. Dieses Problem ist auf großen Websites mit vielen Inhalten extrem häufig und kann nicht immer leicht beantwortet werden. Unten sehen Sie, dass Disney mit der gleichen Navigationsüberlastung kämpft.
Schlussgedanken
Es ist leicht, große Organisationen für Designprobleme zu beurteilen. Das Argument ist immer dasselbe: Sie haben so viel Geld und so viele Ressourcen, warum können sie nicht die beste Website der Welt anbieten?
Die Realität der Situation ist, dass dies eine ziemlich naive Position ist, die nur diejenigen einnehmen, die noch nie als Teil einer großen Organisation gearbeitet haben. Der Freiberufler könnte auf seiner eigenen persönlichen Website als Außenseiter arbeiten, aber in Wirklichkeit hat er aus Designperspektive den Vorteil. Er kann alles, was er will. Nutzen Sie experimentelle Web-Technologien, überwachen Sie das gesamte Design und sorgen Sie für konsistente, erstklassige Erfahrung. es kommt alles direkt aus seinem Kopf und es gibt niemanden, der es herausfordert.
"Sie arbeiten hart und gemein, aber am Ende gibt es viele große Hindernisse zwischen ihnen und einem Sternentwurf."Vergleichen Sie dies mit der Art und Weise, wie Corporate Webdesign-Projekte normalerweise ablaufen. Es gibt viele Hände und Köpfe, die an einem einzigen Projekt zusammenarbeiten müssen. Strikte und häufig konkurrierende Markenrichtlinien, Anforderungen an die Browser-Kompatibilität, untergeordnete Design-Ressourcen (Müllmüll, Müllmüll), lange Meetings und Büropolitik bestimmen den Alltag dieser Menschen. Sie arbeiten hart und gemein, aber am Ende stehen viele große Hindernisse zwischen ihnen und einem Sterndesign.
Empfehlungen für die Zukunft
Es gibt viele inkrementelle Verbesserungen, die getan werden können, aber lassen Sie uns über die grundlegende Neukonstruktion nachdenken, die eines Tages unausweichlich sein wird. Auch wenn es Jahre in der Zukunft ist, lohnt es sich zu diskutieren.
Meine Empfehlung ist, alles abzureißen und von vorne zu beginnen. Zwei große Schichten müssen passieren. Zunächst muss das SeaWorld-Markenteam entscheiden, wie es im Internet aussehen soll. Die aktuelle Ästhetik schneidet es nicht ab und sie brauchen eine neue Richtung, die ein besseres Gleichgewicht zwischen aufregenden Bildern und hoher Qualität aufweist.
"Die Web-Jungs müssen einige Wireframes erstellen und sich neben der Ästhetik auf die Benutzerfreundlichkeit konzentrieren."Während das passiert, müssen die Web-Jungs ein paar Wireframes erstellen und sich neben der Ästhetik auf die Benutzerfreundlichkeit konzentrieren. Der Name des Spiels ist Vereinfachung. Schneiden Sie das Durcheinander ab und finden Sie heraus, was am wichtigsten ist. Wie wir auf der Gateway-Seite gesehen haben, müssen die wichtigen Elemente hervorgehoben und einfacher zu verwenden sein. Studieren Sie den einfachen Fluss der Kiawah Island-Website und machen Sie sich Notizen. Finden Sie andere Websites, die als großartige Inspirationsquellen dienen und finden Sie heraus, was sie richtig machen.
Machen Sie Mobile zu einer Priorität. Ich hatte nicht die Zeit oder den Platz, um die mobile Website zu bedienen, aber es ist schlecht. Die nächste Website sollte reaktionsschnell sein und mobile Benutzer mit einer unterdurchschnittlichen Erfahrung nicht benachteiligen.
Die nächste Website sollte reaktionsschnell sein und mobile Benutzer nicht mit einer unangemessenen Erfahrung belasten. ?Das Redesign-Projekt wird eine große, schwierige und frustrierende Herausforderung sein, die viel zu leicht von der Spur springt und sich in eine Katastrophe verwandelt. So ist die Lage des Webdesigners. Wir alle lieben es, weil trotz aller Herausforderungen erstaunliche Ergebnisse erzielt werden können. Ich bin zuversichtlich, dass das SeaWorld-Team das Talent hat, ein beeindruckendes und äußerst benutzerfreundliches Design zu entwickeln, wenn es sich wirklich diesen beiden Zielen widmet.
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.