Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Designing for communities with BuddyPress
Search
Tammie Lister
July 15, 2012
Design
4
830
Designing for communities with BuddyPress
WordCamp Uk talk 2012 - Edinburgh
Tammie Lister
July 15, 2012
Tweet
Share
More Decks by Tammie Lister
See All by Tammie Lister
Growing the WordPress design system
tammielis
1
1.1k
CSS in the editor
tammielis
0
340
Global styles the story so far
tammielis
1
860
Dropped stitches and tangled yarn - a call to simplify WordPress
tammielis
1
1.4k
Being Brave
tammielis
2
1.7k
Lessons from growing design in the open
tammielis
0
1.1k
Thinking in patterns
tammielis
0
43
Design matters in open source
tammielis
1
830
Opportunity of Open Source
tammielis
0
680
Other Decks in Design
See All in Design
Emmy's Artwork
mcksmith
0
200
From the Visible Crossroads: Turning Outputs into Outcomes
takaikanako
2
1.1k
Shaolin_Showdown
solmetts
0
290
「ツール」から「パートナー」へ。AI伴走時代のUXデザインとは?~操作を減らし、成果を最大にするための設計~
ncdc
0
120
公開スライド)熊本市様-電子申請中級編
garyuten
0
840
TUNAG BOOK 2024
stmn
PRO
0
1.4k
Crisp Code inc.|ブランドガイドライン - Brand guidelines
so_kotani
1
300
CREATIVE CLASS受講課題|無印良品を題材としたブランド再構築について
happy_ferret153
0
620
結びながら、ひらく - にじむ境界のデザイン
hilokifigma
3
1.4k
AIスライドデザインを生成する仕組みを社内共有する
kenichiota0711
5
4.2k
Connpass-Xperia_Camera_App_by_HCD.pdf
sony
0
490
kintone_aroma
kintone
0
1.4k
Featured
See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.4k
AI: The stuff that nobody shows you
jnunemaker
PRO
2
270
The Art of Programming - Codeland 2020
erikaheidi
57
14k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
tammyeverts
2
200
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
davidcarrasco
1
57
GitHub's CSS Performance
jonrohan
1032
470k
Test your architecture with Archunit
thirion
1
2.2k
Practical Orchestrator
shlominoach
191
11k
The Invisible Side of Design
smashingmag
302
51k
Highjacked: Video Game Concept Design
rkendrick25
PRO
1
290
Marketing Yourself as an Engineer | Alaka | Gurzu
gurzu
0
130
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
62
50k
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