SlideShare une entreprise Scribd logo
1  sur  8
© 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

Contenu connexe

Similaire à CH 9: Editorial Style Notes

Designing a successful web design involves a combination of aesthetics.pdf
Designing a successful web design involves a combination of aesthetics.pdfDesigning a successful web design involves a combination of aesthetics.pdf
Designing a successful web design involves a combination of aesthetics.pdfSEOAmbient
 
Website usability ideas for business growth
Website usability ideas for business growthWebsite usability ideas for business growth
Website usability ideas for business growthJames Smith
 
Chapter 11 of Kolin's Successful Writing at Work
Chapter 11 of Kolin's Successful Writing at WorkChapter 11 of Kolin's Successful Writing at Work
Chapter 11 of Kolin's Successful Writing at WorkBrooksie Lane
 
Accessibility on the Web
Accessibility on the WebAccessibility on the Web
Accessibility on the WebJessica Keyes
 
Mengelola isi halaman web 2 eng
Mengelola isi halaman web 2 engMengelola isi halaman web 2 eng
Mengelola isi halaman web 2 engEko Supriyadi
 
Web designing chapter 01
Web designing chapter 01Web designing chapter 01
Web designing chapter 01Farmanzaland
 
Web topic 23 web accessibility
Web topic 23  web accessibilityWeb topic 23  web accessibility
Web topic 23 web accessibilityCK Yang
 
Functional Design Lab
Functional Design LabFunctional Design Lab
Functional Design LabiFactory
 
Lesson-7-Web-page-design-using-templates-and-online-WYSIWYG.pdf
Lesson-7-Web-page-design-using-templates-and-online-WYSIWYG.pdfLesson-7-Web-page-design-using-templates-and-online-WYSIWYG.pdf
Lesson-7-Web-page-design-using-templates-and-online-WYSIWYG.pdferzascarlet3998
 
10 PRINCIPLES OF GOOD WEB DESIGN
10 PRINCIPLES OF GOOD WEB DESIGN10 PRINCIPLES OF GOOD WEB DESIGN
10 PRINCIPLES OF GOOD WEB DESIGNShrestha Raaz
 
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdfInclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdfTechSoup
 
10 principles of effective web design
10 principles of effective web design10 principles of effective web design
10 principles of effective web designananda gunadharma
 
10 Ways to Keep Readers Interested and Improve Content Readability - iSEO AI.pdf
10 Ways to Keep Readers Interested and Improve Content Readability - iSEO AI.pdf10 Ways to Keep Readers Interested and Improve Content Readability - iSEO AI.pdf
10 Ways to Keep Readers Interested and Improve Content Readability - iSEO AI.pdfiSEO AI
 
10 Web Design Principles For An Outstanding User Experience
10 Web Design Principles For An Outstanding User Experience10 Web Design Principles For An Outstanding User Experience
10 Web Design Principles For An Outstanding User Experiencerameshbabu91988
 
Quick tips to get started - Everbody has a role to play in digital accessibil...
Quick tips to get started - Everbody has a role to play in digital accessibil...Quick tips to get started - Everbody has a role to play in digital accessibil...
Quick tips to get started - Everbody has a role to play in digital accessibil...Denis Boudreau
 
The weakest link: Creating accessible Word documents
The weakest link: Creating accessible Word documentsThe weakest link: Creating accessible Word documents
The weakest link: Creating accessible Word documentsMoira Clunie
 
Mastering WCAG: Essential Compliance Tips
Mastering WCAG: Essential Compliance TipsMastering WCAG: Essential Compliance Tips
Mastering WCAG: Essential Compliance TipsInclusivea11y
 

Similaire à CH 9: Editorial Style Notes (20)

Designing a successful web design involves a combination of aesthetics.pdf
Designing a successful web design involves a combination of aesthetics.pdfDesigning a successful web design involves a combination of aesthetics.pdf
Designing a successful web design involves a combination of aesthetics.pdf
 
Website usability ideas for business growth
Website usability ideas for business growthWebsite usability ideas for business growth
Website usability ideas for business growth
 
Chapter 11 of Kolin's Successful Writing at Work
Chapter 11 of Kolin's Successful Writing at WorkChapter 11 of Kolin's Successful Writing at Work
Chapter 11 of Kolin's Successful Writing at Work
 
Siegman "Practicalities of Accessibility"
Siegman "Practicalities of Accessibility"Siegman "Practicalities of Accessibility"
Siegman "Practicalities of Accessibility"
 
Accessibility on the Web
Accessibility on the WebAccessibility on the Web
Accessibility on the Web
 
Mengelola isi halaman web 2 eng
Mengelola isi halaman web 2 engMengelola isi halaman web 2 eng
Mengelola isi halaman web 2 eng
 
Web designing chapter 01
Web designing chapter 01Web designing chapter 01
Web designing chapter 01
 
Web topic 23 web accessibility
Web topic 23  web accessibilityWeb topic 23  web accessibility
Web topic 23 web accessibility
 
Functional Design Lab
Functional Design LabFunctional Design Lab
Functional Design Lab
 
Web Design Best Practices for 2023
Web Design Best Practices for 2023Web Design Best Practices for 2023
Web Design Best Practices for 2023
 
Lesson-7-Web-page-design-using-templates-and-online-WYSIWYG.pdf
Lesson-7-Web-page-design-using-templates-and-online-WYSIWYG.pdfLesson-7-Web-page-design-using-templates-and-online-WYSIWYG.pdf
Lesson-7-Web-page-design-using-templates-and-online-WYSIWYG.pdf
 
10 PRINCIPLES OF GOOD WEB DESIGN
10 PRINCIPLES OF GOOD WEB DESIGN10 PRINCIPLES OF GOOD WEB DESIGN
10 PRINCIPLES OF GOOD WEB DESIGN
 
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdfInclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
 
10 principles of effective web design
10 principles of effective web design10 principles of effective web design
10 principles of effective web design
 
Webpage and ict
Webpage and ictWebpage and ict
Webpage and ict
 
10 Ways to Keep Readers Interested and Improve Content Readability - iSEO AI.pdf
10 Ways to Keep Readers Interested and Improve Content Readability - iSEO AI.pdf10 Ways to Keep Readers Interested and Improve Content Readability - iSEO AI.pdf
10 Ways to Keep Readers Interested and Improve Content Readability - iSEO AI.pdf
 
10 Web Design Principles For An Outstanding User Experience
10 Web Design Principles For An Outstanding User Experience10 Web Design Principles For An Outstanding User Experience
10 Web Design Principles For An Outstanding User Experience
 
Quick tips to get started - Everbody has a role to play in digital accessibil...
Quick tips to get started - Everbody has a role to play in digital accessibil...Quick tips to get started - Everbody has a role to play in digital accessibil...
Quick tips to get started - Everbody has a role to play in digital accessibil...
 
The weakest link: Creating accessible Word documents
The weakest link: Creating accessible Word documentsThe weakest link: Creating accessible Word documents
The weakest link: Creating accessible Word documents
 
Mastering WCAG: Essential Compliance Tips
Mastering WCAG: Essential Compliance TipsMastering WCAG: Essential Compliance Tips
Mastering WCAG: Essential Compliance Tips
 

Plus de Program in Interdisciplinary Computing (20)

Phpmysqlcoding
PhpmysqlcodingPhpmysqlcoding
Phpmysqlcoding
 
Database basics
Database basicsDatabase basics
Database basics
 
CGS2835 HTML5
CGS2835 HTML5CGS2835 HTML5
CGS2835 HTML5
 
Mysocial databasequeries
Mysocial databasequeriesMysocial databasequeries
Mysocial databasequeries
 
Mysocial databasequeries
Mysocial databasequeriesMysocial databasequeries
Mysocial databasequeries
 
CGS2835 HTML5
CGS2835 HTML5CGS2835 HTML5
CGS2835 HTML5
 
01 intro tousingjava
01 intro tousingjava01 intro tousingjava
01 intro tousingjava
 
Web architecture v3
Web architecture v3Web architecture v3
Web architecture v3
 
Xhtml
XhtmlXhtml
Xhtml
 
Webdev
WebdevWebdev
Webdev
 
Web architecture
Web architectureWeb architecture
Web architecture
 
Sdlc
SdlcSdlc
Sdlc
 
Mysocial
MysocialMysocial
Mysocial
 
Javascript
JavascriptJavascript
Javascript
 
Javascript
JavascriptJavascript
Javascript
 
Html5
Html5Html5
Html5
 
Frameworks
FrameworksFrameworks
Frameworks
 
Drupal
DrupalDrupal
Drupal
 
Database
DatabaseDatabase
Database
 
Javascript2
Javascript2Javascript2
Javascript2
 

Dernier

The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13Steve Thomason
 
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppURLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppCeline George
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformChameera Dedduwage
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeThiyagu K
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Sapana Sha
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationnomboosow
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdfQucHHunhnh
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxGaneshChakor2
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Krashi Coaching
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Celine George
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingTechSoup
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3JemimahLaneBuaron
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfsanyamsingh5019
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactPECB
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...EduSkills OECD
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityGeoBlogs
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfJayanti Pande
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfciinovamais
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphThiyagu K
 

Dernier (20)

The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13
 
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppURLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website App
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy Reform
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and Mode
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communication
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptx
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdf
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
 
Staff of Color (SOC) Retention Efforts DDSD
Staff of Color (SOC) Retention Efforts DDSDStaff of Color (SOC) Retention Efforts DDSD
Staff of Color (SOC) Retention Efforts DDSD
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activity
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdf
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot Graph
 

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