43
Designing Social Interfaces IxDA LA July 10, 2013 Christian Crumlish Director of Product, CloudOn

Designing Social Interfaces - IxDA LA meetup, July 10, 2013

Embed Size (px)

DESCRIPTION

As we use social tools on the web, design patterns are emerging. Social design must be organic, not static, emotional, not data-driven. A social experience builds on relationships, not transactions.

Citation preview

Page 1: Designing Social Interfaces - IxDA LA meetup, July 10, 2013

Designing Social InterfacesIxDA LA July 10, 2013

Christian Crumlish Director of Product, CloudOn

Page 2: Designing Social Interfaces - IxDA LA meetup, July 10, 2013

Five principles

Page 3: Designing Social Interfaces - IxDA LA meetup, July 10, 2013

Pave the cowpaths

Page 4: Designing Social Interfaces - IxDA LA meetup, July 10, 2013

Dogster started as a photosharing service. Shifted focus to pets once company saw

people were primarily uploading pics and talking about their dogs.

Page 5: Designing Social Interfaces - IxDA LA meetup, July 10, 2013

Talk like a person

Page 6: Designing Social Interfaces - IxDA LA meetup, July 10, 2013

Do you want to talk to your customers like this?

Or like this?

Page 7: Designing Social Interfaces - IxDA LA meetup, July 10, 2013

How to talk like a person

Conversational VoiceSelf-Deprecating Error MessagesAsk QuestionsYour vs. MyNo Joking Around

Page 8: Designing Social Interfaces - IxDA LA meetup, July 10, 2013

Be open: Play well with others

Page 9: Designing Social Interfaces - IxDA LA meetup, July 10, 2013

Embrace open standardsShare data outside of the bounds of your applicationAccept external data within the sphere of your applicationSupport two-way interoperability

Page 10: Designing Social Interfaces - IxDA LA meetup, July 10, 2013

Learn from games

Page 11: Designing Social Interfaces - IxDA LA meetup, July 10, 2013

Learn from games

What are Game Mechanics?

The systems and features that make games fun, compelling and addictive.~Amy Jo Kim

Page 12: Designing Social Interfaces - IxDA LA meetup, July 10, 2013

Respect the ethical dimension

Page 13: Designing Social Interfaces - IxDA LA meetup, July 10, 2013

Respect the ethical dimension

Some of the forces that must be balanced, to apply many of these patterns, involve ethical dilemmas

Page 14: Designing Social Interfaces - IxDA LA meetup, July 10, 2013

Five Principles

Pave the CowpathsTalk Like a PersonLeverage Openness Where PossibleLearn from GamesRespect the Ethical Dimension

Page 15: Designing Social Interfaces - IxDA LA meetup, July 10, 2013

Social patterns

Page 16: Designing Social Interfaces - IxDA LA meetup, July 10, 2013

The Ecosystem

Page 17: Designing Social Interfaces - IxDA LA meetup, July 10, 2013

Give people a way to be identified

Page 18: Designing Social Interfaces - IxDA LA meetup, July 10, 2013

Aspects of the Self

Page 19: Designing Social Interfaces - IxDA LA meetup, July 10, 2013

Pattern example: User Cards

Identity doesn’t alway have to manifest itself in a complicated or robust profile.

Page 20: Designing Social Interfaces - IxDA LA meetup, July 10, 2013

Make sure there is a “there” there.

What’s your social object?

Page 21: Designing Social Interfaces - IxDA LA meetup, July 10, 2013

Give people something to do

Page 22: Designing Social Interfaces - IxDA LA meetup, July 10, 2013

Activities involving objects

Page 23: Designing Social Interfaces - IxDA LA meetup, July 10, 2013

Activities involving objects

Collecting, Ratings, Reviews

Tagging

Sharing

Labels, ratings, reviews,

levels

Page 24: Designing Social Interfaces - IxDA LA meetup, July 10, 2013

Activities lead to Relationships

...not the other way around!

Page 25: Designing Social Interfaces - IxDA LA meetup, July 10, 2013

Connections & Community

Page 26: Designing Social Interfaces - IxDA LA meetup, July 10, 2013

Enable a bridge to real life

Page 27: Designing Social Interfaces - IxDA LA meetup, July 10, 2013

Bridging Real Life

Page 28: Designing Social Interfaces - IxDA LA meetup, July 10, 2013

Taking it offline

Geo-Mobile

Face-to-face meeting

Page 29: Designing Social Interfaces - IxDA LA meetup, July 10, 2013

Let the community elevate people & content they value

Gently moderate

Page 30: Designing Social Interfaces - IxDA LA meetup, July 10, 2013

Five Practices

Enable People to Control Their Own IdentitySocial Networks Need Social ObjectsGive People Something to DoBridge to Real Life (and Back)Community Self-Governance, Gentle Moderation

Page 31: Designing Social Interfaces - IxDA LA meetup, July 10, 2013

Anti-patterns

Page 32: Designing Social Interfaces - IxDA LA meetup, July 10, 2013

Cargo Cult

Page 33: Designing Social Interfaces - IxDA LA meetup, July 10, 2013

Cargo Cult

Page 34: Designing Social Interfaces - IxDA LA meetup, July 10, 2013

Cargo Cult

Page 35: Designing Social Interfaces - IxDA LA meetup, July 10, 2013

Don’t break email

Page 36: Designing Social Interfaces - IxDA LA meetup, July 10, 2013

Don’t break email

Facebook breaks email since you can’t reply to messages that arrive in the inbox.Basecamp allows people to reply as they are accustomed to and the message goes back into the stream on the site.

Page 37: Designing Social Interfaces - IxDA LA meetup, July 10, 2013

The Password Anti-Pattern

iLike

Plaxo

Page 38: Designing Social Interfaces - IxDA LA meetup, July 10, 2013

The Password Anti-Pattern

yelp

Page 39: Designing Social Interfaces - IxDA LA meetup, July 10, 2013

The Ex-boyfriend bug

Page 40: Designing Social Interfaces - IxDA LA meetup, July 10, 2013

Potemkin Village

Page 41: Designing Social Interfaces - IxDA LA meetup, July 10, 2013

Five Anti-Patterns

Cargo Cult DesignBreaking the Email TubesThe Password Anti-PatternEx-Boyfriend BugPotemkin Village Anti-Pattern

Page 42: Designing Social Interfaces - IxDA LA meetup, July 10, 2013

Questions?

Page 43: Designing Social Interfaces - IxDA LA meetup, July 10, 2013

43|

Thanks!

christian crumlishdirector of product, [email protected]@mediajunkie mediajunkie.comdesigningsocialinterfaces.com