Sun 10 Feb 2008
Welcome to Planningville – Population++
Posted by Aaron under Python, Web
[2] Comments
Inspired by a recent comment on my last blog, I've taken David up on the webpage wireframe and prototype tutorials he found. Both of the articles seem to be geared towards actual graphic designers or user interface designers that have very little or limited knowledge of javascript; and almost no knowledge of the server side of their applications. But nonetheless, there was some really good info in there.
From what I gather, a wireframe is just that a wire-frame. It should purely consist of a layout, with the possibility of some actual production CSS in the page. The articles suggested that there are two main ways to do this:
- Create a page for each "flow" of your application.
- Create one page with a "stacked flow" of your application.
Basically, a flow is the various screens/interfaces that the end-user will be presented with. They give a nice "login" example (one which I actually made one of my own as well) with a "stacked flow" wireframe. You can see my example of that here. Comments are welcome, but keep in mind:
- I'm not a graphic designer
- This is my first crack at this
- It's 2am... and I'm making wireframes...