Using CSS for prototyping

Using CSS for prototyping. Jeff Lash takes on the perennial question of what prototyping tool should IAs use. While not abandoning Visio or Omnigraffle, in Prototyping with Style Jeff suggests that Cascading Style Sheets have a lot to offer and should be looked at seriously as a prototyping medium.

One advantage Jeff offers is that basic content can be laid out, with headings, body copy, navigation, supplementary information like disclaimers. This lets the team focus on the content first, and then CSS can be used to create a number of alternative layouts and visual styles.

While this may work with a mature team, many of the people I work with have a very difficult type grasping abstract presentation…whether it's sticky notes on a page, or vanilla XHTML, text only lists of page content. I've used mood boards, design the box exercises, and rapid throwaway photoshop comps to address these peoples' need to have something more visual to comment on, while still working to separate those stylistic inputs from actual IA and interaction design. I'm not sure CSS will help me there, but I'll see when I next have the chance to try something different than the usual wireframe fare. [ia/ – information architecture news]

Leave a comment