background preloader

Design Better And Faster With Rapid Prototyping - Smashing Magazine

Design Better And Faster With Rapid Prototyping - Smashing Magazine
Advertisement The old adage, “a picture speaks a thousand words” captures what user interface prototyping is all about: using visuals to describe thousands of words’ worth of design and development specifications that detail how a system should behave and look. In an iterative approach to user interface design, rapid prototyping is the process of quickly mocking up the future state of a system, be it a website or application, and validating it with a broader team of users, stakeholders, developers and designers. Doing this rapidly and iteratively generates feedback early and often in the process, improving the final design and reducing the need for changes during development. Prototypes range from rough paper sketches to interactive simulations that look and function like the final product. The Rapid Prototyping Process Rapid prototyping involves multiple iterations of a three-step process: Scoping A Prototype What Needs to Be Prototyped? How Much Should Be Prototyped? Find the Story Do… Don’t…

Colorburned | Graphic design resources, tutorials, and more! Travel Companions | Media Room | Travellution The idea for Travellution and the name itself was born a few years ago. In late 2004, Giacomo was dreaming of traveling while relaxing on his couch in Del Mar (California, USA) before a surfing session. He dreamt of going to Australia and meeting up with other surfers interested in going to the same beach at the same time. In 2003, Giacomo did an Erasmus exchange program in Barcelona where he experienced how networking in travel planning and open-mindedness towards other cultures could significantly enhance travel experiences. About 2 years ago, Giacomo met the right people with who to share the project and Travellution was finally launched; not in a garage in Silicon Valley, but in a simple apartment in Paris. How people now use social media to plan their dream vacations and get recommendations from social interaction on the web. Social media is increasingly becoming a larger part of our lives. Consider this. Make a connection today.

Sketching: the Visual Thinking Power Tool As a kid, I spent hours drawing and sketching ideas that popped into my head. Article Continues Below I used drawing as a primary language for capturing thoughts, exploring ideas, and then sharing those ideas. I’m excited to share why sketching can be so beneficial, show samples of sketches, and provide helpful resources. But I can’t sketch—I’m not an artist! When I suggest sketching as a visual thinking tool, I often I hear “I’m not an artist” or “I can’t draw.” When you feel inadequate in your sketching, pause and reconsider your perspective. Fig 1. Why bother sketching? There is no shortage of software or hardware tools for producing amazing work. Adding sketching to the design process is a great way to amplify software and hardware tools. Let’s explore these three benefits of sketching in more detail. 1. Sketching is great for rapid idea generation. Fig 2. The key to generating many ideas is to withhold judgment of them as good or bad until your sketching session is complete. 2. Fig 3.

Designers Spin Spidey-Worthy Webs From Packing Tape | Fast Compa Packing tape has gotten MacGyver out of many a jam, but he never managed to make an entire home out of the stuff. So he could probably learn something from Viennese/Croatian design collective For Use/Numen. The team uses nothing but packing tape to create huge, self-supporting cocoons that visitors could climb inside and explore. Installed three times in the past year, the next deployment will be next week from June 9–13 at DMY Berlin's International Design Fair, which is now in its 8th year. The installations, which look like the work of horrifyingly large arachnids, grew in scale and scope as the year progressed, first deployed inside a small Croatian gallery, then an abandoned attic during October’s Vienna Design Week. At the last installation inside Odeon, a former stock exchange building in Vienna, the group used nearly 117,000 feet and 100 pounds of tape.

Perl Examples Please note: I think I made this page in 1997 as some quick scripts for common local tasks for my non-programmer students. I just noticed 13 years later this is the top google hit for "perl examples". This is VERY funny given how terrible my Perl knowledge is. Enjoy. -Matthew Lewis Remember: In order to be able to run your perl script, it must begin with the line: #! Furthermore, if you've named the file "myFile", then to make the file executable, you need to type in a unix window: chmod 755 myFile Image Processing Renaming Files File Conversion Creating Directories Padding & Unpadding Files Finding Free Machines #! Finding Processes Finding Files Finding Users Generating HTML Files Generating Xpost Scripts Modifying Text Files Convert Raw Timecode Data to Readable Data Matthew Lewis, 1997

Tips and Tricks to Run an Effective Prototype Inspiring content from across OpenIDEO & IDEO's other work Why do we prototype ideas and what makes a good prototype? These are important questions for our community as we seek to create social impact. The core goal of a prototype is to assess the viability of an idea or a part of the idea with potential end users involved. With these thoughts in mind, we were excited to participate over last summer in the IDEO.org and Acumen run free Human Centered Design course to sharpen our skills. Packed with tips, including: What to Prototype Ways to Prototype Getting Feedback Guidelines and worksheets, including: Create an Experience Map Determine What To Prototype Getting Started Test Your Prototype Some key points we're keen to highlight: Prototype with Intention Devise specific questions which test parts of your idea. Tip: Create an Experience Map, define questions and prioritise what to prototype. Be Agile Leave room for the idea to grow from the feedback you seek from potential end users.

Design - Smashing Magazine Launch your Perl script from Notepad++ Today I am going to explain how you can be using Notepad++ to run Perl scripts. It can be convenient to launch your program directly from the editor's environment to quickly check that it compiles. Let's try and set up Notepad++ to launch the script from Wednesday's post. In the Plugins menu, you will find the NppExec plugin.Select Plugins>NppExec>Execute... Once the Execute... window is open, type in the following command:perl "$(FULL_CURRENT_PATH)"$(FULL_CURRENT_PATH) is an internal Notepad++ variable that contains the full path of the file currently open in the editor. You can save this command line and give it a meaningful name ('perl' for example). The output result is visible on the Console window. You can get rid of the "Process..." lines by selecting Plugins>NppExec>No Internal Message Also, if you want to repeat the previous command, you can just type Ctrl+F6. If you know more Notepad++ tips, I'd love to hear from you! $PROG_NAME, $VERSION and $PROG_DATE are called scalars.

Adding Visual Goodness to Your Ideas Inspiring content from across OpenIDEO & IDEO's other work Here at OpenIDEO, we think that visualising your ideas is a significant step in engaging others to appreciate the goodness on all your switched-on thinking and get onboard to collaborate as you develop it further. Visualising can take many forms and may be used at various stages in the developing your ideas – from a quick sketch as you start out to a diagram, video or prototype as you flesh things out more. It also helps you to move from thinking to doing – which can add a fresh dimension to your idea to help it flourish. Here's some tips on using various kinds of visuals to tell the story of your idea with higher impact. Sketch You don't need to be the world's best artist to jump in and sketch something for your idea. Diagram for the Glassdoor concept from our Connecting Communities Challenge Diagram Video Making a video is a really great way to explain your idea. Opencity from our Vibrant Cities Challenge Prototype

Untitled Document It has taken ten years of guitar construction and development to achieve the quality of sound produced by The KINNY Stereo Acoustic Guitar. Initially, Paul started designing and making guitar type instruments that were suited to recording purposes only. The sounds he worked towards usually had a clean lower frequency response. One major aim was to create a solo guitar sound that when recorded would sound as though the guitarist was in the room with you. A knowledge of speaker box technology, acoustics and construction techniques not only created a great guitar for recording purposes but a guitar, that for once, gave the player a sound experience far beyond that of any conventional instrument. RECORDING TECHNIQUES The KINNY Stereo Acoustic Guitar allows many options because of its design. LIVE MIKING Current experiments have led to the use of DPA microphones for that natural guitar sound.

RegExp The RegExp constructor creates a regular expression object for matching text with a pattern. For an introduction to regular expressions, read the Regular Expressions chapter in the JavaScript Guide. SyntaxEdit Literal and constructor notations are possible: // new RegExp([, ]) Parameters pattern The text of the regular expression. flags If specified, flags can have any combination of the following values: g global match i ignore case m multiline; treat beginning and end characters (^ and $) as working over multiple lines (i.e., match the beginning or end of each line (delimited by \n or \r), not only the very beginning or end of the whole input string) u unicode; treat pattern as a sequence of unicode code points y sticky; matches only from the index indicated by the lastIndex property of this regular expression in the target string (and does not attempt to match from any later indexes). DescriptionEdit There are 2 ways to create a RegExp object: a literal notation and a constructor. PropertiesEdit Methods

How to Use Persona Empathy Mapping “No one cares how much you know, until they know how much you care”-Theodore Roosevelt Empathy: it’s a buzzword in the UX design world. Everybody’s doing it! But what exactly are they doing? There isn’t a quick “Empathy Filter” that we can apply to our work or our team, no formula to pump out results, and no magic words to bring it forth. There is, however, a simple workshop activity that you can facilitate with stakeholders (or anyone responsible for product development, really) to build empathy for your end users. Empathy mapping helps us consider how other people are thinking and feeling. Image from Gamestorming. We add a twist to the technique by focusing on personas during post-synthesis workshops with our stakeholders. Sketch: Persona Empathy Mapping How does Persona Empathy Mapping help? Persona empathy mapping done on large sheets of paper. Case Study We asked participants to complete a worksheet reflecting what our persona might feel, think, and dotweet this Prep Time: 1 hour, max.

Notepad++: A guide to using regular expressions and extended search mode The information in this post details how to clean up DMDX .zil files, allowing for easy importing into Excel. However, the explanations following each Find/Replace term will benefit anyone looking to understand how to use Notepad++ extended search mode and regular expressions. If you are specifically looking for multiline regular expressions, look at this post. You may already know that I am a big fan of Notepad++. Since the release of version 4.9, the Notepad++ Find and Replace commands have been updated. What's so good about Extended search mode? One of the major disadvantages of using regular expressions in Notepad++ was that it did not handle the newline character well—especially in Replace. Search modes in the Find/Replace interface In the Find (Ctrl+F) and Replace (Ctrl+H) dialogs, the three available search modes are specified in the bottom right corner. Cleaning up a DMDX .zil file Step 2: Open yourexperiment_copy.zil in Notepad++ (version 4.9 or later). Find what: [!]. [!]

Related: