Friday, 18 February 2011

Wireframe Products



This wireframe was made using Visio. Visio was a very basic and easy to use piece of software. It had a range of tools that I could use to create my webpage layout and if I was going to use a wireframing tool again, I would probably use this one.
 

This sitemap was also made using Visio. I used slightly different tools than in the Wireframe. It was very easy to use and was finished within minutes.



This next wireframe (which is a tad more than that) was made using MockFlow (http://mockflow.com/). This website was pretty easy to use but more complex than Visio. It consists of drag & drop from a list of tools supplied. It may be more complex than Visio but it also has many more tools avalible with a much more graphical feel to it (such as the Icons on the Navigation).
I went a bit over the top on this wireframe but this was mainly to show the sort of tools avalible with MockFlow.
 


For this Sitemap I used MockFlow again but fell into a lot of issues. I don't think that MockFlow is suppose to be used for Sitemaps as it was very difficult to get the arrows in the right places and having to manually move them instead of them clicking into place.

I ended up using MockFlow due to the clean look that it comes out with and the simplicity. I was able to make up wireframes in a matter of minutes that looked and felt professional.