designing for humans with buddypress

42
Date Designing for humans with BuddyPress By Tammie Lister

Upload: tammielister

Post on 14-May-2015

3.952 views

Category:

Design


0 download

DESCRIPTION

My WordCamp NL 2012 talk

TRANSCRIPT

Page 1: Designing for humans with BuddyPress

Date

Designing for humans with BuddyPress

By Tammie Lister

Page 2: Designing for humans with BuddyPress

Tammie ListerDesignerwww.logicalbinary.com

Page 3: Designing for humans with BuddyPress

What is a human?

Page 4: Designing for humans with BuddyPress

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

Page 5: Designing for humans with BuddyPress

Brain power

Page 6: Designing for humans with BuddyPress

2 brains for the price of one

2 brains 3 brains for the price of one

Conscious

Sub-conscious

Old brainMid brainNew brain

Survival, animal, safety decider, primal

Emotions, feeling, impulse

Language, speech, reading, cortex, thinking, planning

Susan M.Weinschenk Ph.D - Neuro Web Design

Page 7: Designing for humans with BuddyPress

We pay attention to 2-3 things at a time... no more

We are pre-wired to feel positive

: - )

Page 8: Designing for humans with BuddyPress

Robots + emotions = omgJust 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

Page 9: Designing for humans with BuddyPress

Emotions and needs

Page 10: Designing for humans with BuddyPress

Aarron Walter - ‘Designing for emotion’

-����������� ������������������  Physiological-����������� ������������������  Safety-����������� ������������������  Love����������� ������������������  and����������� ������������������  belonging-����������� ������������������  Esteem-����������� ������������������  Self����������� ������������������  actualisation-����������� ������������������  Self����������� ������������������  transcendence{Hierarchy of Needs

- Marlow

A human’s WordPress hooks

Hierarchy of needshttp://aarronwalter.com/

Manfred Max-Neef : http://en.wikipedia.org/wiki/Fundamental_human_needs

http://en.wikipedia.org/wiki/Maslow%27s_hierarchy_of_needs

Page 11: Designing for humans with BuddyPress

Create emotional responses

Page 12: Designing for humans with BuddyPress

Appeal to the 5 senses

Appeal to the 1 sense

Sight, Sound, Smell, Touch, Taste

Sight, Sound, Smell, Touch, Taste

Page 13: Designing for humans with BuddyPress

BuddyPress?

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

Page 14: Designing for humans with BuddyPress

BuddyPress?

Social networking in a box.

Activity StreamsUser GroupsMultisite BloggingFriend ConnectionsExtended ProfilesDiscussion ForumsPrivate MessagingUser Settings

=http://wordpress.org/extend/plugins/buddypress

Page 15: Designing for humans with BuddyPress

BuddyPress is social lego

Page 16: Designing for humans with BuddyPress

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

Page 17: Designing for humans with BuddyPress

Show some personality

Page 18: Designing for humans with BuddyPress

Date

Page 19: Designing for humans with BuddyPress

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/

Page 20: Designing for humans with BuddyPress

purplekecleon

Allow the Pokemon effect

Page 21: Designing for humans with BuddyPress

...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

Page 22: Designing for humans with BuddyPress

Achievements for BuddyPress

Let users show their badges with pride

http://plazaa.de/

http://achievementsapp.wordpress.com/

http://rockhaq.com

Page 23: Designing for humans with BuddyPress

Avoid user frustration

Page 24: Designing for humans with BuddyPress

Make joining easyMake leaving just as easy

http://leganerd.com/http://bettercodes.org/

http://wordpress.org/extend/plugins/oa-social-login/OA Social Login

Page 25: Designing for humans with BuddyPress

Date Create paths

Page 26: Designing for humans with BuddyPress

Breadcrumbs Everywhere

http://wordpress.org/extend/plugins/custom-admin-bar/

Custom Admin Bar

http://downsyndrome.com/

http://wordpress.org/extend/plugins/breadcrumbs-everywhere/

Page 27: Designing for humans with BuddyPress

Don’t hide your content

Page 28: Designing for humans with BuddyPress

http://rideoregonride.com/

http://www.hmag.com/

Make finding content easy

Page 29: Designing for humans with BuddyPress

Date Encourage connections

Page 30: Designing for humans with BuddyPress

Friending

Favourites

Groups

Use existing connectionshttp://wordpress.org/extend/plugins/invite-anyone/

Encourage connections

Page 31: Designing for humans with BuddyPress

\Show off your community

Page 32: Designing for humans with BuddyPress

http://solopracticeuniversity.com/

Testimonials

Page 33: Designing for humans with BuddyPress

http://ancestry24.com/

http://www.kitemap.it/http://www.beastsofwar.com/

Numbers and stats

Page 34: Designing for humans with BuddyPress

Allow communication

Page 35: Designing for humans with BuddyPress

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/

Page 36: Designing for humans with BuddyPress

Welcome Pack

Personalise the experience

Let users decide

http://wordpress.org/extend/plugins/welcome-pack/

http://commons.gc.cuny.edu/

Page 37: Designing for humans with BuddyPress

DateCreate safe havens

Page 38: Designing for humans with BuddyPress

BuddyPress Moderation

Shift.ms * Coming soon with BuddyPress

Be sensitive to your users

Encourage good citizens

http://wordpress.org/extend/plugins/bp-moderation/

Page 39: Designing for humans with BuddyPress

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’

Page 40: Designing for humans with BuddyPress

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/

Page 41: Designing for humans with BuddyPress

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/

Page 42: Designing for humans with BuddyPress

Thank you :)Tammie Lister

www.logicalbinary.com

Twitter : @karmatosed