shesays digital production course: the basics
DESCRIPTION
Before you start, you have to learn the lingo. So say hello to our ‘Digital Production Glossary’. In this class we’ll cover the “what”, eg w: Image formats, software, program languages, banners and online advertising terminology, digital video glossary, version control etc. We'll also cover the differences between PMs and producers and their responsibilitiesTRANSCRIPT
THE BASICS05.20.11
Friday, May 20, 2011
CRYSTAL GINN@magitisa
Friday, May 20, 2011
Before you start, you have to learn the lingo.
I’ll help you talk the talk.
Friday, May 20, 2011
• The people you work with.
• Their activities.
• The context of their activities.
CONNECT THE DOTSAs a Digital Project Manager you are connecting team relationships, resources and ideas. A hybrid of half idea generator and half executer. If your are a beginner level digital production speaker, don’t sweat it, we’ll teach you the lingo.
Once done with this class, you’ll be steps closer to being fluent in digital production once you observe and absorb the following:
Friday, May 20, 2011
1 2 3 4 5 6discover define design develop maintain
HOW TO CONNECT LE DOTS.
actions• Take this action
• Then take this action
• Well, you also have to take this one too
[phase name][What the phase means.]
lingo Keyword of that action!
Key term related to that action
Buzz word
deploy &deliver
Friday, May 20, 2011
discover define design develop maintain
CONNECTING LE DOTS.
actions• Know your key project decision makers
• Prepare a briefing meeting
• List out project requirements, goals, stakeholder expectations, risks and unknown factors at this point
• Forecast timing needed
• Project how much it will cost
discoverEverybody needs to be on the same page.
lingo Stakeholders
Project brief
Needs assessment
Project plan, time plan, timeline
Cost estimate
deploy &deliver
Friday, May 20, 2011
discover
WHAT WAS THAT?OH YEAH,BE ON THESAME PAGE.
Friday, May 20, 2011
CONNECTING ZE DOTS.
actions• New concept? Concept away!
• Not new? Evaluate the existing one
• Do research on yer competition
• Who is your audience?
• Get technical. Map out the user experience flow
• Get a bit more technical. Where is this going to live? How will it be built?
defineLock it in. Refine and document your project goals and vision.
lingo Agency brief
Content Strategy
Competitive Analysis
Target audience, personas, profiles, user groups/flow
UX, IA, site map, wireframes, technical and functional specifications
Platform, software, hosting solutions, databases, technical requirements
discover define design develop maintaindeploy &deliver
Friday, May 20, 2011
http://www.internetonlinewebsite.com/Friday, May 20, 2011
CONNECTING THAH DOTS.
actions• Find inspiration for the creative vision Share the research with the team
• Share a sneak peek
• Flesh out the designs around all details and scenarios of your concept
• If you want the developers to love you, provide guidance to design and how you’ve set up your files
designCreate a unique approach with the brand voice and product in mind.
lingo Creative brief
Concept visuals or mocks
PSDs!
Style Guide
discover define design develop maintaindeploy &deliver
Friday, May 20, 2011
DIFFERENT DESIGN DOTS.
SITES/MICROSITES
BANNERS
MOBILE
Twitter and Facebook and games, oh my!
Standard Flash Banner: Yup, just a flash banner that blinks.Rich Media Banner: Room for more animation, banner expands, floats etc.
Sites, apps and ad units vary from software, hardware, operating system and platforms, eg. iPhone, iPad, Android etc.)Given that, you may need an SDK (software development kit) which is a bundle of dev tools that allows for the creation of such applications.
Website: Full engagement, full circle services. [here’s a site]Microsite: Use many of the same technologies that websites do, but do so in a more creative and compelling way. The focus is on something specific of the brand, eg. audience, product, event. [click to see one!]
discover define design develop maintaindeploy &deliver
Friday, May 20, 2011
Friday, May 20, 2011
Friday, May 20, 2011
[Sample of Rich Media units]
[Sample of Standard Flash units]
Friday, May 20, 2011
CONNECTING THE DOTS.
actions• Hand off design to dev
• Frond-end development
• SEO and tagging strategy implementation
• Create testing scenarios
• Testing
developThe project build can vary based on mediums used. (Site, microsite, mobile site, mobile app, banners, Facebook app, YouTube take over, AR etc.)
lingo Bundle of UX and Design items
Alpha build review
SEO and analytics tagging strategy documentation
Test plan
QA (aka Quality Assurance)
discover define design develop maintaindeploy &deliver
Friday, May 20, 2011
HTTP - Hyper Text Transfer ProtocolThe connection to a server to provide HTML pages to your browser for your viewing!
HTML - HyperText Markup LanguageCommon file format used on the web. Tags in this code define how the page looks, how fonts appear and how you can link files or links to other sources on the web.
CSS - Cascading Style SheetsThis guys makes your text and layout look smashing. It’s a script that runs via its buddy HTML.
XML - Extensible Markup LanguageHTML tells a web page how to look pretty but XML lists out what those pretty graphics or text contain. It’s also structured in tags, like HTML.
JAVA - JavaScript (JS)It adds a spice of interactivity to an HTML page. HTML is lame and static without JS.
AJAX - Asynchronous JavaScript + XMLMakes magic happen in the background without anyone noticing.Data can be sent and retrieved without disturbing the display or behavior of your page.
FTP - File Transfer ProtocolYour digital file messenger.
CMS - Content Management SystemMaintenance’s BFF.Via a CMS you can control and update data.
Friday, May 20, 2011
CONNECTING DE DOTS.
actions• Complete testing plans
• Once polished, get one last approval
• You may need to upload images, copy or other types of content
• Updates are required? get trained!
• In you a rich media campaign is running alongside your launch, plan time for reviewing design, builds and QAing those units as well
deploy & deliverImplement your build into the internets.
lingo Bugs, bugs tracking, issue tracking
Beta build review
CMS documentation
Training session & documentation
Traffic sheet
discover define design develop deploy &deliver
maintain
Friday, May 20, 2011
CONNECTING LE DOTS.
actions• Measure result against define phase
• Will it continue to live or grow?
• Review your numbers/costs
• Analytics, analytics, analytics
• Based on analytics reporting, make decisions about how to improve the experience
maintain Launched! Was is on the dot with objectives?
lingo Post mortem meeting or analysis
New workflow on resources & tasks
Cost analysis
Metrics/Analytics report
Optimizations
discover define design develop deploy &deliver
maintain
Friday, May 20, 2011
TIME TO WALK THE WALK.
Stakeholders
Brief
Needs
Project Plan
Cost Est.
Brief
Content Strat
Competition
Audience
User Experience
Technical specs
Technical reqs
Brief
Concepting
PSD files
Style Guide
Alpha
SEO
Test plan
QA
Post mortem
New workflow
Costs
Analytics
Optimizations
Bugs
Beta
CMS doc
Training
Traffic banners
1 2 3 4 5 6discover define design develop maintaindeploy &deliver
Friday, May 20, 2011
THANKS!
crystalginn.com
Friday, May 20, 2011