Prototype

The first step in creating a wizard is designing a prototype. The easiest way to do it is to draw panels of your future wizard along with their fields, identify the transitions, and decide which fields can be updated or accessed from each panel. We will design a simple Signup Wizard with three panels.

First panel accepts name and password of a new user. It also has a checkbox, which allows to provide additional information for password recovery. If a user selects this checkbox, then wizard shows the Details page. If the checkbox is left unchecked, then wizard jumps right to the confirmation page.

Second panel is shown only if the checkbox on the first panel was checked; it contains security question and answer. The security data can help to recover user's password, but our signup wizard will not use these values.

The third panel is a confirmation panel. You may want to display some legal text there, or just repeat the information, collected by wizard..

Now we should decide, what business data will be used and how it will be accessed.

• The first panel will have read/write access to user's name and password. "Details" checkbox is not a part of domain model, it is part of wizard user interface, a flag indicating whether second panel should be displayed or not.
• The second panel will have read/write access to security question and answer.
• The third panel shows selections made before, therefore it will have read-only access to data from first two panels.