background preloader

Sketchboards: Discover Better + Faster UX Solutions

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. Those times when you suddenly reveal a picture of a solution that really nails the problem and gives everyone on the team a reason to cheer. Such moments bring together many of the most valuable capabilities of a designer, as follows: The trouble is that these moments are all too rare on normal design and development projects. Where wireframes fear to tread The wireframe—default design tool of most UX professionals—is a significant part of this problem. Wireframes constrain your creativity.

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 Sketching Templates Presentations about Sketching Sketchboards: Good Design Faster: (PDF) Brandon Schauer shares his sketchboarding presentation from the CanUX 2008 conferenceSee -> Sort -> Sketch: Pen & Paper Tools to get from Research to Design: Kate Rutter’s workshop slides from the 2010 IA Summit.Talking About Sketching About Interacting: Christopher Fahey discusses the sketch “resolution spectrum” and how sketches can communicate your thinking. Videos about Sketching Books about Sketching Sketching Examples Catriona Cornett View My Portfolio Follow Me:

The product design sprint: prototype (day 4) At the Google Ventures Design Studio, we have a five-day process for taking a product or feature from design through prototyping and testing. We call it a product design sprint. This is the sixth in a series of seven posts on running your own design sprint. On day 2 you drew concept sketches. On day 3, you made a plan and a storyboard for your prototype. This part of the sprint is super exciting for me as a designer. But wait a second… what should this prototype look like? What your prototype should look like Quite simply, a prototype is anything a person can look at and respond to. Make it minimally real You’ll probably be amazed at how much real feedback a user can give you on a slide deck of mockups that aren’t even pixel-perfect. They can tell you what they understand about your product — and what they don’t. You’ll also learn things that metrics alone can’t tell you, in particular why users do the things they do, rather than just what they do. Why? (“Wait,” you say, “I use a PC.”

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. 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. When evaluating your sketches, ask yourself, “How could I better communicate these thoughts?” OK, let’s get started. Work In Layers Technique Why? Starting with a light-gray marker makes this easy. Caution Tools

The product design sprint: a five-day recipe for startups At Google Ventures, we do product design work with startups all the time. Since we want to move fast and they want to move fast, we’ve optimized a process that gets us predictably good results in five days or less. We call it a product design sprint, and it’s great for getting unstuck or accelerating projects that are already in motion. I’ve planned and run over 100 of these sprints, first with teams at Google and now with startups in the Google Ventures portfolio. To give you an idea of what one looks like, here’s a project we did with CustomMade: Over the next several posts, I’ll be sharing a DIY guide for running your own design sprint. Before the sprint: Prepare Get the people and things you need. Day 1: Understand Dig into the design problem through research, competitive review, and strategy exercises. Day 2: Diverge Rapidly develop as many solutions as possible. Day 3: Decide Choose the best ideas and hammer out a user story. What doesn’t work about brainstorming The magic of constraints

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. 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). Below you will find a concise collection of ready to print sketching, wireframing and note-taking templates. You may be interested in the following related posts: Wireframing and Sketching Paper Paper Browser – It's a browser, only in paper3 This PDF can be used for creating a website’s wireframe. Web Sketching Template – Single Page5 This A4 template has been designed for sketching a website with a resolution of 1024×768. Wireframe Print and Sketch Template17

Prototyping in Systems Analysis Prototyping in Systems Analysis Introduction Organizations of all types do it. Microsoft, Disney, and Boeing do it. It is known by several names: simulate, model, prototype. It is a process by which organizations innovate, better communicate both with their customers and with each other internally, develop and improve their products. This paper will look at what prototyping is to systems analysis. Table of Contents What is Prototyping? As mentioned earlier a prototype is like a model or a simulation of a real thing. A survey of MIS managers in Fortune 1000 firms [3] suggests that there are four prototyping methodologies in use today which supplement the traditional systems development life cycle: Illustrative: produces only mockups of reports and screens. Others suggest such categorizations as evolutionary versus throw-away [10]. Included in the chart above are terms used to describe other prototyping concepts. One final classification of prototypes is global versus local. Conclusion

Related: