Go With the Flow :: Web Visions 2010, May20
Upcoming SlideShare
Loading in...5
×
 

Go With the Flow :: Web Visions 2010, May20

on

  • 4,993 views

Go With the Flow talk given May 20, 2010. Covers user flows for engagement and onboarding and bridging real life.

Go With the Flow talk given May 20, 2010. Covers user flows for engagement and onboarding and bridging real life.

Statistics

Views

Total Views
4,993
Views on SlideShare
4,656
Embed Views
337

Actions

Likes
15
Downloads
109
Comments
0

10 Embeds 337

http://www.emdezine.com 168
http://www.slideshare.net 117
http://uxlabs.pl 39
http://paper.li 3
http://blog.sxdsalon.org 3
http://www.lmodules.com 2
http://literaryhack.com 2
http://translate.googleusercontent.com 1
http://safe.tumblr.com 1
http://home.jolidev.com 1
More...

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

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

  • Designing Social Experiences Go With The Flow erin malone :: web visions 2010
  • A little about me: erin malone @emalone
  • A little about me: erin malone @emalone
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • Landing Page
  • Registration
  • Could be as simple as no sign up
  • Could be as simple as no sign up
  • Making it fun - DJ name
  • Making it fun - DJ name
  • 1 2 3 Keep it simple - 1. 2. 3.
  • Start the activities as part of the sign up process
  • Start the activities as part of the sign up process
  • Keep it simple - assign it to someone else
  • Keep it simple - assign it to someone else
  • Onboarding
  • Ease in to the breadth. Offer one or two things to do
  • 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
  • The easiest activity is offered first
  • Suggest a list. One item is already crossed off.
  • 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
  • 2nd visit: Reflect back and offer another activity
  • Re-engagement
  • Introduce new features
  • Introduce new features
  • Use social peer pressure - all the cool kids are here
  • 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
  • Tools for sharing are in prime real estate locations
  • Tools for sharing are in prime real estate locations
  • Tools for sharing are in prime real estate locations
  • Enter text here Tools for inviting 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
  • The default errs on the side of the most viral option
  • The default errs on the side of the most viral option
  • 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
  • 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
  • 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