Get Our Newsletter
Submit

Sign-up for your monthly fix of design news, reviews and stuff to make you smarter.

Follow Core77
Twitter Facebook RSS

 

Sketchnotes

The Core77 Design Blog

send us your tips get the RSS feed
 
Posted by fueledbycoffee  |  26 May 2014  |  Comments (1)

CB-Sketch-2014-05-16-23_03_31.jpgThis illustration was originally published in the C77 Design Daily, Vol. 1, Issue 2, on Saturday, May 18, 2014

Posted by hipstomp / Rain Noe  |   7 Feb 2014  |  Comments (0)

0dryaurunningroutes-001.jpg

"It nearly moved me to tears," a Ford executive once said of a Michael Santoro car design. "It's the best set of proportions I've ever seen on a sedan." In the early '90s Santoro was an upstart designer largely responsible for turning Chrysler's fortunes around with his radical cab-forward concepts and dropped-headlight-fender trucks, and me and my ID classmates were lucky enough to visit his Detroit studio. There we saw some of the most mind-blowing ID sketching I've ever seen, all done in one color with a Berol Prismacolor. His line quality was unbelievable: While there were sketch marks all over the page, Santoro could unerringly hit the same curve or corner he wanted to emphasize 40, 50, 60 times, with his precisely built-up strokes creating more pop than a Pepsi factory.

I thought of this as I saw, of all things, these "Where People Run" maps released by Dr. Nathan Yau's Flowing Data website.

0dryaurunningroutes-002.jpg

0dryaurunningroutes-003.jpg

continued...

Posted by Gloria Suzie Kim  |  21 Oct 2013  |  Comments (0)

Homeplus-viaBrandSugar.jpgWoman shopping for groceries in South Korea at a HomePlus display using her mobile phone

Earlier this month, Adaptive Path held the Service Experience conference in San Francisco, CA. The conference invited designers and business leaders who are out there 'in the trenches' to share insights, tips, and methods from their case studies in service design.

Service Design is an emergent area of design thinking that's been percolating in design circles for many years. Though corporate brands like Apple, Nike, P&G and Starbucks have built their success on the principles of good service design, it's an approach getting more serious consideration in countries like the U.S. after years of being developed in Europe.

Service Design, Service Experience, or Consumer Experience is a design approach that understands that the process by which a product is made and the organization that produces it, not only affects the product, but also defines the experience of the product. Service Design is made up of many ecosystems, including a company's own internal culture, their approach to production and development, as well as the context of the product as it exists in the day to day life of the users. Think about how Apple represents not only the product, but also customer service combined with the branded architectural experience of the Apple store. Or how Tesla motors is not only considering the product (an electric vehicle) but also mapping out a plan for a network of electric charging stations in California.

Service Design is a holistic system that takes into consideration the end to end experience of a product, whether it be a car, a computer, a trip, or a book. It is invested in creating the infrastructure that supports and empathizes with human needs by prioritizing people and experiences over technology during the design process. Service design is a design approach that can be applied across fields.

Swimming in Culture

A key perspective of Service Design is the ability to grasp organizational culture. Ever wonder why you had a great time working for one company and another company, not so much? Maybe it's not all 'in your head': According to keynote speaker David Gray of Limnl, culture is a summation of the habits of a group, and that "people swim in culture the way fish swim in water," using the analogy of dolphins and sharks.

culturemap3.jpgIllustration from David Gray's presentation. (People may prefer to self-identify as a dolphin rather than a shark.)

In order to change culture, one must be able to find its foundation first. Ask dumb questions, talk to the newbies, gather evidence, and the evidence (what you see) usually leads to levers (how and why decisions are made and the protocol used) which leads to the company values (the underlying priorities and what's considered important) that uncover foundational assumptions (how they view the way the world works and what is the reasoning behind those values).

dividedcompany.jpgSketchnote courtesy of Kate Rutter / intelleto.com

continued...

Posted by core jr  |  14 Oct 2013  |  Comments (0)

StefaniBachetti-DesignResearchConference-Sketchnotes.jpg

Reporting by Stefani Bachetti

Last week, the Institute of Design held its annual Design Research Conference at The Field Museum in Chicago, Illinois. The conference explored four main themes; ego, empathy, humanity and technology. Speakers from a wide range of fields spoke on design's role in mediating these forces, and attendees were given two full days of interesting and dynamic presentations.

Don Norman kicked off the conference introducing some of the new concepts featured in his upcoming release of The Design of Everyday Things: Revised and Expanded Edition, and Anne Burdick gave attendees a window into the curriculum at the Art Center College of Design in Pasadena, California. Crowdsourcing was a hot topic, from EteRNA crowdsourcing the scientific method to develop more successful RNA spirals, to DIYRockets crowdsourcing the design of space technology. And rounding out the conference experience was a range of lunch workshops, evening dinners with selected speakers, and museum tours to visit the mummy exhibit and Sue, the largest, best-preserved, and most complete Tyrannosaurus Rex ever found. The sketchnotes below highlight all of the talks and the big take-aways from each.

Take a look and keep your eye out for next year's conference!

Click to see full-size images (in a new tab/window)

StefaniBachetti-DesignResearchConference-Sketchnotes-1-880.jpg

StefaniBachetti-DesignResearchConference-Sketchnotes-2-880.jpg

continued...

Posted by hipstomp / Rain Noe  |   3 Oct 2013  |  Comments (1)

0intuoscreativestylus.jpg

When Wacom swung by the Core77 offices to show us their Cintiq stuff, that wasn't the only demo they had prepared. Rick Peterson, Wacom's Consumer Products Brand Director, broke out his department's new tool: The Intuos Creative Stylus. With Wacom's pressure sensitivity, palm rejection technology and a host of industry software partnerships, the brand has aimed to create a high-end stylus better suited to industrial designers working SketchBook Pro than laypeople scribbling around in Draw Anything. (You've also gotta love the nifty case it comes in, which stores backup batteries and nibs.) Check it out:

The Intuos Creative Stylus is currently available on Wacom's E-store, and should be available through Best Buy any day now.

Posted by core jr  |  26 Aug 2013  |  Comments (0)

IDSAConference2013.jpg

This past weekend was the occasion for the annual IDSA International Conference, the premier professional development and networking event for Industrial Designers practicing in the States... and, as Conference Chair Paul Hatch noted, increasingly from abroad as well. The ever-self-deprecating Founder of Teams Design MC'd the lecture sessions, as noted sketchnote-taker Craighton Berman busily filled several posterboards with his pithy yet expressive doodles. "It's been while since I have been to an industrial design-specific conference," he writes on his blog, "So it was interesting to step back into the industry conversation."

CraightonBerman-IDSA2013-Sketchnotes-1.jpgClick for full-size image

Friday morning started with Brooklyn-based Ben Hopson—who we'd recommended for gainful employment some years ago—who has established a niche in what he calls "kinetic design," which has traditionally been the domain of engineers (as opposed to designers, who define the formal language but not necessarily the moving parts). Leading with the example of the highly articulated output paper tray of a Canon printer, Hopson demonstrated how a designer might approach the problem precisely by applying his or her sketching skills in three dimensions in order to "make sure they look like how they move and move like how they look."

Origami is certainly a reference point, but the kinetic experiments (which Hopson teaches at Pratt) perhaps better construed as three-dimensional pop-up books. "Today, we are beginning to gesture at our artifacts," he noted. "And they will eventually begin to gesture at us." [Ed note: Hopson has also explored the topic at length in an essay here on Core.]

continued...

Posted by hipstomp / Rain Noe  |  12 Aug 2013  |  Comments (0)

nobuaozaki-01.jpg

Speaking of cities with medieval layouts, living in a pre-smartphone-Japan was a navigation nightmare. In a city like Tokyo, the lack of right angles, the language barrier, and an insane system of building numbering—they are numbered in the order in which they are built, not in a geographically linear sequence—meant that your average citizen had the cartographic skills of Magellan. People were constantly sketching little maps to offer directions, and any business relying on foot traffic offered pamphlets, business cards or flyers that always had minimaps as a prominent part of their design. I assumed every graphic designer there had a subset of their portfolio dedicated to demonstrating map-making competency.

New-York-based artist Nobutaka Aozaki, who originally hails from the Japanese city of Kagoshima, is presumably well aware of citizen cartography. And having earned his New Yorker stripes with nearly a decade of residency, he started his "From Here to There" project intending to create a hand-drawn map of Manhattan... without ever laying down a line himself. Instead, he came up with a clever way of generating the content:

[I pretended] to be a tourist by wearing a souvenir cap and carrying a shopping bag of Century 21, a major tourist shopping place, [and asked] various New York pedestrians to draw a map to direct me to another location. I connect and place these small maps based on actual geography in order to make them function as parts of a larger map.

nobuaozaki-02.jpg

continued...

Posted by hipstomp / Rain Noe  |   6 Aug 2013  |  Comments (0)

Rhett-Miles.jpg

What's more fun that putting callouts on an ID sketch? Nothing. Everyone loves drawing that little squiggly line and a row of rakish text describing various design features, as in the sketches above from the supremely talented Rhett Miles' Coroflot page.

For the most part, we ID'ers use language on callouts that anyone can understand; but callouts on more complicated items—like, say, Wehrner von Braun's design for the Saturn V rocket—are too jargon-filled for anyone outside of the Johnson Space Center to understand. So Randall Munroe, the cartoonist behind XKCD and a former NASA roboticist, whipped up an annotated sketch—using only the 1,000 most-commonly-used words in the English language. ("Saturn" is not one of those thousand words, hence the spacecraft has been retitled the "Up Goer Five.")

randall-munroe-01.jpg

Yeah—and that's just the nose. You'll want to hit the jump to see the entire drawing. (Or at least you'd better want to, since the thing is huge and took us forever to upload.) Look for the Hindenburg reference!

continued...

Posted by core jr  |  21 May 2013  |  Comments (0)

StefaniBachetti-IITStratConf-880.jpg

Reporting by Stefani Bachetti

The IIT Institute of Design held its annual Strategy Conference last week in downtown Chicago, a two-day event full of inspiring and interesting talks about using design thinking and innovation to solve complex issues. Socially conscious innovation was a common topic this year, from improving agricultural techniques in Africa to enabling University of Chicago students and professionals to collaboratively tackle major problems in healthcare, as well as revitalizing abandoned lands in Detroit with a community development and agriculture program.

Check out the sketchnotes below summarizing the ideas behind this year's event. You'll find synopses on speakers like Carl Bass with Autodesk, Catherine Casserly of Creative Commons, Stepan Pachikov, founder of Evernote, Bruce Nussbaum and Barry Schwartz from Swarthmore College, among others.

Click to view full-size images.

StefaniBachetti-IITStratConf-1-Bass.jpg
Carl Bass, President and CEO, Autodesk

StefaniBachetti-IITStratConf-2-Tebbe-Pachikov.jpg
Mark Tebbe, Operating Executive, Lake Capital / Stepan Pachikov, Founder, Evernote

StefaniBachetti-IITStratConf-3-Lovins-Erwin.jpg
Amory Lovins, Cofounder and Chief Scientist, Rocky Mountain Institute / Kim Erwin, Assistant Professor, IIT Institute of Design

continued...

Posted by hipstomp / Rain Noe  |  22 Feb 2013  |  Comments (1)

chain-drawing-game.jpg

I've said it before and I'll say it again: Playing Pictionary with a group of art students, or fellow designers, is what the Brits would call "terrific fun." (Your American correspondent can't describe it without using a meliorative preceded by the F-bomb.) Inventors Robert Angel and Gary Everson could not have created a better parlor game for people who can draw their asses off, and it makes "Exquisite Corpse" look lame in comparison.

Which doesn't mean we shouldn't stop trying to invent more communal drawing activities. Core77 Boarder sketchroll has come up with his own plan which combines the "Geography" game with chain letters. Called "Chain Drawings," the scheme he cooked up last night starts with his shoe sketch. The next person then drew an eraser, which sketchroll followed with a robot.

So...who's next? T-square, telephone or turbocharger, anyone? And how long until someone introduces an abstract concept like "trust?"

Posted by Craighton Berman  |  24 Aug 2012  |  Comments (0)

GA_visualthinking.png

Designer and illustrator Craighton Berman, who started the Core77 "Sketchnotes Channel" (as well as drawing Coretoons under the name fueledbycoffee), will be in NYC doing a couple of classes on visual thinking next week. The first is for the new Products of Design MFA program at the School of Visual Arts (headed by Core77 partner and Editor-in-Chief Allan Chochinov). However, if you're not one of the pioneering students in the inaugural MFA program, don't fret: an encore performance has been added down the street.

Craighton will also be running a Visual Thinking 101 workshop on Wednesday August 29th at General Assembly, the start-up community/coworking/education network focused on entrepreneurship in technology and design. If you're curious about how visual thinking might help you to better generate, communicate, and shape ideas—especially in collaborative environments—this workshop will be a great primer to philosophy and techniques. The class will cover the building blocks of visual thinking, basic rapid viz training, sketchnotes, and experience storyboarding. Drawing skills not required at all—just a willingness to use drawing to explore ideas.

generalassembly.jpeg

Also keep an eye out this Fall for the return of regular posts in the Core77 Sketchnotes channel, with articles on digital sketchnotes, brainstorming, storyboarding, graphic facilitation, and book reviews of recent books on sketchnotes and visual thinking at large. In the meantime, keep the pens moving and the ink flowing.


GA_visualthinking2.png

Posted by fueledbycoffee  |  12 Mar 2012  |  Comments (1)

sxsw_case.png

continued...

Posted by fueledbycoffee  |  12 Mar 2012  |  Comments (0)

sxsw_mixel.png

continued...

Posted by fueledbycoffee  |  11 Mar 2012  |  Comments (0)

sxsw_bklynfood.png

Posted by fueledbycoffee  |  11 Mar 2012  |  Comments (1)

sxsw_curator1.png

continued...

Posted by fueledbycoffee  |  11 Mar 2012  |  Comments (0)

sxsw_remix2.png

continued...

Posted by fueledbycoffee  |  10 Mar 2012  |  Comments (0)

sxsw_enroute_2012.png

Artist: fueledbycoffee
More: View all Core-toons

Posted by Craighton Berman  |  17 Nov 2011  |  Comments (1)

This past Monday evening, on an unseasonably warm night in Chicago, sustainability expert Ezio Manzini gave a thought-provoking lecture at the School of the Art Institute of Chicago. Mr Manzini is a Professor of Industrial Design at Politecnico Milano, and is a renowned expert in the application of strategic design for sustainability. His perspectives on systems and service design relate nicely to his core message of sustainability, yielding a compelling framework for a vision of the future city. Of course, as your resident sketchnote correspondent, I was there to cover his lecture in drawing-form; the scans of which follow below:

A_001_1000.jpgClick for larger image

Since a bit of time has passed since I last wrote for the Core77 Sketchnotes Channel, let me take this time to briefly revisit the concept of sketchnotes. Simply put, sketchnotes are visual notes that are drawn in real time. These notes take advantage of the "visual thinker's" mind by pairing images, text, and diagrams to help make sense of the information being presented. As a tool for designers, they're a great way to capture information and synthesize your thoughts in real time—also great practice for the same kind of process one uses in an ideation situation.

continued...

Posted by Craighton Berman  |  19 Jul 2011  |  Comments (0)

A few weeks ago the Pritzker-prize winning Japanese architecture duo SANAA gave a lecture to a packed house at the Art Institute of Chicago. Most famous in the US for their design of the New Museum in New York City, they shared 9 additional projects from their impressive portfolio—both built and in-progress—and shared renderings, sketches, models, and construction photos from each one. Since their Wikipedia entry has more information on them then their own website, it goes without saying that they their point-of-view tends to be that of understatement. As they shared their work, it became quite apparent quickly that SANAA doesn’t so much employ a signature style, but common experiential qualities that link their projects together—qualities of light, transparency, and openness.

SANAA_001_900.jpg

As part of the Core77 Sketchnotes Channel, I’m presenting my personal sketchnotes from the lecture to briefly analyze how I approached making them. Since the lecture was primarily visual, I spent the majority of my time soaking in the projected photos and chose not to bury my head in my book. How often do you get to experience architectural photos on a 60 foot wide projection screen? Since I decided to work this way, the notes I captured tended to try to create iconic representations of each building, capture the basic information, and any notable details or interesting quotes. In the age of Google Images, its much more important to me that these sketchnotes can cover what was presented at a high level to job my memory, than to capture each image as a sketch.

continued...

Posted by Craighton Berman  |  30 Jun 2011  |  Comments (2)

IW_curators_468.jpgClick image for full-size!

If you enjoyed our "live sketchnoting" of The New York Times journalist Nicholas Kristof's keynote address at this year's Internet Week, you're going to love our followup: a fireside chat with curators Joan Young (Guggenheim) and Lauren Cornell (New Museum) on how the Internet is affecting the art world. They give recent examples of programs, artists and exhibitions that are grappling with the topic including digital artist Cory Arcangel's current solo exhibit Pro Tools at the Whitney Museum and Marina Abramovich's "The Artist is Present" performance piece at MoMA—documented via Flickr. You can listen to the original conversation on UStream or simply learn from the video! Thanks to Bastard Jazz Recordings for the soundtrack.

To learn more about sketchnotes including a great overview of a new kind of visual thinking and some basics to start you off, visit our Sketchnotes Channel at www.core77.com/sketchnotes

Posted by Craighton Berman  |  21 Jun 2011  |  Comments (13)

Welcome to the second article in the the new Core77 "Sketchnotes Channel" (www.core77.com/sketchnotes) where we'll be exploring the application of visual thinking tools in the worlds of design and creative thinking.

ready.jpg

So you say you're ready to start sketchnoting.

Maybe you're not much of a sketcher but you take a lot of notes, and are interested in making them more meaningful and interesting, but you're afraid your drawings are too crude. For you, it's important to stress that sketchnotes—although they are inherently a visual medium—do not require drawing ability of any kind. Essentially they're about transforming ideas into visual communication; structuring thoughts and giving hierarchy to concepts can be completed with strictly text and a few lines.

whatitiswhatitisnt.jpg

Maybe you're perpetually drawing and want to try and make your notes more useful and engaging but you are afraid of imposing structure to your normally freeform way of sketching. For you it's important to consider that sketchnotes can be as linear or abstract as your personality (or the presentation) dictates. Some content is best sketchnoted by listening closely and attempting to accurately synthesize and structure the thoughts. Usually these presentations have a very logical progression that may already be based in some sort of structure, so they lend them selves nicely to this style of sketchnoting. More narrative-based storytelling may be best sketchnoted by casually doodling along with the content and letting the content inspire your visuals. Story-based presentations may be best represented by capturing the overall experiences through quotes and illustrations of the anecdotes, and not necessarily imposing rigid structure.

In the end, it's up to you. As I mentioned in my previous article, sketchnoting is equal parts public, personal, and practice—so it's more fruitful to explore a new style and challenge yourself to record ideas in new ways, than to worry about the end result's overall effectiveness or aesthetic. Sketchbooks should be sketchy.

So let's get tactical. How should you go about approaching sketchnotes? What do you need to get started?

First you need the right tools for the job. And by "right tools" I mean, "any sketchbook and pen combination that makes you happy." Preferences for media and marking-tool probably span back to the days of the caveman; there's no right answers.

caveman_moleskine.jpg

continued...

Posted by Craighton Berman  |  15 Jun 2011  |  Comments (3)

Thumbnail image for kristof2.jpgClick for full-sized Image!

Last week we kicked-off our new Sketchnotes channel (www.core77.com/sketchnotes) with "Sketchnotes 101," an overview of a new form of visual thinking. Follow along as Craighton shares his sketchnotes from Nicholas Kristof of The New York Times' keynote address at Internet Week. The journalist shares his thoughts on how the Internet and social media have led revolutions and sparked change, leaving wakes of effect around the world. You can listen to the original address on UStream or simply learn from the video! Thanks to Bastard Jazz Recordings for the soundtrack.

Posted by Craighton Berman  |   6 Jun 2011  |  Comments (13)

sketchnotes_matali.jpgsketchnotes by Craighton Berman, click for full-sized images!

This post is the first in a new "sketchnotes channel" on Core77 (www.core77.com/sketchnotes) that will explore the application of visual thinking tools in the worlds of design and creative thinking.

The recent rise of the "visual thinking" movement in business borrows from the natural ways designers work—using sketches to explore and express ideas, manipulating complex systems of thoughts on sticky notes, and using rough visuals to make sense of the world. Humans are, of course, wired to be visual thinkers from birth, so it's only natural that people are attracted to these tools, and the power they have to help solve problems and explore opportunities.

In the long list of tools one could use for visual thinking, sketchnotes are one of the most exciting. Simply put, sketchnotes are visual notes that are drawn in real time. Through the use of images, text, and diagrams, these notes take advantage of the "visual thinker" mind's penchant for make sense of—and understanding—information with pictures. Often these notes come out of lectures or conferences, and have gained a lot of attention and interest in the past few years when people post scans of their sketchbooks from events like SXSW or various design conferences for the whole internet to see.

sketchnotes-lotta.jpgSketchnotes by Eva-Lotta Lamm

This kind of note taking has an obvious appeal for both the coverage of the event as well as the aesthetic quality of getting a peek inside someone's sketchbook—but good sketchnotes are actually much more than a set of beautiful doodles.

Sketchnoters aren't reporters, information designers, or illustrators. They're actually all three at once. This form of rapid visualization forces you to listen to the lecture, synthesize what's being expressed, and visualize a composition that captures the idea—all in real time. A musicians' "circular breathing" for the Moleskine crowd.

circular03ed.jpg

continued...

Posted by Craighton Berman  |  18 May 2011  |  Comments (1)

xerox5685.jpgLarry Keeley on Design Thinking, Click to Enlarge!

In case you missed it, we sent Craighton Berman (aka fueledbycoffee, one of our Coretoon geniuses), to take note of some of the big ideas from last week's Illinois Institute of Design's Strategy Conference in Chicago. Checkout some great ideas from international executives addressing how businesses can use design to explore emerging opportunities, solve complex problems and achieve lasting strategic advantage.

Day two was dynamic with great presentations from Steelcase's Jim Hackett on designing systems, Jeanne Liedtka (UVA Darden Busines School), Ted London (University of Michigan), Navroze Godrej (Institute of Design), John Seely Brown (Deloitte Center for the Edge) and Larry Keeley (Doblin). Check out all the sketchnotes from Day 1 and don't forget to click on each image to enlarge!

xerox5679.jpg

xerox5680.jpg

xerox5681.jpg

continued...

Posted by Craighton Berman  |  13 May 2011  |  Comments (3)

xerox5674.jpgChris Meyer: The peacock's tale: Sexual Selection

We sent Craighton Berman (aka fueledbycoffee, one of our Coretoon geniuses), to take note of some of the big ideas from this week's Illinois Institute of Design's Strategy Conference in Chicago. Checkout some great ideas from international executives addressing how businesses can use design to explore emerging opportunities, solve complex problems and achieve lasting strategic advantage. Check out big ideas from Bill Moggridge—Core77 columnist and Director of Cooper-Hewitt National Design museum, Chris Meyer (Standing on the Sun), Jamshyd Godrej, Peapod Labs, Connie Yowell (Macarthur Foundation), Neeru Khosla (CK-12 Foundation), Kun-pyo Lee (LG Electronics), and Jun Cai (Tsinghua University). Click on each image to enlarge!

xerox5673.jpg

xerox5675.jpg

continued...