Interactive Sketching Notation
Helping you tell better stories of interaction
Purchase & Download for $39 CAD

Watch: How I Sketch
Watch: How I Sketch - An Intro

The interactive sketching notation is an emerging visual language which intends to enable designers to tell more powerful stories of interaction. Through a few simple and standardized rules, what the user sees (drawn in greys and blacks) and does (drawn in red) are unified into a coherent sketching system. Although it may be used with paper, it works best with Adobe Illustrator.



  • Less Documentation
    Having merged flows, user stories, sketches and wireframes into one document, it is easier to maintain your work with the notation.
  • Visibility of User Actions
    The notation has clear start and end paths showing user actions explicitly in red. Don't just show the UI, but tell a story.
  • Faster Idea Generation
    The notation helps you cut corners as much as possible with the benefit of speed. Don't worry about too much detail in the beginning.
  • Highly Exploratory
    The notation relies on large workspaces with room for multiple A/B/C ideas. Don't get locked into the first idea that comes to mind.


Inside the Adobe Illustrator Template - version 1.4


Icons: 90 common interface sketch style icons for faster concepting icons

Screens: scaled UI screens for popular devices and multiple browser sizes
Specific device screens include: iPhone: 4, 5; Samsung Galaxy: Nexus, S3, S4; Sony Xperia Z; Nokia Lumia 920; HTC Windows Phone 8X, Blackberry; iPad, iPad Mini, Google Nexus 7 screens

Components: various predesigned components and elements ready for dragging and dropping components





divider


Small ISNSmall Micropersonas
ISN + Micropersonas Bundle for $59
Get the Interactive Sketching Notation + Micropersonas at a discount.


Small Micropersonas
Interactive Sketching Notation for Companies for $199
Get the Interactive Sketching Notation for your whole office. Unlimited employees.



divider
customers
divider

Don't need the Illustrator template? Download Introduction PDF Only. The standalone introduction explains the notation should you wish to sketch in your own tool of choice.
Creative Commons License
Interactive Sketching Notation (the Introduction PDF only) by Jakub Linowski is licensed under a Creative Commons Attribution-Share Alike 2.5 Canada License.