SlideShare a Scribd company logo
MAKING SOCIAL MEDIA
WORK, BUILDING ON-LINE
COMMUNITY AND
CHANGING THE WORLD
Making Social Media Work
• Branding Everything!
• Manage Multiple Platforms
• Tweetdeck
• Hootsuite
• Manage On-line Conflict
• Privacy is dead
• Comment Moderation/Blocking/Back Channels
• www.StrangeNotions.com
• Have a clear Social Media Policy/Terms of Use Guidelines

(Hint: Use AoC’s)
• Best Practices (SMG pg 111)
CREATING EFFECTIVE
WEB CONTENT
Information from http://usability.gov/guidelines/ and
Oregon State University Extension.
Be Concise
• Research shows web readers prefer lean text. Imagine

•
•

•
•
•
•

•
•

your reader as impatient, even stressed—someone
looking for sources of succinct information. To write
concisely:
Limit each paragraph to one idea.
Begin each paragraph with a topic sentence.
Use three or four sentences per paragraph.
Keep sentences short.
Use simple sentence structure.
Use plain language.
Be direct with your audience—use the personal pronoun
“you.”
Avoid sentences in the passive voice.
Be Concise
• 1. Chunk your content.
• Help your audiences find the information they seek more efficiently. Readers
who scan don't like to scroll through long web pages. Chunk your information
into meaningful sections. Then:
• Size each chunk to fit on a single screen that carries a meaningful headline.
• Reduce word count by 50 percent when you edit print documents for the web.
• Chunk each page into a few paragraphs.
• 2. Present just the facts.
• Edit out all nonessential information. Avoid words and phrases that sound like
jargon. Avoid any jargon unless you’re targeting a specialized audience. Even
then, ask, will newcomers to the field understand what I mean?
• 3. Use appropriate key words in your text.
• for easy accessing by search engines and for readers who are scanning. Key
words are also an element of the metadata that’s important to the success of
your text.
• 4. Why rewrite something that's already on paper?
• All the evidence points to the inevitable: People won't read your page when it's
wordy, full of fluff or jargon, or not chunked into meaningful pieces. Remember,
people will enter your site from many different points. You can't expect web
users to read your content in a linear fashion.
Design for Easy Scanning
• Do whatever you can to attract and keep your clients coming back to your website

for more.
• 1. Make your fonts legible.
• Familiar serif and sans serif fonts are, in most cases, the best choice for publishing chunks of

•

•

•
•
•

text on the web. Verdana, Arial, and Helvetica are good sans serif choices. Georgia, Times New
Roman, and Times are good serif choices.
For ease of reading, use a font size of 10 point and above. 12 and 14 point are even better. Even
young readers don’t like tiny type. A size 3 character on the screen is roughly equal to 12-point
type of the same font.
Use upper and lower case in headings and text. Readers recognize words by their shape. A
word typed in all capitals looks like a rectangle, which slows your reader down.
Italics decrease legibility; use them sparingly.
Dark type on a light background reads and prints much better than light type on dark.
Remember that browser settings, whether altered by the user or not, determine what the user
ultimately sees.

• 2. Use the Journalist's Tool: The Inverted Pyramid.
• Web readers give you but a few seconds to persuade them you've got what they're looking for.
The inverted pyramid is the perfect device to grab readers looking for factual content.
Start with your conclusion and build down to the background information. Better still, link to
detailed and background information. Web readers will pursue what they want.
Design for Easy Scanning
• 3. Keep Line Lengths Short.
• Readers prefer to read web lines of 40 to 60 characters long—short lines are
easier on the eye. Most readers scan for information and have trouble finding it
in dense blocks of text.
• 4. Use Headlines and Subheads to Break Up Your Text.
• A good headline or subhead is brief, simple, and meaningful. Web surfers can
come to your site from many different directions, particularly when they’re using
a search tool that looks for key words. Thus, each page on your site should
carry a meaningful headline—one that can stand alone out of the context of the
rest of your pages.
A word about “welcome”… Web users are gathering information and want
quick access to that information. Don’t make the mistake of using “welcome” in
your title or main heading or writing a welcoming introduction to your site.
“Welcome” wastes a keyword and does nothing to help search engines find
you; a welcoming intro is superfluous.

• 5. Use Bullets and Numbered Lists.
• They're easier to read and scan. The format helps you more concisely shape
your content. Numbered lists help your readers pinpoint the next step. When
you bury the information in a paragraph, your readers get frustrated.
Design for Easy Scanning
• 6. Highlight Key Words.
• You'll help your readers scan more efficiently. Use a color—reserve blue for links—or simply use a
boldface font. Remember, only 20 percent of web readers read every word.
• 7. Balance Your Page.
• On your page, aligned rows, columns, subheadings, and graphic elements are easiest to

read.
• 8. Provide Visual Navigation and Accessibility Aids.
• Graphics and words work together, and the reader uses both to navigate. Experienced surfers expect a

•
•
•
•

•
•
•
•

colored bar at the top or left of the page to offer links to key sections of the site. Although the center of
the page will attract attention first, most readers instinctively look to the top and side for navigational
cues.
Don’t put more than three carefully chosen words in button or text hyperlinks. If you can't succinctly
describe an area you’re linking to, try reorganizing.
When space is tight, don’t resort to squeezing in acronyms and abbreviations. If your readers don't
know what it is, they won't use it.
Don’t use icons alone; use them only as supplements to a word hyperlink.
Use hyperlinks within text blocks carefully. They may tempt your reader away from the text flow.
Consider a section of links in a block by themselves where they may also be easier for your reader to
find again later.
Group hyperlinks when you have a lot of them. Make these groups visually distinct.
Use alt tags with all buttons and graphics.
Don’t rely on colors for navigation.
Use graphics, but only when they’re integral to content. Keep graphics’ file sizes small to reduce
downloads.
Design for Easy Scanning
• 9. Give your web page a descriptive title.
• The title, which appears above your browser tool bar, is used by
search engines to find your page. Include key words in your title.
Home pages for county Extension offices at Oregon State
University have titles like this: “Oregon State University Extension
Service, Columbia County,” which fits within the 65-character limit
Google uses to display titles on its search pages.
• 10. Provide a printer-friendly option of all your documents.
• Some users like to read and make notes on hard copies; others
fear the information may not always be available online.
Convey Credibility
Web readers look for marks of credibility when scanning a
web page. Here's how you can be credible:
•Make it clear who’s publishing your website. Web readers
are skeptical about content when they can't identify who’s
sponsoring it.
•Provide your credentials. You can link to this information.
•Link to high-quality, credible sites that support your
content. Readers sometimes like links to opposing points of
view, as well. Many interpret this as author objectivity.
Use your best Judgment
• You know when your audience and subject matter may make it appropriate to break the

rules. Apply a bit of the "less is better" principle. Ask for feedback from clients and coworkers, and you'll be on your way to having a web page or site that’s alluring, attractive, and
easy to read.
Go to http://usability.gov/guidelines/ for information about page length, scrolling vs. linking
and scrolling vs. paging, page density, information placement, formatting for efficient viewing,
use of links, and more.
For in-depth information about website content and design, try
http://www.webstyleguide.com/.

•
•

•
•

Source: Kathy Wright and Susan Bale, 2001, Kansas State University Research and
Extension; adapted and updated, with permission, in 2006, with information from
http://usability.gov/guidelines/ and Oregon State University Extension.
Alt tags
Alt tags or text is copy that appears to users who mouse-over a missing graphic image (or
copy that’s “spoken” to sight-impaired users, with readers). Provide all your graphic images
with alt tags that describe the image and tell the reader its purpose.
Hyperlinks
Hyperlinks (or links) are words or graphics that enable you to link to another place in your
document or to a different document. Hyperlinks move you to the new place when you click
on them. Set text hyperlinks apart from regular copy by using a different font color (usually
blue) and underlining.
BUILDING COMMUNITY
ON-LINE
Building Community
• CatholicMom.com
• Faith and Family Connect
• Podcasting
• Podbean.com
• Ning.com
SOCIAL MEDIA T0
CHANGE THE WORLD
Change the World
• Catholic Relief Services
• Catholic Charities USA
• Fathers for Good (KofC)
• 40 Days for Life

More Related Content

What's hot

Planning Your Website
Planning Your WebsitePlanning Your Website
Planning Your WebsiteSteven Cahill
 
Web based writing
Web based writingWeb based writing
Web based writing
Awais Khan
 
Ipawriting for-the-web2-1229430148740091-1
Ipawriting for-the-web2-1229430148740091-1Ipawriting for-the-web2-1229430148740091-1
Ipawriting for-the-web2-1229430148740091-1
sabrinita123456
 
Ipawriting for-the-web2-1229430148740091-1
Ipawriting for-the-web2-1229430148740091-1Ipawriting for-the-web2-1229430148740091-1
Ipawriting for-the-web2-1229430148740091-1sabrinita123456
 
Writing for the Web
Writing for the WebWriting for the Web
Writing for the Web
Lindsey Patten
 
The Art Of Typography
The Art Of TypographyThe Art Of Typography
The Art Of TypographySteven Cahill
 
Best practices for building usable & accessible Web content
Best practices for building usable  & accessible Web contentBest practices for building usable  & accessible Web content
Best practices for building usable & accessible Web content
teaguese
 
Web based writing - English Asignment
Web based writing - English AsignmentWeb based writing - English Asignment
Web based writing - English Asignment
Sukriti Singh
 
Web designing chapter 01
Web designing chapter 01Web designing chapter 01
Web designing chapter 01
Farmanzaland
 
Digital media and medieval studies
Digital media and medieval studiesDigital media and medieval studies
Digital media and medieval studies
Oxfordlibrary
 
Texto para Web - Relações com SEO, AI e Acessibilidade
Texto para Web - Relações com SEO, AI e AcessibilidadeTexto para Web - Relações com SEO, AI e Acessibilidade
Texto para Web - Relações com SEO, AI e Acessibilidade
Ana Migowski
 
Writing for the Web
Writing for the WebWriting for the Web
Writing for the Web
demhi
 
Basic of web design
Basic of web designBasic of web design
Basic of web design
Singsys Pte Ltd
 
Optimizing Your Website for Search Engines
Optimizing Your Website for Search EnginesOptimizing Your Website for Search Engines
Optimizing Your Website for Search Engines
Tony Sattler
 
Writing for the web
Writing for the web Writing for the web
Writing for the web Ani Moller
 
SEO Copywriting that Rocks - MinneWebCon 2010
SEO Copywriting that Rocks - MinneWebCon 2010SEO Copywriting that Rocks - MinneWebCon 2010
SEO Copywriting that Rocks - MinneWebCon 2010
Plaudit Design
 
Writing for web accessibility - May 2021
Writing for web accessibility - May 2021Writing for web accessibility - May 2021
Writing for web accessibility - May 2021
Content Strategy Inc.
 
Online sub-editing - extended
Online sub-editing - extendedOnline sub-editing - extended
Online sub-editing - extended
Fiona C
 

What's hot (19)

Planning Your Website
Planning Your WebsitePlanning Your Website
Planning Your Website
 
Writing For The Web
Writing For The WebWriting For The Web
Writing For The Web
 
Web based writing
Web based writingWeb based writing
Web based writing
 
Ipawriting for-the-web2-1229430148740091-1
Ipawriting for-the-web2-1229430148740091-1Ipawriting for-the-web2-1229430148740091-1
Ipawriting for-the-web2-1229430148740091-1
 
Ipawriting for-the-web2-1229430148740091-1
Ipawriting for-the-web2-1229430148740091-1Ipawriting for-the-web2-1229430148740091-1
Ipawriting for-the-web2-1229430148740091-1
 
Writing for the Web
Writing for the WebWriting for the Web
Writing for the Web
 
The Art Of Typography
The Art Of TypographyThe Art Of Typography
The Art Of Typography
 
Best practices for building usable & accessible Web content
Best practices for building usable  & accessible Web contentBest practices for building usable  & accessible Web content
Best practices for building usable & accessible Web content
 
Web based writing - English Asignment
Web based writing - English AsignmentWeb based writing - English Asignment
Web based writing - English Asignment
 
Web designing chapter 01
Web designing chapter 01Web designing chapter 01
Web designing chapter 01
 
Digital media and medieval studies
Digital media and medieval studiesDigital media and medieval studies
Digital media and medieval studies
 
Texto para Web - Relações com SEO, AI e Acessibilidade
Texto para Web - Relações com SEO, AI e AcessibilidadeTexto para Web - Relações com SEO, AI e Acessibilidade
Texto para Web - Relações com SEO, AI e Acessibilidade
 
Writing for the Web
Writing for the WebWriting for the Web
Writing for the Web
 
Basic of web design
Basic of web designBasic of web design
Basic of web design
 
Optimizing Your Website for Search Engines
Optimizing Your Website for Search EnginesOptimizing Your Website for Search Engines
Optimizing Your Website for Search Engines
 
Writing for the web
Writing for the web Writing for the web
Writing for the web
 
SEO Copywriting that Rocks - MinneWebCon 2010
SEO Copywriting that Rocks - MinneWebCon 2010SEO Copywriting that Rocks - MinneWebCon 2010
SEO Copywriting that Rocks - MinneWebCon 2010
 
Writing for web accessibility - May 2021
Writing for web accessibility - May 2021Writing for web accessibility - May 2021
Writing for web accessibility - May 2021
 
Online sub-editing - extended
Online sub-editing - extendedOnline sub-editing - extended
Online sub-editing - extended
 

Viewers also liked

Critical issues-in-disaster-science-and-management a dialogue between researc...
Critical issues-in-disaster-science-and-management a dialogue between researc...Critical issues-in-disaster-science-and-management a dialogue between researc...
Critical issues-in-disaster-science-and-management a dialogue between researc...
JD Hamilton
 
13 decomposição de um número em fatores primos
13 decomposição de um número em fatores primos13 decomposição de um número em fatores primos
13 decomposição de um número em fatores primosCarla Gomes
 
Unix for developers
Unix for developersUnix for developers
Unix for developers
Mite Mitreski
 
Normas constructivas funciones
Normas constructivas funcionesNormas constructivas funciones
Normas constructivas funciones
Martin Marcelo Urarepia M
 
MM - University of Calgary - Nov. 17, 2011 - EN
MM - University of Calgary - Nov. 17, 2011 - ENMM - University of Calgary - Nov. 17, 2011 - EN
MM - University of Calgary - Nov. 17, 2011 - ENctc-cct
 
Our M&M project Juliette and Georgia
Our M&M project Juliette and GeorgiaOur M&M project Juliette and Georgia
Our M&M project Juliette and Georgianewham5-6
 
June 2011 TOP500 Presentation
June 2011 TOP500 PresentationJune 2011 TOP500 Presentation
June 2011 TOP500 Presentation
top500
 
Cool Runnings
Cool RunningsCool Runnings
Cool Runningsfrabajef
 
Catalogo Empresa Simulada Ociplana
Catalogo Empresa Simulada OciplanaCatalogo Empresa Simulada Ociplana
Catalogo Empresa Simulada Ociplana
CAPITAL INTELECTUAL CREATIVO S.L.
 
El ROI no es negociable - Marketing Digital para Startups - Parte 3
 El ROI no es negociable - Marketing Digital para Startups - Parte 3 El ROI no es negociable - Marketing Digital para Startups - Parte 3
El ROI no es negociable - Marketing Digital para Startups - Parte 3
Welovroi
 
Episode 5(5): Mnemonics and the rise of social complexity - Meetup session 20
Episode 5(5): Mnemonics and the rise of social complexity - Meetup session 20Episode 5(5): Mnemonics and the rise of social complexity - Meetup session 20
Episode 5(5): Mnemonics and the rise of social complexity - Meetup session 20
William Hall
 
Top500 November 2013
Top500 November 2013Top500 November 2013
Top500 November 2013
top500
 
øStgaard bokgren on_stress
øStgaard bokgren on_stressøStgaard bokgren on_stress
øStgaard bokgren on_stressJens östgaard
 
1 monitoring n evaluation
1 monitoring n evaluation1 monitoring n evaluation
1 monitoring n evaluation
Sheeva Dubey
 
Failing to learn from Australia’s most successful defence project
Failing to learn from Australia’s most successful defence projectFailing to learn from Australia’s most successful defence project
Failing to learn from Australia’s most successful defence project
William Hall
 
The DWC Group 6.21.11 webinar
The DWC Group 6.21.11 webinarThe DWC Group 6.21.11 webinar
The DWC Group 6.21.11 webinarrtemerson
 
Wim Latour over het programma van de Holiday Media Relatiedag 2011
Wim Latour over het programma van de Holiday Media Relatiedag 2011Wim Latour over het programma van de Holiday Media Relatiedag 2011
Wim Latour over het programma van de Holiday Media Relatiedag 2011
Holiday Media
 

Viewers also liked (20)

Mediatorパターン
MediatorパターンMediatorパターン
Mediatorパターン
 
Critical issues-in-disaster-science-and-management a dialogue between researc...
Critical issues-in-disaster-science-and-management a dialogue between researc...Critical issues-in-disaster-science-and-management a dialogue between researc...
Critical issues-in-disaster-science-and-management a dialogue between researc...
 
13 decomposição de um número em fatores primos
13 decomposição de um número em fatores primos13 decomposição de um número em fatores primos
13 decomposição de um número em fatores primos
 
Unix for developers
Unix for developersUnix for developers
Unix for developers
 
Normas constructivas funciones
Normas constructivas funcionesNormas constructivas funciones
Normas constructivas funciones
 
06 news ottobre 2011
06 news ottobre 201106 news ottobre 2011
06 news ottobre 2011
 
MM - University of Calgary - Nov. 17, 2011 - EN
MM - University of Calgary - Nov. 17, 2011 - ENMM - University of Calgary - Nov. 17, 2011 - EN
MM - University of Calgary - Nov. 17, 2011 - EN
 
Our M&M project Juliette and Georgia
Our M&M project Juliette and GeorgiaOur M&M project Juliette and Georgia
Our M&M project Juliette and Georgia
 
June 2011 TOP500 Presentation
June 2011 TOP500 PresentationJune 2011 TOP500 Presentation
June 2011 TOP500 Presentation
 
Cool Runnings
Cool RunningsCool Runnings
Cool Runnings
 
Catalogo Empresa Simulada Ociplana
Catalogo Empresa Simulada OciplanaCatalogo Empresa Simulada Ociplana
Catalogo Empresa Simulada Ociplana
 
El ROI no es negociable - Marketing Digital para Startups - Parte 3
 El ROI no es negociable - Marketing Digital para Startups - Parte 3 El ROI no es negociable - Marketing Digital para Startups - Parte 3
El ROI no es negociable - Marketing Digital para Startups - Parte 3
 
Episode 5(5): Mnemonics and the rise of social complexity - Meetup session 20
Episode 5(5): Mnemonics and the rise of social complexity - Meetup session 20Episode 5(5): Mnemonics and the rise of social complexity - Meetup session 20
Episode 5(5): Mnemonics and the rise of social complexity - Meetup session 20
 
Top500 November 2013
Top500 November 2013Top500 November 2013
Top500 November 2013
 
øStgaard bokgren on_stress
øStgaard bokgren on_stressøStgaard bokgren on_stress
øStgaard bokgren on_stress
 
Lcf beautiful
Lcf beautifulLcf beautiful
Lcf beautiful
 
1 monitoring n evaluation
1 monitoring n evaluation1 monitoring n evaluation
1 monitoring n evaluation
 
Failing to learn from Australia’s most successful defence project
Failing to learn from Australia’s most successful defence projectFailing to learn from Australia’s most successful defence project
Failing to learn from Australia’s most successful defence project
 
The DWC Group 6.21.11 webinar
The DWC Group 6.21.11 webinarThe DWC Group 6.21.11 webinar
The DWC Group 6.21.11 webinar
 
Wim Latour over het programma van de Holiday Media Relatiedag 2011
Wim Latour over het programma van de Holiday Media Relatiedag 2011Wim Latour over het programma van de Holiday Media Relatiedag 2011
Wim Latour over het programma van de Holiday Media Relatiedag 2011
 

Similar to Making social media work, building on line community

Interface Design
Interface DesignInterface Design
Interface Design
Henry Osborne
 
J105 Web Design
J105 Web DesignJ105 Web Design
J105 Web Design
Chris Snider
 
Writing for the web
Writing for the webWriting for the web
Writing for the web
Xavier Pradheep Singh
 
Before you build a website 2015
Before you build a website 2015Before you build a website 2015
Before you build a website 2015
mwfordesigns
 
Web Accessibility
Web AccessibilityWeb Accessibility
Web Accessibility
ADA Site Compliance
 
Writing-Best-Practices
Writing-Best-PracticesWriting-Best-Practices
Writing-Best-PracticesCandace Loya
 
Website usability ideas for business growth
Website usability ideas for business growthWebsite usability ideas for business growth
Website usability ideas for business growth
James Smith
 
Basic Web Design Principles and Elements
Basic Web Design Principles and ElementsBasic Web Design Principles and Elements
Basic Web Design Principles and Elements
EromRamos
 
Anyone Can Write: Writing for Content
Anyone Can Write: Writing for ContentAnyone Can Write: Writing for Content
Anyone Can Write: Writing for Content
Candace Loya
 
Content Management & Page Structure - Best Practices for Structuring Content ...
Content Management & Page Structure - Best Practices for Structuring Content ...Content Management & Page Structure - Best Practices for Structuring Content ...
Content Management & Page Structure - Best Practices for Structuring Content ...
D'arce Hess
 
Web based writing..
Web based writing..Web based writing..
Web based writing..
vindiesel111111
 
Writing for the Web
Writing for the WebWriting for the Web
Writing for the WebAndrew Yardy
 
Wordcamp rochester-2017-accessibility-johnson-steigelman
Wordcamp rochester-2017-accessibility-johnson-steigelmanWordcamp rochester-2017-accessibility-johnson-steigelman
Wordcamp rochester-2017-accessibility-johnson-steigelman
H. Trevor Johnson-Steigelman
 
Web site design
Web site designWeb site design
Web site design
Kingsport City SChools
 
The good, the bad, the ugly - Best Practices for Design in SharePoint
The good, the bad, the ugly - Best Practices for Design in SharePointThe good, the bad, the ugly - Best Practices for Design in SharePoint
The good, the bad, the ugly - Best Practices for Design in SharePoint
D'arce Hess
 
Why You Should Use a Mobile-First Strategy
Why You Should Use a Mobile-First StrategyWhy You Should Use a Mobile-First Strategy
Why You Should Use a Mobile-First StrategySteve Bain
 
ECE3940_Lect_WebDesign.ppt
ECE3940_Lect_WebDesign.pptECE3940_Lect_WebDesign.ppt
ECE3940_Lect_WebDesign.ppt
primhaileassefa
 
Websites and Usability
Websites and UsabilityWebsites and Usability
Websites and Usabilitycbhalverson
 
Renee Hobbs, 2017. Create to Learn: Introduction to Digital Literacy. Chapter...
Renee Hobbs, 2017. Create to Learn: Introduction to Digital Literacy. Chapter...Renee Hobbs, 2017. Create to Learn: Introduction to Digital Literacy. Chapter...
Renee Hobbs, 2017. Create to Learn: Introduction to Digital Literacy. Chapter...
Create to Learn: Introduction to the Digital Literacy
 

Similar to Making social media work, building on line community (20)

Interface Design
Interface DesignInterface Design
Interface Design
 
J105 Web Design
J105 Web DesignJ105 Web Design
J105 Web Design
 
Writing for the web
Writing for the webWriting for the web
Writing for the web
 
Before you build a website 2015
Before you build a website 2015Before you build a website 2015
Before you build a website 2015
 
Web Accessibility
Web AccessibilityWeb Accessibility
Web Accessibility
 
Writing-Best-Practices
Writing-Best-PracticesWriting-Best-Practices
Writing-Best-Practices
 
Website usability ideas for business growth
Website usability ideas for business growthWebsite usability ideas for business growth
Website usability ideas for business growth
 
Basic Web Design Principles and Elements
Basic Web Design Principles and ElementsBasic Web Design Principles and Elements
Basic Web Design Principles and Elements
 
Anyone Can Write: Writing for Content
Anyone Can Write: Writing for ContentAnyone Can Write: Writing for Content
Anyone Can Write: Writing for Content
 
Content Management & Page Structure - Best Practices for Structuring Content ...
Content Management & Page Structure - Best Practices for Structuring Content ...Content Management & Page Structure - Best Practices for Structuring Content ...
Content Management & Page Structure - Best Practices for Structuring Content ...
 
Web based writing..
Web based writing..Web based writing..
Web based writing..
 
Writing for the Web
Writing for the WebWriting for the Web
Writing for the Web
 
Wordcamp rochester-2017-accessibility-johnson-steigelman
Wordcamp rochester-2017-accessibility-johnson-steigelmanWordcamp rochester-2017-accessibility-johnson-steigelman
Wordcamp rochester-2017-accessibility-johnson-steigelman
 
Web site design
Web site designWeb site design
Web site design
 
Good web design
Good web designGood web design
Good web design
 
The good, the bad, the ugly - Best Practices for Design in SharePoint
The good, the bad, the ugly - Best Practices for Design in SharePointThe good, the bad, the ugly - Best Practices for Design in SharePoint
The good, the bad, the ugly - Best Practices for Design in SharePoint
 
Why You Should Use a Mobile-First Strategy
Why You Should Use a Mobile-First StrategyWhy You Should Use a Mobile-First Strategy
Why You Should Use a Mobile-First Strategy
 
ECE3940_Lect_WebDesign.ppt
ECE3940_Lect_WebDesign.pptECE3940_Lect_WebDesign.ppt
ECE3940_Lect_WebDesign.ppt
 
Websites and Usability
Websites and UsabilityWebsites and Usability
Websites and Usability
 
Renee Hobbs, 2017. Create to Learn: Introduction to Digital Literacy. Chapter...
Renee Hobbs, 2017. Create to Learn: Introduction to Digital Literacy. Chapter...Renee Hobbs, 2017. Create to Learn: Introduction to Digital Literacy. Chapter...
Renee Hobbs, 2017. Create to Learn: Introduction to Digital Literacy. Chapter...
 

Recently uploaded

Key Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdfKey Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdf
Cheryl Hung
 
Securing your Kubernetes cluster_ a step-by-step guide to success !
Securing your Kubernetes cluster_ a step-by-step guide to success !Securing your Kubernetes cluster_ a step-by-step guide to success !
Securing your Kubernetes cluster_ a step-by-step guide to success !
KatiaHIMEUR1
 
UiPath Test Automation using UiPath Test Suite series, part 3
UiPath Test Automation using UiPath Test Suite series, part 3UiPath Test Automation using UiPath Test Suite series, part 3
UiPath Test Automation using UiPath Test Suite series, part 3
DianaGray10
 
Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...
Product School
 
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Albert Hoitingh
 
Connector Corner: Automate dynamic content and events by pushing a button
Connector Corner: Automate dynamic content and events by pushing a buttonConnector Corner: Automate dynamic content and events by pushing a button
Connector Corner: Automate dynamic content and events by pushing a button
DianaGray10
 
Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........
Alison B. Lowndes
 
DevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA ConnectDevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA Connect
Kari Kakkonen
 
JMeter webinar - integration with InfluxDB and Grafana
JMeter webinar - integration with InfluxDB and GrafanaJMeter webinar - integration with InfluxDB and Grafana
JMeter webinar - integration with InfluxDB and Grafana
RTTS
 
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdfFIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance
 
Assuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyesAssuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyes
ThousandEyes
 
The Future of Platform Engineering
The Future of Platform EngineeringThe Future of Platform Engineering
The Future of Platform Engineering
Jemma Hussein Allen
 
Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*
Frank van Harmelen
 
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdfFIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance
 
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdfFIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance
 
Knowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and backKnowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and back
Elena Simperl
 
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 previewState of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
Prayukth K V
 
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdfFIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance
 
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualitySoftware Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Inflectra
 
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Thierry Lestable
 

Recently uploaded (20)

Key Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdfKey Trends Shaping the Future of Infrastructure.pdf
Key Trends Shaping the Future of Infrastructure.pdf
 
Securing your Kubernetes cluster_ a step-by-step guide to success !
Securing your Kubernetes cluster_ a step-by-step guide to success !Securing your Kubernetes cluster_ a step-by-step guide to success !
Securing your Kubernetes cluster_ a step-by-step guide to success !
 
UiPath Test Automation using UiPath Test Suite series, part 3
UiPath Test Automation using UiPath Test Suite series, part 3UiPath Test Automation using UiPath Test Suite series, part 3
UiPath Test Automation using UiPath Test Suite series, part 3
 
Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...
 
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
 
Connector Corner: Automate dynamic content and events by pushing a button
Connector Corner: Automate dynamic content and events by pushing a buttonConnector Corner: Automate dynamic content and events by pushing a button
Connector Corner: Automate dynamic content and events by pushing a button
 
Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........Bits & Pixels using AI for Good.........
Bits & Pixels using AI for Good.........
 
DevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA ConnectDevOps and Testing slides at DASA Connect
DevOps and Testing slides at DASA Connect
 
JMeter webinar - integration with InfluxDB and Grafana
JMeter webinar - integration with InfluxDB and GrafanaJMeter webinar - integration with InfluxDB and Grafana
JMeter webinar - integration with InfluxDB and Grafana
 
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdfFIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf
 
Assuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyesAssuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyes
 
The Future of Platform Engineering
The Future of Platform EngineeringThe Future of Platform Engineering
The Future of Platform Engineering
 
Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*
 
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdfFIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
 
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdfFIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
 
Knowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and backKnowledge engineering: from people to machines and back
Knowledge engineering: from people to machines and back
 
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 previewState of ICS and IoT Cyber Threat Landscape Report 2024 preview
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
 
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdfFIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
 
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualitySoftware Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
 
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
 

Making social media work, building on line community

  • 1. MAKING SOCIAL MEDIA WORK, BUILDING ON-LINE COMMUNITY AND CHANGING THE WORLD
  • 2. Making Social Media Work • Branding Everything! • Manage Multiple Platforms • Tweetdeck • Hootsuite • Manage On-line Conflict • Privacy is dead • Comment Moderation/Blocking/Back Channels • www.StrangeNotions.com • Have a clear Social Media Policy/Terms of Use Guidelines (Hint: Use AoC’s) • Best Practices (SMG pg 111)
  • 3. CREATING EFFECTIVE WEB CONTENT Information from http://usability.gov/guidelines/ and Oregon State University Extension.
  • 4. Be Concise • Research shows web readers prefer lean text. Imagine • • • • • • • • your reader as impatient, even stressed—someone looking for sources of succinct information. To write concisely: Limit each paragraph to one idea. Begin each paragraph with a topic sentence. Use three or four sentences per paragraph. Keep sentences short. Use simple sentence structure. Use plain language. Be direct with your audience—use the personal pronoun “you.” Avoid sentences in the passive voice.
  • 5. Be Concise • 1. Chunk your content. • Help your audiences find the information they seek more efficiently. Readers who scan don't like to scroll through long web pages. Chunk your information into meaningful sections. Then: • Size each chunk to fit on a single screen that carries a meaningful headline. • Reduce word count by 50 percent when you edit print documents for the web. • Chunk each page into a few paragraphs. • 2. Present just the facts. • Edit out all nonessential information. Avoid words and phrases that sound like jargon. Avoid any jargon unless you’re targeting a specialized audience. Even then, ask, will newcomers to the field understand what I mean? • 3. Use appropriate key words in your text. • for easy accessing by search engines and for readers who are scanning. Key words are also an element of the metadata that’s important to the success of your text. • 4. Why rewrite something that's already on paper? • All the evidence points to the inevitable: People won't read your page when it's wordy, full of fluff or jargon, or not chunked into meaningful pieces. Remember, people will enter your site from many different points. You can't expect web users to read your content in a linear fashion.
  • 6. Design for Easy Scanning • Do whatever you can to attract and keep your clients coming back to your website for more. • 1. Make your fonts legible. • Familiar serif and sans serif fonts are, in most cases, the best choice for publishing chunks of • • • • • text on the web. Verdana, Arial, and Helvetica are good sans serif choices. Georgia, Times New Roman, and Times are good serif choices. For ease of reading, use a font size of 10 point and above. 12 and 14 point are even better. Even young readers don’t like tiny type. A size 3 character on the screen is roughly equal to 12-point type of the same font. Use upper and lower case in headings and text. Readers recognize words by their shape. A word typed in all capitals looks like a rectangle, which slows your reader down. Italics decrease legibility; use them sparingly. Dark type on a light background reads and prints much better than light type on dark. Remember that browser settings, whether altered by the user or not, determine what the user ultimately sees. • 2. Use the Journalist's Tool: The Inverted Pyramid. • Web readers give you but a few seconds to persuade them you've got what they're looking for. The inverted pyramid is the perfect device to grab readers looking for factual content. Start with your conclusion and build down to the background information. Better still, link to detailed and background information. Web readers will pursue what they want.
  • 7. Design for Easy Scanning • 3. Keep Line Lengths Short. • Readers prefer to read web lines of 40 to 60 characters long—short lines are easier on the eye. Most readers scan for information and have trouble finding it in dense blocks of text. • 4. Use Headlines and Subheads to Break Up Your Text. • A good headline or subhead is brief, simple, and meaningful. Web surfers can come to your site from many different directions, particularly when they’re using a search tool that looks for key words. Thus, each page on your site should carry a meaningful headline—one that can stand alone out of the context of the rest of your pages. A word about “welcome”… Web users are gathering information and want quick access to that information. Don’t make the mistake of using “welcome” in your title or main heading or writing a welcoming introduction to your site. “Welcome” wastes a keyword and does nothing to help search engines find you; a welcoming intro is superfluous. • 5. Use Bullets and Numbered Lists. • They're easier to read and scan. The format helps you more concisely shape your content. Numbered lists help your readers pinpoint the next step. When you bury the information in a paragraph, your readers get frustrated.
  • 8. Design for Easy Scanning • 6. Highlight Key Words. • You'll help your readers scan more efficiently. Use a color—reserve blue for links—or simply use a boldface font. Remember, only 20 percent of web readers read every word. • 7. Balance Your Page. • On your page, aligned rows, columns, subheadings, and graphic elements are easiest to read. • 8. Provide Visual Navigation and Accessibility Aids. • Graphics and words work together, and the reader uses both to navigate. Experienced surfers expect a • • • • • • • • colored bar at the top or left of the page to offer links to key sections of the site. Although the center of the page will attract attention first, most readers instinctively look to the top and side for navigational cues. Don’t put more than three carefully chosen words in button or text hyperlinks. If you can't succinctly describe an area you’re linking to, try reorganizing. When space is tight, don’t resort to squeezing in acronyms and abbreviations. If your readers don't know what it is, they won't use it. Don’t use icons alone; use them only as supplements to a word hyperlink. Use hyperlinks within text blocks carefully. They may tempt your reader away from the text flow. Consider a section of links in a block by themselves where they may also be easier for your reader to find again later. Group hyperlinks when you have a lot of them. Make these groups visually distinct. Use alt tags with all buttons and graphics. Don’t rely on colors for navigation. Use graphics, but only when they’re integral to content. Keep graphics’ file sizes small to reduce downloads.
  • 9. Design for Easy Scanning • 9. Give your web page a descriptive title. • The title, which appears above your browser tool bar, is used by search engines to find your page. Include key words in your title. Home pages for county Extension offices at Oregon State University have titles like this: “Oregon State University Extension Service, Columbia County,” which fits within the 65-character limit Google uses to display titles on its search pages. • 10. Provide a printer-friendly option of all your documents. • Some users like to read and make notes on hard copies; others fear the information may not always be available online.
  • 10. Convey Credibility Web readers look for marks of credibility when scanning a web page. Here's how you can be credible: •Make it clear who’s publishing your website. Web readers are skeptical about content when they can't identify who’s sponsoring it. •Provide your credentials. You can link to this information. •Link to high-quality, credible sites that support your content. Readers sometimes like links to opposing points of view, as well. Many interpret this as author objectivity.
  • 11. Use your best Judgment • You know when your audience and subject matter may make it appropriate to break the rules. Apply a bit of the "less is better" principle. Ask for feedback from clients and coworkers, and you'll be on your way to having a web page or site that’s alluring, attractive, and easy to read. Go to http://usability.gov/guidelines/ for information about page length, scrolling vs. linking and scrolling vs. paging, page density, information placement, formatting for efficient viewing, use of links, and more. For in-depth information about website content and design, try http://www.webstyleguide.com/. • • • • Source: Kathy Wright and Susan Bale, 2001, Kansas State University Research and Extension; adapted and updated, with permission, in 2006, with information from http://usability.gov/guidelines/ and Oregon State University Extension. Alt tags Alt tags or text is copy that appears to users who mouse-over a missing graphic image (or copy that’s “spoken” to sight-impaired users, with readers). Provide all your graphic images with alt tags that describe the image and tell the reader its purpose. Hyperlinks Hyperlinks (or links) are words or graphics that enable you to link to another place in your document or to a different document. Hyperlinks move you to the new place when you click on them. Set text hyperlinks apart from regular copy by using a different font color (usually blue) and underlining.
  • 13. Building Community • CatholicMom.com • Faith and Family Connect • Podcasting • Podbean.com • Ning.com
  • 15. Change the World • Catholic Relief Services • Catholic Charities USA • Fathers for Good (KofC) • 40 Days for Life