Ich mag `mailto:` Links im Allgemeinen. Aber ich habe das Gefühl, ich kann einen `mailto:` Link riechen, ohne ihn überhaupt zu inspizieren oder anzuklicken, wie eine Art unglaublich nutzlose Superkraft. Ich weiß, wenn ich meinen Standard-Mail-Client eingerichtet habe, wird das Klicken auf diesen Link das tun, was ich möchte, und wenn ich möchte, kann ich mit der rechten Maustaste klicken und der Browser gibt mir die Option "E-Mail-Adresse kopieren", um sie sauber zu erhalten.
Das ist alles schön und gut, aber Adam Silver und Amy Hupe haben kürzlich die Probleme aufgezählt, wie sich diese Links verhalten
Erstens machen mailto-Links das Kopieren der Adresse schwierig, zum Beispiel wenn man die E-Mail-Adresse mit jemand anderem teilen möchte.
Zweitens verwenden einige Benutzer mehr als eine Mail-App, und der Link verwendet einfach diejenige, die als Standard eingerichtet wurde, ohne ihnen die Möglichkeit zu geben, die andere zu verwenden.
Und schließlich haben viele Benutzer keine E-Mail-Anwendung eingerichtet, was bedeutet, dass der Link sie zu einer Sackgasse oder in ein Kaninchenloch führen kann.
Ihr UI-Experiment endete mit einem `mailto:` Link, aber der gesamten E-Mail-Adresse als Link, was besonders offensichtlich macht, was der Link tut, und gleichzeitig einen **Kopieren**-Button für einen kleinen UX-Bonus bietet.
`tel:` Links sind seltsamer in dem Sinne, dass eine gute Anzahl von Geräten, die sie betrachten, keine Telefonfunktion haben. Wenn sie eine haben, ist es sehr ähnlich wie bei E-Mail-Links, dass mehrere Apps diese Arbeit erledigen könnten (z. B. WhatsApp, FaceTime oder die Standard-Telefon-App).
Die schwierige Aufgabe der UX bei all dem ist, den Benutzern die Wahl zu lassen, was sie mit diesen speziellen Linktypen tun möchten. Das ist es, was mailgo zu lösen versucht. Es ist eine kleine JavaScript-Bibliothek, die eine Benutzeroberfläche bietet, wenn Sie darauf klicken.
Live-Demo
Ich mag es irgendwie. Es würde mich überhaupt nicht stören, wenn das auftauchen würde, wenn ich auf einen Link wie diesen klicken würde, besonders da es die Option "Standard öffnen" gibt, wenn ich das sowieso möchte. Scheint alle Kriterien für die Probleme zu erfüllen, die diese Arten von speziellen Links haben können.
Interessant. Ich frage mich, wie das mit Spam-Schutz funktioniert oder gibt es eine andere Möglichkeit, Bots daran zu hindern, die E-Mail-Adresse zu greifen?
Das ist großartig!
Ich kann nicht sagen, dass ich ein Fan dieses Ansatzes bin. Im Allgemeinen hat ein Benutzer eine Standardoption für jeden dieser Links und würde erwarten, dass der Link geöffnet wird, anstatt ein Pop-up, das jedes Mal nervig zu handhaben wäre.
Dies ist ein Problem, das auf Browser- (oder OS-) Ebene behandelt werden sollte, und ich denke nicht, dass es eine gute Idee ist, das erwartete Standardverhalten zu überschreiben. Im obigen Beispiel werde ich sowohl vom In-Browser-Popup als auch von der App-Auswahl unter Android gefragt, welche App ich verwenden möchte, was offensichtlich keine gute UX ist. Einige Optionen für Apps, die ich installiert habe, führen mich auch zur Website anstatt zur App, was offensichtlich nicht das ist, was ich will.
Die hier beschriebenen Probleme sind so gut wie keine, da jede Plattform, die ich je benutzt habe, eine Option bietet, entweder die Adresse oder die Nummer direkt zu kopieren oder den Link zu kopieren, der dann leicht manuell bearbeitet werden kann.
Ich weiß nicht. Erstens habe ich kein Outlook. Sie sollten nicht davon ausgehen, dass es jemand hat. Ich lese es auf einem iPad, daher machen all diese Optionen keinen Sinn. Ich mag den Kopieren-Teil. Ich habe mir den Code nicht genau angesehen, aber erlaubt er Ihnen, diese anzupassen?
Während dies eine interessante Diskussion darüber ist, wie Browser funktionieren könnten oder sollten, machen Sie es einfach nicht. Bitte versuchen Sie nicht, das Browserverhalten mit JavaScript zu replizieren (und dies ist eine allgemeine Regel, die in allen Situationen eingehalten werden sollte). Es funktioniert nie gut und verursacht immer eine Vielzahl von Problemen, entweder sofort oder später.
Die Auswahl, was mit einem Protokoll-Link zu tun ist, ist die Aufgabe des User Agents/Browsers oder des Betriebssystems und nicht des Website-Designers. Alles, was in diesem Beispiel wirklich passiert, ist, dass ein Benutzer oft zwei Aufforderungen erhält, nachdem er einen dieser Links ausgewählt hat. Die erste ist das JavaScript-Popup mit Optionen, die nicht verfügbar sind, die zweite ist der User Agent/Betriebssystem, der die echten Optionen bereitstellt.
Tolle Idee und eine schöne, saubere Implementierung. Es erscheint seltsam, dass diese Art von Funktion nicht nativ in einigen Formen in den Browser integriert wurde.
Aber andererseits mangelt es Browser-Implementierungen oft an Konsistenz oder Anpassbarkeit. Man hätte gehofft, dass wir bis 2020 über die Verwendung von JS hinausgehen könnten, um Browser-Inkonsistenzen und Styling-Mängel zu beheben. Der Shadow DOM sah so vielversprechend aus, aber diese Datums-Eingabefelder sind in einigen Browsern einfach fast nicht zu reparieren.
Ich finde, es bricht unnötigerweise die native Implementierung
Wenn sich jemand um mailto-Links kümmert, hat er seinen bevorzugten Client als Standard eingerichtet (es sei denn, er ist ein Apple-Sklave, aber das war seine eigene Entscheidung); wenn nicht, ist das native Kopieren immer noch nur einen Klick entfernt, so dass das Hinzufügen eines zusätzlichen Pop-ups nur die erwartete UX verlangsamt und verschlechtert.
Ich mag die Idee zusätzlicher Pop-ups nicht.
Ich mag die Idee nicht, eine Drittanbieter-Bibliothek (oder zusätzlichen Bloat-Code) in Ihrem Projekt zu haben, nur um ein kleines Problem zu lösen.
Es ist die Verantwortung des Benutzers, seine Geräte zu konfigurieren.
Im schlimmsten Fall kann der Benutzer immer Daten aus einer App kopieren, dann eine andere App öffnen und die kopierten Daten dort verwenden.
Ich könnte mich hier irren.
Das ist großartig! Ist es barrierefrei, also tastatur- und screenreader-freundlich?
Ich bin [email protected]! Vielen Dank für Ihren Artikel! Mailgo ist auch als Chrome-Erweiterung und Firefox-Addon verfügbar. Es ist ein Open-Source-Projekt, ich nutze diese Gelegenheit, um jeden zu bitten, der zu mailgo beitragen oder Vorschläge machen möchte, ist willkommen. Nochmals vielen Dank.