it-swarm.com.de

Zwei Schaltflächen nebeneinander in einer mobilen Navigationsleiste

Ich habe ein UX-Problem, das einfacher zu lösen wäre, wenn ich für ein mobiles Gerät Schaltflächen nebeneinander in der Navigationsleiste verwenden müsste.

In den folgenden Bildern beziehe ich mich auf die mit 1 und 2 gekennzeichneten Schaltflächen. 2 Wird in der Praxis ein Dropdown-Menü sein, um zusätzliche Optionen zu verarbeiten.

Eine weitere Frage ist, ob die Schaltflächen, wenn sie funktionsfähig sind, vollständig getrennt (geringere Wahrscheinlichkeit, die falsche Schaltfläche zu treffen) oder verknüpft (visuell einfacher) sein sollten.

Two action buttons in mobile navbar sketch

Gute/schlechte Idee? Hat jemand Erfahrung damit, ob es funktioniert oder nicht?

Die Alternative scheint ein einzelnes Dropdown-Menü zu sein, aber Schaltfläche 1 wird ziemlich oft verwendet, sodass es eine schlechte Idee ist, sie hinter ein Menü zu stellen. Oder ist es?

enter image description here

Hinweis: Diese Frage bezieht sich auf einige Vorschläge, die ich in einem anderen Thema erhalten habe

2
JohnGB

Wenn die zusätzlichen Optionen in zwei Gruppen unterteilt werden können, verwenden Sie zwei Schaltflächen mit einem gewissen Abstand zwischen ihnen.

Wenn sie logisch zusammengehören, nur bei Dropdown verwenden! (Ich würde diese Lösung je nach Funktion bevorzugen)

1

Wenn die beiden Schaltflächen miteinander verbunden sind, aber keinen Sinn ergeben, versuchen Sie, die Schaltfläche 1 mit dem zu kennzeichnen, was sie tut/heißt, und stellen Sie die Schaltfläche 2 wie im zweiten Bild oben verbunden, jedoch einfach als nach unten zeigendes Dreieck.

Concept of what I was explaining

0
Andrew Shipe