Anand Doshi
Designer
Prototyper
Engineer
Next: Babble → ← Previous: Plenty
Resumé About

SketchPad: an app for learning to sketch


Video demo of SketchPad

Communication started with symbols or pictographs: direct and easy to understand. It was the need to keep track of people, money and produce (abstract ideas) that led to the development of writing. Today, writing is our primary mode of communication and the use symbols is only an accessory. However, even today, we often need to use sketches to express some of our ideas.

Many of us stop sketching once we are done with high school, especially because in higher education, sketching is taught with an artistic goal. We stop using sketches for ideation and use writing instead. This often limits our creative capabilities.

SketchPad is an app that helps you to learn and practice sketching, with the aim to become good at expressing ideas and communicate effectively.

The Picture Plane from Understanding Comics

My Role

This was a semester long solo project as part of the Introduction to Interaction Design course. Throughout the project, I read books about sketching, tried every sketching app I could get my hands on, and tried to sketch as much as I could. Out of the various steps in the design process, I learned the most from iterating on the paper prototype and the digital one.

  Winter 2017, 12 weeks

UX Research
Sketching
Story Mapping
Visual Design
Prototyping

Pen and Paper
Sticky Notes and Whiteboard
Sketch, and InVision

My Sketch Notes during WIAD 2017

Inspiration

This project was heavily inspired by SketchNotes: a way to make note taking fun and memorable, and the Noun Project, which is a big repository of symbols that depict entities or ideas.

A Sketch Note by Sacha Chua
The Noun Project

Research & Comparative Analysis

How do people learn to sketch? Through online research, I narrowed down my options to books, websites, online courses, apps, coaching from a human being and via social networks. I compared these alternatives and prepared a list of pros and cons, which helped me build this bug-list.

Category Problems
All Artistic approach to teaching, instead of clarity
Books Generic Instructions, not tailored to user’s progress or interests
Books, Websites No feedback. Self-evaluation.
Does not aid in discipline / habit formation
Websites Focus on how, little discussion on why.
Peer review is almost always not helpful.
Videos need to be paused and resumed.
Examples are not organic, but are perfect and machine drawn.
Online Courses Student gallery only shows the best works, but not works that show significant progress / improvement.
Critiques are overall, but may not have actionable steps.
Video bandwidth could be a constrain to many.
Apps Touchscreen app may not be easy to use.
Autocorrects strokes.
Only a limited set of pre-programmed objects for drawing.
Coaching Receive feedback only when instructor is available
Social Network Social pressure could become a hindrance.
Barrier to entry, when one sees too high quality work.
Online Research

Sketching - Phase 1

In this phase, I sketched 8 completely different ideas about what the tool could be.

Phase 1 - Sketches 1
Phase 1 - Sketches 2

Sketching - Phase 2: Storyboards

After phase 1, I received feedback from our instructor that some of my concepts like #4 and #6 were not unique enough. In this next step, I was asked to expand on these concepts, by sketching a 5 slide storyboard for each, and also come up with 2 new ideas to replace #4: Play when I say and #6: Make it so.

Phase 2 - Sketches 1
Phase 2 - Sketches 2

Personas

Persona 1
Persona 2
Persona 3
Anti-persona

Story Map

Keeping the personas in mind, I visualized possible set of tasks and actions into a narrative. This helped me understand how the application will be used, and possible variations depending on circumstances. Through this process, I realized that the application should have the ability to be used during short breaks. I came back to this insight later during the final prototype.

For a readable version, click to see: Story Map Document

Story Map

QOC: Questions, Options, and Constraints

This step was about considering different approaches for a feature, based on personas and the story map. For more details, click to see: QOC Analysis Document

QOC analysis for SketchPad

Paper Prototype

Using colored paper and pens, I iterated on the app concept through paper prototypes. Based on feedback from my peer critique group, I made several changes to the user flow and interface. I also discarded the idea of having a multi-player sketching game, and changed it to single player, with personal goals and leaderboard.

Digital Prototype

In the high-fidelity digital prototype, I incorporated the feedback I received during the paper prototype stage, and used a 'sketch' like aesthetics for its visual design. I envisioned it to be used on touch screen devices, and the design to be OS agnostic, similar to how games are designed on mobile and tablet platforms.

SketchPad Digital Prototype
Click to see: Digital Prototype for Tablets on Invision
Next, Babble: a location-based social network →
← Back, Nurturing Nature at Plenty
© Anand Doshi
@ Github Bēhance Flickr LinkedIn Twitter