UX @ Red Gate

How to redesign a website in 5 weeks

| 3 Comments
Categories: Design, Team work, Website

You will need:

  • A dedicated room – a usability lab or ‘war room’ if you like
  • A dithering of designers. Pick and mix any five or six from:
    • Information architect
    • Interaction designer
    • Usability engineer
    • User interface designer
    • User researcher
    • Any other title using one or more of the above terms
  • Reams of paper, pens, pencils, crayons, glue, pipe cleaners and felt (glitter optional)
  • A Spotify playlist with at least 500 songs, none of which shall be by Maroon 5

Step One – Review the internets
Be exhaustive in your research. Critiquing everything from the International Association of Time Travellers member’s forum through to People of Walmart. Oh, and probably some competitor sites. Like Fail blog.

Step Two – Inspiration wall
Print out the best elements then get an adult to cut them out. Next, stick them on the walls and windows. Look at them often for inspiration. Try and work a silverback gorilla into all of your designs.

Gorilla

Step Three – Early prototyping
Sketch out some designs. For websites, start by drawing an empty rectangle on the page. This represents the web page.

Sketch

Step Four – User feedback
Show your early prototypes to people whose profile closely matches that of your websites key personas. Failing that, show them to the stakeholders who’re lining up to kick your ass should the project fail.

Proper use of pencil when discussing designs (eraser end first of course, the pointed end can be perceived as threatening)

You: “What are you thinking?”
Them: “Does that rectangle represent the webpage?”
You: “Mmmmaybe…”
Them: “But the piece of paper itself is a rectangle. Why draw a rectangle on it?”
You: “I would explain, but I don’t want to bias your feedback.”

Step Five – Iterate the designs
You’ll now spend the following weeks in a cyclical design process which goes something like Sketching > Feedback > Swearing > Sketching > Feedback > Arguing > Coffee > Sketching > Beer

At some point you will want to move away from the sketches and create designs with higher fidelity. We use Balsamiq because it makes your higher fidelity designs look like sketches.

Balsamiq mockups

Step Six – Plan B
By this point it’s week 5 and you’ve already known for four weeks that you’d never get it done in five. Take a holiday and delay your return by encouraging the French to strike (easy). Have a ‘day out’ at the company’s expense. Undergo root canal treatment. Anything that will persuade the stakeholders to give you more time… Suggest another 12 weeks. When they agree and leave the room, high-fives all round and bring out the 12 year old malt whiskey.

Whiskey time

To be continued… (hic)

  • http://ux.red-gate.com/feisty-penguins-and-elasticated-badgers Feisty Penguins and Elasticated Badgers – Blog – Red Gate User Experience

    [...] we were seeking feedback during the recent redesign of the Red Gate website, we also used this technique. The image below shows our design for the [...]

  • http://ux.red-gate.com/design-reboot-10-things-to-help-you-kick-start-ux-in-your-organisation Design Reboot: 10 things to help you kick-start UX in your organisation – Blog – Red Gate User Experience

    [...] that I can’t bring myself to not be involved. But you know, deep down, that you can’t ship that website in 5 weeks. So sometimes, just say No and insist on doing it [...]

  • http://richardmuscat.wordpress.com Richard Muscat

    Just read this again. Almost feels like happy memories now that it’s a year away ;-)

    (Although I notice we still don’t have enough gorillas on the website.)