Slideshare.net (beta)

 
Post: 
Myspace Hi5 Friendster Xanga LiveJournal Facebook Blogger Tagged Typepad Freewebs BlackPlanet gigya icons

All comments

Add a comment on Slide 1

If you have a SlideShare account, login to comment; else you can comment as a guest


Showing 1-50 of 29 (more)

Designing For Hackability

From brianoberkirch, 11 months ago

Threading API thinking throughout your Web app.

3058 views  |  4 comments  |  27 favorites  |  281 downloads  |  7 embeds (Stats)
 

Tags

creative microformats hack applications web design commons web2 mashups creative commons

more

 
 

Groups / Events

 
Embed
options

More Info

This slideshow is Public
Total Views: 3058
on Slideshare: 2917
from embeds: 141

Slideshow transcript

Slide 1: Designing for Hackability

Slide 2: sr bna

Slide 3: What is scary?

Slide 4: Attention scarcity.

Slide 5: Web apps are the new screenplays.

Slide 7: The Internet is smarter than you are.

Slide 8: It’s ok if you’re not the Master of Your Domain.

Slide 9: Design the sandbox. Let them play.

Slide 10: via PeterMe

Slide 11: Co-create. Faster. More creative. Truer audience fit.

Slide 13: It’s a View Source world.

Slide 14: Mods signal intense user connection. Co-ownership. Health.

Slide 16: This will happen with or without you.

Slide 17: It already is.

Slide 18: scrAPIs

Slide 22: Users want to customize. View ads, or not. Shift time & place. Personal mash.

Slide 23: Internal team hacks for speed, creativity.

Slide 24: Other devs want to hack. Just because.

Slide 26: Not a Web site. A light-weight (like, really light) message delivery infrastructure.

Slide 28: 10x traffic from the API over the .com

Slide 29: Fan wikis. A good sign.

Slide 30: Some people are really, really into it.

Slide 32: Growth + diversity = new monetization options.

Slide 33: Initial site focused on destination search.

Slide 34: Current site promotes tools.

Slide 37: How can we make social networks more hackable? Portable? Efficient?

Slide 38: Social networking fatigue.

Slide 39: Don’t make me repeat myself. Profile information Friend networks. Preferences.

Slide 40: Could these sites work together?

Slide 41: We have the technology:

Slide 42: Small pieces. Loosely joined.

Slide 48: rel = “me”

Slide 50: One piece at a time.

Slide 51: So what tools do we have to work with?

Slide 52: Build on open platforms & standards.

Slide 53: Use microformats.

Slide 55: Set content free.

Slide 56: Think multi-modal. Widgetize.

Slide 57: Build, document and champion uses of your APIs.

Slide 58: Design hackable URLs.

Slide 59: Teach & model the behaviors you want.

Slide 60: Celebrate & nourish creative hacks.

Slide 61: Many thanks to: http://flickr.com/photos/ethomsen/42547012/ http://flickr.com/photos/mohawk/13599814/ http://flickr.com/photos/peterjlambert/97671748/ http://flickr.com/photos/eti-eti/697542248/ http://flickr.com/photos/grantneufeld/249572562/ http://flickr.com/photos/nez/381560748/ http://flickr.com/photos/technicolorcavalry/96348192/ http://flickr.com/photos/freudianslip/129612709/ http://flickr.com/photos/oskay/265899784/ http://www.flickr.com/photos/lantzilla/244589400/ http://www.flickr.com/photos/youngblog/904472102/ http://www.flickr.com/photos/nic/506055341/ http://www.flickr.com/photos/tcmhitchhiker/697631047/ http://www.flickr.com/photos/bru/129437516/ http://www.flickr.com/photos/sidehike/207826371/ http://www.flickr.com/photos/estherase/13553883/ http://www.flickr.com/photos/eole/380316678/ http://www.flickr.com/photos/factoryjoe/26967479/ http://www.flickr.com/photos/beija-flor/194900377/ http://www.flickr.com/photos/vj_pics/623553390/

Slide 62: brianoberkirch.com