IDSE103 COURSE OVERVIEW THE NEW TRANSPARENT WORLD ... · – Individual Class Overview – Readings...

Preview:

Citation preview

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

Presenter
Presentation Notes
Difference between philosophy and practice

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

Presenter
Presentation Notes
Corporate vs. Non Profit

9/5/2010 © 2010 | All Rights Reserved 20

Be in it, to win it.COURSE INTRODUCTION

Presenter
Presentation Notes
Andrew Hampsten - Wikipedia, the free encyclopedia Andy Hampsten caught the public eye in 1985, when he won stage 20 of the Giro ... His greatest moment came in the 1988 Giro d'Italia

• 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

Presenter
Presentation Notes
Break

• 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

Presenter
Presentation Notes
First three – Your three favorite things Second three – Your three biggest pet-peeves

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

Recommended