Design Mock Ups for Front End

[kzlecha]

Current Implementation

use Adobe XD or Figma to create a logical flow and design to support the users for the following pages:

• Event/Data collection
• model training
• help and documentation

User Experience

Keep in mind the following:

Our target user group

• Our target users are not experienced programmers
  • do not expect them to have any knowledge about what they are doing

    Other Features

    We will likely add the following

• some short lessons to teach students about AI
• short descriptions about models

  Misc

• This is being embedded in Minecraft Education
  • the design should be very vertical. look at the current make-code interface (just mess around in Hour-Of-Code) to get a sense of what we are doing
  • this should look good at 30% of a full screen (css width=30wh)

[Nathan-Nesbitt]

This is a good point, just think about how you can lay out the page so that the user can enjoy working with it. Start by walking through the interaction steps (how is the user going to interact with our product and get the game to work) then figure out the layout.

[Nathan-Nesbitt]

The old layout is good but not great, it has a lot of stuff but the HCI part is weak. That is what you have to focus on.