EXECUTE
WITH PURPOSE
HOT TOPICS
IN INTERACTIVE DESIGN
LESLIE MOHN
DIRECTOR OF
USER EXPERIENCE
ARCHITECTURE

ERIK PORTER
CREATIVE
DIRECTOR

DAVE RODRIGUEZ
DIRECTOR OF
FRONT-END
...
Responsive Design
“Flat” Design
Motion UX
Gestures &
Integrated Help
Storytelling
DESIGN EVOLUTION

RESPONSIVE DESIGN
Today:
Desktop-first.
Start with something complex.
Shrink it till it breaks, then fix...
DESIGN EVOLUTION

RESPONSIVE DESIGN
Header Module

Primary Navigation Module
DESIGN EVOLUTION

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 affordances or signifiers of what to do

•

Feedback – Cla...
See more at

HANSONINC.COM/SUMMIT
Hot Topics in Interactive Design
Hot Topics in Interactive Design
Upcoming SlideShare
Loading in …5
×

Hot Topics in Interactive Design

526 views

Published on

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

Published in: Marketing, Business, Technology
  • Be the first to comment

  • Be the first to like this

Hot Topics in Interactive Design

  1. 1. EXECUTE WITH PURPOSE HOT TOPICS IN INTERACTIVE DESIGN
  2. 2. LESLIE MOHN DIRECTOR OF USER EXPERIENCE ARCHITECTURE ERIK PORTER CREATIVE DIRECTOR DAVE RODRIGUEZ DIRECTOR OF FRONT-END DEVELOPMENT
  3. 3. Responsive Design “Flat” Design Motion UX Gestures & Integrated Help Storytelling
  4. 4. 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.
  5. 5. DESIGN EVOLUTION RESPONSIVE DESIGN Header Module Primary Navigation Module
  6. 6. DESIGN EVOLUTION INPUTS / GESTURES – TOUCH
  7. 7. DESIGN EVOLUTION INTEGRATED HELP
  8. 8. DESIGN EVOLUTION MOTION UX
  9. 9. DESIGN EVOLUTION ISSUES – GESTURE CONFUSION gesture confusion
  10. 10. DESIGN EVOLUTION INPUTS – ADD-ONS
  11. 11. DESIGN EVOLUTION INPUTS – NON-TOUCH
  12. 12. 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
  13. 13. See more at HANSONINC.COM/SUMMIT

×