[A#4, P7] Veritas – Ideation and Storyboard

Formulate a problem and hypothesis statement and document it.

Problem Statement

Mark needs a way to get a balanced overview on a specific topic because he would like to form an unbiased opinion. 

We will know this to be true when we see: can explore different sources for his opinion forming.

Hypothesis Statement

We believe that by building an intuitive overview site showing a range of news articles for Mark, we will double the diverse sources that Mark is using.

Conceptual models for task analysis

To create a conceptual model for the task analysis we opted for Hierarchical Task Analysis (HTA) because the tasks the user has to fulfill fit well into this format and we were already accustomed to this method.

https://cdn.discordapp.com/attachments/834058821948276749/842007298012741632/Sitemap_-_Frame_1.jpg

Find inspirations, analogies, and create a moodboard.

Next, we each worked 30 mins individually to find inspirations and envision what theme our application is supposed to have. Additionally, we look at other solutions out there and thought about how we can differentiate us from existing projects. We opted for simplicity and usability as main focus since this is what is lacking most on similar websites.

https://cdn.discordapp.com/attachments/834058821948276749/842019005766434856/dubidu_-_Frame_1.jpg

Create individual sketches.

After discussing our individual moonboards we again split up and tried to think of how the application should look like.

https://cdn.discordapp.com/attachments/834058821948276749/842658660673257472/2021-05-14-Note-09-03.png
https://cdn.discordapp.com/attachments/834058821948276749/842666485988982805/IMG_20210513_225335.jpg
https://cdn.discordapp.com/attachments/834058821948276749/842666488016011305/20210514_093424.jpg

Condense your results from the previous step into a storyboard.

After presenting the design to each other we decided to integrate the best of everything into our solution. The descriptions below the individual pictures describe the idea in detail.

https://cdn.discordapp.com/attachments/834058821948276749/843476600602361866/20210516_151319.jpg

Reflection

Who did what?

We did task 1 and 2 together as a group. We split and did task three individually and then discussed our individual results again as a group. Next, we split up again to do the individual sketches and later decided as a group how we want out application to look like. Arne then merged our ideas and what we discussed into one big, nice sketch. Clemens wrote the blog post.

What did we learn?

We learned how one can merge the vision of multiple people into one core idea and how we can create one UI where the ideas of everyone are somehow represented.

What went well?

The discussion as a group usually works very well. Everyone gets to share their opinion and we are usually all happy with the result. Also, everyone does their work on-time and with good enough quality such that we can focus on further steps when we meet again.

Where is room to improve?

We are sometimes not a punctual to our meetings as we could be.

[A#6, P4] Ideation and Storyboard

(1) Finish your hypothesis statement and document it.

Problem Statement

Harry Hausen (Bürokaufmann)

braucht eine Möglichkeit eine 30-min lange Gassiroute mit seinem 2-jährigen Schäferhund – innerhalb von 15 min – zu planen,

weil er zeitnah nach der Arbeit direkt los gehen will und vorher keine Zeit hatte, die Route zu planen.

Wir wissen, dass es erfüllt sein wird, wenn wir beobachten können, dass Harry nach dem Öffnen der App in spätestens 15 min mit seinem Hund Gassi geht und nach 30min frühestens zurückkommt.

Hypothesis

Wir glauben, dass wir durch die Vorschau von möglichen Routen mit sehenswerten Orten

für Harry 

erreichen werden, dass Harry und sein Hund eine schöne und zeitlich passende Route gelaufen sind.

(2) Conceptual models for task analysis

Wir haben uns für das BPMN entschieden, da wir uns alle noch nicht damit auskennen und die Chance nutzen wollen, was Neues zu lernen! Und wir finden, dass BPMN für uns den Ablauf mit den verschiedenen Verzweigungen besser darstellen kann. Die Erstellung des BPMN Diagramms war allerdings etwas aufwändiger, da wir dabei auch die Abfolge der Aktionen diskutieren konnten. Zu Beginn hatten wir sehr verschiedene Vorstellungen, wie der Nutzer beim Erstellen der Gassiroute durch unsere Anwendung geführt wird. Zum Ende hin sind unsere Vorstellungen enger aneinander gerückt und wir haben viele Kompromisse gefunden.

BPMN der Aktion: Gassi planen

(3) Find inspirations, analogies, and create a moodboard.

Es folgt ein Screenshot unseres Moodboards. Unsere Ideen/Inspirationen sind hier bunt gemischt. (http://www.gomoodboard.com/boards/4B52wcAW/share)

(4) Create individual sketches.

https://jamboard.google.com/d/1Jj_kHjAtj057SGX4zGAhn4eq3Gfq77QaXvoxhlQfgEM/edit?usp=sharing
Unsere Sketches haben wir, nachdem alle ihre erstellt haben, in einem google jamboard zusammengetragen und dort auch mit der dot-voting Methode abgestimmt (nächster Punkt).

kleiner Ausschnitt der Übersicht der Seiten im jamboard (sind nicht alle gleichzeitig sichtbar)

(5) Share your sketches with your team.

(http://www.gomoodboard.com/boards/qQSqy_P0/share) Hier ist schon eine Zusammenfassung der Sketches, die am meisten Punkte bekommen haben.

derselbe Ausschnitt, nur sieht man hier Klebezettel mit den wichtigsten Punkten (Voting)
Hier sind alle Sketches die wir mit aufnehmen wollen in den Prototypen auf einer Seite gesammelt.

Wir haben uns auf eine Startpage/Landingpage geeinigt, bei der man angemeldet ist und auch auf eine Menüleiste, die, egal wo man ist, immer zu sehen ist. Außerdem haben wir uns zwei Routenansichten ausgewählt: eine für eigene Routen und eine für die Schnellauswahl & das Planen von Routen. Jede dieser Liste an Routen soll man filtern können, wofür wir auch entsprechende Sketches ausgewählt haben. Wir haben außerdem bereits Iconentwürfe und eine mögliche Anmeldemaske. Lediglich das Farbschema haben wir in keinem der Sketches als gut genug befunden und haben uns noch für keines entschieden, aber beschlossen, dass wir die Webseite nach den Features colorcoden wollen.

(6) Condense your results from the previous step into a storyboard.

[A#4, P8] Ideation and Storyboard

  1. Problem and hypothesis statement

PROBLEM STATEMENT

Max needs a way to easily choose board games online with his friends because they changed their board game nights to remote board game nights because of the pandemic and are not very accustomed to the online board games. We will know this to be true when we see: The group can choose a board game according to their interests in a short amount of time. 

HYPOTHESIS STATEMENT

We believe that by creating a web application that includes a filter and recommendation system for online board games for Max, we will achieve that Max and his friends will have less stress and frustration during their remote board game nights.

2. Task flow with BPMN

Our task flow with BPMN starting from when user has logged in until he/she logs out.
The task flow was created with BPMN.io

Why did we decide to do a task flow with BPMN?

We chose BPMN because the task flow gives us a good overview over the activity order of a user in our web application. Moreover, we chose BPMN because we find it very clear and easy to understand without any unnecessary details. It therefore helps us to focus on the essential aspects of our idea for further steps in our project.

3. Moodboard

Our moodboard. We worked a lot with pictures that we think create certain atmospheres that we also want to have for our application later.
We created the moodboard with jamboard.google.com.

4.-5. Sketches

An individual sketch of how the filter system for the board games might look like.
Another individual sketch of how the filter system might look like.

We decided to keep the sidebar with the video chat from the first sketch and the prediction of how closely the shown game matches the filters from the second sketch.
A sketch of how an embedded board game might look like.
Another sketch of how an embedded board game might look like.
And another sketch of how an embedded board game might look like.

We decided to keep the sidebar with the video chat from the second sketch for the embedded board games as it seemed to us the most useful for different types of games.

6. Storyboard

The first page of our storyboard.
The second page of our storyboard.

Reflexion

Wer hat welchen Beitrag geleistet?

Wir haben in Gruppenarbeit die Aufgaben bearbeitet, also haben wir alle zusammen bearbeitet. Da wir für alles shared documents verwendet haben, konnten wir so gut gemeinsam Texte schreiben und das Moodboard, den Task flow erstellen. So haben wir sichergestellt, dass wirklich immer alle ihre Ideen mit einfließen lassen konnten. Für die individuellen Aufgaben haben wir uns jeweils einen Tag Zeit gelassen und uns dann erneut getroffen, um die Ergebnisse zu besprechen. Wir hatten uns entschlossen, dass Ina das Storyboard zeichnet, da wir das Layout am vielsagensten fanden. Wir haben davor besprochen, wie das Storyboard aussehen soll und sie hat nach der Fertigstellung es nochmal mit uns besprochen, sodass wir noch kleinere Änderungen zusammen umsetzen konnten.

Was habt ihr gelernt?

Wir haben unser Wissen über die Darstellung von Task Flows mit BPMN vertieft. Außerdem haben wir gelernt, unsere Idee auf die wesentlichen Aspekte runterzubrechen, damit sowohl der Task Flow als auch das Storyboard auf eine klare (und im Fall des Storyboards sehr bildliche) Weise die Funktionen unseres Projekts darstellt.

Was lief gut?

Da wird diesmal erst individuelle Ansätze erarbeiten mussten für das Moodboard und die Sketches, mussten wir diese schließlich auch gegenseitig beurteilen um auf gemeinsame Nenner zu kommen. Das lief sehr gut, da wir alle sehr konstruktive Kritik gegeben haben, die unsere Idee weitergebracht hat.

Was möchtet ihr verbessern?

Wir haben erst bei dem gemeinsamen Treffen uns die Aufgaben durchgelesen und gesehen, dass individuelle Arbeit nötig ist. Deshalb fänden wir es hilfreich, wenn wir die Aufgabe schon vorher durchlesen würden in Zukunft, um mögliche individuelle Arbeit schon vorher zu erledigen und sie so direkt besprechen zu können.

[A#4, P4] Ideation and Storyboard

Hypothesis and problem statement

Jura Yun needs a way to dynamically arrange examination schemes for legal issues because handling many different schemes quickly leads to confusion. We will know this to be true when we see that organizing and structuring schemes is no longer time consuming.

We believe that by building an app to easily structure and merge these schemes for Jura Yun, we will archieve to lower the effort necessary to handle the examination of legal issues.

Moodboard and sketches

We included our sketches into our moodboard.

Moodboard: http://www.gomoodboard.com/boards/ESd8FPrO/share

Conceptual model for task analysis

We choose a task flow model with BPMN since we are still not sure how we can accomplish the solution for Jura Yun. So, the task flow chart helped us to figure out what design could help Jura Yun in the future. We also talked about features we want to have in our application and which we could think about later.

Storyboard

Reflexion

Who made what contribution?

We met and made the task flow model and the moodboard together with the sketches we prepared before. The storyboard was made by Tobias and I made the blog post.

What did you learn?

We learned, that some conceptual models fit better for specific projects than other. Drawing can help to bring thinks in your mind quite fast on paper.

What went well?

In the meetings we worked together very well. We talked about the new learning unit and its content. We could easily find a date for the meetings.

What would you like to improve?

There is nothing we could improve specifically. We hope we will work together as good as we currently do.