A few of our sketches

Yesterday, Smashing magazine published a post on The Messy Art of UX Sketching and inspired us to share with you a few examples of our own messy sketches.

When it comes to UX sketching, though, each individual in our team does things a little different. Some prefer a large whiteboard, while others are more likely to employ good-ol’ pencil and paper. What’s important is that we all sketch to various degrees. What follows are a few examples – in various levels of fidelity – of the great and messy sketches we’ve produced.

These sketches represent the very beginnings of an idea, a workflow, or a simple diagram of a concept that will be explored more deeply in subsequent iterations.

Mobile Whiteboarding

We recently sketched out a rough screenflow for a mobile app. You can see how rough it is by our crossing out of word "Catalyst" only to replace it again with "Catalyst"

A workflow for another mobile app. This totally makes complete sense to us.

Early versions of the SQLShare Logo

An very early version of the SQLShare logo.

Hand-drawn logo for SQLShare

SQLShare logo, a few more sketches. Here you can see what the final SQLShare logo looks like: https://sqlshare.escience.washington.edu

Workspace sketch

An early sketch of the future Workspace tool.

Early GradeBook interface sketch

Ahhhh, an early GradeBook interface sketch. The memories.

Survey line filter

An early version of the survey tracking line graph filter. If you use the WebQ Participant Tracking page, you will see how this idea evolved.

If you are a fervent Catalyst Tools user, you may recognize the concepts behind these early sketches and how they evolved into the tools they are today.

2 Responses to A few of our sketches

  1. Kevin says:

    This is great stuff! Where did you find those SQL Share drawings?

    The blog is looking fantastic. Keep up the good work.

  2. Diego says:

    Thanks Kevin! I stumbled upon the SQL Share drawings on the old eScience wiki project page.

    Glad you like the blog.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>