Day 3 - Wireframing Home

Today I started codifying what the elements, flow and process of the OnlinePrimary site will be.  “Wireframing” is what some call this activity (by analogy to roughing-in the outlines of an under-construction physical object using stiff wire).  I need this for the visual design spec, but it will guide the implementation as well.  First up: thinking through what will appear on the site’s home page.

The tool I chose to do this work is on online drawing tool Gliffy.  (I might have used Microsoft’s Visio software, which I have, but I like to learn about the capabilities of new web-based tools by using them for real work.  I’m pretty impressed with Gliffy.) gliffy-home.gifGliffy’s tools let me sketch in the elements of the page, them move them around, resize them, and so-forth as the work evolves.  To avoid any suggestion that my drawing was a visual rather than structural design, I stuck with a pallette of black, white and grays and with simple rectangular shapes and plain type. 

 It was a short workday though.  The morning was taken up with a long-scheduled doctor’s appointment, extended by a trip to the (busy) lab for the usual tests, and then a revisit to the lab in late afternoon for a second test the doc ordered.  So today’s yak was a different sort, but I still spent a lot of time yak-shaving.

One Response to “Day 3 - Wireframing Home”

  1. Debi K Says:

    Thanks for the mention and review of Gliffy. We really appreciate it. I hope you’ve had a chance to explore our new symbol libraries and fabulous new website! Let us know what you think,
    thanks again,
    debik at gliffy dot com