Creating our mock layout

Once we have our requirements, it is normally a good idea to draw up some rough drafts of what we think the layout of our application should be. What we want to do is to create a layout that shows we are using a web browser layout in a sketch format. The reason we want it to look as though it is sketched is because of the way we interact with our clients. We want them to get an idea about the rough layout of our application without getting caught up in details such as exactly how wide a particular button is.

What is particularly useful is the ability to use a tool such as https://ninjamock.com/ to create a wireframe sketch of our interface. These sketches can be shared online with clients or other team members who can directly add comments. The following sketch diagram demonstrates what we want our interface to look like when we are finished: