Was sind die Best Practices beim Entwerfen einer mobilen Zielseiten-Benutzeroberfläche mit einer Gruppe verschiedener Schaltflächen mit unterschiedlichen Funktionalitäten? [geschlossen]

Für eine Anwendung, an der ich arbeite, gibt es 5-6 verschiedene Dienste, die dem Benutzer zur Verfügung stehen, sobald er sich anmeldet. Diese Dienste werden als separate Schaltfläche angezeigt, sodass der Benutzer einfach auf dieses Dienstmenü klickt oder "sagt" und darauf zugreift.

Was sind einige gute Designpraktiken, die ich anwenden sollte, um den verfügbaren Bildschirmplatz zu nutzen und ein anständiges Schaltflächenmenü im Rasterstil zu erstellen.

Beispielbild und Dienste

Das Bild, das ich anhänge, ist das Modell der verfügbaren Dienste.

Welchen Stil sollte dieses Menü haben? Bitte teilen Sie alle Referenzen oder Designs.!

Die Gestaltungsmöglichkeiten für einen 6-Tasten-Bildschirm sind praktisch unbegrenzt. Diese Frage ist meiner Meinung nach zu weit gefasst.
Können Sie mir bitte sagen, wie ich das eingrenzen kann? Ich möchte nur wissen, wie man 6 Schaltflächen auf einem mobilen Bildschirm platziert, ohne den Bildschirm zu leer zu machen!
Fügen Sie etwas Design hinzu, um zu schmecken. Sie haben die Zutaten, Sie wissen, was Sie kochen müssen, und Sie haben das Rezept. Alles, was Sie tun müssen, ist, Ihre besonderen Lieblingsaromen hinzuzufügen. „Best Practices“ ist ein Ablenkungsmanöver.

Antworten (1)

Ich würde ein Raster von 2 * 3 erstellen, das sich über den gesamten Bildschirm erstreckt. Jede Rasterzelle wird ca. Ein Rechteck. Fügen Sie jedem ein Symbol hinzu, vielleicht eine Farbe, wenn es in Ihrem Designsystem enthalten ist. Es ist sehr reaktionsschnell und ein bekanntes Muster, sodass der Benutzer damit vertraut ist.

Etwas wie das:

Beispiel Gitter

Das habe ich mir auch gedacht, ich denke, ich muss mit diesen rechteckigen Schaltflächen experimentieren, damit sie den Bildschirm ausfüllen
Was sind die Best Practices beim Entwerfen einer mobilen Zielseiten-Benutzeroberfläche mit einer Gruppe verschiedener Schaltflächen mit unterschiedlichen Funktionalitäten? [geschlossen]
AntwortenHierDatenschutz-Bestimmungen1y, 0v