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
630
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
690
CSS in the editor
tammielis
0
160
Global styles the story so far
tammielis
1
500
Dropped stitches and tangled yarn - a call to simplify WordPress
tammielis
1
800
Being Brave
tammielis
2
1.3k
Lessons from growing design in the open
tammielis
0
710
Thinking in patterns
tammielis
0
43
Design matters in open source
tammielis
1
460
Opportunity of Open Source
tammielis
0
440
Other Decks in Design
See All in Design
社内管理画面のデザインもプロダクトデザイン
takanorip
4
740
コラボレーションを小さくはじめ、大きく広める - 相互理解のためのデザイン&開発交流会, Friends of Figma Tokyo by Yasuhiro Yokota
yasuhiroyokota
2
1.2k
20231122_Design Leader Impact Award_Presentation_FAKE Okazaki
okazakityo
1
250
間違った「問い」を乗り越え ノベルティをプチバズりさせた話
takaikanako
0
1.2k
Sociotechnical design for software and human systems
xinyao
2
490
Wolf and the seven goatkids
_limex_
PRO
0
450
The Fight
euralisw
0
110
デザイナー向け会社紹介資料/company-profile-designer
nextbeat
1
870
今日から始めるDesignOpsのヒント
isaikaori
1
430
231206_Book-launch-event_kato
hjmkth
2
1.2k
データ活用に強い、伴走型デザインパートナー「DeC」紹介資料
hopin
0
190
Designship 2023|想いを可視化するデザインの力
weddingpark
0
240
Featured
See All Featured
Building an army of robots
kneath
300
41k
Building Applications with DynamoDB
mza
88
5.6k
Fireside Chat
paigeccino
21
2.6k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
221
21k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
357
22k
jQuery: Nuts, Bolts and Bling
dougneiner
59
7.1k
The World Runs on Bad Software
bkeepers
PRO
61
6.7k
Thoughts on Productivity
jonyablonski
58
3.8k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
17
1.4k
Designing on Purpose - Digital PM Summit 2013
jponch
110
6.5k
Debugging Ruby Performance
tmm1
70
11k
Navigating Team Friction
lara
178
13k
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