Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
DESIGNING FOR SOCIAL 
MEDJOIRAD ASNH KAASRTIENLEGR
BENEFITS OF CONTENT PRESENTATION 
• Credibility & Authority 
Proprietary, Confidential Information & Ideation Owned by Red...
CONTENT STRUCTURE FOR 
SHARABILITY
CONTENT STRUCTURE FOR SHARABILITY 
• Topics & Keywords 
• Titles 
• Headings 
• Visuals 
• Layout 
• Length 
• Lists 
• Co...
TOPICS & KEYWORDS 
• Don’t make keywords obviously stuffed or overly repetitive. 
• Keywords in the title are the most imp...
TITLES 
• Capture’s a reader’s interest and announces the content’s main layout and 
Proprietary, Confidential Information...
HEADINGS 
• Create Visual Hierarchy with Headers and Sub-headers. 
• Differentiates headers from body text. 
• Plays a hug...
VISUALS 
• Break up the content. 
• Make it easier to read. 
• Help explain key points in a different way. 
• Simplify com...
LAYOUT @JordanKasteler 
Proprietary, Confidential Information & Ideation Owned by Red Door Interactive
Proprietary, Confidential Information & Ideation Owned by Red Door Interactive 
LENGTH 
• Try not to focus on word count a...
LISTS 
• Can bring catchy titles. 
• Break up the information in a way that makes the content seem shorter than it 
@Jorda...
KEY POINTS 
• The top of the content, should have the most 
important information there to drive your main point 
across. ...
KEY POINTS 
• Use Short Sentences. Long phrases tend to bore the reader and make them 
lose focus. By reading shorter sent...
CONTENT STYLING FOR 
SHARABILITY
CONTENT STYLING FOR SHARABILITY 
• Fonts & Word Styling 
• Spacing 
• Colors 
• Borders & Boxes 
• Consistency 
• Social S...
FONTS & WORD STYLING 
• Use bold, CAPITALS, italics, and underlining to emphasize points. 
Proprietary, Confidential Infor...
FONTS & WORD STYLING 
• Use a serif font to improve comprehension. 
• 12-point fonts improve read time in body 
Proprietar...
SPACING 
• Line Height - the space between individual lines of text. 
@JordanKasteler 
– Too short will cause users to squ...
COLORS 
• Light background and dark body text. 
• Good contrasts will make text easy on the eyes, easy to scan quickly, an...
BORDERS & BOXES 
• Borders and boxes around quotes and key points can get the attention of 
Proprietary, Confidential Info...
CONSISTENCY 
• Maintaining consistency throughout a piece of content can be often overlooked 
@JordanKasteler 
and can mak...
SOCIAL SHARING 
• Limit options to 2 or 3. 
• Consider testing scrolling social buttons. 
• Make it easy to share. 
• Make...
SOCIAL SHARING @JordanKasteler 
Proprietary, Confidential Information & Ideation Owned by Red Door Interactive
MOBILE SHARING 
• 60% of time on the Internet is on mobile devices. 
• Response design is critical to social sharing. 
• L...
MOBILE SOCIAL SHARING @JordanKasteler 
• Social Media Data 
Proprietary, Confidential Information & Ideation Owned by Red ...
CLICK TO EDIT 
§ [Content] 
o hsa 
• Hsaj 
QUESTIONS? 
– Dhsjhas 
§ dshaj 
COMMENTS? THOUGHTS? 
Proprietary, Confidentia...
Upcoming SlideShare
Loading in …5
×

Designing For Social Media Sharing Jordan Kasteler

6,097 views

Published on

From the SMX Social Media Marketing Conference in Las Vegas, Nevada, November 18-20, 2014. SESSION: Designing For Social Media Sharing. PRESENTATION: Designing For Social Media - Given by Jordan Kasteler, @JordanKasteler of @RedDoor. #SMX #22B

Published in: Social Media
  • Be the first to comment

Designing For Social Media Sharing Jordan Kasteler

  1. 1. DESIGNING FOR SOCIAL MEDJOIRAD ASNH KAASRTIENLEGR
  2. 2. BENEFITS OF CONTENT PRESENTATION • Credibility & Authority Proprietary, Confidential Information & Ideation Owned by Red Door Interactive – Pre-Judgement • Increased Engagement – Decreased Bounce Rate • Increased Visibility – Social Shares – Links • Search Result CTR – Visual Search Engines (Google Instant Preview is Dead) • Portability – Mobile Phone – Tablet – Wearable Device @JordanKasteler
  3. 3. CONTENT STRUCTURE FOR SHARABILITY
  4. 4. CONTENT STRUCTURE FOR SHARABILITY • Topics & Keywords • Titles • Headings • Visuals • Layout • Length • Lists • Copy & Key Points @JordanKasteler Proprietary, Confidential Information & Ideation Owned by Red Door Interactive
  5. 5. TOPICS & KEYWORDS • Don’t make keywords obviously stuffed or overly repetitive. • Keywords in the title are the most important. • Including relevant keywords within content is great for SEO. However, remember @JordanKasteler that content should be geared towards creating content for the reader, not the search engines. Proprietary, Confidential Information & Ideation Owned by Red Door Interactive Keyword-Based Optimization Optimization Action: Incorporate keyword “XYZ” into page copy and important on-page elements. Intent-Based Optimization Optimization Action: Identify the primary topics and questions users are looking to answer when searching for “XYZ” and create content to address the user’s needs on the targeted landing page.
  6. 6. TITLES • Capture’s a reader’s interest and announces the content’s main layout and Proprietary, Confidential Information & Ideation Owned by Red Door Interactive subject. • Create curiosity & tap into emotions. • Set expectations (WIIFM). • Can elicit clicks, votes, and shares on their own. • Try using titles that are controversial or make seemingly impossible connections between two things. • 10 Most Popular Videos That Shouldn’t Be Famous • How Star Wars is Like Good SEO @JordanKasteler
  7. 7. HEADINGS • Create Visual Hierarchy with Headers and Sub-headers. • Differentiates headers from body text. • Plays a huge part in how scannable a layout is. • Keep them short, a maximum length of 4-8 words is ideal. @JordanKasteler Proprietary, Confidential Information & Ideation Owned by Red Door Interactive
  8. 8. VISUALS • Break up the content. • Make it easier to read. • Help explain key points in a different way. • Simplify complex concepts and information. • Gain readers attention, while content assures you keep it. • Make sure that the images actually enhance the content or the story being told. • Centered on their own horizontal line vs competing with content length. @JordanKasteler Proprietary, Confidential Information & Ideation Owned by Red Door Interactive
  9. 9. LAYOUT @JordanKasteler Proprietary, Confidential Information & Ideation Owned by Red Door Interactive
  10. 10. Proprietary, Confidential Information & Ideation Owned by Red Door Interactive LENGTH • Try not to focus on word count alone. • Keep content at 800-2,000 words, depending on the specificity of the topic and the industry. – Ideal length is 1,600 words or 7 minutes. – For example, technology-related industry content will be more in-depth and usually longer than content focused around the entertainment industry, especially celebrity gossip or movie trivia. • Break up your content into sections to make long content seem shorter. • Explain each key idea or section as succinctly as possible while also being thorough. • Include examples but make every sentence count. @JordanKasteler
  11. 11. LISTS • Can bring catchy titles. • Break up the information in a way that makes the content seem shorter than it @JordanKasteler Proprietary, Confidential Information & Ideation Owned by Red Door Interactive is. • Summarize with bullets and lists. • Readers will understand your message much more clearly if it’s separated into single elements. • Content with bullet point lists in them get linked to and shared more than similar length posts written in the form of an essay style. – Have no more than 9 items in a single list. – Keep lists to a maximum of 2 levels. – Use numbered lists where the order of entries is important. – Use bullet point lists where the sequence of entries isn’t important. – Ensure each list is introduced by at least one line of text.
  12. 12. KEY POINTS • The top of the content, should have the most important information there to drive your main point across. – Don’t wait until the end of the post to make your Proprietary, Confidential Information & Ideation Owned by Red Door Interactive main point. • The middle is additional information that supports your main points and adds additional value to it. • The bottom of the content is the nice-to-have section. This should be reserved for the people who are very into the subject matter and want to digest any additional piece of insight or content you have on the subject. Following the inverted pyramid method, you can see how this would look visually in a piece of content. @JordanKasteler
  13. 13. KEY POINTS • Use Short Sentences. Long phrases tend to bore the reader and make them lose focus. By reading shorter sentences, the brain has more time to relax and process the information. • Use Short Paragraphs. Social media users tend to get lost in large blocks of text. Break long paragraphs down into shorter points and your post is much more likely to be read in its entirety. • One Idea Per Paragraph. Split the blog post into paragraphs and concentrate Proprietary, Confidential Information & Ideation Owned by Red Door Interactive on one point per paragraph. @JordanKasteler
  14. 14. CONTENT STYLING FOR SHARABILITY
  15. 15. CONTENT STYLING FOR SHARABILITY • Fonts & Word Styling • Spacing • Colors • Borders & Boxes • Consistency • Social Sharing • Mobile Sharing @JordanKasteler Proprietary, Confidential Information & Ideation Owned by Red Door Interactive
  16. 16. FONTS & WORD STYLING • Use bold, CAPITALS, italics, and underlining to emphasize points. Proprietary, Confidential Information & Ideation Owned by Red Door Interactive • Use sparingly. • Use a bigger font size for body copy (no less than 11pt) • Top 50 blogs use: Verdana, Lucida Grande, Arial, and Georgia (serif) • Headline font size between 17px and 25px work best • Top 50 blogs use: Arial and Georgia @JordanKasteler
  17. 17. FONTS & WORD STYLING • Use a serif font to improve comprehension. • 12-point fonts improve read time in body Proprietary, Confidential Information & Ideation Owned by Red Door Interactive content. • Limit number of fonts on a page. • Make sure they complement each other. • Use basic fonts. • Perception is key to trustworthiness. • College essays written Trebuchet (sans-serif) received lower grades on average than serif fonts Georgia and Times. @JordanKasteler
  18. 18. SPACING • Line Height - the space between individual lines of text. @JordanKasteler – Too short will cause users to squint. – Too tall, the text will seem like separate bodies instead of grouped together as one. • Letter Spacing - the space between each letter in words. – In print layout, negative letter spacing is a common technique to add a more fun feel to the layout, but it should never be used in body text. • Line Length - the number of words per line. – Allows the reader’s eyes to flow from the end of one line to the beginning of the next very easily and naturally. This largely depends on your current site layout. – Ideal width of a paragraph is 40-55 characters or 8-11 words. • White Space - helps to offset large amounts of text and helps the user’s eyes flow through the text. It also provides separation between elements in the layout, including graphics and text. Proprietary, Confidential Information & Ideation Owned by Red Door Interactive
  19. 19. COLORS • Light background and dark body text. • Good contrasts will make text easy on the eyes, easy to scan quickly, and Proprietary, Confidential Information & Ideation Owned by Red Door Interactive overall more readable. • Poor contrast will force the user to squint and make reading the body text almost painful, not to mention a lot slower. @JordanKasteler
  20. 20. BORDERS & BOXES • Borders and boxes around quotes and key points can get the attention of Proprietary, Confidential Information & Ideation Owned by Red Door Interactive readers. @JordanKasteler
  21. 21. CONSISTENCY • Maintaining consistency throughout a piece of content can be often overlooked @JordanKasteler and can make a great piece of content look unprofessional. Make sure you stick to a theme of styling and structure throughout the content. Proprietary, Confidential Information & Ideation Owned by Red Door Interactive
  22. 22. SOCIAL SHARING • Limit options to 2 or 3. • Consider testing scrolling social buttons. • Make it easy to share. • Make sharing options relevant. • Social proof (numbers/faces) • One-click buttons vs links. • Micro-sharing (e.g. retweet this). @JordanKasteler Proprietary, Confidential Information & Ideation Owned by Red Door Interactive
  23. 23. SOCIAL SHARING @JordanKasteler Proprietary, Confidential Information & Ideation Owned by Red Door Interactive
  24. 24. MOBILE SHARING • 60% of time on the Internet is on mobile devices. • Response design is critical to social sharing. • Leverage whitespace and size for finger tapping. @JordanKasteler Proprietary, Confidential Information & Ideation Owned by Red Door Interactive
  25. 25. MOBILE SOCIAL SHARING @JordanKasteler • Social Media Data Proprietary, Confidential Information & Ideation Owned by Red Door Interactive • Pinterest Rich Pins – Products – Recipes – Movies – Articles – Places • Twitter Cards • Open Graph – Facebook – LinkedIn – Google+
  26. 26. CLICK TO EDIT § [Content] o hsa • Hsaj QUESTIONS? – Dhsjhas § dshaj COMMENTS? THOUGHTS? Proprietary, Confidential Information & Ideation Owned by Red Door Interactive

×