EXECUTE WITH PURPOSEHOT TOPICS IN INTERACTIVE DESIGN

LESLIE MOHN DIRECTOR OF

USER EXPERIENCE ARCHITECTURE

ERIK PORTER CREATIVE DIRECTOR

DAVE RODRIGUEZ DIRECTOR OF FRONT-END

DEVELOPMENT

“Flat” Design

Responsive Design

Storytelling

Motion UX

Gestures &Integrated Help

RESPONSIVE DESIGN

Today:Desktop-!rst.

Start with something complex.Shrink it till it breaks, then !x it.

Tomorrow:Handheld !rst.

Start with something simple.Treat everything else as an enhancement.

DESIGN EVOLUTION

RESPONSIVE DESIGN

DESIGN EVOLUTION

Header Module Primary Navigation Module

INPUTS / GESTURES – TOUCH

DESIGN EVOLUTION

INTEGRATED HELP

DESIGN EVOLUTION

MOTION UX

DESIGN EVOLUTION

ISSUES – GESTURE CONFUSION

gesture confusion

DESIGN EVOLUTION

INPUTS – ADD-ONS

DESIGN EVOLUTION

INPUTS – NON-TOUCH

DESIGN EVOLUTION

REMOVING COMPLEXITY

• Visibility – Perceived a!ordances or signi"ers of what to do

• Feedback – Clarity that the action is taking place

• Consistency – following standards and conventions

• Non-destructive operations – ability to go back, and ability to undo

DESIGN EVOLUTION

See more at

HANSONINC.COM/SUMMIT