Wireframing + Prototyping: Pencil to Paper to Screen

Part of “Breakthroughs: Where Inspiration and Technology Meet,” a members-only webinar series designed by Adobe and AIGA

Once you’ve researched your users and have a well-developed idea of what they’ll want to do with your mobile application or site, it’s critical to lay the right design foundation. This means exploring information architecture and interaction design through wireframes and prototyping. 

In this session, we explore wireframing and prototyping tools and methodologies, including wireframing tools (pencil sketches vs. InDesign vs. Illustrator vs. OmniGraffle), the value of lo-fi paper prototypes, simple click-through prototypes, HTML interactive prototypes and conceptual scenario videos. 

This webinar was recorded on July 18, 2012. Watch this session.


JD GraffamJD Graffam runs Simple Focus, a user experience brand firm in Memphis, with a national roster of clients including the U.S. Air Force, the Social Security Administration, Macy's and Hilton Hotels (along with some exciting startups based in San Francisco, Boston and Denver). He also serves his city as President of AIGA Memphis and director of FirstWorks, and mentors eighth graders for the Grizzlies Foundation. JD speaks nationally about web design, user experience, creative direction and brand development. He has published a book, CSS for Print Designers and serves on the Editorial Review Board for Smashing Magazine.

Remon TijssenRemon Tijssen has been a principal designer at Adobe since 2008. He works between the horizon and near future, exploring new technologies, creating new experiences and delivering externally visible projects that demonstrate Adobe’s technologies and forward-thinking leadership. Some of his latest projects include the recently launched Adobe Touch applications and Creative Cloud. Prior to working at Adobe, Remon ran a one-person design shop, Fluid, out of the Netherlands. Remon is a serial innovator and is a strong advocate for building and using code as a design tool. He constantly moves in and out of the high-tension zone between playfulness and functionality, being both visionary and pragmatic.

Callie Neylan 200pxSession moderator Callie Neylan is a designer, researcher and writer who has worked in visual and interaction design for renowned design firms Gensler and Teague, and nonprofit media organization NPR. She has served as adjunct faculty at the University of Washington and the Maryland Institute College of Art, teaching undergraduate and graduate level courses in design. She is an award-winning designer whose work has been recognized by Communication Arts, I.D. and AIGA, and featured in The New York Times, Fast Company and on Gizmodo. Callie holds an MFA in design from the University of Washington in Seattle and is currently an assistant design professor at the University of Maryland, Baltimore County.

About this series

This second “Breakthroughs” webinar series will focus on designing for mobile. Developed jointly by Adobe and AIGA, the series will explore the ways that today’s studios are creating innovative, multi-platform experiences as well as the tools they are using to achieve them. Each session helps you learn new techniques and methodologies that will ensure success when adding mobile to your design repertoire.

Presenting sponsor

Adobe 65pxAdobe Systems, Inc. is proud to be the Official AIGA Sponsor for Design Solutions. Together with AIGA, Adobe is creating innovative programs that give members a voice, nurture young designers and actively engage the creative community in dialogues about the important issues in the fields of design and technology.