Skip to content
Snippets Groups Projects

Changes

Page history
  • New page
  • Templates
    • Update Timer authored by Georgia Marie-Theres König's avatar Georgia Marie-Theres König
    Hide whitespace changes
    Inline Side-by-side
    Showing
    with 16 additions and 3 deletions
    Timer.md
    View page @ ad537f4a
    ......@@ -65,8 +65,7 @@ Auf beide Komponenten wird nun separat eingegangen, um deren jeweiligen Entwickl
    ### 2.2.1 Timer
    Die grundlegende Gestaltung für den Timer orientierte sich an dem Konzept eines Head-up Displays (HUD), wie es zum Beispiel in Computerspielen benutzt wird. Dort ist das HUD der Anzeigebereich in dem einem Spieler Daten angezeigt werden, wie z.B. die aktuelle Levelanzahl, Gesundheit oder Position, ohne dass diese Daten die aktuelle Szene überdecken.
    Das Ziel liegt in dem subtilen Vermitteln von Informationen, ohne dass es zu einem Bruch in der Konzentration oder einer Verdeckung der unterliegenden Inhalte kommt.
    Die grundlegende Gestaltung für den Timer orientierte sich an dem Konzept eines Head-up Displays (HUD), wie es zum Beispiel in Computerspielen benutzt wird. Dort ist das HUD der Anzeigebereich in dem einem Spieler Daten angezeigt werden, wie z.B. die aktuelle Levelanzahl, Gesundheit oder Position, ohne dass diese Daten die aktuelle Szene überdecken. Das Ziel liegt in dem subtilen Vermitteln von Informationen, ohne dass es zu einem Bruch in der Konzentration oder einer Verdeckung der unterliegenden Inhalte kommt.
    Der zweite Einflussfaktor ergab sich durch die Metapher einer Ampel, auf welcher die Gestaltung basierte. Eine Metapher drückt Unbekanntes in Form von Vertrautem aus. Wenn wir über etwas Abstraktes sprechen, verwenden wir oft Metaphern, um es klar und einfach zu erklären (Lakoff, & Johnson, 1980).
    ......@@ -79,6 +78,14 @@ Die Nutzung von Metaphern bietet Vorteile innerhalb des Designs. Die Metapher is
    Die folgende Abbildung zeigt ein Mockup für einen Timer, der nach der Ampelmetapher gestaltet ist.
    [Screenshot]
    ![Ampelmethapher_Mockup_Acc](uploads/08cf3582e7eb9f9321cef05587e14106/Ampelmethapher_Mockup_Acc.PNG)
    ![Ampelmethapher_Skizze_Acc](uploads/b6412544d15f80d189dffe1de4b5473e/Ampelmethapher_Skizze_Acc.PNG)
    ![Ampelmethapher_Mockup_vertikal_Acc](uploads/daeca329e58aa9890871be38e712eb98/Ampelmethapher_Mockup_vertikal_Acc.PNG)
    ### 2.2.2 Timer Settings Modal
    ......@@ -86,7 +93,8 @@ Im Accelerator werden sogenannte Modale benutzt, um Einstellungen vorzunehmen, z
    Der Verlauf des zugehörigen Dialogs für die Erstellung / Löschung eines Timers wurde mittels Mockups gestaltet und als Grundlage für die Implementierung genutzt. Im Verlauf der Entwicklung kamen noch weitere Optionen als dargestellt hinzu.
    [Screenshot]
    ![Timer-Dialog_Mockup_Acc](uploads/7c2db3c786d8b9deef4f38985f05805b/Timer-Dialog_Mockup_Acc.PNG)
    --------------
    ......@@ -138,6 +146,11 @@ Das Settings Modal enthält auch einen Button, um den Timer zu löschen und dess
    ## 4.2 Timer
    Zuerst wurde eine Erstversion eines Timers implementiert, um die Logik zu entwicklen.
    ![Erste_Version_Timer_Acc](uploads/47b7af82cd3c3c602f3434d1d078355b/Erste_Version_Timer_Acc.PNG)
    **Start / Stopp Funktionalität**
    Der Timer lässt sich bei Bedarf pausieren. Dazu werden jeweils Buttons zur Verfügung gestellt.
    ......