Design Chat with Tom Green, Author and Professor of Interactive Media

Washington, D.C. campuses

GA D.C., 1776
1133 15th Street NW, 8th Floor
Washington D.C. 20005

GA D.C. (Northern Virginia)
2231 Crystal Drive #1000
Arlington VA 22202

Past Locations for this Event

Design Chat with Tom Green, Author and Professor of Interactive Media

Washington, D.C.

Washington, D.C. campuses

GA D.C., 1776
1133 15th Street NW, 8th Floor
Washington D.C. 20005

GA D.C. (Northern Virginia)
2231 Crystal Drive #1000
Arlington VA 22202

Past Locations for this Event

About this event

Join us in welcoming Tom Green to LA to speak on web design, development, and using UX principles to "explore the space between here and there":

Exploring the space between here and there

Imagine me holding a ball. What I am going to do is to drop the ball. What I need you to do is to imagine me dropping the ball.

What did you see?

I am sure there will be as many answers to that question as there are people reading this. None of us have met which means I can assume there were varying ideas as to how tall I am. I didn’t tell you what type of ball I was using so the ball I dropped could have ranged in size from a golf ball to a basketball. I didn’t tell you how far the ball would fall which means your vision could have ranged from shoulder-height to the floor to maybe an inch or two above a tabletop. All of these differing visions for a simple ball drop.

This example may be simplistic but it raises an important question: Are we not asking our clients to imagine us dropping a ball when it comes to describing motion in a wireframe?

This is an important question because trying to explain an interactive dynamic process in a static medium leaves us open to misinterpretation. For example , when it comes to mobile, there is always an interaction before there is motion: Touch a button and something moves from here to there. Do we ever carefully consider the space between “here” and “there”?

In this presentation I will:

• Show why we need to start wireframing motion.

• Show how a Content Reference wireframe is the start of Material Design’s “carefully choreographed” requirement for motion.

• Make you aware of the fact there is a lot more behind a simple swipe than “a swipe”.

• Demonstrate where Photoshop, Illustrator, After Effects and Edge Animate fit into the web and app design workflow.

• Demonstrate four advantages to wire-framing motion.

Coming up near you

Let’s Keep You Updated

Enter your email to start following

By providing us with your email, you agree to the terms of our Privacy Policy and Terms of Service.