Software Engineering GUI Mockup Show and Share

 

Complete the following activities with your project team members.

Prior to the end of class you will be required to explain your designs to your peers.

Note, this preliminary work could be the basis for your R2 efforts.

Identify the principal Screen States of your GUI

Based on features and functionality targeted for R2, identify the screens necessary to support them.

 

Identify the transitions between the Screen States

Draw each screen on whiteboard and connect those screens representing transitions

 

Identify the action/events that make transitions possible

Transitions take place as a result of  “something”. Make sure to identify and label these clearly.

Consider optimal placement of screen elements.

Looking to apply the Golden Rules, find ways to make your GUI efficient, consistent in navigation and look and feel.

 

Capture your results

Capture your results as required by your instructor.