For this project I designed a workflow for the hotel booking website I was creating. I combined hand drawn designs with annotations to provide a basis for the site to be built.

Primary Objectives

• Build on the flow diagram you created in the previous project and sketch the screens and screen states for users flowing through your desktop app

• Address all the issues and user goals identified in your research and analysis

• Learn how to use sketching as a tool for problem solving

• Learn how sketching is a vital step before prototyping or digital wireframing

• Develop great material for your portfolio

Tasks

1. Create a list of screens to design based on your flow diagram.

2. Make sure to include screen state when the state differs significantly based on users’ actions.

3. Sketch each screen until you have completed the flow. Make note of any issues or inconsistencies that become apparent: you can tackle these in the next iteration.

4. Assume that you won’t get it right the first time. Keep iterating until you’re happy that the flow works.

5. Finalise the sketches and photograph them.