It’s a classic case of Photoshop versus website. Existing wireframing and prototyping tools are incapable of accurately reflecting the environment of the web.
They produce static designs that can’t be seen through the variable known as the web browser. And when you build the final website, some elements won’t look exactly like their draft counterparts, and the client will notice those minor differences in fonts, positioning, etc.
You may be more comfortable with a graphics program, and rendering the
design iterations may seem to take longer if you have to hand-code the
HTML.
However, the advantages of creating a wireframe in HTML from the start
are beginning to outweigh the alternatives: not only do we have new
layout elements in HTML5 and more powerful selectors and styling in
CSS3, but by combining them, we can throw together a simple layout
quickly.
We’re hearing a new company every day explain its adoption of HTML
prototyping. Their main reason is that the process is surprisingly easy
when you have the right tools in place. You’re about to learn how easy
this process can be, and when you’re done, you’ll have a head start on
your next build.
Comments
Be the first to write a comment
You must me logged in to write a comment.