How to go from an idea to execution - An example Framework

1. 01
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014

2. 02
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
SO YOU THINK YOU HAVE AN IDEA?

3. 03
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
“Iwanttodesignanapp thatallowsmeto....”
SO YOU THINK YOU HAVE AN IDEA?

4. 04
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
SO YOU THINK YOU HAVE AN IDEA?
Whatnow?

5. 05
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
FROM AN IDEA TO EXECUTION
An Example Framework
The Core
Startbyrefiningand honinginonthecorevaluepropositionsof theidea.Identifyprimaryplatform(s),andkeyuser journeys.
SampleArtefacts:
IdeaStatement,UserJourneys/UseCases,CoreFeatureSet,HighLevelSitemap

6. 06
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
Details, DetailsThe Core
Startdefiningthemajorsections,and creatinghierarchy.Definefeaturesetsandprioritizethem.Addasmanydetailsasyoucan.
SampleArtefacts:
DetailedSitemap,FeatureLists,ContentMaps,DetailedWireframes/Visuals
FROM AN IDEA TO EXECUTION
An Example Framework

7. 07
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
Details, Details Surprise, DelightThe Core
Startthinkingaboutmicro-interactions,features,andtransitionsthatenhancetheexperience.
SampleArtefacts:
MotionPrototypes,Micro-interactions
FROM AN IDEA TO EXECUTION
An Example Framework

8. 08
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
Details, Details
Connect the
Dots
The Core
Startfiguringouttheecosystem.No productorserviceexistsinasilo.
SampleArtefacts:
Ecosystemmap,Connection & HandoffsMap
FROM AN IDEA TO EXECUTION
An Example Framework
Surprise, Delight

9. 09
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
Makingitwork Makingpeopleloveit
Details, Details
Connect the
Dots
The Core
FROM AN IDEA TO EXECUTION
An Example Framework
Surprise, Delight

10. 010
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
The Core
IdeaStatement KeyJourneys/UseCases CoreFeatureSet HighLevelSitemap

11. 011
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
“Thegreatest challengeto anythinkerisstatingtheprobleminaway
that willallowasolution.”
-BertrandRussell

12. 012
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
IDEA STATEMENT. WHAT?
Articulates theessence, & valuepropositionof thesolutionina
succinctstatement(s)

13. 013
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
IDEA STATEMENT. WHY?
Articulates theessence, & valuepropositionof thesolutionina
succinctstatement(s)
Itlaysthefoundation
Itfilterseverydecision

14. 014
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014

15. 015
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
“Iwanttodesignanapp thatallowsmeto....”
LETS GO BACK TO THE ‘IDEA’

16. 016
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
“Twitteristextbased,Instagramisphotobased,and Facebookisa mess”
“Thereisnoeasywaytosharestoriesthathavebeautifulimages,and text”
THAT’S NOT AN IDEA..
Pain Points

17. 017
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
“Iwanttocreateaplatformthatallowspeopletoeasily create,publish,&
explorestories.”
REFINED VISION STATEMENT

18. 018
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
LET’S UNPACK THIS
“Iwanttocreateaplatformthatallowspeopletoeasily create,publish,
&explorestories.”
82%of smartphoneusers useittotakephotos &44%useitto
recordvideos.
Example
Insight

19. 019
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
LET’S UNPACK THIS
“Iwanttocreateaplatformthatallowspeopletoeasily create,publish,
&explorestories.”
82%of smartphoneusers useittotakephotos &44%useitto
recordvideos.
Let’susemobileas theprimaryplatform!Primary
Platform
Example
Insight

20. 020
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
The Core
IdeaStatement KeyJourneys/UseCases CoreFeatureSet HighLevelSitemap

21. 021
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
JOURNEYS, USE CASES. WHAT?
Aseriesof stepsthatrepresentascenarioinwhicha
typical user interactswithwhatyouaredesigning

22. 022
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
JOURNEYS, USE CASES. WHY?
Aseriesof stepsthatrepresentascenarioinwhicha
typical user interactswithwhatyouaredesigning
Unpackyourvision
Understanduserbehavior
Identify highlevelfunctionality
Definetaxonomy

23. 023
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
Start
Simple

24. 024
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
Use
Storyboards

25. 025
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014

26. 026
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
The Core
IdeaStatement KeyJourneys/UseCases CoreFeatureSet HighLevelSitemap

27. 027
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
SITEMAP. WHAT?
Awayto structure and grouprelatedfeaturesandcontent
thatmake up whatyouaredesigning

28. 028
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
SITEMAP. WHY?
Awayto structure and grouprelatedfeaturesandcontent
thatmake up whatyouaredesigning
Showhowthenavigationshouldbestructured
Help identifywherecontentwillsit
Showtherelationshipbetweendifferentsections

29. 029
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
Simple
Sitemap

30. 030
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
Complex
Sitemap

31. 031
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
LET’S UNPACK OUR IDEA
“Iwanttocreateaplatformthatallowspeopletoeasily create,publish,
&explore mediumform stories.”
Theappshouldallowusers toeasily create&publish stories.
Theappshouldallowusers to explore stories.
Key
Use Cases

32. 032
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
LET’S ADD SOME STRUCTURE
High Level
Sitemap
Home
Screen
Explore
Stories
Story
Detail
Create
Stories
?
?

33. 033
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
BRAINSTORM SOME FEATURES
Feature Set
Explore
Stories
Create
Stories
Usingsearch?
Shouldwehavecategories?
Shouldtheybetagged?
Isthereafeed?
..??
Images,Video,Text?
Linear flow?
User Profiles?
Templates?
..??

34. 034
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
REMEMBER
Think of everything,testallof it,cutmostof it.
Simplify.

35. 035
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
REFINE THE STRUCTURE
High Level
Sitemap
Home
Screen
Explore
Feed
Story
Detail
Category
Page
Search
Results
?
Explore
Categories
Search
Stories
Create
Stories

36. 036
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
Global
navigation v1!
Feed
Categories
Create
Search
Wewilltalkabout
restof thepagelater

37. 037
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
FURTHER READING

38. 038
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
Details, Details
DetailedSitemap ContentMaps FeatureLists Wires/Visuals

39. 039
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
Delight
MotionPrototypes MicroInteractions

40. 040
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
Connect the
Dots
EcosystemMap Handoffs

41. 041
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
THANKS!
shashank.raval@rga.com