Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Designing for communities with BuddyPress
Search
Tammie Lister
July 15, 2012
Design
850
4
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Designing for communities with BuddyPress
WordCamp Uk talk 2012 - Edinburgh
Tammie Lister
July 15, 2012
More Decks by Tammie Lister
See All by Tammie Lister
Growing the WordPress design system
tammielis
1
1.2k
CSS in the editor
tammielis
0
390
Global styles the story so far
tammielis
1
960
Dropped stitches and tangled yarn - a call to simplify WordPress
tammielis
1
1.4k
Being Brave
tammielis
2
1.8k
Lessons from growing design in the open
tammielis
0
1.2k
Thinking in patterns
tammielis
0
43
Design matters in open source
tammielis
1
910
Opportunity of Open Source
tammielis
0
750
Other Decks in Design
See All in Design
工房としてのAI ── デザイナー、作家、ビルダー
hiranotomoki
0
530
The decksh tutorial
ajstarks
1
100
Findy - デザインチーム紹介 / Findy Design Team Culture Deck
findyinc
14
150k
作品が生まれ続けるコミュニティデザイン ― 研究室でも会社でもないサードプレイス ― / designship26-iwaken
iwaken71
0
170
Rondo 1 Minute Short Storyboard
rezaline
0
120
Jun Wei Portfolio 2026
wjw100788
PRO
1
360
Bet AI Day 2026丨デザインハーネス:専門職の判断基準をコードのように運用する
layerx
PRO
6
7.4k
ポートフォリオ_あやの
ngyenmazt1412
0
2k
このスロップ時代に良きデザインをつくるには? / good-design-in-the-slop-era
kgsi
1
1.1k
AI-Slopなデザインを生まないためのデザインプロセス戦略
takanorip
10
6.3k
AI-DLC AI駆動開発ライフサイクルとAI-DLC Worlflows V2のご紹介
fatsushi
0
200
個人理念(自分の言葉)の言語化ワークショップ
kakukoki
1
420
Featured
See All Featured
What does AI have to do with Human Rights?
axbom
PRO
1
2.5k
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
apolaine
2
480
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.6k
Exploring anti-patterns in Rails
aemeredith
4
540
The agentic SEO stack - context over prompts
schlessera
0
970
[SF Ruby Conf 2025] Rails X
palkan
3
1.5k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1.6k
Reality Check: Gamification 10 Years Later
codingconduct
0
2.3k
Everyday Curiosity
cassininazir
0
360
How to train your dragon (web standard)
notwaldorf
96
6.9k
The Curious Case for Waylosing
cassininazir
1
570
Abbi's Birthday
coloredviolet
4
10k
Transcript
Designing for communities with BuddyPress Tammie Lister
www.logicalbinary.com or on Twitter @karmatosed Who am I?
com·mu·ni·ty/kəˈmyo͞onitē/ Noun: 1. A group of people living together in
one place, esp. one practicing common ownership: "a community of nuns". 2. All the people living in a particular area or place: "local communities"
Four elements of sense of community -McMillan & Chavis theory:
Membership attributes Influence Integration and fulfilment of needs Shared emotional connection http://en.wikipedia.org/wiki/Sense_of_community
RIBS Remuneration Influence Belonging Significance ‘Design to thrive’ - Tharen
Howard
Social network != Community
Why BuddyPress?
This is a HUGE subject - Examples of communities -
5 Principles of designing for communities
The Social Network : Facebook facebook.com
Summary profile headers
Timelines and Streams
The Game Community :World of warcraft eu.battle.net/wow/en/community/
Clear direction on front page
Gaming profiles are the gold standard
Gaming loves achievements
The niche : Ravelry ravelry.com
Tools that fit the community
Make finding help easy
One size doesn’t fit all
Kill the designer ego
5 Principles of designing for communities - Create safe havens
- Encourage engagement - Don’t cause headaches - Develop passionate users - Make sharing easy
Create safe havens
BuddyPress 1.6 brings profile field privacy!
The power of is_user_logged_in() <?php if ( is_user_logged_in() ) :
?> # # <?php do_action( 'bp_before_sidebar_me' ); ?> # # <div id="sidebar-me"> # # # <a href="<?php echo bp_loggedin_user_domain(); ?>"> # # # # <?php bp_loggedin_user_avatar( 'type=thumb&width=40&height=40' ); ?> # # # </a> # # # <h4><?php echo bp_core_get_userlink( bp_loggedin_user_id() ); ?></h4> # # # <a class="button logout" href="<?php echo wp_logout_url( wp_guess_url() ); ?>"><?php _e( 'Log Out', 'buddypress' ); ?></a> # # # <?php do_action( 'bp_sidebar_me' ); ?> # # </div> # # <?php do_action( 'bp_after_sidebar_me' ); ?> # # <?php if ( bp_is_active( 'messages' ) ) : ?> # # # <?php bp_message_get_notices(); /* Site wide notices to all users */ ?> # # <?php endif; ?> <?php else : ?> http://codex.wordpress.org/Function_Reference/is_user_logged_in
Shift.ms : Locking down areas of your site shift.ms
Engage : Be transparent about what can access swbhengage.com
Encourage engagement
Make it sticky! v
Hub pages Think of these like your site’s contents page
- your summary of all the content inside.
Feel The Yarn feeltheyarn.it
Hoboken Mommies hoboken.mommies247.com/
Rockhaq : The ‘fridge feature’ effect... rockhaq.com look ma !
Use with care. Techniques don’t equal community success. Don’t create
candy floss websites.
Gamification + Communities = +10 interaction ... the infusion of
game design techniques, game mechanics, and/or game style into anything. http://gamification.org/
Common techniques in Gamification ▪ achievements / badges ▪ levels
▪ leaderboards ▪ progress bars ▪ activity feeds ▪ avatars ▪ real-time feedback (notifier) ▪ virtual currency ▪ gifting ▪ challenges and quests ▪ trophy case ▪ embedding small mini games within other activities * Orange = Already in BuddyPress
Gamification 101 : Achievements c http://wordpress.org/extend/plugins/achievements/
Teen summer challenge teensummerchallenge.org/
Rockhaq rockhaq.com
Give users methods to interact with content 1
Plant the seed and let the community grow itself
Make sharing easy
Beer Credits : Making social easy beercredits.com
Ride Oregon Ride rideoregonride.com/rides
Don’t cause headaches
Lying in disasters causes more panic People need to know
good or bad fg
Keep people in the loop u
Not all people get along all the time...
Give ways for the community to police themselves http://wordpress.org/extend/plugins/bp-moderation/ e
Don’t frustrate - allow clear paths 7
Downsyndrome : Make joining and leaving easy downsyndrome.com
EEIF : Tell users what they get eeif.co.uk/membership
hMag Action bars give easy access h-mag.com
Solo Practice University : Lead your users solopracticeuniversity.com
Little Sketchers : Have a clear about page littlesketchers.com/learn-more
Develop passionate users
A sense of belonging is powerful 0
Startup Weekend : Show some personality startupweekend.org
Plazaa.de : Profiles as focal points plazaa.de/profil/poolie
Tasty Kitchen : Member lists and feature members tastykitchen.com/recipes/members
Enterprise Nation : Show off your numbers enterprisenation.com
Kitemap.it : Map your members kitemap.it
Shift.ms Have a strong identity shift.ms
5 Principles of designing for communities - Create safe havens
- Encourage engagement - Don’t cause headaches - Develop passionate users - Make sharing easy
Thank you for listening... any questions? Find me at logicalbinary.com
or on Twitter @karmatosed