SlideShare a Scribd company logo
© 2004 Ken Baldauf, All rights reserved.
Editorial Style
CGS2826 Web Design
Program in Interdisciplinary Computing
Florida State University
From Web Style Guide, Chapter 9: Editorial style
© 2010 Ken Baldauf, All rights reserved.
Documents written to be read
online should be concise and
structured for scanning.
Concise writing is always better,
but don’t dumb down what you
have to say.
© 2010 Ken Baldauf, All rights reserved.
(Back to) Chunking
The key to good chunking is to
divide your information into
comprehensive segments. That
way users will have direct and
complete access to the topics
they are interested in without
having to wade through
irrelevant material or follow a
series of links to get the whole
picture.
© 2010 Ken Baldauf, All rights reserved.
Page Structure
 Segment the content for easy scanning
 Use descriptive headings
 Highlight important words and sections
 Use the inverted Pyramid
 Place the important facts near the top of the first
paragraph where users can find them quickly
 Also discussed as “front-loading”
© 2010 Ken Baldauf, All rights reserved.
On the web,
more than any
other prose
medium, the look
of text layout
strongly affects
how readers
relate to written
content.
© 2010 Ken Baldauf, All rights reserved.
Rhetoric
 Rhetoric is the art and technique of
persuasion, through oral, written, or visual
media.
 Ethos establishes the credibility of an
information source.
 Pathos is the art of developing a positive
emotional response in the viewer.
 Logos uses reason, logic, statistics, convincing
examples, and depth of information to persuade
an audience
© 2010 Ken Baldauf, All rights reserved.
Embedded hypertext links pose two fundamental
design problems:
•They disrupt the flow of content in your site by
inviting the user to leave your site.
•They can also radically alter the context of
information by dumping the users into unfamiliar
territory without preamble or explanation when
they follow the embedded links to new pages.
Links
© 2010 Ken Baldauf, All rights reserved.
Poor: Click here for more information on link underlines.
Better: For universal usability, use link underlines to ensure
that all users can identify links.
For universal usability, links must be visually
identifiable with or without color.
Links
By providing different link colors for visited and
unvisited links, you allow users to identify the paths
they have already taken

More Related Content

Similar to CH 9: Editorial Style Notes (20)

PDF
Designing a successful web design involves a combination of aesthetics.pdf
SEOAmbient
 
PPT
Website usability ideas for business growth
James Smith
 
PPTX
Chapter 11 of Kolin's Successful Writing at Work
Brooksie Lane
 
DOCX
12 principles of good website design.docx
JuliusECatipon
 
PPTX
Siegman "Practicalities of Accessibility"
National Information Standards Organization (NISO)
 
PPTX
Accessibility on the Web
Jessica Keyes
 
PPTX
What is Digital Accessibility - an introduction to digital accessibility fund...
jonessignup
 
PPT
Mengelola isi halaman web 2 eng
Eko Supriyadi
 
PDF
Web designing chapter 01
Farmanzaland
 
PPTX
Web topic 23 web accessibility
CK Yang
 
PPTX
Functional Design Lab
iFactory
 
PDF
Web Design Best Practices for 2023
Synergic Softek Solutions
 
PDF
Lesson-7-Web-page-design-using-templates-and-online-WYSIWYG.pdf
erzascarlet3998
 
DOCX
what is website design, & web design types
akashrambabu753
 
PDF
10 PRINCIPLES OF GOOD WEB DESIGN
Shrestha Raaz
 
PDF
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
TechSoup
 
PDF
10 principles of effective web design
ananda gunadharma
 
PPTX
Webpage and ict
JohnCaesarCagalawan
 
PDF
10 Ways to Keep Readers Interested and Improve Content Readability - iSEO AI.pdf
iSEO AI
 
PPTX
10 Web Design Principles For An Outstanding User Experience
rameshbabu91988
 
Designing a successful web design involves a combination of aesthetics.pdf
SEOAmbient
 
Website usability ideas for business growth
James Smith
 
Chapter 11 of Kolin's Successful Writing at Work
Brooksie Lane
 
12 principles of good website design.docx
JuliusECatipon
 
Siegman "Practicalities of Accessibility"
National Information Standards Organization (NISO)
 
Accessibility on the Web
Jessica Keyes
 
What is Digital Accessibility - an introduction to digital accessibility fund...
jonessignup
 
Mengelola isi halaman web 2 eng
Eko Supriyadi
 
Web designing chapter 01
Farmanzaland
 
Web topic 23 web accessibility
CK Yang
 
Functional Design Lab
iFactory
 
Web Design Best Practices for 2023
Synergic Softek Solutions
 
Lesson-7-Web-page-design-using-templates-and-online-WYSIWYG.pdf
erzascarlet3998
 
what is website design, & web design types
akashrambabu753
 
10 PRINCIPLES OF GOOD WEB DESIGN
Shrestha Raaz
 
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
TechSoup
 
10 principles of effective web design
ananda gunadharma
 
Webpage and ict
JohnCaesarCagalawan
 
10 Ways to Keep Readers Interested and Improve Content Readability - iSEO AI.pdf
iSEO AI
 
10 Web Design Principles For An Outstanding User Experience
rameshbabu91988
 

More from Program in Interdisciplinary Computing (20)

Ad

Recently uploaded (20)

PPTX
Applications of matrices In Real Life_20250724_091307_0000.pptx
gehlotkrish03
 
PPTX
PROTIEN ENERGY MALNUTRITION: NURSING MANAGEMENT.pptx
PRADEEP ABOTHU
 
PPTX
ENGLISH 8 WEEK 3 Q1 - Analyzing the linguistic, historical, andor biographica...
OliverOllet
 
PPTX
Sonnet 130_ My Mistress’ Eyes Are Nothing Like the Sun By William Shakespear...
DhatriParmar
 
PPTX
Unlock the Power of Cursor AI: MuleSoft Integrations
Veera Pallapu
 
PPTX
Artificial Intelligence in Gastroentrology: Advancements and Future Presprec...
AyanHossain
 
PPTX
CONCEPT OF CHILD CARE. pptx
AneetaSharma15
 
PPTX
How to Close Subscription in Odoo 18 - Odoo Slides
Celine George
 
PPT
DRUGS USED IN THERAPY OF SHOCK, Shock Therapy, Treatment or management of shock
Rajshri Ghogare
 
PPTX
Dakar Framework Education For All- 2000(Act)
santoshmohalik1
 
PPTX
Translation_ Definition, Scope & Historical Development.pptx
DhatriParmar
 
PPTX
LDP-2 UNIT 4 Presentation for practical.pptx
abhaypanchal2525
 
PDF
Tips for Writing the Research Title with Examples
Thelma Villaflores
 
PPTX
Applied-Statistics-1.pptx hardiba zalaaa
hardizala899
 
PPTX
Command Palatte in Odoo 18.1 Spreadsheet - Odoo Slides
Celine George
 
PPTX
20250924 Navigating the Future: How to tell the difference between an emergen...
McGuinness Institute
 
PPTX
Digital Professionalism and Interpersonal Competence
rutvikgediya1
 
PDF
TOP 10 AI TOOLS YOU MUST LEARN TO SURVIVE IN 2025 AND ABOVE
digilearnings.com
 
PDF
The Minister of Tourism, Culture and Creative Arts, Abla Dzifa Gomashie has e...
nservice241
 
PPTX
Electrophysiology_of_Heart. Electrophysiology studies in Cardiovascular syste...
Rajshri Ghogare
 
Applications of matrices In Real Life_20250724_091307_0000.pptx
gehlotkrish03
 
PROTIEN ENERGY MALNUTRITION: NURSING MANAGEMENT.pptx
PRADEEP ABOTHU
 
ENGLISH 8 WEEK 3 Q1 - Analyzing the linguistic, historical, andor biographica...
OliverOllet
 
Sonnet 130_ My Mistress’ Eyes Are Nothing Like the Sun By William Shakespear...
DhatriParmar
 
Unlock the Power of Cursor AI: MuleSoft Integrations
Veera Pallapu
 
Artificial Intelligence in Gastroentrology: Advancements and Future Presprec...
AyanHossain
 
CONCEPT OF CHILD CARE. pptx
AneetaSharma15
 
How to Close Subscription in Odoo 18 - Odoo Slides
Celine George
 
DRUGS USED IN THERAPY OF SHOCK, Shock Therapy, Treatment or management of shock
Rajshri Ghogare
 
Dakar Framework Education For All- 2000(Act)
santoshmohalik1
 
Translation_ Definition, Scope & Historical Development.pptx
DhatriParmar
 
LDP-2 UNIT 4 Presentation for practical.pptx
abhaypanchal2525
 
Tips for Writing the Research Title with Examples
Thelma Villaflores
 
Applied-Statistics-1.pptx hardiba zalaaa
hardizala899
 
Command Palatte in Odoo 18.1 Spreadsheet - Odoo Slides
Celine George
 
20250924 Navigating the Future: How to tell the difference between an emergen...
McGuinness Institute
 
Digital Professionalism and Interpersonal Competence
rutvikgediya1
 
TOP 10 AI TOOLS YOU MUST LEARN TO SURVIVE IN 2025 AND ABOVE
digilearnings.com
 
The Minister of Tourism, Culture and Creative Arts, Abla Dzifa Gomashie has e...
nservice241
 
Electrophysiology_of_Heart. Electrophysiology studies in Cardiovascular syste...
Rajshri Ghogare
 
Ad

CH 9: Editorial Style Notes

  • 1. © 2004 Ken Baldauf, All rights reserved. Editorial Style CGS2826 Web Design Program in Interdisciplinary Computing Florida State University From Web Style Guide, Chapter 9: Editorial style
  • 2. © 2010 Ken Baldauf, All rights reserved. Documents written to be read online should be concise and structured for scanning. Concise writing is always better, but don’t dumb down what you have to say.
  • 3. © 2010 Ken Baldauf, All rights reserved. (Back to) Chunking The key to good chunking is to divide your information into comprehensive segments. That way users will have direct and complete access to the topics they are interested in without having to wade through irrelevant material or follow a series of links to get the whole picture.
  • 4. © 2010 Ken Baldauf, All rights reserved. Page Structure  Segment the content for easy scanning  Use descriptive headings  Highlight important words and sections  Use the inverted Pyramid  Place the important facts near the top of the first paragraph where users can find them quickly  Also discussed as “front-loading”
  • 5. © 2010 Ken Baldauf, All rights reserved. On the web, more than any other prose medium, the look of text layout strongly affects how readers relate to written content.
  • 6. © 2010 Ken Baldauf, All rights reserved. Rhetoric  Rhetoric is the art and technique of persuasion, through oral, written, or visual media.  Ethos establishes the credibility of an information source.  Pathos is the art of developing a positive emotional response in the viewer.  Logos uses reason, logic, statistics, convincing examples, and depth of information to persuade an audience
  • 7. © 2010 Ken Baldauf, All rights reserved. Embedded hypertext links pose two fundamental design problems: •They disrupt the flow of content in your site by inviting the user to leave your site. •They can also radically alter the context of information by dumping the users into unfamiliar territory without preamble or explanation when they follow the embedded links to new pages. Links
  • 8. © 2010 Ken Baldauf, All rights reserved. Poor: Click here for more information on link underlines. Better: For universal usability, use link underlines to ensure that all users can identify links. For universal usability, links must be visually identifiable with or without color. Links By providing different link colors for visited and unvisited links, you allow users to identify the paths they have already taken