Design Challenge

[goreme]

...attempting to adapt this to mobile and it's unusable

1. Break-up form into major steps and within each step show mini-steps for what info is being captured
2. Allow any major step/mini-step to be saved/completed in non-linear fashion as users may not have all info

...how to best handle error states. Example: the email used to sign up must be unique. Handling this validation with the complexity of the form is difficult

1. require email to be entered/re-entered then verified before starting form
2. error states can be dynamically generated based on format, selection requirement, invalid entry etc
3. on mobile, error states can be displayed upon Save/Continue with system prompting to fix errors

What about aesthetics? How do you think this form looks? Is there anything we can do to make it feel more complete and polished?

1. forms are best kept austere -- the less visual noise the better to enable focus/completion, hence
2. incorporate primary brand colors to highlight major/mini steps to give it more cohesive look

Can you outline an action plan to improve this form?

1. determine number of major steps/mini steps
2. visualize in flow diagram to identify any gaps with customer
3. create quick, lo-fi wireframes to capture requirements, edge cases, and error conditions
4. create lo-fi interactive prototype as proof of concept and review with customer
5. once validated, create hi-fi interactive prototype with branded colors and review with customer
6. if approved, proceed w/dev