Advertisement
  1. Web Design
  2. UX/UI
  3. Design Theory

WeChat tut Ihre Wäscherei: Design für Chinas größte soziale Plattform

Scroll to top
Read Time: 11 min

() translation by (you can also view the original English article)

Es fällt mir schwer, westliche Designer zu verstehen, warum ich im Zusammenhang mit Webdesign immer wieder von WeChat (chinesisch: Weixin 微信) spreche.  Im Westen werden Social Media und Webdesign als separate, wenn auch verwandte Bereiche betrachtet.  Aber China ist eine andere Geschichte.  Ich könnte dafür über heiße Kohlen gezogen werden, aber ich werde es trotzdem sagen:

"Im heutigen China Webdesign *ist* WeChat-Design." -  Ich

Die derzeit als beliebteste App des Landes geprägte Bevölkerung, die Gesamtzahl der Nutzer von WeChat (einschließlich internationaler Benutzer) erreichte im Jahr 2015 500 Millionen. 500 Millionen. Aber trotz dieser Zahlen kann ich nicht sagen, wie oft ich westlichen Design-Teams zugehört habe Schauen Sie sich WeChat an und entlassen Sie es.

"Meh, es ist eine Messaging-App mit ein paar zusätzlichen Funktionen."

„Nein“, brüllte ich und schüttelte sie mit angemessener Gewalt.  „WeChat ist kein Messenger, sondern ein Lifestyle mit Chat-Funktion.  Es bucht Sie Fahrkarten!  Es nimmt Ihre chemische Reinigung auf!  Es ist ein mobiles Internet im mobilen Internet!“

Und es ist so unglaublich allgegenwärtig, dass Chinas talentierteste Webdesigner und App-Entwickler ihre Innovationen darauf konzentrieren, speziell auf die Plattform zugeschnittene Erfahrungen zu gestalten.  Wenn Sie ein digitales Produkt für China entwickeln, ist es nicht nur von entscheidender Bedeutung, dass Sie wissen, was Ihre Konkurrenten bei WeChat tun, sondern auch, welche Möglichkeiten es gibt, um es für überragende Erlebnisse für Ihren Markt zu nutzen.

Durchblättern-Funktion 

Fairerweise, ihr Ungläubigen: Ich werde zugeben, dass WeChat auf den ersten Blick kaum mehr als eine SMS-Plattform aussieht.  Die vier Registerkarten der Benutzeroberfläche sprechen kaum inhaltlich viel:

Ihr Chat-Bildschirm mit den neuesten Konversationen.
Kontaktliste.
"Discover"-Bildschirm oder, wie Dan Grover es in seinem Artikel über Chinesische UI-Trends für mobile Apps formuliert, "Das Discover-Menü enthält eine wechselnde Menagerie aus unterhaltsamen, nicht unbedingt notwendigen Extras, die die Kernfunktion der App erweitern."
KUMITEEEEE!  Der "Moments"-Feed (unter "Entdecken"), eine Social-Sharing-Funktion mit Bildern, Alben, Links und anderen Updates von allen Ihren WeChat-Kontakten.
Und das Benutzermenü.

Schockierend, ich weiß.  Ich werde nicht viel Zeit mit den grundlegenden Funktionen von WeChat verbringen.  Wir sind alle Erwachsenen hier.  Wir haben alle schon eine Kontaktliste gesehen.  Aber selbst in etwas, das wie das digitale Rolodex von WeChat ist, werden Sie möglicherweise einiges Neues bemerken.

WeChat teilt Konten in zwei Haupttypen auf: Einzelkontakte (Freunde, Jo-Mama) und offizielle Konten (Unternehmen, Lifestyle, Medien, Regierung).  Die Interaktion mit einzelnen Kontakten erfolgt auf vorhersagbare Weise: Sie können per Text oder Sprache chatten, VoIP-Anrufe einleiten, Text-, Image- oder Video-Updates („Momente“) anzeigen und Gruppenchats verwalten.

Aber in offiziellen Berichten geschieht die wahre Magie.  Wenn ein Unternehmen sich für ein offizielles Konto anmeldet, erhält es Zugang zu einer Veröffentlichungsplattform, mit der Mini-WeChat-Landing-Pages, gemeinsam nutzbare animierte Websites für den einmaligen Gebrauch (Light Apps oder 轻应用) und HTML5-fähige Mikro-Werkzeuge erstellt werden können.

Obwohl die Kontakt- und Chat-Listen gutartig erscheinen, dienen sie tatsächlich als Einstiegspunkt für eine ziemlich robuste Funktionalität.

Einige weitere Dinge, die Sie über WeChat wissen sollten:

WeChat hat einen eigenen Browser

Wenn Sie möchten, dass Benutzer in Ihrer Erfahrung bleiben und einen guten alten Fall des Stockholm-Syndroms fördern, können Sie sie nicht jedes Mal aus Ihrer App herausspringen lassen, wenn Sie auf Online-Inhalte zugreifen möchten.  Das WeChat-Team hat das mit einem integrierten Webbrowser erledigt, der auf die Anforderungen der WeChat-Umgebung zugeschnitten ist.

Der Browser von WeChat hat keine URL-Leiste und Sie können Webadressen nicht manuell in WeChat eingeben.  WeChat-Browserfenster paginieren nicht über Registerkarten, es können nicht mehrere Fenster gleichzeitig geöffnet sein.  Der WeChat-Browser wird nur geöffnet, wenn Sie bereits in WeChat auf einen Link klicken oder wenn Sie den integrierten QR-Code-Scanner von WeChat verwenden, um auf eine Webseite zuzugreifen.

Das bedeutet nicht, dass Sie mit WeChat nicht aus der App aussteigen können, wenn dies erforderlich ist. Es handelt sich lediglich um ein Standardverhalten.

Das WeChat-Browsermenü enthält die Funktion "Mit Browser öffnen", sodass eine Seite manuell an den Gerätebrowser übertragen werden kann.

Der QR-Code-Scanner in WeChat ist ein großer Deal

Von denen zu sprechen: Ich weiß, dass die westliche Welt derzeit nur mit QR-Codes beschäftigt ist, aber vor allem WeChat, Chinas Verliebtheit.  WeChat verfügt nicht nur über einen eigenen Onboard-Scanner, sondern jedes Benutzerkonto erhält einen persönlichen QR-Code, der auf Visitenkarten gedruckt, auf Sicherheiten verteilt oder von Telefon zu Telefon gescannt werden kann.  Es ist üblich zu hören, ob ich Sie scannen soll oder ob Sie mich scannen sollen, wenn neue Freunde die Kontaktinformationen von WeChat persönlich austauschen.

Tasten Sie mich ab?  Wollen Sie mir nicht zuerst einen Drink kaufen?

Das Scannen von QR-Codes ist auch für offizielle Konten unerlässlich. Hier ein Bild, das ich an der 2015 GMIC, der größten mobilen Konferenz Asiens, mitgenommen habe, bei der Dutzende um ein Banner mit QR-Codes versammelt sind, wobei jeder eine Konferenzspur darstellt, die die Teilnehmer über WeChat verfolgen können, während sie um die Veranstaltung kreisen.  Wählen und scannen Sie die Titel, an denen Sie interessiert sind, und erhalten Sie Benachrichtigungen und Benachrichtigungen zu diesem Titel im Laufe des Tages.

WeChat hat eine eigene Geldbörse

Im Jahr 2014 hat WeChat mit vielen chinesischen Internet-Giganten eine eigene digitale Geldbörse veröffentlicht. Das ist ein ehrgeiziger Schritt, um mit dem chinesischen Zahlungsgiganten Alipay in den Ring zu springen.  Die Brieftasche kann ihr eigenes Guthaben halten, Bargeld direkt von Kreditkarten und Bankkonten beziehen, Geld an andere WeChat-Benutzer übertragen, Geld über QR-Codes erhalten und Zahlungen in Drittanbieter-Apps abwickeln, für die die Integration von WeChat Wallet aktiviert ist.

Die Brieftasche enthält auch eine Reihe von Nebenfunktionen.  Sie können Ihr Handy-Guthaben aufladen, für einen guten Zweck spenden und Investitionen tätigen.  Es gibt eine Funktion zur Buchung von Flugtickets und ein digitales Lotteriebüro.

Von links oben: Taxi rufen, auf Jing Dong einkaufen, QQ-Konto aufladen, "roten Umschlag" senden (Geldgeschenk), Essen/Trinken/Spielen mit Dianping, Kreditkarten, Spenden für eine Sache, Kauf von Fahrscheinen, " holländisch ", Flug- und Bahntickets.

Hier ist das Fenster zum Kauf von Flugzeugen und Bahntickets. Wählen Sie einfach Ihr Abreisedatum und bezahlen Sie mit WeChat Wallet direkt in der App.

Sie haben sogar eine "Go Dutch" -Funktion, bei der Sie und alle Ihre Freunde jeweils einen Teil einer Rechnung begleichen können.

Geldüberweisung per Chat

Da WeChat Wallet vollständig in die Plattform integriert ist, ermöglicht es die Übertragung per Mausklick direkt im Chatfenster.  Hier schicke ich jemanden 200 Yuan:

Telefon-zu-Desktop-Dateiübertragung

Mann, das ist eines der Dinge, von denen Sie nicht gemerkt haben, dass Ihr Leben fehlte, bis Sie es benutzen, und dann fragen Sie sich, wie Sie jemals ohne gelebt haben.  WeChat bietet auch eine gekoppelte Desktop-Version von sich selbst an, mit der Ihr Telefon und Ihr Desktop schnell Medien tauschen können (es ist auch hilfreich, wenn Sie eine lange, lange Nachricht an einen Freund eingeben möchten und dies nicht auf einem Computer tun möchten Mikrotastatur).  Das ist ein einzigartiger Anwendungsfall für zwei Geräte, also gehen wir Schritt für Schritt durch:

Zuerst besuchen Sie web.webchat.com in Ihrem Desktop-Browser.

Sehen Sie diesen QR-Code auf der Landing Page?  Schnappen Sie sich Ihr Handy, öffnen Sie WeChat und scannen Sie den QR-Code mit dem integrierten QR-Scanner von WeChat.  Sie sind auf beiden Geräten angemeldet:

Sobald Sie sich anmelden, wird ein spezielles offizielles Konto mit dem Namen "File Transfer" automatisch in Ihrer Chat-Liste angezeigt, auch auf beiden Geräten:

Alle Nachrichten, die Sie über ein Gerät an diesen Kontakt senden, werden auf dem anderen Gerät angezeigt.  Möchten Sie beispielsweise schnell Fotos von Ihrem Telefon erhalten?  Verwenden Sie Ihr Telefon, um diese Bilder per Chat an die Dateiübertragung zu senden.  Sie werden auch im Chat-Fenster Ihres WeChat-Fensters angezeigt, in das Sie herunterladen und speichern können.

Das ist ein vollständiges Ökosystem, Leute

Freundeslisten.  Kommunikationsplattformen.  Soziales Teilen.  Zahlungsabwicklung.  Surfen im Internet  Sie wissen, dass das macht?  Das macht ein gesamtes in sich geschlossenes Universum.  Und unternehmerisch denkende Unternehmen sind im Hinblick auf den Einsatz dieser ganzen Kraft ziemlich kreativ geworden.  Werfen wir einen Blick, oder?

Fallstudien

Zusätzlich zu den Chat-Funktionen ermöglicht die WeChat-Backend-Verwaltungsplattform den offiziellen Kontoinhabern das Erstellen von WeChat-Landing-Pages mit maximal drei Hauptmenüelementen mit jeweils maximal fünf Untermenüelementen.  Das sind 15 mögliche "Seiten", die offizielle Kontoinhaber ihrer WeChat-Minisite hinzufügen können.  Hier ist die Navigation auf dem offiziellen Konto von Dianping (rot), wobei ein Untermenü (blau) geöffnet ist.

Diese Menüelemente können beim Anklicken einfache Aktionen ausführen, z. B. eine vordefinierte Nachricht in das Chatfenster ausspucken, oder sie können komplexe Aktionen ausführen, z. B. einen direkten Link zu einer selbst gehosteten Seite, die im WeChat-Browser geladen wird.

Ein einfaches Beispiel finden Sie unter Alina, dem offiziellen WeChat-Bericht des vegetarischen Lifestyle-Bloggers mit demselben Namen.  Der dritte Menüpunkt lautet "Über uns".  Wenn Sie auf dieses Menüelement klicken, wird einfach ein Link zu einem Artikel angezeigt, der Alinas Geschichte mit Vegetarismus beschreibt.  Taste drücken, vordefinierten Inhalt abrufen: sehr einfache Eingabe-Ausgabe.

Hier ein interessantes Beispiel: Das Designteam von Tencent Games, gemeinsam als TGideas bekannt, führt ein eigenes inspirierendes WeChat-Konto, ein kleines Protokoll der Lieblingsarbeiten und eine Referenzliste guter Handyspiele.  Klicken Sie auf den angezeigten Menüpunkt, um die TGideas-Liste mit HTML5-Spielen anzuzeigen, die Sie direkt im WeChat-Browser spielen können.

Die erste automatisierte Nachricht, die ich nach dem TG-Ideenkonto sehe.  Durch Berühren des dritten Navigationselements wird eine Spieleliste im WeChat-Browser geöffnet.
Eine Liste der verfügbaren Spiele, die im WeChat-Browser angezeigt werden.
Das Spiel beginnt direkt im WeChat-Browser.

Dieses Spiel lebt nicht in WeChat.  Es wird anderswo gehostet.  TGideas nutzte ihr WeChat-Backend, um einen ihrer Mini-Site-Menüelemente mit dieser Spieleliste zu verknüpfen. Und solange der Benutzer WeChat nicht aktiv verlassen und einen Link im Browser des mobilen Geräts öffnen möchte, bleibt die Erfahrung auf der App-Seite.

Hier sind einige innovative Beispiele für WeChat-Anwendungen.

Innovation

Reisebranche Kundenservice: Ctrip

Sie sind eine beschäftigte Person.  Sie haben keine Zeit zum Halten.  Aber wenn Sie ein Problem haben, möchten Sie wirklich mit einem Menschen interagieren.  Was wäre, wenn Sie schnell ein Unternehmen um Hilfe bitten könnten und das Unternehmen Ihnen einen mobilen Chat senden würde, wenn ein Agent verfügbar wäre?

Genau das tut Ctrip, eine der vier großen Buchungs-Websites Chinas.  Senden Sie eine Nachricht an Ihr offizielles WeChat-Konto, und ein Kundendienstmitarbeiter sendet Ihnen eine SMS zurück, sobald jemand frei ist.

Die Bereitstellung von Live-Personen-Kundenservice über WeChat SMS wird zu einer erwarteten Norm, daher werde ich mich hier nicht verstecken: Wenn Sie vorhaben, irgendwelche Geschäfte in China zu tätigen, und WeChat nicht als primären Kontaktpunkt betrachtet haben, Sie haben Ihren Markt nicht im Griff.  Lieber beschäftigt sein.

Soziale Fitness: WeChat Sport (微信运动)

Warum eine Pedometer-App herunterladen?  Warum überhaupt etwas herunterladen?  Folgen Sie einfach dem offiziellen WeChat Sport-Konto, und alle 24 Stunden erhalten Sie automatisch eine Nachricht, wie viele Schritte Sie an diesem Tag unternommen haben.  Sie können Ihre Rankings jederzeit mit allen Ihren WeChat-Kontakten vergleichen, die auch dem Sportkonto folgen.

Die Zahl links ist dein Rang gegenüber deinen Freunden, die Zahl rechts die Anzahl der Schritte, die Sie heute unternommen haben.

Holen Sie sich eine Fahrt mit WeChat: Dididache

Dididache ist einer der größten Konkurrenten in Chinas Great Uber-off, der sich darum bemüht, den privaten PKW- und Taximarkt zu ebnen.

„Die Anwendung zeigt die Echtzeitstandorte von Taxis auf einer Karte mithilfe der GPS-Technologie an und ermöglicht es den Benutzern, ein Taxi über ihr Smartphone zu finden.  Die Benutzeranforderung wird an nahegelegene Taxifahrer gesendet, die entscheiden, ob sie die Bestellung annehmen oder nicht.“ - Crunchbase

Es gibt eine herunterladbare Dididache-App, aber - und dies ist entscheidend, wenn Sie in den chinesischen Markt einsteigen, Leute - Dididache bietet auch Bare-Bones-Funktionen über seinen offiziellen WeChat-Account an, und Sie können ein Taxi nehmen, ohne das WeChat-Mini zu verlassen.  Noch besser: Sie können Ihre Taxifahrten über WeChat Wallet bezahlen.

Benutzer können das Dididache-Konto wechat eingeben und auf das erste Navigationselement "Ich möchte ein Taxi rufen" klicken.
Dadurch gelangen sie auf eine webgestützte, für Mobilgeräte optimierte Seite, auf der sie den aktuellen Standort, das Ziel und den Tipp eingeben können.

China marketplace hoffnungslos: Beachten Sie, dass dieses Angebot mit zwei Angeboten für die Benutzerabdeckung, eine herunterladbare App, die Benutzer über chinesische App-Stores erfassen können, sowie eine heruntergeladene HTML5-App, auf die Benutzer über WeChat zugreifen können, sehr schnell zu einer Benutzererwartung wird.

WeChat 020: Wäscherei

Ein weiteres Beispiel für einen ähnlichen Ansatz: Der vielbesuchte O2O-Trockenreinigungsservice eDaiXi bietet auch eine herunterladbare App. Der Dienst kann jedoch direkt über den WeChat-Account verwendet werden.  Ein Download ist nicht erforderlich. Folgen Sie ihrem offiziellen Konto, klicken Sie auf "Bestellung aufgeben", binden Sie Ihre Handynummer an das System, geben Sie einige Details ein und eDaiXi schickt jemanden zu Ihnen nach Hause, um Ihre Reinigung abzuholen.  Sie werden es wieder abgeben, wenn es fertig ist.

Suchen und folgen Sie dem offiziellen eDaiXi-Konto.
Binden Sie Ihre Telefonnummer an das Geschäft.
Bestellung aufgeben (große blaue runde Taste).
Geben Sie Ihre bevorzugte Servicezeit und Adresse ein.  Das war's. 

Sobald Sie auf der WeChat-Minisite auf „Bestellen“ geklickt haben, werden Sie zu einer von eDaiXi gehosteten mobilen Site weitergeleitet, die im WeChat-Browser geladen wird.

WeChat eCommerce: JingDong

Da natürlich all das Geld herumschwamm, würde jemand nisten.  Über den Power-Händler Jingdong auf WeChat können Sie auf die WeChat-Shop-Landing-Page zugreifen.

Wenn Sie mehr über den direkten E-Commerce von WeChat erfahren möchten, lesen Sie den Beitrag von WalktheChat über Five Ways, um einen WeChat-Store kostenlos zu eröffnen.  Sie sprechen über die wichtigsten WeChat-E-Commerce-Publishing-Services, einschließlich wichtiger Vor- und Nachteile.

Schlussgedanke

Ich höre gleich dort auf, aber die Liste der potenziellen Anwendungen wird wirklich ewig dauern: Restaurant-Wartelisten, in denen Sie informiert werden, wenn ein Tisch bereit ist, digitale WeChat-basierte Fitness-Mitgliedskarten, Hotelbuchungen und tägliches Radio - wenn Sie können Bauen Sie es für Mobilgeräte, können Sie es für WeChat erstellen.  Und wenn Ihre Marke nach China kommt, sollten Sie das unbedingt tun.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.