Inspiration von mobilen Dating-Apps: So verbessern Sie Ihre Designs

Verbesserungen am Design Ihrer mobilen App vorzunehmen ist nicht unbedingt die einfachste Aufgabe. Denn wie viel lässt sich auf so begrenztem Raum wirklich erreichen? Sie erkennen, dass die Aufmerksamkeitsspanne mobiler Benutzer abnimmt und sie folglich ein schnelles, bequemes und ansprechendes Erlebnis bei der Verwendung von Apps erwarten.

Wie viele andere Möglichkeiten kann es realistischerweise geben, diese Erwartungen zu erfüllen, die noch nie zuvor gemacht wurden?

Nehmen wir mobile Dating-Apps. Ich weiß, ich weiß. Sie bekommen oft einen schlechten Ruf dafür, dass sie die Dating-Szene in etwas Oberflächliches, Mechanisches und Unpersönliches verwandeln.

Melden Sie sich über Facebook an.

Nach links wischen. Wische nach rechts.

Öffnen Sie eine neue Nachricht, um mit Alicia/Greg/Cathy/Alex/Elle…

Während es leicht ist, diese Apps als lustige kleine Ablenkungen für Leute abzuschreiben, die versuchen, Liebe zu finden, sind sie eigentlich ziemlich erfolgreich. Und ich spreche nicht nur darüber, wie sie Singletons helfen, das Zahlenspiel zu spielen. Entwickler von mobilen Dating-Apps haben großartige Arbeit geleistet, indem sie ein fesselndes und fast süchtig machendes Erlebnis geschaffen haben, das die Benutzer nicht nur mehr als einmal, sondern täglich zurückkommen lässt.

Also, was ist ihr Geheimnis?

Im folgenden Überblick über mobile Dating-Apps werde ich erörtern, wie Entwickler das, was sie über ihr Publikum wissen, effektiv nutzen, um durch Design ein wertvolles Erlebnis zu gestalten. Wenn Sie Ihre Zeit damit verbracht haben, die mobilen Apps Ihrer Konkurrenz nach Tipps und Tricks zur Verbesserung zu durchsuchen, ist es vielleicht an der Zeit, eine Pause einzulegen und sich anzusehen, was die Entwickler von mobilen Dating-Apps tun.

Sie haben sechs geheime Zutaten freigeschaltet, auf die Sie genau achten müssen.

Der wahre Wert mobiler Dating-Apps

Wenn Sie schon einmal eine mobile App entwickelt haben, wissen Sie, wie schwierig es ist, Menschen dazu zu bringen, sie auf ihr Telefon herunterzuladen, installiert zu lassen und regelmäßig zu verwenden.

Localytics führte 2016 eine Studie zum Abbruch mobiler Apps durch. Aus dieser Recherche gingen zwei Statistiken hervor, die App-Entwickler beunruhigend finden sollten:

• 23 % der Nutzer mobiler Apps verwenden eine App nur einmal, bevor sie sie wieder verlassen.
• Nur 38 % der Nutzer mobiler Apps verwenden eine App mehr als 11 Mal.

Seien wir ehrlich: Einige mobile App-Konzepte sind einfach sinnvoller als andere und werden von den Benutzern besser angenommen. Davon abgesehen ist es nicht so einfach, es einer Art von Unternehmen zuzuschreiben, die im Bereich mobiler Apps besser abschneidet als einer anderen (z. B. Restaurant-Treue-Apps im Vergleich zu Produktivitäts-Apps).

Worauf es wirklich ankommt, ist der Wert , den Sie liefern, und wie gut das Design und die Funktionalität Ihrer App zu diesem Wert beitragen.

Nehmen Sie mobile Dating-Apps. Das Konzept ähnelt dem, was traditionelle Dating-Websites erreichen wollen: Menschen dabei zu helfen, einen Partner zu finden. Während einige Entwickler von Dating-Apps fälschlicherweise versucht haben, das volle Erlebnis einer Website in die Form einer mobilen App zu packen, haben sich andere stattdessen auf die Bedürfnisse der Benutzer im Kontext eines mobilen Geräts konzentriert.

Dies ist wahrscheinlich der Grund, warum Dating-Apps fast ein halbes Jahrzehnt nach der Einführung von Tinder in den Mainstream immer noch so beliebt sind.

Allein Tinder sammelt jeden Tag 1,6 Milliarden Swipes. Ihre Nutzer verbringen jeden Tag durchschnittlich 35 Minuten auf der Plattform. Vergleichen Sie das mit Bumble, einem der neueren, aber sehr beliebten Kinder auf dem Block. Die Benutzer dieser App streichen etwa 220 Millionen Mal und verbringen jeden Tag etwa 100 Minuten damit.

Also, was ist das Erfolgsgeheimnis von Mobile-Dating-Apps? Mit anderen Worten, warum strömen so viele Menschen zu ihnen und engagieren sich so intensiv mit ihnen?

Das liegt daran, dass Entwickler verstehen, dass der Wert dieser Apps nicht nur von der Qualität der Übereinstimmungen abhängt (natürlich ist das auch sehr wichtig). Was die Website-Erfahrung von der jetzt überlegenen App-Erfahrung unterscheidet, ist die Geschwindigkeit und Bequemlichkeit, mit der Benutzer eine Übereinstimmung finden können. Und dies wäre ohne intelligente Designentscheidungen nicht möglich.

Lektionen, die jeder Webentwickler von mobilen Dating-Apps lernen kann

Um ein wirklich hochwertiges Erlebnis für Ihre mobile App zu schaffen, achten Sie genau darauf, was Dating-Apps geleistet haben. Da Tinder und Bumble führend in diesem Bereich sind, werde ich mich im Folgenden auf sie konzentrieren. Einige andere Apps da draußen treffen jedoch auch intelligente Designentscheidungen, daher werde ich gegebenenfalls Beispiele von diesen hinzufügen.

Hier sind sechs Lektionen, die man aus dem Studium effektiver mobiler Dating-App-Designs lernen kann.

1. Design für Mobile-First

Als ich das letzte Mal Single war, hatte ich zwei Möglichkeiten: jemanden persönlich treffen oder jemanden über eine Dating-Website kennenlernen. Ich erinnere mich, dass ich damals Dating-Websites verachtet habe. Sie erforderten, was ich als zu viel Arbeit empfand, und keiner von ihnen sah wirklich sehr gut aus. Die Bilder der Leute sahen grobkörnig aus, es gab keine Einschränkungen, wie viel oder wie wenig jemand schreiben konnte, und ich kann mich nicht erinnern, dass die Websites sehr leicht zu finden waren.

In meiner Super-Single-Suzy-Phase war ich sehr froh, die mobile Dating-App zur Verfügung zu haben – und ich scheine nicht allein zu sein. Als Clickz im Jahr 2013 die Anzahl der Desktop-Benutzer im Vergleich zu mobilen Benutzern untersuchte, stellte es fest, dass 65 % der Online-Date Desktops verwendeten und nur 35 % mobil waren. Nur ein Jahr später änderten sich diese Zahlen jedoch erheblich, wobei 60 % den rein mobilen Weg wählten und 40 % sich immer noch auf den Desktop verlassen.

Dies ist keine große Überraschung, wenn man bedenkt, wie beliebt mobile Apps in Bezug auf die Zeit geworden sind, die wir im Allgemeinen auf intelligenten Geräten verbringen. Wie bereits erwähnt, werden jedoch nicht alle mobilen Apps so gut angenommen wie mobile Dating-Apps. Vieles davon hat mit Design zu tun.

Sicher, einige Dating-Websites (wie Match und OkCupid) sind in den Bereich der mobilen Apps übergegangen, um den Benutzern flexible Optionen bei der Nutzung des Dienstes zu bieten. Davon abgesehen sind Apps, die in diesem Bereich wirklich Fortschritte machen, solche, die ausschließlich mobil sind und mit einer Mobile-First-Mentalität entwickelt wurden.

Nehmen Sie den Ansatz von Clover zur Profileinrichtung:

Benutzer müssen nicht Dutzende oder sogar Hunderte von Fragen über sich selbst ausfüllen. Tatsächlich können viele der Antworten einfach durch Klicken auf eine Dropdown-Option bereitgestellt werden. Da der Platz zum Tippen begrenzt ist und Ihre Daumen auf einem mobilen Gerät nur so viel tun können, müssen Kontaktformulare und andere Eingabefelder vereinfacht werden.

Dasselbe gilt für Kontoeinstellungen, wie in Once:

Ich würde auch vorschlagen, dass Sie andere Möglichkeiten in Betracht ziehen, um es Benutzern bequemer zu machen, sich anzumelden, einzurichten oder Informationen bereitzustellen. Je weniger Arbeit sie leisten müssen, desto besser.

Facebook-Logins werden bei mobilen Apps immer beliebter, und insbesondere Dating-Apps sind zunehmend auf den Zug aufgesprungen. Huggle ist einer von vielen, die dies tun:

Wenn Sie daran interessiert sind, diese Funktion hinzuzufügen, hat Facebook es mit Facebook für Entwickler supereinfach gemacht.

2. Wählen Sie kräftige Farben

Farbe ist ein unglaublich starker Bestandteil jedes Webdesigns, insbesondere in mobilen Apps, die gegen das schwindende Interesse der Benutzer kämpfen.

Es ist keine Überraschung zu sehen, wie gut Dating-Apps Farbe verwenden.

Schauen Sie sich die App-Symbole oben an. Ist es eine Überraschung, dass zwei der führenden Dating-Apps (Tinder und Bumble) Rot bzw. Gelb als Primärfarben verwenden? Es liegt nicht nur daran, dass diese Farben hell sind.

Denken Sie so darüber nach. Tinder hat den Ruf, Benutzern die Möglichkeit zu geben, einen langfristigen Partner sowie jemanden für eine Nacht zu finden. Aber die zugrunde liegende Botschaft hier? Tinder nährt Ihre Leidenschaft und das schnell – zwei der häufigsten psychologischen Assoziationen mit der Farbe Rot.

Bumble hingegen soll eine sicherere Umgebung für Dating bieten. Während die Benutzer frei nach links oder rechts streichen können, wen sie wählen, liegt es an den Frauen, zu entscheiden, ob sie die Kommunikation mit potenziellen Partnern eröffnen möchten. Im Wesentlichen bietet Bumble seinen Benutzern ein positiveres Dating-Erlebnis, was Gelb – eine Farbe, die für Positivität und Glück steht – zu einer klugen Wahl macht.

Außerhalb des Brandings werden Sie feststellen, dass mobile Dating-Apps Farbe mit Bedacht verwenden. Anstatt das Design mit einem roten Hintergrund oder überall mit königsblauen Spritzern zu überladen, verwenden diese Apps Farbandeutungen, um Benutzer daran zu erinnern, wo sie als nächstes interagieren müssen.

Nehmen Sie den roten Zurück-Button von Tinder und markieren Sie ihn in der Chat-App:

Oder betrachten Sie die gut ausgewählten Farben von Once in diesem doppelten Aufruf zum Handeln:

3. Gehen Sie sparsam mit Text um

Seien wir ehrlich: Smartphones haben dazu geführt, dass wir weniger geneigt sind, mehr als vielleicht ein paar Zeilen Text zu lesen. Also, für Webentwickler, die glauben, dass die Erstellung eines responsiven Designs für ihre Website ausreicht, um mobile Benutzer zu beschäftigen, denken Sie noch einmal darüber nach.

Mobile Benutzer wollen keine ganze Seite, die einen Dienst beschreibt, wenn sie stattdessen hier und da einen Satz lesen könnten, der ihn genau zusammenfasst. Natürlich müssen Sie Ihre Schlachten auswählen. In manchen Fällen ist ein ganzseitiger Text sinnvoll (z. B. bei Blogbeiträgen und Fallstudien). Aber es gibt clevere Möglichkeiten, eine mobile Benutzeroberfläche mit wenig Text auszustatten und gleichzeitig durch scharfes Design viel zu kommunizieren.

Hier sind einige coole Dinge, die mobile Dating-Apps in dieser Hinsicht tun. Beginnen wir mit Tinder, weil es im Grunde diese ganze Sache gestartet hat.

Ich würde argumentieren, dass sich das kartenartige Design der Match-Oberfläche nicht von den Header-Bildern in voller Breite unterscheidet, die wir auf Websites verwenden: sehr wenig Text – ein Name, ein Job, vielleicht eine Schule – und schön, hochauflösend Bilder (solange der Benutzer diese hochlädt) nehmen den größten Teil der Fläche ein. Alle, die weitere Informationen wünschen, können auf das „i“-Symbol klicken, um weitere Informationen zu erhalten. Selbst dann sind Bios auf 500 Zeichen begrenzt.

So könnte ein erweitertes Profil in Bumble aussehen:

Mobile Dating-Apps treffen auch kluge Entscheidungen darüber, wie die App und ihre Funktionen erklärt werden. Anstatt den Benutzern lange Seiten zur Verfügung zu stellen, die die Geschichte des Unternehmens wiedergeben, über seine Ziele sprechen und die Vor- und Nachteile des Tools erklären, verwenden diese Apps leicht erkennbare Bilder, kräftige Farben und spärlichen Text, um mit den Benutzern zu kommunizieren.

Bumble macht das besonders gut, indem es verschiedene Upgrade-Optionen erklärt:

Darüber hinaus verwenden die meisten dieser Dating-Apps das, was ich gerne „Tooltips“ nenne (auch wenn sie nicht wie die Standard-Hover-and-Reveal-Tooltips sind). Grundsätzlich erhalten Sie durch eine Reihe kurzer Notizen ein Gefühl dafür, wie Sie mit der App interagieren.

Hinge tut dies durch eine Reihe von Popups, die Sie bestätigen müssen, um anzuzeigen, dass Sie verstehen, wie sich seine Funktionalität vom traditionellen Wischen anderer Dating-Apps unterscheidet:

Clover buchstabiert dies auch ganz schön:

4. Vereinfachen Sie die Navigation

Fast die Hälfte aller mobilen Benutzer verlässt sich auf nur einen einzigen Daumen, um mit ihrem Gerät zu interagieren. Sofern Ihre App nicht auf Kinder oder ältere Menschen ausgerichtet ist, die möglicherweise nicht genug Beweglichkeit haben, um ein mobiles Gerät im Alleingang zu navigieren, sollten Sie sich diese Statistik zu Herzen nehmen.

Für Webentwickler hat ein responsives Navigationsdesign höchste Priorität. Aber wie sollten Entwickler mobiler Apps damit umgehen?

Wenn Sie sich mobile Dating-Apps ansehen, werden Sie feststellen, dass die Navigation immer unten ausgerichtet und sichtbar ist, wenn Benutzer mit dem Hauptteil der App interagieren (dh Übereinstimmungen finden), wie in diesem Beispiel von Tinder:

Die Beschriftung ist ebenfalls erwähnenswert, da Dating-Apps einfach verständliche Symbole verwenden, anstelle von sperrigen Beschriftungen oder benutzerdefinierten Symbolen, die mit einer Lernkurve einhergehen. Dasselbe gilt für den Nicht-Match-Teil von Dating-Apps. Wie Sie in Bumble sehen können, ist alles, was benötigt wird, eine Pfeilspitze oben, um den Benutzern mitzuteilen, wohin sie gehen müssen (und obendrein an einer daumenfreundlichen Stelle):

Dieser Teil der Navigation unterscheidet sich möglicherweise nicht allzu sehr von dem, was Ihre eigene App tut. Das wahre Unterscheidungsmerkmal bei der Navigation zwischen mobilen Dating-Apps und den meisten anderen Apps ist die Wischgeste zum Navigieren.

Die meisten Dating-Apps, mit denen ich interagiert habe, verwenden dieselben Richtungshinweise: links, wenn Sie ihn oder sie nicht mögen, rechts, wenn Sie es tun. Tinder ist nett genug, um auch eine Erinnerung hinzuzufügen, wenn Sie zum ersten Mal mit der App interagieren, nur um sicherzustellen, dass Sie verstehen, was Ihr Wischen bewirkt:

Einige fügen ein Wischen nach oben hinzu, um durch Fotos zu scrollen (Bumble) oder jemanden zu „super-liken“ (Tinder), aber zum größten Teil ist diese Navigation vereinfacht und auf die beiden Optionen beschränkt.

Während eine Wischfunktion für die Art von App, die Sie erstellen möchten, möglicherweise keinen Sinn macht, geht es darum, das zugrunde liegende Konzept für Ihre eigenen Bedürfnisse zu verstehen und anzuwenden. Mit anderen Worten, wie können Sie Benutzer aktiv mit Ihrer App beschäftigen, ohne sie zu zwingen, auf das Laden neuer Seiten, Registerkarten oder Produktbilder zu warten? Gibt es eine Möglichkeit, sie auf demselben Bildschirm zu halten, ihnen aber dennoch zu ermöglichen, sich durch verschiedene Teile der App zu bewegen?

Wie einer der Gründer von Tinder, Sean Rad, erklärte: „Beim Wischen auf Tinder wird das Navigieren durch Inhalte mit der Eingabe einer Aktion für diese Inhalte verschmolzen.“

5. Gamify-Interaktionen

Einige würden sich über die übermäßige Vereinfachung von Dating-Apps beschweren und darüber, wie sie zu Swipe-Blindheit führen. Aber wenn das wahr wäre, würden die Benutzer die App nicht weiterhin abonnieren und sie so häufig verwenden, wie sie es tun, oder?

Gamification ist nur eine Methode, mit der mobile Dating-Apps die Benutzer beschäftigen.

Damit Gamification funktioniert, muss es ein System aus Risiko und Belohnung geben. Das Risiko in diesem Fall könnte in Form der folgenden und mehr bestehen:

• täglich in die App einloggen,
• das vollständige Ausfüllen eines Profils,
• Bilder anderer Benutzer bewerten,
• Swipe auf eine bestimmte Anzahl von Personen,
• Kommunikation innerhalb eines bestimmten Zeitraums.

Jede Dating-App scheint ihr eigenes einzigartiges und bevorzugtes Gamification-System zu haben, das eng mit ihrer Markenidentität verbunden ist.

Clover versucht beispielsweise, die Lücke zwischen Dating-Websites mit einem umfassenden Aufnahmefragebogen und einer auf Geschwindigkeit ausgelegten App zu schließen. Aus diesem Grund macht ein Spiel mit 20 Fragen für diese App Sinn.

Dann haben wir Once, eine App, die Ihnen jeden Tag nur ein gut abgestimmtes Match sendet. Da jedoch nur begrenzte Informationen im Profil des Benutzers vorhanden sind, sind zusätzliche Eingaben erforderlich. Anstatt die Benutzer zu zwingen, mehr Fragen zu beantworten, haben sie die Möglichkeit, die Bilder zufälliger Benutzer zu bewerten. Dies erhöht die Fähigkeit der KI, geeignete Übereinstimmungen zu finden, und bietet den Benutzern auch eine unterhaltsame Ablenkung, während sie auf ihre nächste Übereinstimmung warten.

Bumble hingegen nutzt Gamification, um mit dem Gefühl der Dringlichkeit zu spielen, das wir alle haben, wenn wir ein mobiles Gerät verwenden (und wenn wir versuchen, uns zu beeilen und die Liebe unseres Lebens zu finden!). Obwohl die App den Damen die Macht der Kommunikation gewährt, hat sie auch ihre Grenzen: 24 Stunden, um genau zu sein. Wenn sich also ein Benutzer in seine Warteschlange für Nachrichten und Übereinstimmungen einloggt, sieht er einen gelben Timer, der ihn darüber informiert, wann er handeln muss.

Letztendlich geht es bei Gamification nicht darum, geistlose oder sinnlose Spiele oder Animationen zu erstellen, die nichts zur Erfahrung beitragen. Vielmehr geht es darum, Nutzer zu motivieren, die App jeden Tag zu öffnen und sich wirklich damit zu beschäftigen.

6. Erleichtern Sie die Kommunikation

Mit einer Website haben Sie eine Reihe von Möglichkeiten, mit Benutzern zu kommunizieren:

• Pop-ups,
• Hallo Bars,
• Email,
• Benachrichtigungen im Browser,
• Wiedervermarktung,
• Mitteilungen.

Die meisten dieser Kommunikationsmethoden wären jedoch in einer mobilen App umständlich und unerwünscht (falls Sie es noch nicht bemerkt haben). Die einzige Form der Kommunikation, die mobile Dating-Apps verwenden, ist die Push-Benachrichtigung, und das aus gutem Grund. Laut Localytics kehren 46 % der mobilen Nutzer mehr als 11 Mal zu einer App zurück (erinnern Sie sich an diese Statistik von früher?), wenn sie In-App-Nachrichten erhalten. Dies liegt teilweise an der Tatsache, dass Push-Benachrichtigungen den Benutzern zeitnahe Nachrichten und Erinnerungen liefern können, was Teil der ganzen Dringlichkeit ist, eine App überhaupt zu verwenden. Hinzu kommt die Tatsache, dass diese Nachrichten in der Regel personalisiert sind, was sie besonders wertvoll macht.

Bei Dating-Apps ist es sinnvoll, dass Push-Benachrichtigungen akzeptabel sind. Nutzer wollen sofort wissen, ob der Mann oder die Frau ihrer Träume sie geliked oder angeschrieben hat.

Sowohl Clover als auch Hinge gehen den expliziten Weg, indem sie den Benutzern mitteilen, wer wann mit ihnen interagiert hat:

Bumble hingegen verfolgt einen neckischeren Ansatz, indem es die Benutzer einfach wissen lässt, dass jemand da draußen ist, wartet und interessiert ist:

App-Entwickler, die versuchen, andere sofortige Befriedigungsbedürfnisse zu befriedigen, sollten auch Push-Benachrichtigungen verwenden. (Natürlich lassen Sie zu, dass sie ausgeschaltet werden, falls der Benutzer zu den 60 % gehört, die sich abmelden möchten.)

Fazit

Es gibt eine Reihe wichtiger Lektionen, die jeder Webentwickler von mobilen Dating-Apps lernen kann. Es kommt jedoch darauf an, Ihr Publikum zu kennen, zu verstehen, welchen Wert die App für sie hat, und dies durch ein intelligentes und einfaches Design zu liefern.

Während es einfach wäre, mobile Dating-Apps als banal und oberflächlich abzuschreiben, haben wir gesehen, dass die Erfahrung viel mehr beinhaltet als den Gamification-Aspekt oder die sofortige Befriedigung des Wischens. Dating-Apps haben den anfänglichen Prozess, einen Partner zu finden und zu treffen, rationalisiert und sind ein Tool, das Benutzer als wertvoll, hilfreich und regelmäßig zeitaufwändig empfinden.