Sketching

Avoid Design Re-Shoots: Leverage Thumbnail Sketches

Avoid Design Re-Shoots: Leveraging Thumbnail Sketches

The role of a product designer comes with a lot of responsibilities, such as ensuring you're making the most considered decisions since there is a downstream impact in the product development process. Designers can combat this by learning as quickly as possible. A designer has a unique skillset in which they can take requirements/problems and make it tangible in a visual way to create understanding. A very small percentage of this is screen design and in the conceptual process.

I am a huge fan of film production and am often inspired by the process. One of the most costly elements in the process is extensive and costly reshoots. The definition of a reshoot is when a movie has to incorporate additional shots to capture content, whether it's missing some key shots or there are changes in the process. Two prime examples of films that suffered from this are Solo: A Star Wars Story, and The Justice League; where extensive reshoots arguably affected the quality and success of the films.

Xin Xin, a UX Researcher on my team at One Medical often says, "You want to make sure you're not polishing a turd." There is no purpose in refining something that is not the right solution.

We want to learn as quickly as possible, and this is where thumbnail sketches come in handy Thumbnail sketches are quick, abbreviated drawings, usually done very rapidly and with no corrections. You can use any medium, though pen or pencil is the most common. Thumbnail sketches, usually are very small, often only an inch or two high.

The legendary Ridley Scott once stated that "the storyboard is the first look at the film." I equate storyboards in films to sketching, wireframes, and flows as it pertains to design.

Similar to filmmaking, we as product designers can avoid extensive debt in the development process by ensuring we have the whole picture thought out at a low fidelity level.

Page from the book "The Soul of Blade Runner 2049"

Low fidelity iterations in thumbnail sketches can really drive the direction to something excellent. So before your team starts designing screens, consider storyboarding the project out together in thumbnail sketches.


"iWatch" Sketches

A few sketches I did months before Apple Watch was announced, in speculation of use cases for it.

tumblr_n0g8rjjbZP1qzpb7uo1_1280

tumblr_n0g8snPNaN1qzpb7uo1_1280 tumblr_n0g9jfLWhY1qzpb7uo1_1280

 


iPad Drawings: Anna Kendrick

I've been trying to draw on the iPad more so I was messing around on Sketchbook Pro. I loved it from the beginning but the latest update has made it even more powerful. Dotted grid...Dotted grid! Here is a quick drawing I did of Anna Hendrick, who I absolutely love. If I spent more time on this I would refine her hair a lot more and finish the hand. I have a bad habit of not detailing hands but I left it minimal to emphasize her face.

ak


ChatChat Sketch

My friend and I were talking one night about how fun it'd be to have an iPhone app where you can only talk to each other by sending cat photos. "Chat" is cat in French...so, ChatChat.


Unnamed Campfire iPhone and iPad App

Some designs for a 37 Signals Campfire app that Xhatch is working on. We love the product and use it every day for work, and decided to start conceptualizing what we would want in a mobile app. The main feature we wanted was to be able to easily swipe between different chatrooms.

campfireapp-drawing

Currently in development.