The process of designing Demo Area
For our first version, there was not so much features in the demo area. However, as the product has been developed, we need to rethink about how to layout all the features in the tiny web space.
Wireframe
Vioce command
Pervious voice command preview (Left), answers placed at the left top conner from robot is way too small. To improve that, we designed the speak bubble for an explicit user interface.
The white speaking bubble next to the boy demonstrates the interaction when users speaking to the robot. Since we have more than one voice files can be recognized, we needed to discuss all the situations.