idse103 course overview the new transparent world ... · – individual class overview – readings...
TRANSCRIPT
AUTHOR J.PETRO
9/5/2010 © 2010 | All Rights Reserved 1
COURSE OVERVIEW
THE NEW TRANSPARENT WORLD –LEVERAGING SOCIAL MEDIA FOR PROTOTYPING
IDSE103
• Course Introduction– Philosophy– Expectations– Individual Class Overview– Readings
• Organization and Documentation
– Tools Overview– Best practices
• Social Media – Current tools– Best practice examples– Blogging/Writing for the web
• Selected Problem/Opportunity– Your Social Brand
• Course tools setup & Work time– Pick a focus on go!
9/5/2010 © 2010 | All Rights Reserved 2
09.04 CLASS OVERVIEW
Sharpie & Post Its
9/5/2010 © 2010 | All Rights Reserved 3
WHAT YOU NEED RIGHT NOW:
9/5/2010 © 2010 | All Rights Reserved 4
COURSE OVERVIEW
This course teaches methods and processes of rapid prototyping, arranging from physical to digital mediums, in order to quickly realize and effectively communicate ideas. In a studio context, students learn to build products, systems and services quickly using a variety of prototyping tools and techniques.
9/5/2010 © 2010 | All Rights Reserved 5
IDSE 103COURSE INTRODUCTION
• The importance of quick and iterative ‘making’ is critical in today’s ‘all-beta-all-the-time’ business culture.
• Thought leadership is a means without an end if the concept can’t be successfully visually and semantically articulated to the end audience.
• The ability to quickly develop and illustrate an idea is the most critical step toward its successful implementation.
9/5/2010 © 2010 | All Rights Reserved 6
PHILOSOPHYCOURSE INTRODUCTION
Think / Make
9/5/2010 © 2010 | All Rights Reserved 7
PHILOSOPHYCOURSE INTRODUCTION
Share / Reflect
9/5/2010 © 2010 | All Rights Reserved 8
PHILOSOPHYCOURSE INTRODUCTION
• When we think, we will make. • When we make, we will reflect. • When we understand, we will iterate.
• When we know it is ‘good enough,’ we’ll release
9/5/2010 © 2010 | All Rights Reserved 10
PHILOSOPHYCOURSE INTRODUCTION
9/5/2010 © 2010 | All Rights Reserved 11
We want you to do the simple things very well.
9/5/2010 © 2010 | All Rights Reserved 12
PHILOSOPHYCOURSE INTRODUCTION
• Develop your process manifesto
• Create frameworks• Learn contemporary methods of prototyping • Create a ‘palette’ of tools• Become an expert (at one technique)• Create a living portfolio
9/5/2010 © 2010 | All Rights Reserved 13
GOALSCOURSE INTRODUCTION
• Work smart, not hard.• Be in it, to win it.• There is no crisis, only lack of imagination.
• Don't find fault, find a remedy.
9/5/2010 © 2010 | All Rights Reserved 14
REFER TO THESE WHEN YOU’RE STUCK:
Where you’ve been vs. Where you’re going
9/5/2010 © 2010 | All Rights Reserved 15
PHILOSOPHYCOURSE INTRODUCTION
Frameworks
9/5/2010 © 2010 | All Rights Reserved 16
PHILOSOPHYCOURSE INTRODUCTION
A framework or
A template?
9/5/2010 © 2010 | All Rights Reserved 17
PHILOSOPHYCOURSE INTRODUCTION
• Framework– Implies knowledge– Understanding– Opinion with structure– Tested success– Focus on answers
• Template– Structure– Blank– White space– Openness– Focus on creation
9/5/2010 © 2010 | All Rights Reserved 18
FRAMEWORK VS. TEMPLATECOURSE INTRODUCTION
A. B. C.
Results, not effort.
9/5/2010 © 2010 | All Rights Reserved 19
PHILOSOPHYCOURSE INTRODUCTION
9/5/2010 © 2010 | All Rights Reserved 20
Be in it, to win it.COURSE INTRODUCTION
• Craft– Don’t be afraid to be messy– Don’t be afraid to fail– Don’t be afraid to let-go
• Working– Be prepared to be challenged /
Challenge yourself
• Tools– Learn, Experiment– Decide what works for you– Don’t re-invent the wheel– Your blog is your portfolio
• Evaluation– Critique Style– Quality of your solutions– Ability to follow frameworks
– Each Class Deliverable = 10%*8
– Participation in Social Network of AC4D =10 %
– Expert Mastery = 10%
9/5/2010 © 2010 | All Rights Reserved 21
EXPECTATIONSCOURSE INTRODUCTION
Be simple.Be bold.Have an opinion.
9/5/2010 © 2010 | All Rights Reserved 22
HOW TO BE SUCCESSFULCOURSE INTRODUCTION
9/5/2010 © 2010 | All Rights Reserved 23
Be simple. Be Bold. Have an opinion.COURSE INTRODUCTION
• Expert presentation from previous class• Introduction to new concept/theory/practice• Examples from real life
• Group discussion and Problem Exercise• Break / Review time
• Experimentation and Construction. • Critique
• Out of class exercise
9/5/2010 © 2010 | All Rights Reserved 24
CLASS STRUCTURECOURSE INTRODUCTION
• A laptop computer (we recommend an Apple Macbook Pro 13” or equivalent)
• Adobe CS4 (or higher) Photoshop, Illustrator, InDesign, After Effects• Microsoft Office 2007 (or higher)• A video camera (we recommend a Flip camera)• A still camera (we recommend Canon products)
9/5/2010 © 2010 | All Rights Reserved 25
REQUIRED TECHNOLOGYCOURSE INTRODUCTION
9/5/2010 © 2010 | All Rights Reserved 26
CLASSES OVERVIEW
• Quick Exercise– Grab 8 Sticky Notes– For each class, what is the one thing you hope to learn
9/5/2010 © 2010 | All Rights Reserved 27
INDIVIDUAL CLASSESCOURSE INTRODUCTION
01 Social Media
02 Visual Problem Solving
03 Story Telling Over Time
04 Creating Valuable Arguments
9/5/2010 © 2010 | All Rights Reserved 28
COURSE OVERVIEWCOURSE INTRODUCTION
05 WebFrameworks
06 Mobile Frameworks
07 Video Frameworks
08 Delivering the Pitch
Go!
9/5/2010 © 2010 | All Rights Reserved 29
CLASSES EXERCISECOURSE INTRODUCTION
01 Social Media
02 Visual Problem Solving
03 Story Telling Over Time
04 Creating Valuable Arguments
9/5/2010 © 2010 | All Rights Reserved 30
COURSE OVERVIEWCOURSE INTRODUCTION
05 WebFrameworks
06 Mobile Frameworks
07 Video Frameworks
08 Delivering the Pitch
The new transparent world –leveraging social media for prototyping
9/5/2010 © 2010 | All Rights Reserved 31
01 SOCIAL MEDIACOURSE INTRODUCTION
How to communicate business concepts through visual metaphors
9/5/2010 © 2010 | All Rights Reserved 32
02 VISUAL PROBLEM SOLVINGCOURSE INTRODUCTION
How can we tell a story to show temporal qualities of designw/ Ahmed Riaz
9/5/2010 © 2010 | All Rights Reserved 33
03 STORY TELLING THROUGH TIMECOURSE INTRODUCTION
Create a compelling story and a “reason to believe” in the idea.w/Joshua Baer
9/5/2010 © 2010 | All Rights Reserved 34
04 CREATING VALUABLE ARGUMENTSCOURSE INTRODUCTION
How to use illustrator and photoshop for web prototyping/wireframing
9/5/2010 © 2010 | All Rights Reserved 35
05 WEB FRAMEWORKSCOURSE INTRODUCTION
Develop best practices for mobile devices and learn how to prototype for the mobile world
9/5/2010 © 2010 | All Rights Reserved 36
06 MOBILE FRAMEWORKSCOURSE INTRODUCTION
Create a short video, leveraging learning from previous classes
9/5/2010 © 2010 | All Rights Reserved 37
07 VIDEO FRAMEWORKSCOURSE INTRODUCTION
Deliver your pitches.w/ Local Angels/VC’s
9/5/2010 © 2010 | All Rights Reserved 38
08 DELIVERING THE COMPLETE PICTURECOURSE INTRODUCTION
9/5/2010 © 2010 | All Rights Reserved 39
READINGS
9/5/2010 © 2010 | All Rights Reserved 40
ReadingsBOOKS
9/5/2010 © 2010 | All Rights Reserved 41
ORGANIZATION & DOCUMENTATION
• Tools are for making your life easier• Try different techniques• Don’t memorize everything, just know where to go• Use your network to your advantage• Share it!• Make it your own
9/5/2010 © 2010 | All Rights Reserved 42
OVERVIEWORGANIZATION & DOCUMENTATION
The web• Love your browser• Plugins• xMarks• Pintrist• vi.sualize.us• Behance• Basecamp• GoogleDocs• Lynda.com
Your Computer• Folder Management• File Management• Tagging• Organization• Pallets and process• Lightroom/Media
Management• Correct Software
Your life• Evernote• Onenote• Notepad• Paper• Calendar• Cadence
9/5/2010 © 2010 | All Rights Reserved 43
ToolsORGANIZATION & DOCUMENTATION
• Name the PPT for this class
• Tag this class lecture
9/5/2010 © 2010 | All Rights Reserved 44
EXERCISEORGANIZATION & DOCUMENTATION
It’s the one marked “final-finalA-1-jk”
9/5/2010 © 2010 | All Rights Reserved 45
EXERCISEORGANIZATION & DOCUMENTATION
What file name structure?What tags?
9/5/2010 © 2010 | All Rights Reserved 46
EXERCISEORGANIZATION & DOCUMENTATION
OverviewBest Practices
9/5/2010 © 2010 | All Rights Reserved 47
SOCIAL MEDIA
• Any media that exists in an accessible (digital) context• Social media only works with if there is a producer and a
consumer• Social media has cadence• Social media has syndication
9/5/2010 © 2010 | All Rights Reserved 48
WHAT IS SOCIAL MEDIA?SOCIAL MEDIA INTRODUCTION
Cadence & syndication
9/5/2010 © 2010 | All Rights Reserved 49
WHAT IS SOCIAL MEDIA?SOCIAL MEDIA INTRODUCTION
• To be truly “viral,” a product needs viral features built into it’s core that are working 24/7 to spread content and offers frequently include rewards – good, free content only goes so far.
• Viral means your product offers a bi-direction need.
9/5/2010 © 2010 | All Rights Reserved 50
WHAT IS VIRALITY?SOCIAL MEDIA INTRODUCTION
What’s a viral product/service?
9/5/2010 © 2010 | All Rights Reserved 51
WHAT IS SOCIAL MEDIA?SOCIAL MEDIA INTRODUCTION
• Social media can help with the following:– Awareness – Get the word out about announcements– Content generation – Utilize the crowd to develop rich content– Velocity – Drive people through twitter/facebook to buzz properties– Support – Have the crowd speak for you and support your brand– Adoption – Translate all of this into adoption, whether it be for support
(sharing with friends) or transaction (purchasing)
9/5/2010 © 2010 | All Rights Reserved 52
HOW SHOULD WE USE SOCIAL MEDIA?SOCIAL MEDIA INTRODUCTION
• Good social brands are:– Simple– Deep– Opinionated
• Some Examples:– AVC (Fred Wilson)– Lance Armstrong– Guy K– Josh Baer– Angry Paul Rand
9/5/2010 © 2010 | All Rights Reserved 53
YOUR SOCIAL BRANDSOCIAL MEDIA INTRODUCTION
• Good Blogs are:– Expert– Fresh– Unique– Branded
• Some Examples:– www.avc.com AVC (Fred Wilson)– http://thesartorialist.blogspot.com/– http://blog.signalnoise.com/– http://www.underconsideration.com/brandn
ew/– http://www.uncrate.com
• Different types:– Content Aggregator– Opinion– Display– Promotion
• Blog technologies:– Wordpress (What we’ll use)– Blogger– Tumblr– RSS Readers
• Cadence:– 1-5 New content posts a day– Additional 1-5 opinion/share posts a day– 1 weekly media post– Make post templates
• What’s your favorite blog?
9/5/2010 © 2010 | All Rights Reserved 54
BLOGSSOCIAL MEDIA INTRODUCTION
• Good Twitter is/has:– Opinion– Sharability– Cadence– Status– Search– Personality
• Bad Twitter is:– Jon Loyens– Your mom– That guy at the bar
• Different types:– Promotion– Status– Solicitation
• Something to try:– Twitter vs. Google
• Twitter technologies:– Twitter.com– Tweetdeck– Twitteriffic– Bit.ly, Ow.ly, et al
• Cadence:– 3 tweets a day/15 a week– Mix the types
• Who’s your favorite Twit?
9/5/2010 © 2010 | All Rights Reserved 55
TWITTERSOCIAL MEDIA INTRODUCTION
• Good Aggregation is/has:– Managed– Tagged– Open
• Some Examples:– http://www.behance.net/– http://vi.sualize.us/– http://digg.com/news– http://coolhunting.com/
• What do use it for?– Research– Understanding– Comparison
• Helpful aggregation tools– Browser Plugins– Media Plugins (like Flikr)– Lightroom– FlipBoard– Fludd
• Cadence:– As much as possible
• Who’s your favorite Aggregator?
9/5/2010 © 2010 | All Rights Reserved 56
AGGREGATIONSOCIAL MEDIA INTRODUCTION
• Social Networking is for:– Finding similarity– Creating mindshare– Testing– Diversity
• Different types:– Communication– Sharing– Updating– Inpromptu
• How should I use one?– Aggregation– Promotion– Connection– Community
• Social Networks– Facebook– Ning– Tumblr– Twitter– Linked IN
• Cadence:– Linked to your other social media
• Let’s be friends!
9/5/2010 © 2010 | All Rights Reserved 57
SOCIAL NETWORKSSOCIAL MEDIA INTRODUCTION
• Crowdsourcing is good for– Cheap labor– Baked ideas– Repetition– Testing
• Crowdsourcing is bad for– Quality– Innovation– Value
• Different types:– Specific– TurnKey– Networked
• Services– http://Virb.com– http://unbounce.com/– https://www.mturk.com/mturk/welcome– http://istock.com– http://crowdspring.com/ – http://www.ideabounty.com/– http://www.psd2html.com/
• What do you wish was crowdsourced?
9/5/2010 © 2010 | All Rights Reserved 58
SOURCING (CROWD/TECH)SOCIAL MEDIA INTRODUCTION
• Content Management is good for:– Stopping the pain– Leveraging a community– Gaining control/Organization
• Different types:– Organizational– Promotional– Hybrid
• How should I? – No rules– Find what works– Love your browser
• Useful Sites– http://pinterest.com/– http://www.stumbleupon.com/– http://flickr.com– http://vimeo.com– http://xmarks.com–
• Cadence:– Prioritize in Real time– Organize Weekly– Catalog Monthly
• Who’s your favorite organization tool?
9/5/2010 © 2010 | All Rights Reserved 59
MEDIA/CONTENT & ORGANIZATIONAL MANAGEMENTSOCIAL MEDIA INTRODUCTION
9/5/2010 © 2010 | All Rights Reserved 60
ACTIVITY 1. PROBLEM SELECTION & ASSIGNMENT
• Time to start developing your social brand• Good social brands are:
– Simple– Deep– Opinionated
• What will yours be?
9/5/2010 © 2010 | All Rights Reserved 61
ACTIVITY 1. YOUR NEW SOCIAL PROFILEPROBLEM & ACTIVITY
• Six Sticky Notes
• First three – Your three favorite things
• Second three – Your three biggest pet-peeves
9/5/2010 © 2010 | All Rights Reserved 62
WHAT’S YOUR PROBLEM? PROBLEM & ACTIVITY
9/5/2010 © 2010 | All Rights Reserved 63
ACTIVITY 1 REQUIREMENTS
• You’re required to:– Keep a blog (7 posts a week)– Tweet about it (14 tweets a week)– Post media and pictures (7 pieces of media)– Upload your weekly PGV online– Participate with others in and out of network– Create a following– Catalog others like you (people/content)– Go follow your classmates/professors
• You should:– Find a system that works for you– Try to find new things
9/5/2010 © 2010 | All Rights Reserved 64
ACTIVITY1 REQUIREMENTS
• You need to sign up for:– AC4D blog– Twitter– Vimeo/YouTube– Flickr– LinkedIn– Facebook
• Don’t forget:– File structure– Naming– Revisions– Tags
9/5/2010 © 2010 | All Rights Reserved 65
ACTIVITY1 REQUIREMENTS
And where does the newborn go from here? The net is vast and infinite.
9/5/2010 © 2010 | All Rights Reserved 66