Stand Out!
Customize your institution’s social media presence
Social Media Round-up
✦ Twitter

✦ Facebook  fan pages & groups
✦ LinkedIn groups
✦ ustream channels

✦ YouTube partner ED...
Twitter: General design tips




      http://garmahis.com/tutorials/how-to-design-twitter-background
Twitter: Specs
✦ avatar

   ✦ 48-700KB

   ✦ JPEG,    GIF, PNG
   ✦ square

   ✦ upload   full-size, they’ll make thumbnail
Twitter: Specs
✦ Background image
   ✦ JPEG, GIF, PNG

   ✦ < 800KB
   ✦ 2048 (w) x 800 (h) pixels safe
Twitter: Specs




  http://tweetstyle.com/design-specs
Twitter: Specs




http://garmahis.com/tutorials/how-to-design-twitter-background
2      1
    Twitter




3
Twitter
✦ Profile design settings
   ✦ text

   ✦ links
   ✦ sidebar

   ✦ sidebar border
Twitter
  2       1




      3
Twitter: Putting it all together
Facebook
✦ FanPage
✦ Groups
Facebook Fan Page: SUNY Plattsburgh
Facebook Fan Page: SUNY Plattsburgh
Facebook Group: Emerson College Class of 2014
Facebook: Specs
✦ Profilepic (both Pages & Groups)
   ✦ max 4MB

   ✦ 200 (w) x 600 (h) pixels max
✦ Custom tabs

   ✦ Inst...
LinkedIn
✦ Groups
LinkedIn: Specs
✦ Group  logo
   ✦ PNG, JPEG, GIF

   ✦ max 100 KB
   ✦ 100x50 pixels

✦ Small logo

   ✦ PNG, JPEG, GIF
 ...
ustream.tv
ustream.tv
✦ "Your   Shows" > Info (Show logo) > Design
   ✦ change    background image
     ✦ 958    content window, float...
YouTube
YouTube
YouTube
✦ youtube.com/edu

✦ partnership/ non-profit status
✦ Sign-up form: http://tinyurl.com/yz3eud9
YouTube

✦ Profile
       pic (avatar)
   ✦ JPG, non-animated GIF, BMP, or PNG file

   ✦ 88x88   pixels square
   ✦ Maximum...
YouTube
YouTube
YouTube
flickr
✦ Buddy icon (profile & group pool)
   ✦ 48x48 pixels, readable shrunk to 24x24
Ning
✦ Onlinecommunity, similar to Facebook, more
 customization options
✦ Customize   header, background, CSS
Ning
Ning
Ning
Ning
Ning
Ning
Social Media Callouts
✦ BlueFuego recently released a 9-month review of
 Social Web Callouts in Higher Ed
   ✦ 63.2%  of s...
Social Media Callouts
✦ Oklahoma   Christian University: http://oc.edu
Social Media Callouts
✦ Princeton   University: http://princeton.edu
Questions?
Blog & Contact: http://rachelreuben.com
Slides: http://slideshare.net/rachelreuben
Twitter: http://twitter.com/...
Stand Out! Customize Your Institutions Sm Presence
Upcoming SlideShare
Loading in …5
×

Stand Out! Customize Your Institutions Sm Presence

2,277 views

Published on

UCDA Design Summit: Beyond Branding

We need designers to knock our social media presence out of the ballpark! Learn what can be customized (and what cannot) for your institution on sites such as Facebook, YouTube, Twitter, flickr, and on your blogs to make your educational institution stand out in the crowd.

Published in: Education, Technology, Business
1 Comment
4 Likes
Statistics
Notes
  • Some great info in here! Thanks so much.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
2,277
On SlideShare
0
From Embeds
0
Number of Embeds
437
Actions
Shares
0
Downloads
0
Comments
1
Likes
4
Embeds 0
No embeds

No notes for slide

Stand Out! Customize Your Institutions Sm Presence

  1. 1. Stand Out! Customize your institution’s social media presence
  2. 2. Social Media Round-up ✦ Twitter ✦ Facebook fan pages & groups ✦ LinkedIn groups ✦ ustream channels ✦ YouTube partner EDU channels ✦ flickr profiles & group pools ✦ Ning
  3. 3. Twitter: General design tips http://garmahis.com/tutorials/how-to-design-twitter-background
  4. 4. Twitter: Specs ✦ avatar ✦ 48-700KB ✦ JPEG, GIF, PNG ✦ square ✦ upload full-size, they’ll make thumbnail
  5. 5. Twitter: Specs ✦ Background image ✦ JPEG, GIF, PNG ✦ < 800KB ✦ 2048 (w) x 800 (h) pixels safe
  6. 6. Twitter: Specs http://tweetstyle.com/design-specs
  7. 7. Twitter: Specs http://garmahis.com/tutorials/how-to-design-twitter-background
  8. 8. 2 1 Twitter 3
  9. 9. Twitter ✦ Profile design settings ✦ text ✦ links ✦ sidebar ✦ sidebar border
  10. 10. Twitter 2 1 3
  11. 11. Twitter: Putting it all together
  12. 12. Facebook ✦ FanPage ✦ Groups
  13. 13. Facebook Fan Page: SUNY Plattsburgh
  14. 14. Facebook Fan Page: SUNY Plattsburgh
  15. 15. Facebook Group: Emerson College Class of 2014
  16. 16. Facebook: Specs ✦ Profilepic (both Pages & Groups) ✦ max 4MB ✦ 200 (w) x 600 (h) pixels max ✦ Custom tabs ✦ Install “static FBML” application: http://tinyurl.com/customfbtab ✦ More tips: http://tinyurl.com/fbpagetips
  17. 17. LinkedIn ✦ Groups
  18. 18. LinkedIn: Specs ✦ Group logo ✦ PNG, JPEG, GIF ✦ max 100 KB ✦ 100x50 pixels ✦ Small logo ✦ PNG, JPEG, GIF ✦ max 100 KB ✦ 60x30 pixels
  19. 19. ustream.tv
  20. 20. ustream.tv ✦ "Your Shows" > Info (Show logo) > Design ✦ change background image ✦ 958 content window, floats center ✦ See: Café New Paltz (ustream.tv/channel/cafe- new-paltz) - bg = 1950x1178 ✦ change design colors: background, box background, box border, bars, text, links, buttons, button text
  21. 21. YouTube
  22. 22. YouTube
  23. 23. YouTube ✦ youtube.com/edu ✦ partnership/ non-profit status ✦ Sign-up form: http://tinyurl.com/yz3eud9
  24. 24. YouTube ✦ Profile pic (avatar) ✦ JPG, non-animated GIF, BMP, or PNG file ✦ 88x88 pixels square ✦ Maximum file size is 256K ✦ Channel themes & colors
  25. 25. YouTube
  26. 26. YouTube
  27. 27. YouTube
  28. 28. flickr ✦ Buddy icon (profile & group pool) ✦ 48x48 pixels, readable shrunk to 24x24
  29. 29. Ning ✦ Onlinecommunity, similar to Facebook, more customization options ✦ Customize header, background, CSS
  30. 30. Ning
  31. 31. Ning
  32. 32. Ning
  33. 33. Ning
  34. 34. Ning
  35. 35. Ning
  36. 36. Social Media Callouts ✦ BlueFuego recently released a 9-month review of Social Web Callouts in Higher Ed ✦ 63.2% of schools have SWC's on site (n=1387): http://bit.ly/85KMRb http://bluefuego.com
  37. 37. Social Media Callouts ✦ Oklahoma Christian University: http://oc.edu
  38. 38. Social Media Callouts ✦ Princeton University: http://princeton.edu
  39. 39. Questions? Blog & Contact: http://rachelreuben.com Slides: http://slideshare.net/rachelreuben Twitter: http://twitter.com/rachelreuben

×