We now start working on the Hifi-Prototypes and start building an interactive product.

1. What framework or tools are you going to use? Why?

Wir werden Figma benutzen, da zumindest einer unserer Gruppenmitglieder ein wenig Erfahrung damit und ein ziemlich guten Eindruck von dem Tool hat. Weitere Vorteile sind, die große Community und zahlreichen Tutorials und zusätzlich, dass es auch kostenlos ist.

2. List your functional and non-functional requirements (features) you are planning to include in your High-Fidelity Prototype.

Funktionale Anforderungen:

• Das System soll Nutzer:innen abgelaufene Routen in einer Übersicht darstellen können.
• Das System soll Statistiken erfassen und diese in einer Übersicht darstellen können.
• Empfehlenswerte Sehenswürdigkeiten mit Routen werden angezeigt (Informationen über Orte sollen deshalb aktuell sein).
• Auswahlmöglichkeiten an der Routenkategorie (landschaftlich/kulturell/kulinarisch ansprechend)
• Informationsübersichten über Points of Interest.
• (Live Besuchsdaten werden angezeigt, um eventuelle Wartezeiten zu vermeiden.)
• persönliche Daten sollen vertraulich behandelt und nicht an Dritte weitergegeben werden
• Account erstellen
• (Routenvorschlag akzeptieren oder ablehnen)
• (Bewertung zur Route abgeben)

Nichtfunktionale Anforderungen:

• Das System darf nicht länger als 5 Sekunden benötigen, um die gewünschte Route darzustellen.
• Schnelle und genaue Berechnung der Routen
• Benutzeroberfläche soll intuitiv und einfach sein
• Die Sprache der App ist englisch
• Plattformunabhängig für IOS- und Android-Nutzer:innen

3. 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.

4. Start building your prototype.

Here is the link of our Figma project for the high-fidelity prototype

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?

Unserer Meinung nach ist unsere Menu-Art nicht in den Folien aufgeführt, aber wir haben eine Art Guided-Menu, wo man Button auswählt und aufgrund von der Auswahl der Button wieder neue Auswahlmöglichkeiten erscheinen.

Wir haben uns hierfür entschieden, weil wir der Meinung waren, dass dies für die User am leichtesten nutzbar ist und man sich nicht groß mit der App auseinandersetzen muss um sie zu benutzen.

• Which UI controls are appropriate for your application and why?

Wir haben uns hauptsächlich für “Action and Navigation controls” entschieden, da dies gut mit unser Menu-Art harmoniert und an den Stellen, wo Texteingaben erforderlich sind werden “Data entry controls” genutzt.

• Which design patterns are suitable for your application and which ones have you implemented or used? Why?

Da die Buttons zur Verlinkung zu anderen Zuständen dienen und gleichzeitig verschiedene Funktionen erfüllen, wie z.B. Daten in eine Datenbank speichern oder abrufen, handelt es sich bei Ihnen um “Creational Patterns”, welche die Logik, die dahinter versteckt ist, verbergen.

REFLEXION:

WHO MADE WHAT CONTRIBUTION?

We sat together at a Webex meeting for the first part of the Assignment. We collaboratively discussed what we are going to implement in a prototype and how to design it. We also planned the next weeks and discussed our project and milestones in general. The prototyping we did between the two meetings, in Figma, collaboratively, while updating each other and discussing the current state of the prototype regularly via WhatsApp. On the second meeting in the second week, we made some tests and changes to the prototype and we finished the blogpost. 

WHAT DID YOU LEARN?

We have learnt how to use a nice new tool called Figma which is useful in designing the prototypes. We also have a clearer understanding of how low-fidelity and high-fidelity prototypes intertwine and why both are useful. We have also gotten ourselves familiar and had hands-on experience with some of the designing practices and principles.

WHAT WENT WELL?

Very nice teamwork and workload balance. We are still satisfied with how we do the task division – mostly we do it together. We are happy that we learnt a new tool – Figma, and the whole designing – prototyping process went really well. 

WHAT WOULD YOU LIKE TO IMPROVE?

There is nothing we would like to improve, since we are pretty much satisfied with how it went, both content wise and atmosphere wise.