Go With the Flow :: Web Visions 2010, May20

Designing Social Experiences Go With The Flow erin malone :: web visions 2010

A little about me: erin malone @emalone

Agenda Engaging & Onboarding Bridging Real Life

flow: To move or run smoothly with unbroken continuity, as in the manner characteristic of a fluid. To exhibit a smooth or graceful continuity

Engaging & Onboarding

Initial Exposure Viral Spread Onboarding Education Registration “The Sell” First Time User Experience The Passionate Initial User Exposure Second Time User Experience Education Third Time “The Sell” User Experience Registration The new user spiral

diagram Joshua Porter Designing the Social Web bokardo.com The Usage Lifecycle

First Awareness

News articles, Direct facebook and twitter invitation shares Awareness

Good: Uses name in From Good: Uses full name for better recognition Bad: From is a company, Bad: Erin who? could be ltered as SPAM Optimizing email invitations

Good: Uses name in From Good: Uses photos to show familiarity and that this is not from a stranger Good: Large call to action button Optimizing email invitations

Education “The Sell”

Homepage - try before you buy

Homepage with large call to action

Header Sign In Awesome feature highlight Call to Action could rotate or be different for different users Take a Tour Secondary cool feature Feature Grid Feature X X X X Feature X X X X Feature X X X X Feature X X X X Anatomy of a Landing Page Feature

Feature X X X X Feature X X X X Feature X X X X Main feature points Far far away, behind the word mountains, far from the countries Vokalia and Far far away, behind the word mountains, far from the countries Vokalia and Far far away, behind the word mountains, far from the countries Vokalia and Call to Action Footer Anatomy of a Landing Page

Landing Page

Registration

Could be as simple as no sign up

Making it fun - DJ name

1 2 3 Keep it simple - 1. 2. 3.

Start the activities as part of the sign up process

Keep it simple - assign it to someone else

Onboarding

Ease in to the breadth. Offer one or two things to do

Build something as part of the sign up process

This list looks scary

The easiest activity is offered first

Suggest a list. One item is already crossed off.

Offer a tour of what to do first

2nd visit: Reflect back and offer another activity

Re-engagement

Introduce new features

Use social peer pressure - all the cool kids are here

Care and Feeding of the Passionate

Feature people & contributions prominently

New questions to flesh out profile offered each visit

Both system generated & community awarded Badges, points & high reputation, reward use & quality

Enter text here Badges, points & high reputation, reward use & quality

Share and share alike With some viral patterns totally stolen from a presentation by Christina Wodtke

B=f(P,E) Behavior is a function of a Person and his Environment

At hand

Tools for sharing are in prime real estate locations

Enter text here Tools for inviting are in prime real estate locations

Frictionless

The default errs on the side of the most viral option

Impactful

Email this Network / Newsfeed vs. consumer broadcaster consumer consumer consumer broadcaster consumer consumer consumer One to one consumer One to many

Email this Network / Newsfeed What’s your default?

Connectedness

Let users walk other peoples network to nd people they know Make recommendations once you have a piece of data to pivot on, like work or school Build on someone else’s social graph Carefully consider your method to jumpstart connections

DON’T A word about the Password Anti-Pattern

iLike Plaxo The Password Anti-Pattern

Bridging Real Life

Bridging real life: User and activity flow

Dashboard of relevant events to me + network

Encourage membership

Show me what my network is doing & where

Use community created content to entice new users

Give tools for planning

Combine mapping, shared photos & data

Creation of events by participants can be private or public

Calendar picker, reminders and event broadcasting

Use location tools to expand event plans

Show RSVPs from group and network

Mobile versions for impromptu location meetups

Combine mobile with web

Aggregate community information per location

Give people control over what is broadcast

Provide reasons to come back

Event page becomes a record of the event

Dashboard showing past events

Records past events monthly

Record of achievements collected at website

Personal stats dashboard

Compare my stats with others in my network

Conversations in forums, reviews & comments

Activity streams

Wrapup: Bridging real life activity flow

Initial Exposure Viral Spread Onboarding Education Registration “The Sell” First Time User Experience The Passionate Initial User Exposure Second Time User Experience Education Third Time “The Sell” User Experience Registration Wrapup: The new user spiral

Thanks erin @emalone available now! erin@tangible-ux.com http://www.designingsocialinterfaces.com

http://www.emdezine.com	158
http://www.slideshare.net	117
http://uxlabs.pl	35
http://blog.sxdsalon.org	3
http://paper.li	3
http://literaryhack.com	2
http://www.lmodules.com	2
http://safe.tumblr.com	1
http://translate.googleusercontent.com	1

Go With the Flow :: Web Visions 2010, May20

by erin malone on May 20, 2010

Accessibility

Categories

Upload Details

Usage Rights

9 Embeds 322

Statistics

Go With the Flow :: Web Visions 2010, May20 Presentation Transcript