Strom anmelden Muster | BASEMENT
August 4, 2020 basement

Strom anmelden Muster

Spezifikationen für Ränder und vertikale Abstände in einem zentrierten Anmeldeformular mit fester Eingabe Sobald Sie alle Ihre Ideen an einem Ort haben, ermöglichen Sie es dem Besten, an die Spitze zu gelangen, indem Sie schnell ähnliche Ideen gruppieren, Duplikate entfernen und nach Mustern suchen. Die Anmeldeseite ermöglicht es einem Benutzer, auf eine Anwendung zuzugreifen, indem er seine Benutzer-ID und sein Kennwort eingibt oder eine andere Authentifizierungsmethode verwendet. Fast ein Jahr später, und nach mehreren weiteren Data-Mining-Expeditionen und Schnittstellen-Design-Bemühungen, waren wir so häufig auf das gleiche Muster gestoßen, dass wir routinemäßig auf Lava Flow in der gesamten Abteilung verwiesen. MacOS-Anmeldebildschirm begräbt auch das Passwortfeld, um die Benutzeroberfläche zu “bereinigen” (und ich würde auch davon ausgehen, Benutzer dazu zu ermutigen, sich über TouchID anzumelden), aber dass Sauberkeit zu (meiner Meinung nach) zu einer verwirrenderen Erfahrung führt. Immer vorhanden Fehlerzustände auf dem Anmeldebildschirm, und verwenden Sie Inline-Fehler, wann immer möglich. Der von Ihnen verwendete Fehlerstatus hängt davon ab, ob die Überprüfung auf dem Client oder dem Server erfolgt. Bitte beachten Sie, dass das Flüssig-Login-Formular auch nebeneinander ausgerichtet werden kann, um Platz für Marketing-Inhalte oder eine Illustration zu schaffen. Möglicherweise müssen einige Marketinginhalte auf dieser Seite enthalten sein. Achten Sie bei der Aufnahme zusätzlicher Inhalte darauf, dass die Marketing- und Login-Inhalte getrennt bleiben. Tests haben gezeigt, dass Benutzer nicht außerhalb der Anmelderegion suchen, um verwandte Aktionen wie Konto- oder SSO-Schaltflächen erstellen zu finden, und diese Aktionen häufig verpassen, wenn sie in den Marketinginhalt eingebettet sind. Achten Sie auf die Hierarchie und vermeiden Sie Layouts, die alternative Anmeldungen über den bevorzugten Anmeldepfad betonen. Obwohl die Fluideingänge noch nicht als Variante zu Carbon-Kernkomponenten hinzugefügt wurden, haben sie vollständige Konstruktionsspezifikationen und befinden sich derzeit in der Entwicklung.

Da viele Produktteams Interesse an der Verwendung der Fluid-Eingänge für Login- und Anmeldeströme bekundet haben, wollte das Carbon-Team die Exploration konsolidieren und einen klaren Weg nach vorn präsentieren. Was wir oben vorgestellt haben, ist der ideale zukünftige Zustand des Login-Musters. Auch wenn Ihr Team sich entscheidet, das Stück “Remember ID” nicht zu integrieren, passen Sie bitte den Abstand des Flüssig-Login-Formulars nicht an, sondern entfernen Sie es einfach. Shopify (ein weiterer Dienst, den ich liebe) teilt seine Anmeldung ärgerlich auf drei separate Bildschirme. Auch hier kann ich die Absicht zu schätzen wissen: Sie versuchen nicht, einen Benutzer mit zu vielen Informationen auf einmal zu überlasten. Und während ich mit diesem Muster für bestimmte Kontexte übereinstimme (wie in einem E-Commerce-Flow sehen Sie in der Regel Abrechnungsinformationen, Versandart und Adresse, Kreditkarteninformationen usw. in diskrete Schritte aufgeteilt), ist dies Overkill für das, was im Wesentlichen ein Drei-Feld-Formular ist. Wie oben erwähnt, bevorzugen wir, dass das System den Pfad unterscheidet, den ein Benutzer im Hintergrund nehmen muss, anstatt ihn in der Benutzeroberfläche auswählen zu lassen.