Description:

Watch the webcast recording

UI/UX designers are comfortable creating pixel-perfect mockups using tools like Photoshop, Illustrator, and Sketch. We love prototyping designs in order to test them, but static mockups don’t move. How can you possibly know what the finished, moving, interactive piece will feel like?

Luckily, with creative coding, you can create live, interactive, moving "mockups" that not only look right, but feel right. Working with code empowers you to define the rules of interaction and qualities of motion in terms more specific than "when". Then you can test your prototype, refine, and test again, until it feels just right.

In this half-hour presentation, Scott Murray introduces Processing, a free creative coding tool for artists and designers. It's used around the world for prototyping and exploratory UI/UX work. Scott will show several example projects made with Processing. Then he'll conduct a brief workshop, introducing some of the core concepts of creative coding — including variables, functions, repetition, and logic — to illustrate how designers can create moving, interactive prototypes with this powerful tool.

This presentation is for designers who have extensive visual experience, but are new to coding. No prior knowledge of programming concepts is assumed.

See Scott live at our inaugural O'Reilly Design Conference in San Francisco, CA, on January 19-22, where he will be speaking about (De)coding motion: Creative coding with processing

About Scott Murray

Scott Murray is a code artist who writes software to create data visualizations and other interactive phenomena. His work incorporates elements of interaction design, systems design, and generative art. Scott is an assistant professor of design at the University of San Francisco, where he teaches data visualization and interaction design. He is a contributor to Processing, and is author of the forthcoming O'Reilly title Interactive Data Visualization for the Web.

Twitter: @alignedleft