Create Question Panel UI

[Robbendebiene]

Implement a user interface based on the provided attribute data structure.

• Step by step list to keep the UI simple and prevent it from being too overwhelming

• For every main hierarchical attribute create one page/step.

• Implement Navigation Bar:

  • Indicate how many steps are left and where the user currently is
  • Allow going back to previous steps/attributes

Depends on #11

Usability Design Guidelines: https://www.nngroup.com/articles/ten-usability-heuristics/

UI elements to implement:

• Bool
• List
• Number
• String
• Duration
• Opening Hours
• Navigation Bar
• List with Multiple Choice

[7h30n3]

We should consider to only show missing attributes by default.

[Robbendebiene]

Since we have a large list of high level boolean attributes we could ask for their existence in one single page/question like this: "Please select all the existing objects that surround the bus stop". A list will be shown with every high level boolean attribute from which the user can then select every applicable item/attribute. This drastically speeds up the "filtering" process of unrelated questions/attributes.

Example:
Text: "Please select all existing objects that surround the bus stop".
Selectable List: [Toilets] [Parking] [Tactile Paving] [Vending Machine] ...
Button: [Proceed]