Update Mobile Accelerator Konzept authored by Manuel Samuel Haynes's avatar Manuel Samuel Haynes
...@@ -145,7 +145,9 @@ Im Folgenden finden sich ein paar Impressionen einzelner Screens aus dem Adobe X ...@@ -145,7 +145,9 @@ Im Folgenden finden sich ein paar Impressionen einzelner Screens aus dem Adobe X
![000.101](uploads/125793b6d188c0c70c4030e13e25ef11/000.101.png) ![000.101](uploads/125793b6d188c0c70c4030e13e25ef11/000.101.png)
Obige Abbildung zeigt die Raumauswahl des Accelerators. Die einzelnen Elemente und die Farbwahl entsprechen den Grundlagen des Material Designs bzw. dem Style Guide von Hannah Kruck. Obige Abbildung zeigt die Raumauswahl des Accelerators. Die einzelnen Elemente entsprechen den Grundlagen des Material Designs bzw. dem Style Guide von Hannah Kruck. Die Schriften wurden anhand der Schriftgrößenskala in [Accelarator Redesign](https://gitlab.reutlingen-university.de/ksystem/Accelerator/-/wikis/Accelerator-Redesign) gewählt. Hierbei wurden die Überschriften um eine Schriftengröße verringert. Die Farben hingegen finden sich unter der Wiki-Seite [Accelerator Redesign_2021](https://gitlab.reutlingen-university.de/ksystem/Accelerator/-/wikis/Accelerator-Redesign_2021).
Um den Screen möglichst übersichtlich zu gestalten, wurden die Funktionalitäten wie die Suche und Accounteinstellungen als Icon in die obere Leiste eingefügt. Die Raumerstellung wurde gemäß dem Material Design auf die untere Kante der Leiste platziert und liegt damit auf der obersten Ebene des Screens. Die raumspezifischen Funktionalitäten verbergen sich bis zum Zeitpunkt der Interaktion, um den Screen möglichst aufgeräumt zu lassen.
![200.000](uploads/1f3b41a592f8659bff95c0c6093ee462/200.000.png) ![200.000](uploads/1f3b41a592f8659bff95c0c6093ee462/200.000.png)
...@@ -153,11 +155,11 @@ Die Präsentationsansicht sofern ein Moderator eine Präsentation oder die Bilds ...@@ -153,11 +155,11 @@ Die Präsentationsansicht sofern ein Moderator eine Präsentation oder die Bilds
![100.000](uploads/b72af502daf20b2a830098ba82350886/100.000.png) ![100.000](uploads/b72af502daf20b2a830098ba82350886/100.000.png)
Die Hauptansicht in einem Meeting ist in der mobilen Variante in drei Teile eingeteilt. Obere Abbildung zeigt die Hauptansicht, die standardmäßig die Mittlere ist. Die Interaktions-Buttons bleiben unten und ähneln in Anordnung den Buttons aus der Desktop-Version. Die Hauptansicht in einem Meeting ist in der mobilen Variante in drei Teile eingeteilt, um die Übersichtlichkeit des Screens zu maximieren. Obere Abbildung zeigt die Hauptansicht, die standardmäßig die Mittlere ist. Die Interaktionsbuttons bleiben unten und ähneln in Anordnung den Buttons aus der Desktop-Version. Durch die Punkte über dieser Leiste wird dem Nutzer mitgeteilt, wo er sich gerade befindet. Um dem Nutzer die Ordnung der drei Screens näher zu bringen, wurden nach den Nutzertests Pfeile mit Beschreibungen der Seitenscreens hinzugefügt.
![100.010](uploads/e13b7bb0b5c0ed1ba2cd667313e2bb76/100.010.png) ![100.010](uploads/e13b7bb0b5c0ed1ba2cd667313e2bb76/100.010.png)
Der linke Teil der Hauptansicht zeigt die aktuellen Teilnehmer des Meetings sowie einige weitere Metainformationen wie die aktuelle Uhrzeit oder den Namen des aktuellen Raums. Der linke Teil der Hauptansicht zeigt die aktuellen Teilnehmer des Meetings sowie einige weitere Metainformationen wie die aktuelle Uhrzeit oder den Namen des aktuellen Raums. Hier wurden die Menüpunkte ebenfalls nachträglich hinzugefügt, um den Verbund der Screens besser aufzuzeigen. Auf der obersten Ebene des Screens befindet sich der Raumverlassen Button, der sich über die Teilnehmerliste legt.
![100.020](uploads/1a74593edf3b39b14cb3242e7c45f762/100.020.png) ![100.020](uploads/1a74593edf3b39b14cb3242e7c45f762/100.020.png)
... ...
......