"Touch and Beyond: New Forms of Interactions": Gestural Ideation Workshop Led by Prarthana Panchal and Joyce Chou Mobile device usage is rapidly evolving beyond touch interaction with a screen. With increasing amounts of information complexity, we won’t be able to rely on fixed input methods. The next big challenge in mobile user experiences is about designing for interactions that break out of the screen. Kinetic UI explores the intersection of the mobile GUI and physical input methods.

This workshop will provide techniques for designing for kinetic experiences and will walk you through our process from exploration to final concepts. We will look at the possibilities when you leverage physical gestures to design UI, without the constraints of a small-device screen.

1. Touch and Beyond III: Make-A-Thon 2010
gestural ideation
Joyce Chou + Prarthana Panchal

2. NICE TO MEET YOU
Joyce Chou
Customer Innovations Producer
Prarthana Panchal
Senior User Experience Designer

3. SENSORSGRAPHICS PHYSICAL
WHAT IS KINETIC UI?

4. Multi-touch makes us happy
LET’S GET PHYSICAL
How do we design for gesture?
We need the right ideation tools.

5. Old ways of brainstorming won’t always cut it.
Gestural ideation needs to take a 360 view.

6. SCREEN
DEPRIVATION
TECHNIQUES
SENSORY
DEPRIVATION
EGO
DEPRIVATION

7. Deprivation techniques will help you ideate for
what’s missing from touch interactions.

8. SCREEN
DEPRIVATION
Ignoring the screen to help you get
beyond today’s solutions.

9. SENSORS
Explore new ways to combine and leverage
sensors for richer experiences.

10. BLANK

11. Now let’s get intimate with the physicality
of the object.ACTIVITY
From you kit:
Blank
Sensors Card
Action Card
Concept Sheets
Markers
Pair Up, Stand up and get physical
8 mins
25 minutes
8 mins
Ideate, gesture and Capture ideas
Ideate and Capture
Generate as many ideas as possible. Use the artifacts to
narrate a gesture-based solution for an interaction from
the action list and consider new ways to use sensors.
2 mins Share out to another group
Share out to another group2 mins

12. SENSORY
DEPRIVATION
Taking away a sense to help you use
your instinctual reactions.

13. BUILD OFF NATURAL
BEHAVIOR, NOT TECHNOLOGY

14. Now get unfamiliar with your normal
experience.ACTIVITY
From you kit:
Scenario Card
Tools Card
Sense deprivation tool
Concept Sheets
Markers
Pair Up, Stand up and get sense deprived.
25 minutes
Use a sense deprivation tool to exaggerate your senses
while you act out common mobile scenarios. Go with
your first instinctual reaction to solving the problem.
8 mins
8 mins
Ideate, gesture and Capture ideas
Ideate and Capture
2 mins Share out to another group
Share out to another group2 mins

15. EGO
DEPRIVATION
Looking to experts to help you
design a holistic experience.

16. PARALLEL DISCIPLINES
Don’t be a hero, you can’t do it alone.

17. Now wear a different hat to look at the
whole picture.ACTIVITY
From you kit:
Roles card
A concept from an earlier
ideation sessions
Concept Sheets
Markers
Groups of 4, each of you choose different role.
20 mins
25 minutes
Refine and Storyboard your ideas
You will be working in a cross-functional team to refine a
concept, but will approach it through the lens of the type
of expertise you come from.
5 mins Shareout

18. WHAT DEPRIVATIONS WERE THEY AGAIN?
SCREEN
DEPRIVATION
SENSORY
DEPRIVATION
EGO
DEPRIVATION

19. IF YOU WANT MORE…
Think about:
• Visual secondary research
• Biomimicry
• Electric prototypes
• Storyboarding extensions
• Accessibility in human factors

20. THANK YOU!
Joyce Chou
joyce.hoice@gmail.com
Prarthana Panchal
prarthana.panchal@gmail.com
Questions? Feel free to contact us at:
Special thanks to:
Jon Mann
Ellie Kemery
Anthony Giardini
Wexley School for Girls