from ideas to execution
TRANSCRIPT
![Page 1: From Ideas to Execution](https://reader033.vdocuments.mx/reader033/viewer/2022042701/55ab15a11a28abd34b8b45f5/html5/thumbnails/1.jpg)
01
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
![Page 2: From Ideas to Execution](https://reader033.vdocuments.mx/reader033/viewer/2022042701/55ab15a11a28abd34b8b45f5/html5/thumbnails/2.jpg)
02
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
SO YOU THINK YOU HAVE AN IDEA?
![Page 3: From Ideas to Execution](https://reader033.vdocuments.mx/reader033/viewer/2022042701/55ab15a11a28abd34b8b45f5/html5/thumbnails/3.jpg)
03
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
“I want to design an app that allows me to....”
SO YOU THINK YOU HAVE AN IDEA?
![Page 4: From Ideas to Execution](https://reader033.vdocuments.mx/reader033/viewer/2022042701/55ab15a11a28abd34b8b45f5/html5/thumbnails/4.jpg)
04
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
SO YOU THINK YOU HAVE AN IDEA?
What now?
![Page 5: From Ideas to Execution](https://reader033.vdocuments.mx/reader033/viewer/2022042701/55ab15a11a28abd34b8b45f5/html5/thumbnails/5.jpg)
05
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
FROM AN IDEA TO EXECUTIONAn Example Framework
The Core
Start by refining and honing in on the core value propositions of the idea. Identify primary platform(s), and key user journeys.
Sample Artefacts:Idea Statement, User Journeys/Use Cases, Core Feature Set, High Level Sitemap
![Page 6: From Ideas to Execution](https://reader033.vdocuments.mx/reader033/viewer/2022042701/55ab15a11a28abd34b8b45f5/html5/thumbnails/6.jpg)
06
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
Details, DetailsThe Core
Start defining the major sections, and creating hierarchy. Define feature sets and prioritize them. Add as many details as you can.
Sample Artefacts:Detailed Sitemap, Feature Lists, Content Maps, Detailed Wireframes/Visuals
FROM AN IDEA TO EXECUTIONAn Example Framework
![Page 7: From Ideas to Execution](https://reader033.vdocuments.mx/reader033/viewer/2022042701/55ab15a11a28abd34b8b45f5/html5/thumbnails/7.jpg)
07
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
Details, Details Surprise, DelightThe Core
Start thinking about micro-interactions, features, and transitions that enhance the experience.
Sample Artefacts:Motion Prototypes, Micro-interactions
FROM AN IDEA TO EXECUTIONAn Example Framework
![Page 8: From Ideas to Execution](https://reader033.vdocuments.mx/reader033/viewer/2022042701/55ab15a11a28abd34b8b45f5/html5/thumbnails/8.jpg)
08
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
Details, Details Connect the DotsThe Core
Start figuring out the ecosystem. No product or service exists in a silo.
Sample Artefacts:Ecosystem map, Connection & Handoffs Map
FROM AN IDEA TO EXECUTIONAn Example Framework
Surprise, Delight
![Page 9: From Ideas to Execution](https://reader033.vdocuments.mx/reader033/viewer/2022042701/55ab15a11a28abd34b8b45f5/html5/thumbnails/9.jpg)
09
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
Making it work Making people love it
Details, Details Connect the DotsThe Core
FROM AN IDEA TO EXECUTIONAn Example Framework
Surprise, Delight
![Page 10: From Ideas to Execution](https://reader033.vdocuments.mx/reader033/viewer/2022042701/55ab15a11a28abd34b8b45f5/html5/thumbnails/10.jpg)
010
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
The Core
Idea Statement Key Journeys/Use Cases Core Feature Set High Level Sitemap
![Page 11: From Ideas to Execution](https://reader033.vdocuments.mx/reader033/viewer/2022042701/55ab15a11a28abd34b8b45f5/html5/thumbnails/11.jpg)
011
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
“The greatest challenge to any thinker is stating the problem in a way that will allow a solution.”
- Bertrand Russell
![Page 12: From Ideas to Execution](https://reader033.vdocuments.mx/reader033/viewer/2022042701/55ab15a11a28abd34b8b45f5/html5/thumbnails/12.jpg)
012
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
IDEA STATEMENT. WHAT?
Articulates the essence, & value proposition of the solution in a succinct statement(s)
![Page 13: From Ideas to Execution](https://reader033.vdocuments.mx/reader033/viewer/2022042701/55ab15a11a28abd34b8b45f5/html5/thumbnails/13.jpg)
013
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
IDEA STATEMENT. WHY?
Articulates the essence, & value proposition of the solution in a succinct statement(s)
It lays the foundationIt filters every decision
![Page 14: From Ideas to Execution](https://reader033.vdocuments.mx/reader033/viewer/2022042701/55ab15a11a28abd34b8b45f5/html5/thumbnails/14.jpg)
014
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
![Page 15: From Ideas to Execution](https://reader033.vdocuments.mx/reader033/viewer/2022042701/55ab15a11a28abd34b8b45f5/html5/thumbnails/15.jpg)
015
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
“I want to design an app that allows me to....”
LETS GO BACK TO THE ‘IDEA’
![Page 16: From Ideas to Execution](https://reader033.vdocuments.mx/reader033/viewer/2022042701/55ab15a11a28abd34b8b45f5/html5/thumbnails/16.jpg)
016
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
“Twitter is text based, Instagram is photo based, and Facebook is a mess”
“There is no easy way to share stories that have beautiful images, and text”
THAT’S NOT AN IDEA..
Pain Points
![Page 17: From Ideas to Execution](https://reader033.vdocuments.mx/reader033/viewer/2022042701/55ab15a11a28abd34b8b45f5/html5/thumbnails/17.jpg)
017
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
“I want to create a platform that allows people to easily create, publish, & explore stories.”
REFINED VISION STATEMENT
![Page 18: From Ideas to Execution](https://reader033.vdocuments.mx/reader033/viewer/2022042701/55ab15a11a28abd34b8b45f5/html5/thumbnails/18.jpg)
018
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
LET’S UNPACK THIS
“I want to create a platform that allows people to easily create, publish, & explore stories.”
82% of smartphone users use it to take photos & 44% use it to record videos.
ExampleInsight
![Page 19: From Ideas to Execution](https://reader033.vdocuments.mx/reader033/viewer/2022042701/55ab15a11a28abd34b8b45f5/html5/thumbnails/19.jpg)
019
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
LET’S UNPACK THIS
“I want to create a platform that allows people to easily create, publish, & explore stories.”
82% of smartphone users use it to take photos & 44% use it to record videos.
Let’s use mobile as the primary platform!PrimaryPlatform
ExampleInsight
![Page 20: From Ideas to Execution](https://reader033.vdocuments.mx/reader033/viewer/2022042701/55ab15a11a28abd34b8b45f5/html5/thumbnails/20.jpg)
020
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
The Core
Idea Statement Key Journeys/Use Cases Core Feature Set High Level Sitemap
![Page 21: From Ideas to Execution](https://reader033.vdocuments.mx/reader033/viewer/2022042701/55ab15a11a28abd34b8b45f5/html5/thumbnails/21.jpg)
021
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
JOURNEYS, USE CASES. WHAT?
A series of steps that represent a scenario in which a typical user interacts with what you are designing
![Page 22: From Ideas to Execution](https://reader033.vdocuments.mx/reader033/viewer/2022042701/55ab15a11a28abd34b8b45f5/html5/thumbnails/22.jpg)
022
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
JOURNEYS, USE CASES. WHY?
A series of steps that represent a scenario in which a typical user interacts with what you are designing
Unpack your visionUnderstand user behavior
Identify high level functionalityDefine taxonomy
![Page 23: From Ideas to Execution](https://reader033.vdocuments.mx/reader033/viewer/2022042701/55ab15a11a28abd34b8b45f5/html5/thumbnails/23.jpg)
023
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
StartSimple
![Page 24: From Ideas to Execution](https://reader033.vdocuments.mx/reader033/viewer/2022042701/55ab15a11a28abd34b8b45f5/html5/thumbnails/24.jpg)
024
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
UseStoryboards
![Page 25: From Ideas to Execution](https://reader033.vdocuments.mx/reader033/viewer/2022042701/55ab15a11a28abd34b8b45f5/html5/thumbnails/25.jpg)
025
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
![Page 26: From Ideas to Execution](https://reader033.vdocuments.mx/reader033/viewer/2022042701/55ab15a11a28abd34b8b45f5/html5/thumbnails/26.jpg)
026
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
The Core
Idea Statement Key Journeys/Use Cases Core Feature Set High Level Sitemap
![Page 27: From Ideas to Execution](https://reader033.vdocuments.mx/reader033/viewer/2022042701/55ab15a11a28abd34b8b45f5/html5/thumbnails/27.jpg)
027
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
SITEMAP. WHAT?
A way to structure and group related features and content that make up what you are designing
![Page 28: From Ideas to Execution](https://reader033.vdocuments.mx/reader033/viewer/2022042701/55ab15a11a28abd34b8b45f5/html5/thumbnails/28.jpg)
028
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
SITEMAP. WHY?
A way to structure and group related features and content that make up what you are designing
Show how the navigation should be structuredHelp identify where content will sit
Show the relationship between different sections
![Page 29: From Ideas to Execution](https://reader033.vdocuments.mx/reader033/viewer/2022042701/55ab15a11a28abd34b8b45f5/html5/thumbnails/29.jpg)
029
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
Simple Sitemap
![Page 30: From Ideas to Execution](https://reader033.vdocuments.mx/reader033/viewer/2022042701/55ab15a11a28abd34b8b45f5/html5/thumbnails/30.jpg)
030
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
Complex Sitemap
![Page 31: From Ideas to Execution](https://reader033.vdocuments.mx/reader033/viewer/2022042701/55ab15a11a28abd34b8b45f5/html5/thumbnails/31.jpg)
031
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
LET’S UNPACK OUR IDEA
“I want to create a platform that allows people to easily create, publish, & explore medium form stories.”
The app should allow users to easily create & publish stories.
The app should allow users to explore stories.
Key Use Cases
![Page 32: From Ideas to Execution](https://reader033.vdocuments.mx/reader033/viewer/2022042701/55ab15a11a28abd34b8b45f5/html5/thumbnails/32.jpg)
032
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
LET’S ADD SOME STRUCTURE
High LevelSitemap
HomeScreen
Explore Stories
StoryDetail
Create Stories
?
?
![Page 33: From Ideas to Execution](https://reader033.vdocuments.mx/reader033/viewer/2022042701/55ab15a11a28abd34b8b45f5/html5/thumbnails/33.jpg)
033
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
BRAINSTORM SOME FEATURES
Feature Set
Explore Stories
Create Stories
Using search?Should we have categories?Should they be tagged?Is there a feed?..??
Images, Video, Text?Linear flow?User Profiles?Templates?..??
![Page 34: From Ideas to Execution](https://reader033.vdocuments.mx/reader033/viewer/2022042701/55ab15a11a28abd34b8b45f5/html5/thumbnails/34.jpg)
034
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
REMEMBER
Think of everything, test all of it, cut most of it.
Simplify.
![Page 35: From Ideas to Execution](https://reader033.vdocuments.mx/reader033/viewer/2022042701/55ab15a11a28abd34b8b45f5/html5/thumbnails/35.jpg)
035
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
REFINE THE STRUCTURE
High LevelSitemap
HomeScreen
Explore Feed
StoryDetail
CategoryPage
Search Results
?
ExploreCategories
Search Stories
Create Stories
![Page 36: From Ideas to Execution](https://reader033.vdocuments.mx/reader033/viewer/2022042701/55ab15a11a28abd34b8b45f5/html5/thumbnails/36.jpg)
036
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
Global navigation v1!
FeedCategoriesCreate
Search
We will talk about rest of the page later
![Page 37: From Ideas to Execution](https://reader033.vdocuments.mx/reader033/viewer/2022042701/55ab15a11a28abd34b8b45f5/html5/thumbnails/37.jpg)
037
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
FURTHER READING
![Page 38: From Ideas to Execution](https://reader033.vdocuments.mx/reader033/viewer/2022042701/55ab15a11a28abd34b8b45f5/html5/thumbnails/38.jpg)
038
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
Details, Details
Detailed Sitemap Content Maps Feature Lists Wires/Visuals
![Page 39: From Ideas to Execution](https://reader033.vdocuments.mx/reader033/viewer/2022042701/55ab15a11a28abd34b8b45f5/html5/thumbnails/39.jpg)
039
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
Delight
Motion Prototypes Micro Interactions
![Page 40: From Ideas to Execution](https://reader033.vdocuments.mx/reader033/viewer/2022042701/55ab15a11a28abd34b8b45f5/html5/thumbnails/40.jpg)
040
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014
Connect theDots
Ecosystem Map Handoffs
![Page 41: From Ideas to Execution](https://reader033.vdocuments.mx/reader033/viewer/2022042701/55ab15a11a28abd34b8b45f5/html5/thumbnails/41.jpg)
041
Information Design
PROPRIETARY & CONFIDENTIAL. © 2014 R/GA ALL RIGHTS RESERVED.
10.14.2014