SlideShare una empresa de Scribd logo
1 de 15
Descargar para leer sin conexión
May 8, 2012
StoryCode Immersions #3
   Technology Process
AGENDA
• Technology Process Overview - 45 Minutes

• Working with Developers / Deep-Dive: 45 Minutes
  Mark Harris - www.desperatecomfort.com
  Twitter: @MegaMarkHarris

• #storycodeorg
OVERVIEW
• Immersive media projects blend processes from Editorial
  + Film + Tech

• New type of project process has evolved

• Blend of the three

• Inspired by the work of Loc Dao (Creator of Bear71) of
  National Film Board (www.nfb.ca)
BLENDED PROCESS
• Concept

• Script

• Information Architecture

• Wireframes

• Storyboards

• Tech Spec

• Design

• Development
CONCEPT
• Overarching idea for the project

• Keep it high-level - consider including premise of the
  story here

• Examples:

  • Distribute film on Facebook - hook into Social Graph

  • Explore randomized presentation of scenes
SCRIPT
• Stick to traditional screenwriting tools here

• However some scenes may be abstracted (not scripted
  but controlled by technology)

• Indicate where the narrative jumps platforms and which
  platforms are which

• Examples:

  • Scene 2, 4, 6 - list of images from Flickr with labels

  • Scene 10 - randomly selected video clip from YouTube
INFORMATION ARCHITECTURE
• Site Map for your Story

• Indicate platforms

• Typically shows “user flow”

• Helps communicate how/where users will experience the
  story
INFORMATION ARCHITECTURE EXAMPLE
WIREFRAMES
• Non-Designed Screen Comps

• Focused on Front-End Functionality

• Great place for notes to begin Technical Requirements

• Provides roadmap for prototypes
WIREFRAME EXAMPLES
STORYBOARDS
• Similar to traditional film storyboards or sketches




• Could also be rough screen comps to start to flesh out
  key scenes
TECHNICAL SPECIFICATIONS
• Analyze every aspect of the functionality and make
  technical notes - review in detail with technology team

• Goal is to capture all potential outcomes and baseline
  tech functionality

• Consider a Use Case approach: use cases define
  interactions between an “actor” and a “system” to
  achieve a goal.

• Example:

  • Bank Customer uses ATM to withdraw money

  • Users wants to watch film on Facebook
DESIGN
• Traditional user interface design approach

• Design, review internally, review with tech team

• Consider showing to potential users, get feedback

• Revise, review, repeat
DEVELOPMENT
• Prototype

• Test to ensure it meets baseline tech requirements and
  handles alternate outcomes (password fails)

• Develop Alpha / Test

  • Work with development team to deal with traffic
    issues / load balancing

• Develop Beta / Test

• Soft Launch / Fix Bugs

• Launch / Fix Bugs
CONTACT
   mike@storycode.org
   www.storycode.org
     @storycodeorg

mark@desperatecomfort.com
www.desperatecomfort.com
    @MegaMarkHarris

Más contenido relacionado

Similar a StoryCode Immersion #3 - Presentation 1 Technology Process

COMP 4026 Lecture3 Prototyping and Evaluation
COMP 4026 Lecture3 Prototyping and EvaluationCOMP 4026 Lecture3 Prototyping and Evaluation
COMP 4026 Lecture3 Prototyping and EvaluationMark Billinghurst
 
A guide to hiring a great developer to build your first app (redacted version)
A guide to hiring a great developer to build your first app (redacted version)A guide to hiring a great developer to build your first app (redacted version)
A guide to hiring a great developer to build your first app (redacted version)Oursky
 
Games Design 2 - Lecture 10 - Game Interface Prototyping
Games Design 2 - Lecture 10 - Game Interface PrototypingGames Design 2 - Lecture 10 - Game Interface Prototyping
Games Design 2 - Lecture 10 - Game Interface PrototypingDavid Farrell
 
Is it possible to write cross-native apps in 2020 ?
Is it possible to write cross-native apps in 2020 ?Is it possible to write cross-native apps in 2020 ?
Is it possible to write cross-native apps in 2020 ?Chris Saez
 
Prototyping for responsive web design
Prototyping for responsive web design Prototyping for responsive web design
Prototyping for responsive web design mrscammels
 
Developer & Website Marketing Strategy
Developer & Website Marketing StrategyDeveloper & Website Marketing Strategy
Developer & Website Marketing StrategyChris Traganos
 
PLAT-20 Building Alfresco Prototypes in a Few Hours
PLAT-20 Building Alfresco Prototypes in a Few HoursPLAT-20 Building Alfresco Prototypes in a Few Hours
PLAT-20 Building Alfresco Prototypes in a Few HoursAlfresco Software
 
Scott mc cormick float mobile learning_prototyping strategy_mlearncon 2012
Scott mc cormick float mobile learning_prototyping strategy_mlearncon 2012Scott mc cormick float mobile learning_prototyping strategy_mlearncon 2012
Scott mc cormick float mobile learning_prototyping strategy_mlearncon 2012Scott McCormick
 
Architectural Considerations for Startups
Architectural Considerations for StartupsArchitectural Considerations for Startups
Architectural Considerations for StartupsNiall Roche
 
Prototyping like it is 2022
Prototyping like it is 2022 Prototyping like it is 2022
Prototyping like it is 2022 Michael Yagudaev
 
Multimedia phase
Multimedia phaseMultimedia phase
Multimedia phaseOnline
 
Technology Planning for River Groups
Technology Planning for River GroupsTechnology Planning for River Groups
Technology Planning for River GroupsSean Larkin
 
Bridging the gap between UX and development – A Storybook
Bridging the gap between UX and development – A StorybookBridging the gap between UX and development – A Storybook
Bridging the gap between UX and development – A StorybookMarko Letic
 
Bridging the gap between UX and development - A Storybook by Marko Letic at F...
Bridging the gap between UX and development - A Storybook by Marko Letic at F...Bridging the gap between UX and development - A Storybook by Marko Letic at F...
Bridging the gap between UX and development - A Storybook by Marko Letic at F...DevClub_lv
 
Tooling for the JavaScript Era
Tooling for the JavaScript EraTooling for the JavaScript Era
Tooling for the JavaScript Eramartinlippert
 
05 DIGI CREATIVE people&process
05 DIGI CREATIVE people&process05 DIGI CREATIVE people&process
05 DIGI CREATIVE people&processSheSaysCREATIVE
 
Accessibility patterns testable requirements during early design
Accessibility patterns testable requirements during early designAccessibility patterns testable requirements during early design
Accessibility patterns testable requirements during early designAidan Tierney
 
Game Design 2: Lecture 5 - Game UI Wireframes and Paper Prototypes
Game Design 2: Lecture 5 - Game UI Wireframes and Paper PrototypesGame Design 2: Lecture 5 - Game UI Wireframes and Paper Prototypes
Game Design 2: Lecture 5 - Game UI Wireframes and Paper PrototypesDavid Farrell
 

Similar a StoryCode Immersion #3 - Presentation 1 Technology Process (20)

COMP 4026 Lecture3 Prototyping and Evaluation
COMP 4026 Lecture3 Prototyping and EvaluationCOMP 4026 Lecture3 Prototyping and Evaluation
COMP 4026 Lecture3 Prototyping and Evaluation
 
A guide to hiring a great developer to build your first app (redacted version)
A guide to hiring a great developer to build your first app (redacted version)A guide to hiring a great developer to build your first app (redacted version)
A guide to hiring a great developer to build your first app (redacted version)
 
Games Design 2 - Lecture 10 - Game Interface Prototyping
Games Design 2 - Lecture 10 - Game Interface PrototypingGames Design 2 - Lecture 10 - Game Interface Prototyping
Games Design 2 - Lecture 10 - Game Interface Prototyping
 
Component-first Applications
Component-first ApplicationsComponent-first Applications
Component-first Applications
 
Is it possible to write cross-native apps in 2020 ?
Is it possible to write cross-native apps in 2020 ?Is it possible to write cross-native apps in 2020 ?
Is it possible to write cross-native apps in 2020 ?
 
Prototyping for responsive web design
Prototyping for responsive web design Prototyping for responsive web design
Prototyping for responsive web design
 
Developer & Website Marketing Strategy
Developer & Website Marketing StrategyDeveloper & Website Marketing Strategy
Developer & Website Marketing Strategy
 
PLAT-20 Building Alfresco Prototypes in a Few Hours
PLAT-20 Building Alfresco Prototypes in a Few HoursPLAT-20 Building Alfresco Prototypes in a Few Hours
PLAT-20 Building Alfresco Prototypes in a Few Hours
 
Scott mc cormick float mobile learning_prototyping strategy_mlearncon 2012
Scott mc cormick float mobile learning_prototyping strategy_mlearncon 2012Scott mc cormick float mobile learning_prototyping strategy_mlearncon 2012
Scott mc cormick float mobile learning_prototyping strategy_mlearncon 2012
 
Architectural Considerations for Startups
Architectural Considerations for StartupsArchitectural Considerations for Startups
Architectural Considerations for Startups
 
Prototyping like it is 2022
Prototyping like it is 2022 Prototyping like it is 2022
Prototyping like it is 2022
 
Mini training- Scenario Driven Design
Mini training- Scenario Driven DesignMini training- Scenario Driven Design
Mini training- Scenario Driven Design
 
Multimedia phase
Multimedia phaseMultimedia phase
Multimedia phase
 
Technology Planning for River Groups
Technology Planning for River GroupsTechnology Planning for River Groups
Technology Planning for River Groups
 
Bridging the gap between UX and development – A Storybook
Bridging the gap between UX and development – A StorybookBridging the gap between UX and development – A Storybook
Bridging the gap between UX and development – A Storybook
 
Bridging the gap between UX and development - A Storybook by Marko Letic at F...
Bridging the gap between UX and development - A Storybook by Marko Letic at F...Bridging the gap between UX and development - A Storybook by Marko Letic at F...
Bridging the gap between UX and development - A Storybook by Marko Letic at F...
 
Tooling for the JavaScript Era
Tooling for the JavaScript EraTooling for the JavaScript Era
Tooling for the JavaScript Era
 
05 DIGI CREATIVE people&process
05 DIGI CREATIVE people&process05 DIGI CREATIVE people&process
05 DIGI CREATIVE people&process
 
Accessibility patterns testable requirements during early design
Accessibility patterns testable requirements during early designAccessibility patterns testable requirements during early design
Accessibility patterns testable requirements during early design
 
Game Design 2: Lecture 5 - Game UI Wireframes and Paper Prototypes
Game Design 2: Lecture 5 - Game UI Wireframes and Paper PrototypesGame Design 2: Lecture 5 - Game UI Wireframes and Paper Prototypes
Game Design 2: Lecture 5 - Game UI Wireframes and Paper Prototypes
 

Más de storycode

Story Hackathon - StoriesLab Presentation
Story Hackathon - StoriesLab PresentationStory Hackathon - StoriesLab Presentation
Story Hackathon - StoriesLab Presentationstorycode
 
StoryCode DIY Days Presentation - Creative Coding
StoryCode DIY Days Presentation - Creative CodingStoryCode DIY Days Presentation - Creative Coding
StoryCode DIY Days Presentation - Creative Codingstorycode
 
StoryWorld 2012 Story Hack Presentation
StoryWorld 2012 Story Hack PresentationStoryWorld 2012 Story Hack Presentation
StoryWorld 2012 Story Hack Presentationstorycode
 
StoryCode Immersion #6 - Immersive Media Project Pitching
StoryCode Immersion #6 - Immersive Media Project PitchingStoryCode Immersion #6 - Immersive Media Project Pitching
StoryCode Immersion #6 - Immersive Media Project Pitchingstorycode
 
StoryCode Immersion #5 - Popcorn.JS Deep Dive
StoryCode Immersion #5 - Popcorn.JS Deep DiveStoryCode Immersion #5 - Popcorn.JS Deep Dive
StoryCode Immersion #5 - Popcorn.JS Deep Divestorycode
 
StoryCode Immersion #4 - Presentation 1
StoryCode Immersion #4 - Presentation 1StoryCode Immersion #4 - Presentation 1
StoryCode Immersion #4 - Presentation 1storycode
 
StoryCode Immersion #4 - Presentation 2
StoryCode Immersion #4 - Presentation 2 StoryCode Immersion #4 - Presentation 2
StoryCode Immersion #4 - Presentation 2 storycode
 
StoryCode Immersion #3 - Presentation 2 How To Work With a Technologist
StoryCode Immersion #3 - Presentation 2 How To Work With a TechnologistStoryCode Immersion #3 - Presentation 2 How To Work With a Technologist
StoryCode Immersion #3 - Presentation 2 How To Work With a Technologiststorycode
 
Story Hack Presentation - Vile Inc.
Story Hack Presentation - Vile Inc.Story Hack Presentation - Vile Inc.
Story Hack Presentation - Vile Inc.storycode
 
StoryCode Immersion #2 - Project Funding
StoryCode Immersion #2 - Project FundingStoryCode Immersion #2 - Project Funding
StoryCode Immersion #2 - Project Fundingstorycode
 
Greg Trefry's Presentation at StoryCode March 2012 Forum
Greg Trefry's Presentation at StoryCode March 2012 Forum Greg Trefry's Presentation at StoryCode March 2012 Forum
Greg Trefry's Presentation at StoryCode March 2012 Forum storycode
 
StoryCode Tech Immersion 1
StoryCode Tech Immersion 1StoryCode Tech Immersion 1
StoryCode Tech Immersion 1storycode
 

Más de storycode (12)

Story Hackathon - StoriesLab Presentation
Story Hackathon - StoriesLab PresentationStory Hackathon - StoriesLab Presentation
Story Hackathon - StoriesLab Presentation
 
StoryCode DIY Days Presentation - Creative Coding
StoryCode DIY Days Presentation - Creative CodingStoryCode DIY Days Presentation - Creative Coding
StoryCode DIY Days Presentation - Creative Coding
 
StoryWorld 2012 Story Hack Presentation
StoryWorld 2012 Story Hack PresentationStoryWorld 2012 Story Hack Presentation
StoryWorld 2012 Story Hack Presentation
 
StoryCode Immersion #6 - Immersive Media Project Pitching
StoryCode Immersion #6 - Immersive Media Project PitchingStoryCode Immersion #6 - Immersive Media Project Pitching
StoryCode Immersion #6 - Immersive Media Project Pitching
 
StoryCode Immersion #5 - Popcorn.JS Deep Dive
StoryCode Immersion #5 - Popcorn.JS Deep DiveStoryCode Immersion #5 - Popcorn.JS Deep Dive
StoryCode Immersion #5 - Popcorn.JS Deep Dive
 
StoryCode Immersion #4 - Presentation 1
StoryCode Immersion #4 - Presentation 1StoryCode Immersion #4 - Presentation 1
StoryCode Immersion #4 - Presentation 1
 
StoryCode Immersion #4 - Presentation 2
StoryCode Immersion #4 - Presentation 2 StoryCode Immersion #4 - Presentation 2
StoryCode Immersion #4 - Presentation 2
 
StoryCode Immersion #3 - Presentation 2 How To Work With a Technologist
StoryCode Immersion #3 - Presentation 2 How To Work With a TechnologistStoryCode Immersion #3 - Presentation 2 How To Work With a Technologist
StoryCode Immersion #3 - Presentation 2 How To Work With a Technologist
 
Story Hack Presentation - Vile Inc.
Story Hack Presentation - Vile Inc.Story Hack Presentation - Vile Inc.
Story Hack Presentation - Vile Inc.
 
StoryCode Immersion #2 - Project Funding
StoryCode Immersion #2 - Project FundingStoryCode Immersion #2 - Project Funding
StoryCode Immersion #2 - Project Funding
 
Greg Trefry's Presentation at StoryCode March 2012 Forum
Greg Trefry's Presentation at StoryCode March 2012 Forum Greg Trefry's Presentation at StoryCode March 2012 Forum
Greg Trefry's Presentation at StoryCode March 2012 Forum
 
StoryCode Tech Immersion 1
StoryCode Tech Immersion 1StoryCode Tech Immersion 1
StoryCode Tech Immersion 1
 

Último

COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Websitedgelyza
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8DianaGray10
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationIES VE
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioChristian Posta
 
VoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXVoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXTarek Kalaji
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintMahmoud Rabie
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopBachir Benyammi
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024D Cloud Solutions
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UbiTrack UK
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsSeth Reyes
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024SkyPlanner
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-pyJamie (Taka) Wang
 
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfJamie (Taka) Wang
 
AI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarAI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarPrecisely
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7DianaGray10
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxMatsuo Lab
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdfPedro Manuel
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAshyamraj55
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6DianaGray10
 

Último (20)

COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Website
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8
 
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve DecarbonizationUsing IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
Using IESVE for Loads, Sizing and Heat Pump Modeling to Achieve Decarbonization
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and Istio
 
VoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXVoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBX
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership Blueprint
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 Workshop
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and Hazards
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-py
 
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
 
201610817 - edge part1
201610817 - edge part1201610817 - edge part1
201610817 - edge part1
 
AI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarAI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity Webinar
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptx
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdf
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6
 

StoryCode Immersion #3 - Presentation 1 Technology Process

  • 1. May 8, 2012 StoryCode Immersions #3 Technology Process
  • 2. AGENDA • Technology Process Overview - 45 Minutes • Working with Developers / Deep-Dive: 45 Minutes Mark Harris - www.desperatecomfort.com Twitter: @MegaMarkHarris • #storycodeorg
  • 3. OVERVIEW • Immersive media projects blend processes from Editorial + Film + Tech • New type of project process has evolved • Blend of the three • Inspired by the work of Loc Dao (Creator of Bear71) of National Film Board (www.nfb.ca)
  • 4. BLENDED PROCESS • Concept • Script • Information Architecture • Wireframes • Storyboards • Tech Spec • Design • Development
  • 5. CONCEPT • Overarching idea for the project • Keep it high-level - consider including premise of the story here • Examples: • Distribute film on Facebook - hook into Social Graph • Explore randomized presentation of scenes
  • 6. SCRIPT • Stick to traditional screenwriting tools here • However some scenes may be abstracted (not scripted but controlled by technology) • Indicate where the narrative jumps platforms and which platforms are which • Examples: • Scene 2, 4, 6 - list of images from Flickr with labels • Scene 10 - randomly selected video clip from YouTube
  • 7. INFORMATION ARCHITECTURE • Site Map for your Story • Indicate platforms • Typically shows “user flow” • Helps communicate how/where users will experience the story
  • 9. WIREFRAMES • Non-Designed Screen Comps • Focused on Front-End Functionality • Great place for notes to begin Technical Requirements • Provides roadmap for prototypes
  • 11. STORYBOARDS • Similar to traditional film storyboards or sketches • Could also be rough screen comps to start to flesh out key scenes
  • 12. TECHNICAL SPECIFICATIONS • Analyze every aspect of the functionality and make technical notes - review in detail with technology team • Goal is to capture all potential outcomes and baseline tech functionality • Consider a Use Case approach: use cases define interactions between an “actor” and a “system” to achieve a goal. • Example: • Bank Customer uses ATM to withdraw money • Users wants to watch film on Facebook
  • 13. DESIGN • Traditional user interface design approach • Design, review internally, review with tech team • Consider showing to potential users, get feedback • Revise, review, repeat
  • 14. DEVELOPMENT • Prototype • Test to ensure it meets baseline tech requirements and handles alternate outcomes (password fails) • Develop Alpha / Test • Work with development team to deal with traffic issues / load balancing • Develop Beta / Test • Soft Launch / Fix Bugs • Launch / Fix Bugs
  • 15. CONTACT mike@storycode.org www.storycode.org @storycodeorg mark@desperatecomfort.com www.desperatecomfort.com @MegaMarkHarris