it-swarm.com.de

Welche Schaltflächen "Facebook Connect" oder "Facebook Login" sind am effektivsten? (Daten gesucht)

Viele Websites verwenden Facebook Login, auch bekannt als Facebook Connect, Connect with Facebook, Login with Facebook und eine ganze Reihe von Synonymen. Facebook gibt einen offiziellen Button zur Verwendung, aber ich sehe viele Variationen zwischen den Websites, entweder ältere Versionen des Buttons oder vollständig angepasste Implementierungen. (Siehe Beispiele unten.)

Gibt es quantitative Belege für die Verwendbarkeit oder Effektivität eines Facebook-Login-Designs gegenüber einem anderen?

enter image description here

11
Taj Moore

Bei der Verwendung eines SSO-Konzepts (Single Sign On) sind meines Erachtens zwei Hauptprobleme zu lösen.

  • Barrierefreiheit : Die Anmelde-/Registrierungsseite sollte deutlich machen, dass sich die Benutzer mit ihrem Facebook-Konto anmelden können.
  • Glaubwürdigkeit : Die Schaltfläche/der Link zusätzlich zur Gesamtseite sollte Glaubwürdigkeit vermitteln.

Es gibt einen A/B-Test unter Verwendung von Facebook SSO, durchgeführt von Gameground . (Scrollen Sie nach unten zu "Social Media Click-Through")

Sie führten einen Test mit zwei verschiedenen Landing Pages durch, die ebenfalls aus zwei verschiedenen Facebook Connect Buttons bestanden.

Landing Page A

enter image description here

Im ersten Beispiel wurde die herkömmliche Schaltfläche zum Verbinden im Facebook-Stil verwendet, wie im OP, jedoch mit einem anderen Text mit der Aufschrift "Mit Facebook anmelden" anstelle von "Mit Facebook verbinden ". Die Schaltfläche ist im Vergleich zur Hauptanmeldeschaltfläche mit der Aufschrift "GET STARTED" recht klein, sollte aber dennoch recht leicht zu erkennen sein.

Landing Page B

enter image description here

Auf der zweiten Zielseite wurde jede alternative Anmeldung verworfen, und jetzt scheint Facebook der einzige Weg zu sein. Der Button folgt dem Look and Feel von Facebook, aber im Gegensatz zum vorherigen Button fehlt das Facebook-Logo.

Das Seitenlayout insgesamt hat sich ebenfalls geändert, und es wird mehr Wert darauf gelegt, was Sie erwarten können, wenn Sie eine Verbindung zu Gameground herstellen.

Diese Version (B) ergab eine um 60% höhere Conversion-Rate als das vollständige Trichter-Conversion-Ziel.

Ein blauer Knopf ohne Logo erhöht Ihre Conversion-Rate! Oder ist es so einfach ...?

Ich glaube, es gibt mehr Aspekte als nur die Art der Schaltfläche, die zufällig in jeder Version vorhanden war. Sicher, auf Seite B ist es größer und zentriert und zieht die Aufmerksamkeit des Besuchers deutlich auf sich. Aber ich bin sicher, dass es mehr Aspekte als die Art der Schaltfläche gibt, die Version B erfolgreich gemacht haben. Ich bin mir sicher (nach meiner eigenen Überlegung), dass Version B, wenn sie das gleiche Design der Verbindungstaste wie Version A hätte, immer noch erfolgreich gewesen wäre.

Der Erfolg. Meiner Meinung nach liegt es darin, dem Besucher klar mitzuteilen, welche Vorteile er durch den Beitritt zu Gameground erhalten kann.

Obwohl es in den obigen Beispielen bei der Verwendung verschiedener Facebook-Verbindungsschaltflächen einen Unterschied in der Conversion-Rate gab, glaube ich nicht, dass die Art der Schaltfläche zu viel damit zu tun hatte. Beide atmen die Marke Facebook ein. Der einzige Unterschied besteht darin, dass Version A ein Facebook-Logo hatte, und ich bin nicht bereit zu behaupten, dass das Logo allein potenzielle Benutzer abschreckt.

Also um es zusammenzufassen.

  • Verwenden Sie eine Schaltfläche, die Facebook mit Stil klar atmet, blauen Hintergrund mit weißem Text in Klavika Bold -Font (die uns Sterblichen am nächsten an der von Joe Kral entwickelten Facebook-Schriftart). Auf diese Weise vermitteln Sie Glaubwürdigkeit, da der Besucher Ihre Website mit Facebook verknüpft, dem er sich bereits anvertraut.
  • Stellen Sie sicher, dass die Zielseite alle Vorteile klar kommuniziert, die der Benutzer erwarten kann, wenn er beitritt.
  • Lassen Sie die Verbindungstaste deutlich anzeigen, denken Sie an Version B.
13
AndroidHustle

Die am häufigsten verwendete und akzeptierte Schaltfläche war die Schaltfläche "Anmelden". Es ist das, was Sie am meisten sehen und was die meisten Menschen sich "wohl" fühlen werden. Facebook listet diesen Button auf seinen Entwicklerseiten auf -

http://developers.facebook.com/docs/reference/plugins/login/

http://developers.facebook.com/docs/guides/web/

Aus ästhetischer Sicht ist der unten aufgeführte Button "Mit Facebook verbinden" der attraktivste Button. Dieser ist weit verbreitet und ich denke, die meisten Leute kennen ihn genug, weil er genau wie Facebook aussieht.

Es ist nur Präferenz an diesem Punkt.

4
Stephen

Die Zuordnung ist der Schlüssel, um einen Benutzer dazu zu bringen, einen Dienst zu erkennen. Die Glaubwürdigkeit und Anerkennung von Facebook geht verloren, wenn die Website unterschiedliche Schriftarten und Farben für den Connect- oder den Login-Button verwendet. Dies bedeutet nicht, dass die Website mit dem richtigen Facebook-Stil glaubwürdiger ist, aber der Benutzer wird sich sicherer fühlen.

Nehmen Sie ein Beispiel aus der dunklen Seite des Internets. Bei Online-Bankbetrug wird der ursprüngliche Stil der Bank perfekt nachgeahmt, damit der Benutzer das Gefühl hat, tatsächlich auf der Website der Bank statt auf der Website des Schurken zu sein.

Die Verwendung des ursprünglichen Stils ist immer das Beste.

Edit :

Hier ist eine Galerie berühmter Dienste, die alle Facebook-Standardfarben und -Schriften verwenden.


Twitter

Twitter and facebook


Windows Live

windows live and facebook


Pintrest

pintrest and facebook


Foursquare

foursquare and facebook


Stapelaustausch

stackechange and facebook

3
Benny Skogberg

Jeder kennt das Design von Facebook. Der beste Weg, es für einen Benutzer zu erkennen, ist die Verwendung des Originals.

Darüber hinaus kann ein Benutzer psychologisch stärker daran beteiligt sein, etwas zu erkennen, das er bereits kennt.

Viele verwenden ihr eigenes Design für den Knopf und ich denke, es ist weniger effektiv als das Original.

2
Andrea Turri

Ich bezweifle, dass echte Daten verfügbar sind, da der Erfolg der Schaltfläche dem Erfolg der Website, die sie verwendet, inhärent ist.

Wie auch immer, wenn ich diesen Button wähle, gibt es zwei wichtige Dinge, die auffallen sollten: Das Facebook "F", das jeder so gut kennt, und die weiße Schrift auf blauem Hintergrund. 3D und 4 werden aus meiner Sicht nicht empfohlen, da das Logo, das jeder sofort erkennt, nicht vorhanden ist und die Farben nicht gleich sind, obwohl das 4. immer noch blau ist, ist es ein völlig anderes Gefühl (dies ist wichtig für Peripheriegeräte) Vision).

Das zweite ist eine Reihe von Bildern, die nicht unbedingt mit Facebook zu tun haben, und es könnte nur ich sein, aber dieses hat ein sehr "werbeähnliches" Gefühl. Etwas hält mich nur davon ab, es weiter zu untersuchen, das "F" -Logo ist sehr klein und selbst dann ist es einfach kein sehr einladender Link.

Daher denke ich, dass der erste und der letzte am besten sind, wobei der erste näher am Original und kompakt ist und der letzte ein modernes Gefühl hat, aber auch größer ist. Die Wahl zwischen diesen hängt davon ab, wie viel Platz Sie ihm geben möchten, welcher am besten passt oder welcher die Hintergrundfarbe/das Hintergrundgefühl hat, die zu Ihrer Website passt. Wenn Sie eine Website mit vielen runden Ecken und Verlaufsfarben haben, ist die letzte Schaltfläche wahrscheinlich besser.

Unabhängig davon, wie stark die Farbe mit Ihrer Website kollidiert, würde ich der Facebook-Schaltfläche keine benutzerdefinierte Farbe zuweisen. Ich möchte erwähnen, dass Authentizität höchstwahrscheinlich der wichtigste Faktor ist. Dinge, die "falsch" aussehen (wie der 4. Knopf), wirken sofort abstoßend, da sie dazu neigen, den Benutzer zu verdächtigen, auch wenn sie sich dessen nicht bewusst sind.

1
MarioDS