UI Mockups

Home Screen:

UI elements:

• New button
• Load button
• Exit button
• Header bar

Backend Elements:

• None

---

New Level Screen

UI elements:

• Therapist name text box
• Level Description text box
• OK button
• Cancel button
• Header bar

Backend Elements

• None

---

Load Level Screen

UI elements:

• The search bar should have key listeners to update the search on the fly. Like windows search.

Backend Elements:

• None

---

Level Editor

UI elements:

• ToDo (See issues atm)

Backend Elements:

• ToDo (See issues atm)
• Undo Redo
• 500 ms hold time for placing objects. So to place a new object you press and hold for 500ms on the object in the pallet and the pallet will disappear and the placement grid will come up and then you just drag the object to where you want it. This will be placement mode. Once you release the placement grid will go transparent and the pallet will be on opposite side of the active object and you will exit placement mode.
• There will always be an active object highlighted in a color/ halo.
• For editing the location of an object just do the same press and hold the object for 500ms and then it will go into placement mode the placement grid will come up and you will be in the same scenario as placing an object.
• If you want to delete an object just make it an active object and in the pallet.

Patient View

UI elements:

• For the slider: we should do a user test to see where the positioning is best for this slider.

Backend Elements:

• None