What framework or tools are you going to use? Why?
Für das Gantt-chart haben wir ein normales Excel/Sheets Dokument verwendet, da das kein neues Tool ist mit dem man sich beschäftigen muss ist. Ausserdem hat das den Vorteil, dass die Darstellung recht flexibel ist. Für den Prototypen haben wir bubble.io ausgewählt, da es zum einen eine Zusammenarbeit ermöglicht und da sich bei uns nicht alle mit HTML/CSS auskennen eine einfachere Erstellung von Web Apps ermöglicht.
List your functional and non-functional requirements (features) you are planning to include in your High-Fidelity Prototype
- Functional
- Gruppe per Link beitreten
- Filter View darstellen
- Game Info Display
- Non functional
- Simpel
- Klare Menü Führung
We now have 6 weeks left for our projects. Produce a detailed timeline (e.g., a Gantt-chart or similar) of jobs that need to be done and milestones that need to be reached starting from today.
Start building your prototype.
https://socialgaming.bubbleapps.io/version-test/landingpage
Please answer the following question: How did you handle the topics: menu, UI consoles, and Design patterns?
What menu type did you choose and why?
Es existiert kein wirkliches Menu(daher haben wir auch keins ausgewählt), es gibt allerdings ein button zum Zeigen/Verstecken der Video Ansicht. Die eigentliche Navigation ist im Hauptbild zu finden.
Which UI controls are appropriate for your application and why?
Wir haben vor allem Buttons und Text Input Fields verwendet, da diese eine sehr gradlinige Navigation ermöglichen und klar ist welcher Schritt als nächstes erfolgt. Ausserdem gibt es selten mehr als 3 Möglichkeiten, um den Nutzer nicht zu überfordern. Für die Filter Views haben wir uns für Dropdowns entschieden, da es hier nur begrenzte Möglichkeiten für die Auswahl gibt.
Which design patterns are suitable for your application and which ones have you implemented or used? Why?
Wir haben nicht bewusst Design Patterns verwendet, allerdings kommt unsere filter Ansicht doch einem Design Pattern nahe, was man Table Filter nennen kann. Wir haben die Ansicht so gestaltet, da sie uns intuitiv vorkam und die Parameter übersichtlich darstellt.