Marvel's Snap – UI/UX-Fallstudie

Dec 11 2022
Überblick Marvel Snap spielen und die Hauptspielschleife identifizieren. Dekonstruieren des Startbildschirms und Identifizieren von 3 Schmerzpunkten und Bereitstellen von Lösungen für dieselben und welche KPIs sie beeinflussen würden.
https://www.marvelsnap.com/

Überblick

Marvel Snap spielen und die Hauptspielschleife identifizieren. Dekonstruieren des Startbildschirms und Identifizieren von 3 Schmerzpunkten und Bereitstellen von Lösungen für dieselben und welche KPIs sie beeinflussen würden.

Meine Rolle

UX-Designer

Designprozess

Definieren

Über das Spiel

MARVEL SNAP ist ein rasantes Kartenkampfspiel . Im Spiel können Sie Mitglieder aus dem Marvel-Multiversum auswählen, um Ihr eigenes Superhelden-Team aufzubauen. MARVEL SNAP entfesselt das komplette MARVEL-Multiversum in einem rasanten, adrenalingeladenen, strategischen Karten-Battler.

Kernspielschleife

In der Hauptspielschleife von Marvel Snap dreht sich alles darum, mehr Spiele zu spielen, um Booster und Credits zu erhalten . Diese ermöglichen es Ihnen, Ihre Karten zu verbessern, wodurch Sie mehr Karten freischalten können. Die Käufe im Spiel tragen nicht viel zum Fortschritt bei, also ist es wirklich ein Spiel, das Sie für das Spielen belohnt, anstatt zu bezahlen.

Anforderungen

  • Erhöhen Sie die Benutzerfreundlichkeit.
  • Ästhetik verbessern.
  • Einfache Navigation.

Schmerzpunkte ( Startseite )

  1. Navigationsmenü
  2. Die untere Navigationsleiste hat idealerweise 5 Optionen Shop, Sammlung, Haupt, Saisonkarte, Nachrichten.
  3. Aber jede der Optionen kann nur durch Anklicken identifiziert werden.
  4. Außerdem werden die verwendeten Symbole nicht allgemein erkannt, sodass der Benutzer beim Starten des Spiels möglicherweise mit vielen Problemen konfrontiert wird.
  5. Ja, der Benutzer wird es lernen, indem er es 100 Mal verwendet (was man tun wird), aber anfangs würde er viele Probleme damit haben.
    • Die Nachrichtenoption zeigt hauptsächlich den Posteingang, Nachrichten und die neuesten Videos des Spiels.
    • Aber es wurde tatsächlich zweimal wiederholt.
    • Das Hauptmenü ist schon super vollgestopft und die Verwendung von 2 News-Optionen mit dem gleichen Motiv sehe ich nicht dahinter.
    • Im Gegensatz zur Season-Pass -Option, die ebenfalls zweimal wiederholt wurde, aber beide unterschiedliche Anwendungsfälle haben. Der obere zeigt auch den Fortschritt an.
    • Das Hauptmenü hat ein Bild in der Mitte, das Teile des Spiels und Neuigkeiten oder neue Updates anzeigt.
    • Was dem Nutzer aber nicht auffällt, ist, dass es Bilder als Slide-Funktion gibt , die der Nutzer gar nicht wahrnimmt, bis zeitverzögert ein anderes Bild auftaucht.
    • Was hier fehlt, ist eine Anzeige für die Rutsche.

    Da ich nur 2 Tage Zeit hatte, um die Aufgabe zu erledigen, die ich hatte, um die Umfrageantworten schnell zu erhalten, habe ich eine Frage auf Twitter gepostet und die Community hat mich nicht im Stich gelassen.

    Frage

    Die Antworten kamen in Strömen, und dies waren einige, die meiner Meinung nach richtig waren.

    Antworten

    Schmerzpunkte (im Spiel)

    1. Position der Optionen End turn und Surrender
    2. Das Passgesetz lehrt uns, dass Ziele leicht zugänglich sein sollten.
    3. Die Optionen zum Aufgeben und Beenden der Runde sind an einem schlechten Ort platziert und die meisten Benutzer neigen dazu, sie versehentlich anzuklicken.
    4. Die Surrender-Taste ist für Linkshänder und die Endkurve für Rechtshänder falsch platziert
    5. Dies geschieht auch im Fall der Navigationsleiste auf dem Startbildschirm, wo die News- und Shop- Optionen platziert sind.
      • Die Timer-Funktion im Spiel ist einfach schlecht.
      • Die Leute bemerken die Timer-Funktion nicht, die sich direkt am Endschalter befindet.
      • Das helle Violett , das sich vom dunkleren wegbewegt, ist nicht sichtbar. Ich habe 3 Tage gebraucht, um überhaupt herauszufinden, dass das Spiel einen Timer enthält.
      • Etwas verwirrend ist auch das Highlight für den User, der als nächstes spielen muss.
      • Ein kleiner Lichtstrahl am Rahmen des Namens weist darauf hin.
      • Bei mehrfacher Nutzung bekommt der Nutzer es aber in den Griff. Es ist anfangs etwas verwirrend.

      Benutzerfluss (Starten eines Spiels)

      Benutzerfluss zum Starten eines Spiels

      Skizzen

      Skizzen des Startbildschirms

      Drahtgitter

      Die Startseite und die Wireframes im Spiel

      Erklärung der Lösung

      Startseite

      1. Das Problem bestand darin, dass der Benutzer zur Identifizierung auf die Option untere Navigationsleiste klicken musste. Aber durch die Benennung jeder Option kann sich der Benutzer eine Vorstellung machen, bevor er darauf klickt, und intern macht es auch die Navigation reibungslos.
      2. Das Problem war, dass die Nachrichtenoption zweimal wiederholt wurde, obwohl sie dieselbe Funktion hatte. Das Startmenü ist für den Benutzer bereits ein wenig einschüchternd, daher sieht es jetzt etwas sauberer aus, indem die Top-News-Option entfernt und neu angeordnet wird.
      3. Die Bilder in der Mitte der Homepage sind eigentlich Schieberegler und beim Wischen kommen andere Bilder zum Vorschein. Aber dafür gibt es keinen Hinweis. Durch das Hinzufügen eines Hinweises ist der Benutzer nun in der Lage oder weiß, dass er wischen sollte, um verschiedene Bilder zu sehen.
      1. Das Problem bestand darin, dass Benutzer dazu neigten, versehentlich auf die Schaltflächen „ Rückzug “ und „ Drehung beenden “ zu klicken , weil sie etwas verlegt waren. Vor diesem Hintergrund habe ich mich für ein Rastersystem entschieden und 35 Pixel als Ränder verwendet. Jetzt würde der Benutzer nicht versehentlich auf die Schaltflächen klicken.
      2. Das Problem war, dass der Timer für die meisten Benutzer nicht sichtbar war und der Benutzer erst nach mehrmaligem Spielen den Dreh raus hatte. Die Lösung, die ich mir ausgedacht habe, war also, einen Timer einzubauen, wenn nur noch 20 Sekunden auf der Uhr bleiben würden.
      3. Das Problem war, dass der Benutzer nicht erfährt, wer als nächstes an der Reihe ist. Die Lösung bestand also darin, ein Popup zu erstellen , das anzeigt, wer als nächstes an der Reihe ist.

      Dies war ein Projekt, das für eine Designaufgabe erstellt wurde, die mir kürzlich zugewiesen wurde. Ich hatte 2 Tage für die Erledigung der Aufgabe und musste daher improvisieren und die Umfragen durchführen, bei denen ich schnell Ergebnisse erzielen würde.