UX Design 10 Dinge, die eine Reise-Website lehren kann
Ist Ihnen jemals in den Sinn gekommen, dass Sie während Ihrer Urlaubsplanung noch beruflich wachsen können? Beliebte Reise-Websites, Buchungs- und Checkout-Formulare, Reiseplaner und Hotelfahrpläne sind allesamt ausgezeichnete Quellen erweitern Sie Ihr Wissen im Bereich User Experience Design.
Bei der Auswahl der besten Standorte, Hotels und der Planung Ihrer Reise ist es eine gute Idee, darauf zu achten, was funktioniert und was nicht, was Sie inspiriert und was Sie sofort zu einer anderen Website führt. Ihre Reaktionen, Freuden und Abneigungen sind allesamt Kennzeichen für die Effizienz des User Experience-Designs der Site.
In diesem Artikel können Sie 10 Lektionen über die Benutzererfahrung lernen, die Sie auf beliebten Reiseseiten abholen können.
Der Unterschied zwischen UI und UX
UX ist keine UI, es ist wie eine ungeschrieben Gesetz. Wenn Sie über die Benutzerfreundlichkeit einer Website lesen, müssen Sie über die Benutzeroberfläche (UI) nachdenken. Benutzeroberfläche ist a Satz verschiedener visueller Elemente B. Menüs, Schaltflächen und Symbole, die Ihre Besucher verwenden (klicken Sie auf, bewegen Sie die Maus, tippen Sie auf), wenn sie mit Ihrer Website interagieren.
Usability ist eine Qualität, die User Interface (UI) beschreibt. Usability zeigt die Effizienz der Benutzeroberfläche, wie z wie einfach es ist, eine website zu benutzen (Lernfähigkeit), wie schnell Benutzer bestimmte Ziele erreichen können (Effizienz), Wie leicht können sie sich an ihre Erinnerungen erinnern über die Funktionsweise der Website (Speicherfähigkeit) und wie angenehm es zu benutzen ist (Benutzerzufriedenheit).
Usability ist ein Aspekt eines komplizierteren Begriffs, der als User Experience (UX) bezeichnet wird. Benutzererfahrung beinhaltet alles, was die Benutzererfahrung beeinflusst - entweder negativ oder positiv. Eine gute UX erfüllt alle Anforderungen von potenziellen Kunden - gute Benutzerfreundlichkeit und viele andere Dinge.
Nach Angaben des Research-Unternehmens Nielsen-Norman Group:
1. Geben Sie den Benutzern einen Startplatz
In erster Linie müssen Sie Geben Sie Ihren Besuchern einen Ort, an dem sie beginnen können. Normalerweise erhält die Startseite die meisten Klicks, nicht nur weil sie der Haupteingang einer Website ist, sondern wenn Benutzer von einer Suchmaschine kommen, ist der nächste Klick höchstwahrscheinlich die Startseite.
Deshalb musst du bieten auf der Startseite einen ansprechenden Inhalt und ein ansprechendes Layout wenn Sie Ihre Besucher auf Ihrer Website behalten möchten.
Die Homepage von Booking.com beweist, dass sie die Bedürfnisse ihrer Kunden gut verstehen. Denken Sie einfach darüber nach. Was möchten Sie auf einer Reiseseite tun? Sie wissen entweder, wohin Sie wollen, und möchten die Möglichkeiten so schnell wie möglich nachschlagen, oder Sie sind sich nicht sicher, wo sich Ihre Reise befindet, und Sie brauchen Inspiration.
Booking.com hat ein Suchformular auf der linken Seite von seiner Homepage für diejenigen, die sich ihrer zukünftigen Reise sicher sind. Die Besucher müssen keine Zeit damit verbringen, irrelevante Inhalte zu durchsuchen. Dies gibt ihnen eine erhöhte Entschlossenheit und ein gesteigertes Selbstbewusstsein.
Der verbleibende Platz auf dem Bildschirm über der Falte gibt den weniger Entschlossenen viel Inspiration: Drei große Bilder von beliebten Orten (Abu Dhabi, New York City und Dubai) geben Anregungen, einen AJAX - Stream über die “Gerade gebucht” Trips zeigt, was andere Benutzer gerade machen, und es gibt sogar einen kleinen Bereich, in dem potenzielle Kunden über die kostenlosen Stornierungsbedingungen informiert werden.
Auf der Homepage von Booking.com erhält jeder die nötigen Anreize und positive Gefühle, um sich auf der Website fortzubewegen, bevor er die Bildlaufleiste berührt.
2. Machen Sie Ihre Navigation offensichtlich
Wenn Sie möchten, dass Benutzer auf Ihrer Website bleiben, müssen Sie ihnen eine offensichtliche und benutzerfreundliche Navigation zur Verfügung stellen.
Die Navigation von TimeOut.com gleicht einer intelligenten Hostess: Sie gibt den Besuchern wertvolle Hilfe, wenn sie sie benötigt, aber sie stört sie nicht. Wenn Sie sich das Bild unten ansehen, sehen Sie, dass das Navigationssystem dies hat vier verschiedene elemente: eine große, leicht erkennbare Suchleiste, ein Hauptmenü mit klar definierten Elementen (Stadtführer; Film; Musik, Kunst & Kultur; Essen & Trinken; Über uns; Time Out Shop), eine gut gestaltete Breadcrumbs-Bar und eine Seitenleiste Auflistung der beliebtesten Städte.
TimeOut hat sein Navigationssystem so intuitiv gestaltet, dass Besucher weitere Anreize erhalten, die Website zu erkunden. Die kleine Miniaturansicht direkt neben jedem Seitenleistenelement gibt einen visuellen Schlüssel, die kurze Beschreibung unter der Überschrift "Essen & Trinken" sorgt dafür, dass Besucher am richtigen Ort sind, Dank der Breadcrumbs ist es ein Kinderspiel, sich weiter zu bewegen, und die obere Suchleiste hilft Benutzern, an den nächsten Ort zu springen, wenn sie sich mit dem aktuellen Standort langweilen.
Jedes Element unterstützt die anderen - ein klares Zeichen für ein großartiges UX-Design.
3. Verwenden Sie Bilder mit hoher Auswirkung
Der Screenshot unten zeigt eine der TripAdvisor-Profilseiten von TripAdvisor. Ich bin sicher, dass Sie bereits gelesen haben, dass Stock-Fotos keine gute Benutzererfahrung bieten: Sie langweilen die Besucher und motivieren sie nicht, sich im Conversion-Trichter vorwärts zu bewegen.
Die Alternative von Archivbildern sind aussagekräftige Bilder, die bei den Benutzern starke Emotionen hervorrufen. Und das wissen wir alle gesteigerte Emotionen führen zu einer höheren Kundenbindung.
Reisewebseiten verwenden in der Regel alle qualitativ hochwertige Bilder, aber TripAdvisor bringt es auf die nächste Ebene Benutzer dazu ermutigen, eigene Fotos hinzuzufügen zu jedem Restaurant. Auf diese Weise bringt TripAdvisor seine Inhalte mit auf Benutzergenerierte Bilder, die normalerweise interessanter sind für den durchschnittlichen Besucher einer Reiseseite als von Profis aufgenommene Fotos.
Der Gruppenzwang ist schließlich eine der stärksten Motivationen. TripAdvisor auch hält seinen visuellen Inhalt frisch durch das Hinzufügen von beeindruckenden Fotos, die von Benutzern aufgenommen wurden.
4. Halte es einfach
Weniger ist normalerweise mehr, daher ist es immer eine gute Idee, die Dinge einfach zu halten und sich nur auf relevante Informationen zu konzentrieren. Die Welt ist so voll von Ablenkungen, dass Ihre Besucher sicherlich dankbar sein werden, wenn Sie sie vor dem unnötigen Flaum retten.
“Halte es einfach” ist das UX-Prinzip, das Lonely Planet scheinbar auf seiner Homepage befolgte. Das wichtigsten themen Diese Intrigen sind ihre Benutzer in einem ordentlichen Raster aus attraktiven Thumbnails angeordnet unterstützt durch ein oder zwei Wörter lange Schlagzeilen.
Die Startseite von LonelyPlanet ist besonders unter dem Aspekt der Benutzererfahrung besonders intelligent, da die Miniaturansichten auch als Navigation dienen Benutzern einen leicht verständlichen visuellen Schlüssel geben.
Das Raster ist ansprechend und funktioniert daher in jedem Ansichtsfenster. Auf Mobiltelefonen und Tablets sehen die Miniaturansichten wie Symbole für mobile Apps aus Dies ist ein vertrautes Layout für alle mobilen Benutzer, und Vertrautheit ist auch etwas, das den Besuchern Trost gibt und somit die Bindung an die Website erhöht.
5. Verwenden Sie Aktionsverben
Sie kennen wahrscheinlich die Aktionsverben von Karriereseiten. Bei Aktionsverben werden Personalbeauftragte nicht nur dazu gezwungen, Lebensläufe zu scannen, sondern auch Website-Besucher, die im Internet surfen.
Das beliebte soziale Netzwerk zur gemeinsamen Nutzung von Unterkünften, AirBnB, nutzt sie überall auf seiner Website. Gehören irgendwo, Miete, Liste dein Raum, Entdecken setzt, Erkunden die Welt, Sehen wohin die Leute reisen, Aktie Ihre Erfahrung usw.
Aktionsverben sind unglaublich effizient, weil sie Benutzer aus einem passiven in einen aktiven Zustand verschieben. Positive Erfahrungen erfordern immer eine Tätigkeit für den Benutzer. Deshalb sind Abenteuerparks so beliebt.
Woran erinnern Sie sich noch mehr? Etwas, was Sie selbst gemacht haben oder was Sie gerade in einem Buch gelesen haben? Sehen? Interaktion beschäftigt Sie auch. Wenn Sie also die Benutzererfahrung Ihrer Website verbessern möchten, können Sie Aktionsverben verwenden, wo sie geeignet sind.
6. Optimieren Sie Ihre Formulare
Wie zu komplizierte Formen führen oft zu einer sofortigen Aufgabe Das Beste, was Sie für Ihre Benutzer tun können, ist die Optimierung der Formulare auf Ihrer Website, soweit dies möglich ist. Was meine ich unter Straffung??
Sie können ein hervorragendes Beispiel sehen, wenn Sie einen Blick auf das universelle Suchformular von Priceline.com auf deren Homepage werfen. Die Suchformulare von Priceline sind versteckt in einem praktischen horizontalen Tabbed-Navigationsbereich.
Die Registerkarten enthalten fünf verschiedene Suchformulare für die fünf Bereiche (Hotels, Flüge, Mietwagen, Pauschalreisen, Kreuzfahrten), in die das Unternehmen eingebunden ist.
Die wirklich coole Sache hier ist, dass Benutzer sich nicht mit Dingen beschäftigen müssen, die sie nicht interessieren, sondern sie können direkt zu dem Suchformular springen, das sie benötigen. Deshalb sind sie nicht mit zusätzlichen Datenfeldern belastet, Die Formularfelder werden auf ein absolutes Minimum reduziert erhöhte Effizienz, weniger Ärger und schnelles Verständnis - die beste Benutzererfahrung aller Zeiten.
7. Machen Sie Eindruck mit persönlichen Geschichten
Mit der intelligenten Nutzung persönlicher Geschichten, wie Sie sie tatsächlich erleben, können Sie auf der Startseite von GoBackpacking.com die Benutzerbindung steigern.
Die Abenteuer echter Menschen sind immer interessanter als übertriebenes Marketinggeplapper. Ihre Besucher möchten nicht die gleichen anstrengenden Klischees lesen, die sie auf der Website Ihres Konkurrenten lesen können. Sie können sogar selbst den gleichen, harmlosen Blether erzeugen.
Reviews, Bewertungen, gerichtete und moderierte Kommentare, Status, Blogbeiträge, persönliche Geschichten und Empfehlungen verleihen Ihrer Website Persönlichkeit Einführung hochwertiger Informationen, mit denen sich Ihre Besucher emotional verbinden können.
GoBackpacking füllt seine Homepage mit persönlichen Geschichten seiner Nutzer, so dass Besucher sofort in den Inhalt der Website eintauchen können, ohne es zu wissen.
8. Fügen Sie verwandte Produkte hinzu
Verwandte, empfohlene und beliebte Produkt-Widgets werden von allen großen E-Commerce-Playern verwendet. Es ist daher keine große Überraschung, dass auch Reiseseiten Einfluss darauf nehmen.
HotelTravel.Com löst die Aufgabe auf sehr knifflige und effiziente Weise. Seine Empfehlungsmaschine nimmt den Ort, nach dem der Besucher sucht - In unserem Fall ist es Hongkong - und zeigt noch mehr Hoteloptionen, die von anderen Benutzern empfohlen werden. Die verwandten Hotels sind auch die empfohlenen, eine 2-in-1-Lösung, die immer eine gute Idee ist.
Die Designer von HotelTravel.Com gingen noch einen Schritt weiter und platzierten die verwandte Produkte in ein handliches Akkordeon das ermöglicht dem Benutzer zu Gruppenempfehlungen nach vier verschiedenen Kriterien (Bester Preis, Bester Service, Bester Zimmerstandard, Beste Lage).
Um das Widget visuell interessant zu machen, sind die Bewertung, der Preis, ein kleines Miniaturbild und ein kurzes Zitat aus der letzten Überprüfung ebenfalls enthalten geben den Besuchern die maximale Hilfe zu entscheiden, welche Unterkunft am besten zu ihren Bedürfnissen passt.
9. Über Vorteile sprechen
Besuchern zu zeigen, welche Vorteile sie auf Ihrer Website erzielen können, ist immer benutzerfreundlicher, als sie mit trockenen Fakten zu belästigen, die sie einschlafen lassen.
Auf der Homepage von Booking.com sehen wir eine intelligente Nutzung dieses UX-Konstruktionsprinzips. Auf der rechten Seite des Bildschirms sehen Sie die “Warum nutzen Sie Booking.com??” Abschnitt, der enthält sechs Vorteile das entspricht den Werten des Durchschnittsreisenden (niedriger Preis, Auswahl der Board-Auswahl, Benutzerfreundlichkeit der Benutzeroberfläche, bestücktes Bewertungssystem, hochwertiger Kundenservice und Verfügbarkeit rund um die Uhr).
Natürlich sind diese Werte in einem mehr formuliert einnehmender Weg und komm mit Links wo potenzielle Kunden weiterziehen können. Das “Warum nutzen Sie Booking.com?” Widget ist in der Tat die verbesserte Version des regulären “Eigenschaften” Sektion einer durchschnittlichen Website für kleine Unternehmen, enthält jedoch viele unterstützende Elemente.
Das farbige Symbole, die hervorgehobenen Links und die spezifischen Daten (sowie “701.118 Immobilien weltweit”) Alle lassen die Benutzer glauben, dass sie sich auf einer professionellen Website befinden, der sie vertrauen können. Das Schaufenster bekannter Orte Von Sydney nach Dublin auf der linken Seite und das kleine Widget des ReviewCentre eines Drittanbieters unterstützen alle diese Erfahrung und bauen Vertrauen auf.
10. Sozialen Nachweis erbringen
Wenn Leute über Social Proof sprechen, meinen sie in der Regel Social-Media-Widgets wie Facebook-Injection, die auch ein großartiges Element gut konzipierter UX ist, aber die Homepage von TripAdvisor bietet ein gutes Beispiel wie andere Formen des sozialen Beweises funktionieren.
Das Konzept des sozialen Beweises basiert auf einem psychologischen Prinzip, das besagt, dass Menschen eher etwas tun wenn sie andere in ihrer Nähe sehen mach das selbe. Externe Validierung ist eine große Motivation Für die meisten von uns bauen so kluge Designer soziale Beweise in ihre Websites ein, die die Besucher dazu anhalten, das Verhalten ihrer Mitbenutzer zu wiederholen.
Auf TripAdvisor das Mitmachen Soziale Inhalte sind in eine praktische Tab-Navigation integriert mit drei Abschnitten: Hotelbewertungen, Fotos von Benutzern und Foren. Der Titel des Widgets lautet “Worüber sprechen Reisende?” welches ist weniger aufdringlich als der durchschnittliche Untertitel auf kommerziellen Standorten; es fällt dem Besucher also sofort ins Auge.
Die Hotelrezensionen sind auf intelligente Art und Weise gestaltet macht den Inhalt leicht verdaulich: Ein kleines Profilfoto und das Ranking des bewertenden Benutzers, der Name des bewerteten Hotels, ein kurzer Zitat aus der Bewertung selbst und ein Bewertungssymbol, das gut zum allgemeinen Design der Website passt.
