- Choose a multi-step transaction you encounter online. Your service should have several different pages and input fields (so, no mailing list sign ups). Here are some good examples: Purchasing airline tickets, Signing up for a recurring service, Signing up for a medical website (such as zocdoc)
- Create a user flow of all the pages you’ll need for your transaction.
- Create wireframes for all the pages you’ll need to design. Wireframes should feel organized, but design is not the focus. Create a type system with scale and limit yourself to 1-2 legible typefaces. Be sure to catch all the screens – for example, what happens when someone enters an invalid address?
- Refine your wireframes with a light pass at design. The design shouldn’t feel like the finished product, but should feel consistent and easy to use. For examples – consider incorporating a meaningful color pallet (active links and titles are all the same color, links are treated the same way on all pages, all image placeholders are treated the same way). Create a functional prototype that takes you from screen to screen