31
The Emotional Side of Design: Merian Scout Navigator May 14, 2008

The Emotional Side of Design: Merian Scout Navigator May 14, 2008

Embed Size (px)

Citation preview

Page 1: The Emotional Side of Design: Merian Scout Navigator May 14, 2008

The Emotional Side of Design: Merian Scout Navigator

May 14, 2008

Page 2: The Emotional Side of Design: Merian Scout Navigator May 14, 2008

we are a strategic creative consulting firm.

frog brings a unique combination of strategic and creative talent to help companies envision, realize, and deliver actionable strategies for growth.

our rigorous yet unorthodox approach yields breakthrough innovationand a sustainable competitive edge.

we are frog

Page 3: The Emotional Side of Design: Merian Scout Navigator May 14, 2008

3© 2008 frog design. Confidential & Proprietary.Where 2.0 Conference Presentation

Table of Contents

Form Follows Function

Form Follows Emotion

Merian Scout Case Study

Page 4: The Emotional Side of Design: Merian Scout Navigator May 14, 2008

FORM FOLLOWS FUNCTION

Page 5: The Emotional Side of Design: Merian Scout Navigator May 14, 2008

5© 2008 frog design. Confidential & Proprietary.Where 2.0 Conference Presentation

Wayfinding3 key ways humans navigate and wayfind in the physical world:

Landmarks

Routes

Maps

Form Follows Function

Page 6: The Emotional Side of Design: Merian Scout Navigator May 14, 2008

6© 2008 frog design. Confidential & Proprietary.Where 2.0 Conference Presentation

Landmarks

Page 7: The Emotional Side of Design: Merian Scout Navigator May 14, 2008

7© 2008 frog design. Confidential & Proprietary.Where 2.0 Conference Presentation

Landmarks

Landmarks are distinctive and should be easily viewable from a distance.

Page 8: The Emotional Side of Design: Merian Scout Navigator May 14, 2008

8© 2008 frog design. Confidential & Proprietary.Where 2.0 Conference Presentation

Routes

Page 9: The Emotional Side of Design: Merian Scout Navigator May 14, 2008

9© 2008 frog design. Confidential & Proprietary.Where 2.0 Conference Presentation

Routes

Routes are abstract and point to point, with the journey internalized and not easily communicable.

Page 10: The Emotional Side of Design: Merian Scout Navigator May 14, 2008

10© 2008 frog design. Confidential & Proprietary.Where 2.0 Conference Presentation

Maps

Page 11: The Emotional Side of Design: Merian Scout Navigator May 14, 2008

11© 2008 frog design. Confidential & Proprietary.Where 2.0 Conference Presentation

Maps

Maps reveal overall spatial orientation and the general relationships of one place to another.

Page 12: The Emotional Side of Design: Merian Scout Navigator May 14, 2008

FORM FOLLOWS EMOTION

Page 13: The Emotional Side of Design: Merian Scout Navigator May 14, 2008

13© 2008 frog design. Confidential & Proprietary.Where 2.0 Conference Presentation

Connecting Emotionallyfrog’s philosophy is that without the intent and achievement of connecting with the user, the experience of even a well designed object can be cold or disconnected.

Form Follows Emotion

Page 14: The Emotional Side of Design: Merian Scout Navigator May 14, 2008

14© 2008 frog design. Confidential & Proprietary.Where 2.0 Conference Presentation

A cult of personality

Page 15: The Emotional Side of Design: Merian Scout Navigator May 14, 2008

MERIAN SCOUT CASE STUDY

Page 16: The Emotional Side of Design: Merian Scout Navigator May 14, 2008

16© 2008 frog design. Confidential & Proprietary.Where 2.0 Conference Presentation

ChallengeMerian’s known brand of tour guides and magazines provided premium content. Now they wanted to branch out into creating their own GPS device with premium content and experience for European travelers.

Approachfrog believes that “form follows emotion” and the key to successful product and UI design takes its cues from human connection. The frog team in Germany created a superior navigational product, leveraging emotional content ties from the brand’s heritage.

Merian Scout Case Study

Page 17: The Emotional Side of Design: Merian Scout Navigator May 14, 2008

17© 2008 frog design. Confidential & Proprietary.Where 2.0 Conference Presentation

Form Follows Emotion

It offers trusted trip content. When you drive by POI signs in Germany, it recognizes them and talks to you about it via audio and image.

Page 18: The Emotional Side of Design: Merian Scout Navigator May 14, 2008

18© 2008 frog design. Confidential & Proprietary.Where 2.0 Conference Presentation

Form Follows Emotion

It’s your “Plan B”. The restaurant you planned to visit is closed on Mondays. Instantly let Scout find you a nearby back-up plan for dining.

Page 19: The Emotional Side of Design: Merian Scout Navigator May 14, 2008

19© 2008 frog design. Confidential & Proprietary.Where 2.0 Conference Presentation

Form Follows Emotion

It’s your tour guide. The umbrella is symbolic of tour guide leads. It can be combined with other search parameters, like the Scout to find interesting places near your destination.

Page 20: The Emotional Side of Design: Merian Scout Navigator May 14, 2008

20© 2008 frog design. Confidential & Proprietary.Where 2.0 Conference Presentation

Emotional Connections

Making memories. Photos provide starting points to other trips’ fond memories...

Page 21: The Emotional Side of Design: Merian Scout Navigator May 14, 2008

21© 2008 frog design. Confidential & Proprietary.Where 2.0 Conference Presentation

Emotional Connections

…Much like building a gallery. Saved and suggested images prompt ideas for new routes, trips and side visits along the way.

Page 22: The Emotional Side of Design: Merian Scout Navigator May 14, 2008

22© 2008 frog design. Confidential & Proprietary.Where 2.0 Conference Presentation

Form Follows Emotion

It’s all about you. Based on your patterns of usage it could tailor suggestions to you over time, making it a very personal Merian experience. The packaging reflects that sense of the experience being about your trip and your happiness.

Page 23: The Emotional Side of Design: Merian Scout Navigator May 14, 2008

23© 2008 frog design. Confidential & Proprietary.Where 2.0 Conference Presentation

Form Follows Emotion

It speaks the language of the brand and of navigation. Product design choices emanate the compass and wayfinding elements in the blue lights and physical artifacts. The high tier Merian content brand transcended UI and physical space.

Page 24: The Emotional Side of Design: Merian Scout Navigator May 14, 2008

24© 2008 frog design. Confidential & Proprietary.Where 2.0 Conference Presentation

Form Follows Emotion

Page 25: The Emotional Side of Design: Merian Scout Navigator May 14, 2008

THE END RESULT

Page 26: The Emotional Side of Design: Merian Scout Navigator May 14, 2008

26© 2008 frog design. Confidential & Proprietary.Where 2.0 Conference Presentation

Merian Scout Packaging - The Experience Starts Here

Page 27: The Emotional Side of Design: Merian Scout Navigator May 14, 2008

27© 2008 frog design. Confidential & Proprietary.Where 2.0 Conference Presentation

Merian Scout Device Design - A Good Out Of Box Experience

Page 28: The Emotional Side of Design: Merian Scout Navigator May 14, 2008

28© 2008 frog design. Confidential & Proprietary.Where 2.0 Conference Presentation

Merian Scout UI - Delivering on the Promise

Page 29: The Emotional Side of Design: Merian Scout Navigator May 14, 2008

29© 2008 frog design. Confidential & Proprietary.Where 2.0 Conference Presentation

Merian Scout UI - Delivering on the Promise

Page 30: The Emotional Side of Design: Merian Scout Navigator May 14, 2008

30© 2008 frog design. Confidential & Proprietary.Where 2.0 Conference Presentation

Merian Scout UI - Delivering on the Promise

Page 31: The Emotional Side of Design: Merian Scout Navigator May 14, 2008

31