Tag Archives: Prototyping

The Industrial Design Prototyping Process, Part 4: Laser Cutting, Plastic Welding

Here in Part 4, the prototype of the mobile solar charging platform starts to take shape. Industrial designer Eric Strebel, founder of Botzen Design, shows us the tricks of the trade:

– Using a laser cutter on the styrene forms that he vacuum-formed last time, he’s able to get precise shapes in a compound-curved surface

– When cutting out parts that don’t require an entire sheet of material, he uses the opportunity to cut extra test parts out of the extra material

– The versatility of styrene, which he’s even able to fashion hinges out of

– The benefits of wet sanding, and the importance of sanding blocks

– How to solvent-weld plastic with great precision

Check it out:


Core77

The Industrial Design Prototyping Process, Part 4: Laser Cutting, Plastic Welding

Here in Part 4, the prototype of the mobile solar charging platform starts to take shape. Industrial designer Eric Strebel, founder of Botzen Design, shows us the tricks of the trade:

– Using a laser cutter on the styrene forms that he vacuum-formed last time, he’s able to get precise shapes in a compound-curved surface

– When cutting out parts that don’t require an entire sheet of material, he uses the opportunity to cut extra test parts out of the extra material

– The versatility of styrene, which he’s even able to fashion hinges out of

– The benefits of wet sanding, and the importance of sanding blocks

– How to solvent-weld plastic with great precision

Check it out:


Core77

The Industrial Design Prototyping Process, Part 4: Laser Cutting, Plastic Welding

Here in Part 4, the prototype of the mobile solar charging platform starts to take shape. Industrial designer Eric Strebel, founder of Botzen Design, shows us the tricks of the trade:

– Using a laser cutter on the styrene forms that he vacuum-formed last time, he’s able to get precise shapes in a compound-curved surface

– When cutting out parts that don’t require an entire sheet of material, he uses the opportunity to cut extra test parts out of the extra material

– The versatility of styrene, which he’s even able to fashion hinges out of

– The benefits of wet sanding, and the importance of sanding blocks

– How to solvent-weld plastic with great precision

Check it out:


Core77

Prototyping a Storage System, Building a Water-Powered Hammer, Creating a Traditional Tool Chest & More

Building a Water-Powered Hammer With No Tools

This is incredible: Primitive Technology builds a water-powered hammer using nothing more than a freaking stone and some fire. Watch the ingenious way he manages to bore nearly perfectly round holes into a log using little effort:

Splicing Two Drills Together

Matthias Wandel creates a “Ryokita” drill by adapting an old Makita cordless to run on a new Ryobi battery:

Making a Simple Remote Switch

If you’ve ever wanted a more convenient way to turn a tool on or off, Matthias shows you how to hack something together:

How to Make a Kitchen Cabinet Door on the Table Saw

Izzy Swan shows you how to make a floating panel, rail-and-stile cabinet door—typically done on the router table—using only a table saw:

French Cleat Storage Wall

Frank Howarth prototypes a few different wall-hanging storage boxes, making slight design improvements each time:

Adding an End Vise to Your Workbench

Jay Bates shows you how to convert a regular vise to a full-width vise for your workbench:

How to Build a Leaning Wall Shelf

April Wilkerson starts building storage furniture for her new home, starting with this ladder shelf unit:

Building a Traditional Tool Chest…

The Samurai Carpenter continues his bro-mance with blacksmith Alec Steele, building a traditional tool chest using the chisel Steele crafted:

…and Unboxing It:


Core77

Prototyping a Storage System, Building a Water-Powered Hammer, Creating a Traditional Tool Chest & More

Building a Water-Powered Hammer With No Tools

This is incredible: Primitive Technology builds a water-powered hammer using nothing more than a freaking stone and some fire. Watch the ingenious way he manages to bore nearly perfectly round holes into a log using little effort:

Splicing Two Drills Together

Matthias Wandel creates a “Ryokita” drill by adapting an old Makita cordless to run on a new Ryobi battery:

Making a Simple Remote Switch

If you’ve ever wanted a more convenient way to turn a tool on or off, Matthias shows you how to hack something together:

How to Make a Kitchen Cabinet Door on the Table Saw

Izzy Swan shows you how to make a floating panel, rail-and-stile cabinet door—typically done on the router table—using only a table saw:

French Cleat Storage Wall

Frank Howarth prototypes a few different wall-hanging storage boxes, making slight design improvements each time:

Adding an End Vise to Your Workbench

Jay Bates shows you how to convert a regular vise to a full-width vise for your workbench:

How to Build a Leaning Wall Shelf

April Wilkerson starts building storage furniture for her new home, starting with this ladder shelf unit:

Building a Traditional Tool Chest…

The Samurai Carpenter continues his bro-mance with blacksmith Alec Steele, building a traditional tool chest using the chisel Steele crafted:

…and Unboxing It:


Core77

Prototyping a Storage System, Building a Water-Powered Hammer, Creating a Traditional Tool Chest & More

Building a Water-Powered Hammer With No Tools

This is incredible: Primitive Technology builds a water-powered hammer using nothing more than a freaking stone and some fire. Watch the ingenious way he manages to bore nearly perfectly round holes into a log using little effort:

Splicing Two Drills Together

Matthias Wandel creates a “Ryokita” drill by adapting an old Makita cordless to run on a new Ryobi battery:

Making a Simple Remote Switch

If you’ve ever wanted a more convenient way to turn a tool on or off, Matthias shows you how to hack something together:

How to Make a Kitchen Cabinet Door on the Table Saw

Izzy Swan shows you how to make a floating panel, rail-and-stile cabinet door—typically done on the router table—using only a table saw:

French Cleat Storage Wall

Frank Howarth prototypes a few different wall-hanging storage boxes, making slight design improvements each time:

Adding an End Vise to Your Workbench

Jay Bates shows you how to convert a regular vise to a full-width vise for your workbench:

How to Build a Leaning Wall Shelf

April Wilkerson starts building storage furniture for her new home, starting with this ladder shelf unit:

Building a Traditional Tool Chest…

The Samurai Carpenter continues his bro-mance with blacksmith Alec Steele, building a traditional tool chest using the chisel Steele crafted:

…and Unboxing It:


Core77

The Industrial Design Prototyping Process, Part 2: Final Rendering

Here in Part 2 industrial designer Eric Strebel, founder of Botzen Design, has just one more step to complete before building a model of his solar charger design: Nailing that all-important final rendering.

Some of you will do this all on paper, some digitally. Strebel has developed his own workflow combining the two for greater efficiency. Here he provides some practical rendering tips including why he starts with orange and 20% grey, why black comes last, how to get gradations on paper without pastel dust getting everywhere, what’s faster to do on paper vs. faster to do digitally, and more. Check it out:

Missed Part 1? Check it out here.


Core77

The Industrial Design Prototyping Process, Part 2: Final Rendering

Here in Part 2 industrial designer Eric Strebel, founder of Botzen Design, has just one more step to complete before building a model of his solar charger design: Nailing that all-important final rendering.

Some of you will do this all on paper, some digitally. Strebel has developed his own workflow combining the two for greater efficiency. Here he provides some practical rendering tips including why he starts with orange and 20% grey, why black comes last, how to get gradations on paper without pastel dust getting everywhere, what’s faster to do on paper vs. faster to do digitally, and more. Check it out:

Missed Part 1? Check it out here.


Core77

The Industrial Design Prototyping Process, Part 2: Final Rendering

Here in Part 2 industrial designer Eric Strebel, founder of Botzen Design, has just one more step to complete before building a model of his solar charger design: Nailing that all-important final rendering.

Some of you will do this all on paper, some digitally. Strebel has developed his own workflow combining the two for greater efficiency. Here he provides some practical rendering tips including why he starts with orange and 20% grey, why black comes last, how to get gradations on paper without pastel dust getting everywhere, what’s faster to do on paper vs. faster to do digitally, and more. Check it out:

Missed Part 1? Check it out here.


Core77

The Industrial Design Prototyping Process, Part 1: Ideation and Sketching

This is an eight-part series by industrial designer Eric Strebel, founder of Botzen Design, where he lets you follow along as he prototypes a portable solar charging unit.

The all-important prototyping process can be different between industrial designers and projects, but one thing that doesn’t change is that you start with ideation. Before you spend any real money, you want to first figure out what’s what by making basic, inexpensive mock-ups and doing a lot of sketching to identify and solve potential problems:


Core77

The Industrial Design Prototyping Process, Part 1: Ideation and Sketching

This is an eight-part series by industrial designer Eric Strebel, founder of Botzen Design, where he lets you follow along as he prototypes a portable solar charging unit.

The all-important prototyping process can be different between industrial designers and projects, but one thing that doesn’t change is that you start with ideation. Before you spend any real money, you want to first figure out what’s what by making basic, inexpensive mock-ups and doing a lot of sketching to identify and solve potential problems:


Core77

Design Experience that Matters: Lessons Learned in Rapid Prototyping

The process of prototype fabrication is really a series of problem-solving exercises. Slot A suddenly refuses to accept Tab B, the beautiful CAD model reveals monstrous qualities when it emerges from the 3D printer, the Arduino code refuses to compile. We always find ourselves doing lots of just-in-time self-education, reading product manuals and watching YouTube HOWTO videos.

In brief, here are some of the most valuable lessons learned from our summer design sprint:

Vacuum Forming Polycarbonate

So many bubbles!  This bassinet is meant to be transparent.

Vacuum-forming clear quarter-inch thick polycarbonate sheets isn’t for amateurs! We milled molds out of stacked sheets of MDF (medium-density fiberboard), both to accommodate the limited z-height of the ShopBot CNC and to machine vacuum-channels in the middle layers. Before vacuum-forming, we had to bake the heavy polycarbonate sheets and the mold in a brick oven, or else it would develop thousands of little bubbles that made the material cloudy (see above). Unfortunately, the MDF molds took a beating from the hot polycarbonate, and after a few pulls, the polycarbonate started tearing chunks out of the mold. No mold lasts forever–even the hardened steel tools that LEGO uses for injection molding eventually wear out. Next time, we might skip MDF and instead cut a tool from the more expensive but more robust renshape.

Cleaning 3D Printed Parts

Parts from the 3D printer often come out of the machine with scratchy surfaces or other imperfections, for example marks left by the “raft” or other support material. We’ve learned that if you plan to sand the part to make it smooth and more aesthetically appealing, you are essentially committing to covering the sanded part with bondo and finishing paint. Sanded parts, especially those made from light-colored PLA, just seem to magnetically attract grubbiness. It might be skin oil from handling, smudgy whatever from dirty surfaces, but the part soon looks dingy. If you don’t have the time to sand, bondo, prime and paint, we recommend you remove the unwanted material with a chisel, blade or other scraper rather than sandpaper.

Working With Nichrome Wire

Enter the bare metal butt crimp

The Otter prototype was an opportunity to learn a lot about nichrome heating wire. Here’s the challenge: you want to establish an electrical connection with a wire that immediately heats up when you introduce a current. Soldering this kind of wire won’t work (solder melts when it gets hot). Automotive crimp connectors, which have plastic housings, don’t work (think: melting plastic). In the end, we learned that the best connectors involve mechanical clamping, for example a bare metal butt crimp (which sounds like an awesome band name), or a screw terminal.

Powering Arduino With A Buck Converter

We’ve powered countless little Arduino projects either (1) directly from the computer through a USB cable, (2) with a rechargeable lithium cellphone powerpack and a USB-B connector (Arduino Uno) or micro-USB connector (Arduino Micro), or (3) a 5V alkaline battery pack wired to the Vin pin.

For the Otter prototype, we needed the Arduino to control a relay that was sending 24V to the heater wires. It was easy to generate 24V using an off-the-shelf AC adapter power supply, but how could we also get 5V to power the Arduino without using a second power supply? Enter the humble and amazing buck converter–an inexpensive component that can efficiently generate an output of 3-12V given a 24V input. Presumably this is old hat to any electrical engineer. There exist countless varieties of “DC/DC step-down” or buck converters (ie Adafruit), so you ought to be able to find one that’s a perfect match for your project.

Cloud-Based CAD File Sharing

Autodesk’s cloud-based CAD server, called A360 (aka the web interface for Fusion360), is an amazing collaboration tool. We were able to generate CAD models on the big ThinkStation P910 desktop machines in the DtM studio, and then instantly open the same files on our ThinkPad P50 laptops when we were working at the CNC machine. Hooray for a cloud-storage system that actually works as advertised!

DON’T SHAVE THAT YAK!

Any kind of production rush can easily devolve into fun adventures in “yak shaving“: you were supposed to be testing the prototype thermal control system, and two hours later you find yourself wandering the aisles at Home Depot in search of T-handled allen wrenches.

HOWTO replace a lightbulb

_____________________________________

This “Design Experience that Matters” series is provided courtesy of Timothy Prestero and the team at Design that Matters (DtM). As a nonprofit, DtM collaborates with leading social entrepreneurs and hundreds of volunteers to design new medical technologies for the poor in developing countries. DtM’s Firefly infant phototherapy device is treating thousands of newborns in 21 counties from Afghanistan to Zimbabwe. In 2012, DtM was named the winner of the National Design Award.


Core77

A Collapsible Bookcase, Prototyping a Knife That Stores a Leatherman, Improving a DIY Sawmill Design & More

Which Blade III

This one’s pretty wicked. Jimmy DiResta is prototyping a knife that can hold a Leatherman in the handle:

CNC-Cut Signage

Two from Jimmy this week. Here he cranks out a sign for a client using Corian, MDF and Plexi. Check out the trick he uses to pull the backing off of the Plexi after it’s assembled:

How to Build a Simple Homemade Sawmill

A few weeks ago Izzy Swan designed and built his “urban sawmill.” This week he pushes himself to create a simpler, more compact, less expensive version out of common dimensional lumber:

Big Bandsaw Build 7

Matthias Wandel finishes up his massive bandsaw, does some beefy resawing and has the finished plans ready:

Dude, Where’s My CNC?

Frank Howarth scores a deal with CNC Router Parts, whereby they’re buying his DIY machine and providing him with one of their own. Here they’ve got to break his machine down:

Collapsible Bookcase

David Picciuto builds a collapsible bookcase from Christopher Schwarz’s “Campaign Furniture” book:


Core77

A Collapsible Bookcase, Prototyping a Knife That Stores a Leatherman, Improving a DIY Sawmill Design & More

Which Blade III

This one’s pretty wicked. Jimmy DiResta is prototyping a knife that can hold a Leatherman in the handle:

CNC-Cut Signage

Two from Jimmy this week. Here he cranks out a sign for a client using Corian, MDF and Plexi. Check out the trick he uses to pull the backing off of the Plexi after it’s assembled:

How to Build a Simple Homemade Sawmill

A few weeks ago Izzy Swan designed and built his “urban sawmill.” This week he pushes himself to create a simpler, more compact, less expensive version out of common dimensional lumber:

Big Bandsaw Build 7

Matthias Wandel finishes up his massive bandsaw, does some beefy resawing and has the finished plans ready:

Dude, Where’s My CNC?

Frank Howarth scores a deal with CNC Router Parts, whereby they’re buying his DIY machine and providing him with one of their own. Here they’ve got to break his machine down:

Collapsible Bookcase

David Picciuto builds a collapsible bookcase from Christopher Schwarz’s “Campaign Furniture” book:


Core77

A Collapsible Bookcase, Prototyping a Knife That Stores a Leatherman, Improving a DIY Sawmill Design & More

Which Blade III

This one’s pretty wicked. Jimmy DiResta is prototyping a knife that can hold a Leatherman in the handle:

CNC-Cut Signage

Two from Jimmy this week. Here he cranks out a sign for a client using Corian, MDF and Plexi. Check out the trick he uses to pull the backing off of the Plexi after it’s assembled:

How to Build a Simple Homemade Sawmill

A few weeks ago Izzy Swan designed and built his “urban sawmill.” This week he pushes himself to create a simpler, more compact, less expensive version out of common dimensional lumber:

Big Bandsaw Build 7

Matthias Wandel finishes up his massive bandsaw, does some beefy resawing and has the finished plans ready:

Dude, Where’s My CNC?

Frank Howarth scores a deal with CNC Router Parts, whereby they’re buying his DIY machine and providing him with one of their own. Here they’ve got to break his machine down:

Collapsible Bookcase

David Picciuto builds a collapsible bookcase from Christopher Schwarz’s “Campaign Furniture” book:


Core77

A Collapsible Bookcase, Prototyping a Knife That Stores a Leatherman, Improving a DIY Sawmill Design & More

Which Blade III

This one’s pretty wicked. Jimmy DiResta is prototyping a knife that can hold a Leatherman in the handle:

CNC-Cut Signage

Two from Jimmy this week. Here he cranks out a sign for a client using Corian, MDF and Plexi. Check out the trick he uses to pull the backing off of the Plexi after it’s assembled:

How to Build a Simple Homemade Sawmill

A few weeks ago Izzy Swan designed and built his “urban sawmill.” This week he pushes himself to create a simpler, more compact, less expensive version out of common dimensional lumber:

Big Bandsaw Build 7

Matthias Wandel finishes up his massive bandsaw, does some beefy resawing and has the finished plans ready:

Dude, Where’s My CNC?

Frank Howarth scores a deal with CNC Router Parts, whereby they’re buying his DIY machine and providing him with one of their own. Here they’ve got to break his machine down:

Collapsible Bookcase

David Picciuto builds a collapsible bookcase from Christopher Schwarz’s “Campaign Furniture” book:


Core77

Design Job: Care about Healthcare? 3M is Seeking a Lead UX Designer – Prototyping in Maplewood, MN

Job Title: Lead UX Designer – Prototyping (Maplewood, MN) 3M is driving creativity and design as a competitive platform for innovation and brand globally to enhance design-driven solutions for people and the world. We are looking for a Lead UX Designer (Prototyping) for our Health Care Business

View the full design job here
Core77

6 New UX Prototyping Tools for Designers

The UX prototyping space is booming. Dozens of solutions are now available for a practice that was done largely with paper and flat deliverables less than a decade ago. Designers can now start building experiences earlier in a product’s lifecycle and get real results around decisions through testing these prototypes. These tools help bridge the gap between designers and developers, allowing for ideas to be communicated and realized.

Lean UX delivery process

A catalyst for these new tools is Lean UX — the process of quickly framing your ideas and solving fundamental design challenges without relying on style and pixel perfection. Even if you are not sold on Lean UX, you may want a quick and easy way to explore concepts and interaction. You’re in luck. The number of applications available for UX prototyping is staggering. The real challenge will be finding one that is best suited for you. Here are six designer-friendly tools for UX prototyping.

Web Tools 

The evolution of front-end technologies and the popularity of cloud software in recent years has prompted a move from stand-alone applications to web-based tools. Web tools can be easily delivered and supported on demand, and are ideal for sharing and viewing prototypes through the browser.

MarvelProbably one of the easiest applications to learn. Marvel lets you link screens together by defining hotspots. Transitions, gestures and animations can be added to create a realistic interaction experience. Prototypes are shared and viewed via a URL that is generated when your project is published. There are also iOS and Android apps available for managing projects on and offline. Marvel doesn’t contain any drawing tools or a UI library, so it requires that designs be completed in another tool such as Sketch or Photoshop. Marvel has integrated with Dropbox to allow for synchronization of the image files used in your prototypes. There is also a Marvel Sketch plug-in that allows for sending artboards directly to Marvel projects from within Sketch. Marvel’s big value is in its simplicity. Provided you have already designed your screens, plan to be up and running with Marvel in a matter of minutes.

Cost: Free, or premium plans starting at $ 9/month

http://www.marvelapp.com/

InVision – One of the most popular of the new prototyping tools. Like Marvel, it contains no drawing or image creation tools, which allows for a smaller learning curve. Instead, InVision provides a robust set of cloud storage features, plug-ins, skins, transitions and gestures to support prototyping needs. Synchronization of files through Dropbox is supported, or you can use their own InVision Sync client to automatically update your prototypes as you make changes to your files. Photoshop and Sketch integrations make saving designs to projects quite easy. Browser plug-ins for capturing screens and sharing prototypes are also available. InVision’s approach focuses on capabilities and integrations to support prototyping rather than trying to replace the tools that are familiar to designers today. InVision has a fast-growing community that provides a good set of examples and solutions to reference.

Cost: Free, or premium plans starting at $ 13/month

http://www.invisionapp.com

Proto.io – Takes things a bit further by introducing a component library that provides multiple pre-built UI elements for a number of device platforms. Styling, interactions, gestures and transitions can be applied to simulate an experience. UI elements can adapt to the resolution of whichever device you are designing for. You can also apply these properties to your own visual assets that you add to the project. Screens can be created from within the Proto.io editor interface, and multiple states can be created for these screens. Projects are managed from a dashboard interface that supports a team workflow where various roles may be assigned. A Dropbox integration allows image assets to be easily added and managed. All these powerful features make Proto.io a bit more of a challenge to learn. Plan on spending some time getting used to the conventions used throughout the authoring environment.

Cost: $ 24-$ 199/month depending on plan

http://www.proto.io/

UXPin – Provides an extremely lightweight web-based prototyping environment and contains a UI component library that can be used to design screens for a number of devices. Properties, interactions and states can be applied to these components. Support for gestures and animation is quite robust, and versions of screens can be made responsive by defining breakpoints. Photoshop and Sketch plug-ins make adding design assets easy. UXPin has put a lot of focus on team workflow and collaboration through features such as screen-sharing and VOIP. Previewing and sharing prototypes is made easy from within the authoring environment. There is even an SMS feature that allows you to send a link to the prototype via a text message. Another stand out feature from UXPin is the ability to conduct user testing with prototypes using built-in video conferencing software. Having an understanding of vector drawing tools like Illustrator will help but if you wish to leverage the full power of UXPin, plan on spending some time getting comfortable with some conventions that you might not be familiar with.

Cost: $ 13.50-$ 36/month depending on plan

http://www.uxpin.com/

Stand-Alone Tools

For years, UX design prototyping has involved stand-alone desktop applications that offer a robust set of drawing and editing features. These applications allow designers to work outside of other design programs such as Photoshop or Illustrator if they wish, and instead build rich interactions without having to write HTML code. A major benefit here is that these applications involve a one-time cost as opposed to the ongoing subscription needed for the web-based offerings previously mentioned. Also, copying and pasting work from your existing design applications makes getting assets into your prototypes very easy.

JustInMindAn elegant design application coupled with powerful interaction tools. Like many of the tools mentioned here, it will feel familiar to those who are already acquainted with Photoshop and Illustrator. Dynamic, data-driven content can be applied to designs. Other features include synchronization with Photoshop, integration with user testing tools and services, mobile gestures, transitions, mobile application viewers for iOS and Android, support for conditional logic and team workflow. JustInMind is very much a full-featured prototyping environment that will require a time commitment if you wish to get the most from it.

Cost: $ 495 per user, or $ 29/month

http://www.justinmind.com/

AxureVery early on the scene and continues to be a dominant force in the space. A complete set of drawing and editing tools are available and you get a decent set of UI components out of the box. Adaptive views cater to those who are interested in building responsive prototypes. Axure’s user community is very large. Between their community forums and training resources, you’ll find countless examples and solutions that can be downloaded and added to your prototypes, along with UI components tailored for many devices. Axure has a robust system that can be leveraged to produce rich examples of interaction using dynamic data. A set of canned conditional cases are available for a number of interactions but if you’re comfortable with a little scripting you can construct your own. The deeper you go with Axure the more you’ll unlock powerful capabilities, but keeping things simple is very possible as well. Group workflow, version control, and team collaboration features are available in the Pro version. Publishing and hosting prototypes can be done through Axure Share. HTML can be generated from prototypes and saved locally as well.

Cost: $ 289 Standard, $ 589 Pro

http://www.axure.com

______________________________________________________

This is by no means a comprehensive list but these tools are getting some traction from the design community today. When evaluating these tools it’s important to think about project objectives, team size, workflow, technical understanding and support.

All of the tools mentioned here are free to try. For further reading on these and other tools, Emily Schwartzman at Cooper has put together some detailed research on prototyping tools that may help in choosing the right solution for you.

Title image courtesy of Nevit Dilmen, via Wikimedia Commons


Core77