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.