$30 off During Our Annual Pro Sale. View Details »

Design for humans with BuddyPress

Design for humans with BuddyPress

WordCamp Netherlands 2012 talk.

Tammie Lister

May 03, 2012
Tweet

More Decks by Tammie Lister

Other Decks in Design

Transcript

  1. Date
    Designing for humans
    with BuddyPress
    By Tammie Lister

    View Slide

  2. Tammie Lister
    Designer
    www.logicalbinary.com

    View Slide

  3. What is a human?

    View Slide

  4. hu·man·i·ty   [hyoo-man-i-tee or, often, yoo-]
    noun, plural -ties.
    1. all human beings collectively; the human race; humankind.
    2.the quality or condition of being human; human nature.
    3.the quality of being humane; kindness; benevolence.
    Humans have a highly developed brain and
    are capable of abstract reasoning,
    language, introspection, and problem
    solving. This mental capability, combined
    with an erect body carriage that frees the
    hands for manipulating objects, has
    allowed humans to make far greater use of
    tools than any other living species on Earth.
    Other higher-level thought processes of
    humans, such as self-awareness,
    rationality, and sapience,are considered to
    be defining features of what constitutes a
    "person"
    - Wikipedia
    - Dictionary.reference.com

    View Slide

  5. Brain power

    View Slide

  6. 2 brains for the price of one
    2 brains 3 brains for the price of one
    Conscious
    Sub-conscious
    Old brain
    Mid brain
    New brain
    Survival, animal, safety decider, primal
    Emotions, feeling, impulse
    Language, speech, reading, cortex, thinking, planning
    Susan M.Weinschenk Ph.D - Neuro Web Design

    View Slide

  7. We pay attention to 2-3 things
    at a time... no more
    We are pre-wired to feel
    positive
    : - )

    View Slide

  8. Robots + emotions = omg
    Just what do you think you're doing, Dave?
    - Hal
    I am not malfunctioning, you are
    - Hector
    Life don’t talk to me about life
    - Marvin
    Human != Robot

    View Slide

  9. Emotions and needs

    View Slide

  10. Aarron Walter - ‘Designing for emotion’
    -

    View Slide

  11. Create emotional responses

    View Slide

  12. Appeal to the 5 senses
    Appeal to the 1 sense
    Sight, Sound, Smell, Touch, Taste
    Sight, Sound, Smell, Touch, Taste

    View Slide

  13. BuddyPress?
    Humans are naturally social.
    We believe in safety in numbers.
    We have an inbuilt campfire ethos.

    View Slide

  14. BuddyPress?
    Social networking in a box.
    Activity Streams
    User Groups
    Multisite Blogging
    Friend Connections
    Extended Profiles
    Discussion Forums
    Private Messaging
    User Settings
    =
    http://wordpress.org/extend/plugins/buddypress

    View Slide

  15. BuddyPress is social lego

    View Slide

  16. Rules for community design
    Rule Two : Let the community guide you
    Rule Five : Try
    Rule One : Build up don’t fall down
    Rule Three : Find the choice balance
    Rule Four : Learn to let go

    View Slide

  17. Show some personality

    View Slide

  18. Date

    View Slide

  19. BuddyPress Rate Forum Posts
    BuddyPress like button
    Encourage ‘userscaping’
    BP Bookmarklet
    Love it plugin tutorial
    http://wordpress.org/extend/plugins/bp-bookmarklet
    http://wordpress.org/extend/plugins/buddypress-rate-forum-posts/
    http://byotos.com/2011/12/19/bp-labs-you-may-like-this
    http://pippinsplugins.com/write-a-love-it-plugin-with-ajax/

    View Slide

  20. purplekecleon
    Allow the Pokemon effect

    View Slide

  21. ...collections often can be justified on the basis of their aesthetic/
    emotional value, or monetary value, or both.
    Dopamine plays a major role in the brain system
    that is responsible for reward-driven learning.
    brain.oxfordjournals.org

    View Slide

  22. Achievements for BuddyPress
    Let users show their badges
    with pride
    http://plazaa.de/
    http://achievementsapp.wordpress.com/
    http://rockhaq.com

    View Slide

  23. Avoid user frustration

    View Slide

  24. Make joining easy
    Make leaving just as easy
    http://leganerd.com/
    http://bettercodes.org/
    http://wordpress.org/extend/plugins/oa-social-login/
    OA Social Login

    View Slide

  25. Date
    Create paths

    View Slide

  26. Breadcrumbs Everywhere
    http://wordpress.org/extend/plugins/custom-admin-bar/
    Custom Admin Bar
    http://downsyndrome.com/
    http://wordpress.org/extend/plugins/breadcrumbs-everywhere/

    View Slide

  27. Don’t hide your content

    View Slide

  28. http://rideoregonride.com/
    http://www.hmag.com/
    Make finding content easy

    View Slide

  29. Date
    Encourage connections

    View Slide

  30. Friending
    Favourites
    Groups
    Use existing connections
    http://wordpress.org/extend/plugins/invite-anyone/
    Encourage connections

    View Slide

  31. \
    Show off your community

    View Slide

  32. http://solopracticeuniversity.com/
    Testimonials

    View Slide

  33. http://ancestry24.com/
    http://www.kitemap.it/
    http://www.beastsofwar.com/
    Numbers and stats

    View Slide

  34. Allow communication

    View Slide

  35. BuddyPress Activity Plus
    Messaging and Forums
    Social activity and profiles
    Encourage interactions
    BuddyStream: http://buddystream.net
    Sharing
    http://wordpress.org/extend/plugins/buddypress-activity-plus/

    View Slide

  36. Welcome Pack
    Personalise the experience
    Let users decide
    http://wordpress.org/extend/plugins/welcome-pack/
    http://commons.gc.cuny.edu/

    View Slide

  37. Date
    Create safe havens

    View Slide

  38. BuddyPress Moderation
    Shift.ms * Coming soon with BuddyPress
    Be sensitive to your users
    Encourage good citizens
    http://wordpress.org/extend/plugins/bp-moderation/

    View Slide

  39. Profile field privacy rolled into core
    http://bpdevel.wordpress.com/2012/03/16/profile-field-visibility-in-bp-1-6/
    BuddyPress 1.6 brings ‘visibility’

    View Slide

  40. Discover the sites:
    http://www.hmag.com/
    http://commons.gc.cuny.edu/
    http://shift.ms/ * Coming soon with BuddyPress
    http://ancestry24.com/
    http://solopracticeuniversity.com/
    http://www.kitemap.it/
    http://rideoregonride.com/
    http://www.beastsofwar.com/
    http://downsyndrome.com/
    http://leganerd.com/
    http://bettercodes.org/ http://rockhaq.com
    http://plazaa.de/
    http://culturadigital.br/
    http://helloecoliving.com/
    http://irrationalgames.com/
    http://littlesketchers.com/

    View Slide

  41. Discover the plugins:
    http://wordpress.org/extend/plugins/bp-moderation/
    http://wordpress.org/extend/plugins/welcome-pack/
    http://buddystream.net/
    http://wordpress.org/extend/plugins/buddypress-activity-plus/
    http://wordpress.org/extend/plugins/breadcrumbs-everywhere/
    http://achievementsapp.wordpress.com/
    http://pippinsplugins.com/write-a-love-it-plugin-with-ajax/
    http://byotos.com/2011/12/19/bp-labs-you-may-like-this/
    http://wordpress.org/extend/plugins/buddypress-rate-forum-posts/
    http://wordpress.org/extend/plugins/invite-anyone/
    http://wordpress.org/extend/plugins/oa-social-login/
    http://wordpress.org/extend/plugins/bp-bookmarklet/
    http://wordpress.org/extend/plugins/custom-admin-bar/

    View Slide

  42. Thank you :)
    Tammie Lister
    www.logicalbinary.com
    Twitter : @karmatosed

    View Slide