background preloader

The Messy Art Of UX Sketching - Smashing UX Design

The Messy Art Of UX Sketching - Smashing UX Design
Advertisement I hear a lot of people talking about the importance of sketching when designing or problem-solving, yet it seems that very few people actually sketch. As a UX professional, I sketch every day. I often take over entire walls in our office and cover them with sketches, mapping out everything from context scenarios to wireframes to presentations. My desk. Although starting a prototype on a computer is sometimes easier, it’s not the best way to visually problem-solve. Many articles discuss the power of sketching and why you should do it, but they don’t go into the how or the methods involved. Sketching ≠ Drawing Some of the most effective sketches I’ve seen are far from perfect drawings. Sketching is an expression of thinking and problem-solving.It’s a form of visual communication, and, as in all languages, some ways of communicating are clearer than others.Sketching is a skill: the more you do it, the better you’ll get at it. OK, let’s get started. Work In Layers Technique Why? Tools

http://www.smashingmagazine.com/2011/12/13/messy-art-ux-sketching/

Related:  nduq

25 New Fonts for Graphic & Web Designers - Download Now Russell Brown: Tips and Techniques for Using Tilt Shift, Iris Blur, and Field Blur in Photoshop CS6 Robots of Brixton Origins - A Beautiful 3D Animated Short Film Free Printable Sketching, Wireframing and Note-Taking PDF Templates - Smashing Magazine Advertisement Sketching and wireframing are a specialized style of drawing, used for fleshing out preliminary complex ideas, group brain-storming, a lo-fi method for evaluating interaction concepts, and as a way of roughly perfecting a design technique. Sketch and wireframe paper is essentially drawing paper that is designed specifically for this purpose. You could use it for web page design, web app design, architectural or structural design, graphic design, movie direction, animation… basically any type of design that needs a physical creative outlet or group collaboration. Not all sketch and wireframe sheets are universal, most are specialized for a particular medium, such as storyboards and specialized grid paper (axonometric perspective templates).

100 Free PSD Files Every Web Designer Should Have In this post we gather a collection of 100 fully customizable web design elements layered PSD files, easy to use and customize with some adjustment as per your need and can be turned into ready web element. PSD files can be used to create good-looking and eye-catching web design layouts, icons, buttons, any web design elements and much more. There are lots of great designer out there who are regularly sharing some awesome PSDs and resources. So in today’s post we think why not to make a collection of some awesome PSDs files. Displaying Icons with Fonts and Data- Attributes Traditionally, bitmap formats such as PNG have been the standard way of delivering iconography on websites. They’re quick and easy, and it also ensures they’re as pixel crisp as possible. Bitmaps have two drawbacks, however: multiple HTTP requests, affecting the page’s loading performance; and a lack of scalability, noticeable when the page is zoomed or viewed on a screen with a high pixel density, such as the iPhone 4 and 4S. The requests problem is normally solved by using CSS sprites, combining the icon set into one (physically) large image file and showing the relevant portion via background-position.

A shorthand for designing UI flows Flows are just as important to good interfaces as individual screens are. Customers don’t land on screens from out of nowhere. Specific sequences of actions lead customers through your app as they try to accomplish their tasks. But as important as they are, flows are hard to communicate during the design process. Drawing out every state of a flow is too time-consuming. Sketchboards: Discover Better + Faster UX Solutions 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. It’s what we do well Designers love the “breakthrough moments” in a working relationship.

Free textures for your next web project The seigaiha or wave is a pattern of layered concentric circles creating arches, symbolic of waves or water and representing surges of good luck. Made by Olga Libby Download A friend gave me a cork wallet. Making beautiful forms; Square and Recurly Making beautiful forms; Square and Recurly Posted by Dion Almaer about a year ago on ux I recently had some time to play with some apps (stuck somewhere with no place to go). I started to play with Square (and their card case app). I have always been impressed with their UX as it is simple (much use of white space a la Google), but in a way that is quite beautiful and not bland as Google can be.

How we use actionable metrics at Skillshare At Skillshare, we believe that metrics are important to get a pulse of how our business is doing and figure out what to do next. Essentially that means, we should know what’s working and what’s not, and thus, what areas of our business to focus on next. This can be more macro, such as identifying gaps in our customer lifecycle, or more micro, such as figuring out the optimal call-to-action and experience in a conversion flow. Before we work on any feature/solution at Skillshare, we always make sure we’ve identified what problem we’re solving, and what the measure of success is. After the feature/solution is deployed, then it’s all about learning — did our solution solve the problem and by how much — and iterating to continuously improve the solution. But not all metrics are created equal.

50 Sketching Resources for User Experience Designers 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. Articles about Sketching Sketching Tools

Related: