Responsive design. Gestures. Motion UX. Integrated help. Non-touch inputs. Erik Porter and Dave Rodriguez introduce the challenges and benefits of some of the hottest topics in interactive design today. www.hansoninc.com/summit

1. EXECUTE
WITH PURPOSE
HOT TOPICS
IN INTERACTIVE DESIGN

2. LESLIE MOHN
DIRECTOR OF
USER EXPERIENCE
ARCHITECTURE
ERIK PORTER
CREATIVE
DIRECTOR
DAVE RODRIGUEZ
DIRECTOR OF
FRONT-END
DEVELOPMENT

3. Responsive Design
“Flat” Design
Motion UX
Gestures &
Integrated Help
Storytelling

6. DESIGN EVOLUTION
RESPONSIVE DESIGN
Today:
Desktop-first.
Start with something complex.
Shrink it till it breaks, then fix it.
Tomorrow:
Handheld first.
Start with something simple.
Treat everything else as an enhancement.

7. DESIGN EVOLUTION
RESPONSIVE DESIGN
Header Module
Primary Navigation Module

8. DESIGN EVOLUTION
INPUTS / GESTURES – TOUCH

9. DESIGN EVOLUTION
INTEGRATED HELP

10. DESIGN EVOLUTION
MOTION UX

11. DESIGN EVOLUTION
ISSUES – GESTURE CONFUSION
gesture confusion

12. DESIGN EVOLUTION
INPUTS – ADD-ONS

13. DESIGN EVOLUTION
INPUTS – NON-TOUCH

14. DESIGN EVOLUTION
REMOVING COMPLEXITY
•
Visibility – Perceived affordances or signifiers 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

15. See more at
HANSONINC.COM/SUMMIT