UIE Brain Sparks
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
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
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
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.
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...
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
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
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
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
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
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
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
Sketching.
By Alexander Baxevanis, 30 January 2012
UX Magazine
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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