UX News Feed  |  Sketching

UIE Brain Sparks

UIEtips: Why We Sketch

Sketching. In this week’s UIEtips, I discuss how great designers use sketching for notetaking, to convey their ideas in meetings, to record their conversations with their co-workers, and to support their design research. Here’s an excerpt from the article: Words are powerful, but sometimes they don’t cut it. We can try to describe what we’re imagining, but a diagram often gets us to a common ground quicker.

By Jared Spool, 27 March 2013

Wireframes Magazine

Sketch Map

Sketching. What do you get when you mix mind maps and sketches together? Well, Sketch Maps, of course. Catriona of InspireUX just shared an interesting approach to organizing your sketches around a central idea. Awesome big canvas sketching! I’m a firm believer that your workspace affects the way you think. How you structure your screens will affect what you end up with.

By Jakub, 12 February 2013

UIE Brain Sparks

UIEtips: 6 Tips for Organizing Sketched Artifacts

Sketching. In this week’s UIEtips, Nathan Curtis shares 6 tips on storing and organizing sketches. Here’s an excerpt from the article Sketches enable us to quickly depict and share ideas with each other, but are also considered disposable. Sketches represent an intermittent state leading to something better, more refined.

By Jared Spool, 16 January 2013

Featured

UIE Brain Sparks

UIEtips: The Power of Sketches: How We Sold a Huge Project Shift with 5 Index Cards

Prototyping. In this week’s UIEtips, Nathan Curtis will share how he shifted the design direction of a large project with just 5 index cards. Here’s an excerpt from the article The concept was a dramatic shift from anything prototyped, discussed, or even sketched during the studio. It was safe to say: the client had never seen this before.

By Jared Spool, 8 January 2013

Konigi

Sketching Interfaces: Speaking notes and mini book

Sketching. I gave a talk at Asbury Agile 2012 and have published my presentation deck and speaking notes as a zine-like mini book in a new section of this site. My friends on Instagram have seen me teasing out this talk for a few months now, and I'm happy to get the ideas out because this is something I've been thinking about ever since I started this site. This is the perspective of someone who is starting over and taking the beginners path. Check it out.

By jibbajabba, 10 October 2012

Smashing Magazine Fe...

UX Sketching And Wireframing Templates For Mobile Projects // Free Download

Sketching.    Today we are happy to release two printable UX sketching and wireframing templates, designed by Pixle for Smashing Magazine’s readers. This article presents Outline, a set of sketching and wireframing papers for mobile platforms and Tapsize, a set of templates for checking optimal tap areas without a mobile device.

By Smashing Editorial, 19 September 2012

Featured

Wireframes Magazine

How I Sketch: An Introduction

Sketching. I’ve decided to do a screencast of How I Sketch and the style that came to be known as the Interactive Sketching Notation. It’s around 13 minutes in length going over the basic concepts, some of the key benefits, as well as an example of a real world project. The video is in HD so you might have to expand to full screen in order to experience the real deal. Somewhere at the end you might also find a few minutes of attempted real time UI design.

By Jakub, 15 August 2012

Jakub's Thoughts

Interactive Sketching Notation v1.2

Sketching. The next version of the Interactive Sketching Notation is rolling out today. One of the biggest adjustment was to the Adobe Illustrator template by adjusting the scale of all the icons, screens and widgets from a way smaller scale to a more screen friendly set. Before, when I tried to export my sketches from Illustrator I realized that all the work is so tiny that it is unreadable.

By Jakub, 24 April 2012

Wireframes Magazine

15 Dribbble UI Sketching Designers

Sketching. There are those who design, and then there are those who design in the open – enter dribbble. com. Although sharing a 300 by 400px image perhaps might work if you want to show off a shiny button style, maybe it isn’t always the best constraint for interaction type of work (flows, multiple screens, scenarios and stuff in between the screens). Nevertheless the other day I was looking through dribbble.

By Jakub, 23 April 2012

UX Magazine

Better Use of Paper in UX Design

Sketching. People often ask me what the place of paper is in modern design, especially considering the arrival of tablets. I always say that paper has unique traits that currently are unmatched by any advanced technology. The advantages of paper include: No limits, because paper has an extremely simple user interface with no predefined style, rules, or guidelines. Inherent collaborative qualities; it’s easy to share and easy to pin on the wall.

By Marcin Treder, 8 March 2012

Wireframes Magazine

Sketch More, Sketch Better: The Buzz at Interaction12

Sketching. Article by:Sam Smith I am a sketcher. I recently realized quite how much sketching defines what I do when someone pointed out to me that I rarely present any work without a pen in my hand. Whether I’m drawing on a whiteboard or quickly sketching on paper sketching that helps me to illustrate what I’m talking about.

By Jakub, 1 March 2012

Adaptive Path

What we talk about when we talk about sketching.

Sketching. I want to take a moment to have a deeper, more reflective conversation about the role that sketching plays in my professional work, and how it has evolved it over time.

By Dane Petersen, 6 February 2012

Featured

Webcredible blog

Before you start sketching

Sketching.

By Alexander Baxevanis, 30 January 2012

UX Magazine

5 Sketching Secrets of Leonardo Da Vinci

Sketching. You can improve your sketching and paper prototyping abilities by adopting some of the methods used by Leonardo da Vinci in his sketchbooks. Leonardo was a prolific sketcher, filling his journals with over 13,000 pages of notes and drawings. These five sketching lessons drawn from his practices will make you a better thinker.

By Brian Sullivan, 7 December 2011

Johnny Holland

Storyboarding & UX – part 3: storyboarding as a workshop activity

Sketching. The previous article in this series described a step-by-step technique for drawing storyboards to help us as designers understand the issues we try to solve, and to communicate existing issues and potential solutions to others. When it comes to research techniques, the great news is that storyboarding can also help others articulate their own issues and ideas. It’s to this purpose we now turn.

By Ben Crothers, 19 October 2011

Johnny Holland

Storyboarding & UX – part 2: creating your own

Sketching. When thinking about storyboarding, most people fixate on their ability — or perceived inability — to draw. What is far more important is working out the point you wish to make with your storyboard, and the actual story that will carry that point from your storyboard across the room and into the hearts and minds of your audience.

By Ben Crothers, 17 October 2011

Johnny Holland

Storyboarding & UX – part 1: an introduction

Sketching. The fields of user experience and service design typically use storyboarding to sell design solutions. They do this by casting personas in stories, showing the benefits of those solutions. They often look quite polished and professional, and can be daunting to some in these fields to pick up a pencil and try it for themselves.

By Ben Crothers, 14 October 2011

UIE Brain Sparks

UIEtips: Why We Sketch

Sketching. In our ongoing research into design excellence, we’ve come across an interesting correlation. The designers who are at the top of their game are mostly people who sketch. Even though every designer we talked with had completely different backgrounds, training, and work habits, they all shared one common element—they sketched their work. In addition, they weren’t just sketching their designs.

By Jared Spool, 5 October 2011

The UX Bookmark

Sketchnote Army- a Sketchnotes Showcase

Sketching. Sketchnote Army is dedicated to finding and showcasing sketchnotes and sketchnoters from around the world- from events, conferences, workshops or wherever sketchnotes are captured or created. If you want your sketchnotes to be featured there, you can send your sketchnotes URL and info to the webmaster. Sketchnote Army.

1 October 2011

WIREFRAME WEDNESDAY

Sketchboards: Discover Better & Faster UX Solutions

Sketching. The sketchboard is a low-fi technique that makes it possible for designers to explore and evaluate a range of interaction concepts while involving both business and technology partners. Unlike the process that results from wireframe-based design, the sketchboard quickly performs iterations on many possible solutions and then singles out the best user experience to document and build upon.

26 January 2011

ZURB

iPhone Awesomeness Coming At You!

Sketching. With the iPhone officially coming to Verizon, we found it appropriate to follow up our iPad Omnigraffle stencil & sketchsheets with an iPhone version. And that's exactly what we did! We can't say it enough—we love sketching, and we encourage you to incorporate it into your design process even when developing for the iPhone.

14 January 2011

Jakub's Thoughts

Interactive Sketching Notation v1.0

Sketching. The time has finally come to update the Interactive Sketching Notation for the new year. This time around it now comes with an Adobe Illustrator template that’s loaded with swatches, character styles, and symbols ready for use (pen tablet highly recommended). The whole sketching system has also been elaborated to also include such things as: variation, notes, and multiple user types. Please let me know how you use it or if you have recommendations.

By Jakub, 6 January 2011

ZURB

Brand Spankin' New iPad Omnigraffle Goodies

Sketching. One of the most highly anticipated products to be released this year is the 2nd generation iPad. And it's no wonder. We're getting tons of clients requesting our services to help them out with various iPad applications. Now, we've talked a bit about sketching before.

6 January 2011

Wireframes Magazine

Interactive Sketching Notation v1.0

Sketching. The time has finally come to update the Interactive Sketching Notation for the new year. This time around it now comes with an Adobe Illustrator template that’s loaded with swatches, character styles, and symbols ready for use. The whole sketching system has also been elaborated to also include such things as: variation, notes, scenarios, and multiple user types.

By Jakub, 6 January 2011

Wireframes Magazine

iPad Sketch Elements AI

Sketching. Teehan+lax just released the iPad Sketch Elements for Adobe Illustrator to complement the existing iPhone counterpart. The downloadable file contains a number of useful sketch style UI components (such as the keyboard, browser bars, system bars, etc) that can used to speed up an exploration process. Thanks! Credits: Chris Tanner – teehan+lax .

By Jakub, 1 December 2010

UX Array

New Prototyping Sketch Sheets for WP7

Prototyping. Grab the prototype sketch sheet here (pdf). The benefits of testing and prototyping are straight forward and typically instant. If you’re just beginning to generate ideas and share them, physical paper prototypes are wonderful. They’re fast, fun to show and actually better conversation because of their tangible, visceral nature.

18 November 2010

Konigi

Interactive Sketching Notation

Sketching. Jakub Linowski created a sketch annotation system for interaction design and provides a free downloadable PDF describing how to use it. "The interactive sketching notation is an emerging visual language which affords the representation of interface states and event-based user actions.

By jibbajabba, 30 August 2010

inspireUX

50 Sketching Resources for User Experience Designers

Sketching. Sketching is a critical part of the User Experience Design process.  Sketching allows us to explore ideas and iterate on concepts quickly and easily before creating detailed mockups.  Below is a roundup of many different sketching articles, tools, templates, presentations, videos, books, and examples to help User Experience Designers learn more about sketching and how it benefits UX design.

By Catriona, 28 June 2010

Featured

UX Magazine Articles

Shades of Grey: Thoughts on Sketching

Sketching. By Will Evans An incisive look at the fundamental nature and function of sketching in UX design. Design in art, is a recognition of the relation between various things, various elements in the creative flux. You can’t invent a design. You recognize it, in the fourth dimension.

24 June 2010

Konigi

iPad Sketching

Sketching. Pen and paper are still superior, but iPad sketching is good enough to leave those behind. The topic of UI sketching on the iPad is coming up pretty regularly for UI designers. People want to know how it feels and if it's going to replace pen/pencil and paper. After a few months using as many drawing apps as I can get my hands on, I find that it's more than adequate for UI sketching needs.

By jibbajabba, 17 May 2010