it-swarm.com.de

Radioeingang durch "Tasten" ersetzen? (Webformulare)

Ist es gut (oder in Ordnung) UX, Funkeingabefelder durch etwas zu ersetzen, das etwas anders aussieht (bitte schauen Sie sich das Bild an, um zu sehen, was ich meine). Ich denke, die meisten Leute werden verstehen, dass sie auf einen von ihnen klicken müssen, aber ich bin mir nicht so sicher.

'Weiblich' und 'Männlich' haben Optionsfelder unter der Haube, die nicht angezeigt werden.

Demobild:

enter image description here

Live-Demo: http://fiddle.jshell.net/s5uEX/show/ (Getestet in der neuesten Firefox. Semantisch korrekte und nicht CSS3/nicht js-Version (ohne Schatten usw.) wird natürlich auch später da sein)

Bearbeiten:

Ich habe mich aufgrund Ihrer Antworten sehr verändert (danke!). http://fiddle.jshell.net/ge8Su/show/ - Es sieht jetzt eher wie normale Optionsfelder aus. Meiner Meinung nach ein guter Kompromiss zwischen Benutzererwartung und dem, was ich erreichen wollte.

new form

11
Edxx

Ich würde das Beste aus beiden Welten ausprobieren und es für Touch und Desktop gut machen, indem ich die Optionsfelder zu Ihrem Schaltflächenstil hinzufüge:

New proposal

8
Karl Mendes

Also tippe ich auf das Steuerelement "Passwort wiederholen" und die App wiederholt mein Passwort für mich?

Das ist das Problem: Wenn alle Steuerelemente gleich aussehen, weiß der Benutzer nicht mehr genau, wie er mit ihnen interagieren soll. Sie müssen entweder Textanweisungen einfügen, die Speicherplatz beanspruchen und den Benutzer verlangsamen, oder der Benutzer muss anhalten und überlegen, wie er Ihre Benutzeroberfläche verwenden soll („Hmm, dort steht bereits" Weiblich "und" Männlich ", also wähle ich wohl eine aus, anstatt sie einzugeben etwas in, und ich denke, es setzt ein Feld, aber vielleicht führt es mich zu einer separaten Seite für zusätzliche Sex-Informationen… ich denke, ich muss es nur herausfinden “). Sie haben eine TAMIDS-Oberfläche: Tippen Sie auf Überall; Vielleicht macht es etwas.

Unterschiedliche Steuerelemente sollten unterschiedlich aussehen. Steuerelemente wie Textfelder sollten wie Standard-Textfeldsteuerelemente aussehen, Steuerelemente mit Optionsfeldverhalten sollten wie Standard-Optionsfelder aussehen, Steuerelemente mit Kontrollkästchenverhalten sollten wie Standard-Kontrollkästchen aussehen usw. Standarddarstellungen sollten verwendet werden, um die Benutzererfahrung zu nutzen So können Benutzer das Verhalten vorhersehen. Ich würde nicht standardmäßige Darstellungen nicht empfehlen, selbst wenn sie die Steuerelemente unterscheiden, da der Benutzer dann die Mühe machen muss, den neuen "Code" zu lernen. Wie nah am Standard muss das Erscheinungsbild sein? Nah genug, um sofort erkannt zu werden. Für ein Optionsfeld sollte fast jeder Kreis mit einem Punkt im Inneren ausreichen. Im Allgemeinen ist es jedoch am einfachsten und sichersten, das Standard-Erscheinungsbild des Steuerelements zu verwenden.

Ich sehe keinen Vorteil darin, diese Optionsfelder wie Textfelder aussehen zu lassen. Zumindest in der Desktop-Welt reagieren sowohl die Beschriftung als auch das Optionsfeld selbst empfindlich auf Eingaben, sodass es nicht um die Zielgröße geht. Selbst wenn das Testen in Ihrem Fall keine Beeinträchtigung der Reaktionszeit auf die Auswahl des Geschlechts zeigt, untergräbt die Nichteinhaltung von Standards deren Nützlichkeit und erhöht die Wahrscheinlichkeit, dass Benutzer in anderen Situationen verwirrt werden, wenn dies mehrdeutig ist.

9

Für ein mobiles Formular gefällt es mir. Einfacher zu tippen Ein für Touch-Geräte und ziemlich intuitiv (zumindest für mich). Dies wird sich wahrscheinlich mit den Schatten verbessern, die Sie hinzufügen möchten.

Ich bin mir nicht sicher, ob es eine bessere Alternative zu Optionsfeldern für nicht mobile Formulare ist, aber ich bezweifle, dass dies zu größeren Problemen führen würde. Natürlich müssen Sie testen, um sicher zu sein.

Ein interessantes Problem, dem Sie möglicherweise gegenüberstehen, ist, dass es wesentlich klarer ist, dass "männlich" und "weiblich" Schaltflächen sind, wenn eine davon bereits ausgewählt ist. Sie haben das Problem, ein Standardstatus zu wählen, aber wie können Sie dann sicher sein, dass jemand tatsächlich wollte, dass es der Standardwert ist, oder dass er es einfach versehentlich ausgefüllt hat? Auch etwas zu testen.

6
JohnGB

Nachdem ich es ausprobiert habe, denke ich, dass es klar genug ist, besonders wenn Sie darüber fahren und die "Schaltflächen" hervorheben. Ich habe keine Ahnung, wie es auf einem Handy aussehen würde, aber ich denke, es ist klar und offensichtlich genug.

Im Wesentlichen hat das, was Sie getan haben, die Standard-Optionsfeldsteuerung übernommen und gehäutet - etwas, das früher sehr häufig und manchmal irritierend war. Allerdings haben Sie es hier gut gemacht, und die Steuerelemente haben einigermaßen klare Vorteile, da sie den Schaltflächen ähneln.

Also ich denke es funktioniert.

3

Es gibt einige Probleme, die mit einem guten visuellen Design behoben werden können:

  • welche dieser Optionen ist derzeit aktiviert?
  • schließen sich die Auswahlmöglichkeiten gegenseitig aus (d. h. sind diese Optionsfelder oder Kontrollkästchen)?

In der ersten Ausgabe habe ich Behandlungen gesehen, die nicht eindeutig waren. Wenn Sie 3 oder mehr Optionen zur Auswahl haben, ist es normalerweise ziemlich klar, welche Option ausgewählt ist. In Ausgabe 2 finden Sie jedoch Umgebungen, in denen dies verwechselt wird.

Zum zweiten können Sie sich vorstellen, eine ähnliche Behandlung für die Auswahl des Wochentags zu verwenden: [Mo | Di | Mi | Do | Fr | Sa | Sonne], wo jeder Tag unabhängig und nicht gegenseitig ausschließlich "eingeschaltet" werden konnte. Es ist kompakt und ordentlich und minimiert Unordnung ... aber bedeutet, dass eine Anzeige von [1-1-2] jetzt nicht mehr eindeutig ist, ob Status "1" "Ein" oder Status "2" "Ein" ist.

3
Erics