SlideShare a Scribd company logo
1 of 38
Amy Goodloe
August 21, 2013
What do the following examples
have to do with teaching writing?
They show that good interface design,
like good writing,
requires rhetorical awareness
 Encouraging students to see the value of
“rhetorical awareness” in their writing can be
difficult
 Especially given that very little in their 20+
years of writing for school has required it
STUDENT BELIEFS
ABOUT WRITING
 Purpose: learning
 Audiences: obligated to
read
 “Design” considerations:
following the handbook
format is sufficient
 Writing is "student-
centered"
REALITIES OF WRITING
BEYOND SCHOOL
 Purpose: communication
 Audiences: need to be
enticed to read and believe
 “Design” plays a significant
role in audience response
 Writing is “reader-
centered”
Connect rhetorical awareness to familiar reading
situations: digital interfaces
 "Interface" - any space where users interact with
technology, typically for the purpose of reading and
writing
Both writers and designers need to know how to:
 anticipate the needs and expectations of end users (or
readers)
 design interfaces (or messages) that will meet these needs
 Good writing, like good interface design, is:
 usable: easy to comprehend
 persuasive: influences attitudes or behaviors
 Examples:
 Document design
 Blog posts
 Web sites
 Physical and software interfaces
 Gather sample resumes and show each to students
for 10 seconds
 Ask them to record:
 what they remember about the candidate
 their impressions of the candidate
 Ask them to study the samples more closely
 To identify traits that make some more usable and
persuasive than others
 no document design =
 can't remember anything
 rhetorically clueless document design =
 remembered the wrong things due to misplaced emphasis
 rhetorically aware document design =
 remembered the right things
 had a more positive impression of writer
Strategic use of formatting elements
 headers and sub-headers to reflect hierarchical
importance
 font size and weight as well as font type
 bulleted lists to emphasize key qualifications
 balanced overall layout (not too dense or sparse)
General observation: if you could've prepared this on a
typewriter, you're doing something wrong!
 Gather sample blog posts and show each for 20
seconds
 Ask students to record:
 How likely they would be to choose that post to read and
respond to
 Their impressions of the person who wrote the post
 After closer study, ask them to identify:
 The traits that make some posts more usable and
persuasive than others
Prefer to read posts that are "usable" and "persuasive”
 Engaging subject lines, short and focused paragraphs,
helpful formatting, good use of web conventions
Steer clear of poorly designed messages
 Appear harder to comprehend
 Convey impression of disorganized writer
Revelation for some: what they prefer to read is not
how they typically write
 Gather sample web sites and show each to students
for 20 seconds
 Ask them to record:
 Which sites they’d most likely gravitate towards
 Their impressions of the site’s credibility
 After closer study, ask them to identify:
 The traits that make some sites more usable and
persuasive than others
Not a sample web site but a sample teaching tool
From: xkcd.com
From: theoatmeal.com
 More likely to choose and to trust sites that meet
principles of usability and persuasiveness
 Similar to Dave Underwood’s principle of good
visual design:
 Made you look
 Made you stay
 Made you believe
Familiar designs are more inviting and user-friendly
because they meet audience expectations regarding:
 Layout
 Navigation
 Text formatting
 Conventions
Good design also reflects typical reading habits
TypicalWeb Page Layout
From: webstyleguide.com/wsg3
Typical Blog Sidebars
What rhetorical purpose do these serve?
What should you put in the space
opposite the “golden triangle”?
TypicalWeb Reading Habits
Menus and menu items are in familiar spots
 top menu most common
 "home" button on left
 easy access to about, contact, and search
 external links are on sidebar, not top
Menu items reflect
 logical site structure
 interests of target audience
TypicalTop Navigation Menus
 Students start to understand
 the importance of following conventions (and the
consequences of not doing so)
 the rhetorical power of logical organization
 Students see writing as "creating a user experience”
 Peer review becomes a process of "user testing”
 For usability and persuasiveness
Principle: Rhetorical awareness extends beyond web
sites to:
 The design of spaces and objects
 Software interfaces
Activity: Ask students to analyze examples
 how they function as “messages” with “writers” and
“audiences”
 how they illustrate concepts of usability and
persuasiveness
Handles are
for pulling…
right?
From baddesigns.com
What “reading problem” does this design address?
So… do I upload by
creating?
These activities use concepts from “interface design”
to help students meet the learning goals common to
our discipline:
 rhetorical knowledge
 critical thinking
 genre conventions
 digital literacy
End result: Students see "rhetorical awareness" as a
concept useful well beyond the classroom
Be sure to practice what you preach:
follow the principles of good design
in all your course materials!
 References and resources, along with a copy
of this presentation, to a post on:
http://digitalwriting101.net/teaching
 See also:
 Rhetoric of Presentations
http://digitalwriting101.net/content/tips-rhetorically-
effective-presentations/

More Related Content

Similar to The Rhetoric of Interface Design

Syllabus 10 Spring 2016
Syllabus 10 Spring 2016Syllabus 10 Spring 2016
Syllabus 10 Spring 2016
Lejla Tricic
 
Fe.docx
Fe.docxFe.docx
Using Asynchronous Tools Cengage Phoenix 3 10
Using Asynchronous Tools Cengage Phoenix 3 10Using Asynchronous Tools Cengage Phoenix 3 10
Using Asynchronous Tools Cengage Phoenix 3 10
Drexel
 
Writing For the Mass Media by James Stovall, reinforces this concept.docx
Writing For the Mass Media by James Stovall, reinforces this concept.docxWriting For the Mass Media by James Stovall, reinforces this concept.docx
Writing For the Mass Media by James Stovall, reinforces this concept.docx
jeffevans62972
 
Building Online Reading Comprehension
Building Online Reading ComprehensionBuilding Online Reading Comprehension
Building Online Reading Comprehension
Emily Kissner
 
Dr. Kritsonis, Writing for Professional Publication in National Refereed Jour...
Dr. Kritsonis, Writing for Professional Publication in National Refereed Jour...Dr. Kritsonis, Writing for Professional Publication in National Refereed Jour...
Dr. Kritsonis, Writing for Professional Publication in National Refereed Jour...
guestcc1ebaf
 
Purchase Essays Online.pdf
Purchase Essays Online.pdfPurchase Essays Online.pdf
Purchase Essays Online.pdf
Monica Ferguson
 

Similar to The Rhetoric of Interface Design (20)

Writing For The Web
Writing For The WebWriting For The Web
Writing For The Web
 
Writing For The Web
Writing For The WebWriting For The Web
Writing For The Web
 
Syllabus 10 Spring 2016
Syllabus 10 Spring 2016Syllabus 10 Spring 2016
Syllabus 10 Spring 2016
 
Web Writing Presentation
Web Writing PresentationWeb Writing Presentation
Web Writing Presentation
 
Authoring cycle
Authoring cycleAuthoring cycle
Authoring cycle
 
Week 1
Week 1Week 1
Week 1
 
Fe.docx
Fe.docxFe.docx
Fe.docx
 
Google applications to enhance writing instruction
Google applications to enhance writing instructionGoogle applications to enhance writing instruction
Google applications to enhance writing instruction
 
Using Asynchronous Tools Cengage Phoenix 3 10
Using Asynchronous Tools Cengage Phoenix 3 10Using Asynchronous Tools Cengage Phoenix 3 10
Using Asynchronous Tools Cengage Phoenix 3 10
 
4 Interface Design
4 Interface Design4 Interface Design
4 Interface Design
 
What is peer review of a manuscript. benefits of peer-reviewing a manuscript ...
What is peer review of a manuscript. benefits of peer-reviewing a manuscript ...What is peer review of a manuscript. benefits of peer-reviewing a manuscript ...
What is peer review of a manuscript. benefits of peer-reviewing a manuscript ...
 
User Centerd Design
User Centerd DesignUser Centerd Design
User Centerd Design
 
Writing For the Mass Media by James Stovall, reinforces this concept.docx
Writing For the Mass Media by James Stovall, reinforces this concept.docxWriting For the Mass Media by James Stovall, reinforces this concept.docx
Writing For the Mass Media by James Stovall, reinforces this concept.docx
 
Citizen science (full, as delivered)
Citizen science (full, as delivered)Citizen science (full, as delivered)
Citizen science (full, as delivered)
 
Building Online Reading Comprehension
Building Online Reading ComprehensionBuilding Online Reading Comprehension
Building Online Reading Comprehension
 
Dr. Kritsonis, Writing for Professional Publication in National Refereed Jour...
Dr. Kritsonis, Writing for Professional Publication in National Refereed Jour...Dr. Kritsonis, Writing for Professional Publication in National Refereed Jour...
Dr. Kritsonis, Writing for Professional Publication in National Refereed Jour...
 
Writing good scientific_papers_v2
Writing good scientific_papers_v2Writing good scientific_papers_v2
Writing good scientific_papers_v2
 
Purchase Essays Online.pdf
Purchase Essays Online.pdfPurchase Essays Online.pdf
Purchase Essays Online.pdf
 
Web design Prasantation
Web design PrasantationWeb design Prasantation
Web design Prasantation
 
The Art of Writing Editor vs Author.pdf
The Art of Writing Editor vs Author.pdfThe Art of Writing Editor vs Author.pdf
The Art of Writing Editor vs Author.pdf
 

More from Amy Goodloe

Rhetorical Considerations for Presentation Design
Rhetorical Considerations for Presentation DesignRhetorical Considerations for Presentation Design
Rhetorical Considerations for Presentation Design
Amy Goodloe
 

More from Amy Goodloe (20)

How to Insert a Hyperlink into a Blog Post (Wordpress)
How to Insert a Hyperlink into a Blog Post (Wordpress)How to Insert a Hyperlink into a Blog Post (Wordpress)
How to Insert a Hyperlink into a Blog Post (Wordpress)
 
How to Upload a File to a Shared Folder on Google Drive
How to Upload a File to a Shared Folder on Google DriveHow to Upload a File to a Shared Folder on Google Drive
How to Upload a File to a Shared Folder on Google Drive
 
Angels in the Attic
Angels in the AtticAngels in the Attic
Angels in the Attic
 
The View from Here
The View from HereThe View from Here
The View from Here
 
Are Blogs Right for My Class?
Are Blogs Right for My Class?Are Blogs Right for My Class?
Are Blogs Right for My Class?
 
Tips on Teaching Digital Storytelling
Tips on Teaching Digital StorytellingTips on Teaching Digital Storytelling
Tips on Teaching Digital Storytelling
 
Publishing Student Projects on the Web
Publishing Student Projects on the WebPublishing Student Projects on the Web
Publishing Student Projects on the Web
 
Making a Digital Storytelling Project in iMovie '11
Making a Digital Storytelling Project in iMovie '11Making a Digital Storytelling Project in iMovie '11
Making a Digital Storytelling Project in iMovie '11
 
Overview of Approaches to Digital Composition
Overview of Approaches to Digital CompositionOverview of Approaches to Digital Composition
Overview of Approaches to Digital Composition
 
Intro to Digital Storytelling (shorter version)
Intro to Digital Storytelling (shorter version)Intro to Digital Storytelling (shorter version)
Intro to Digital Storytelling (shorter version)
 
Digital Storytelling in Higher Ed
Digital Storytelling in Higher EdDigital Storytelling in Higher Ed
Digital Storytelling in Higher Ed
 
Notes on the Rhetorical Nature of Web Design
Notes on the Rhetorical Nature of Web DesignNotes on the Rhetorical Nature of Web Design
Notes on the Rhetorical Nature of Web Design
 
Overview of Using Wordpress for Web Site Design
Overview of Using Wordpress for Web Site DesignOverview of Using Wordpress for Web Site Design
Overview of Using Wordpress for Web Site Design
 
The Role of Digital Literacy in Writing Instruction
The Role of Digital Literacy in Writing InstructionThe Role of Digital Literacy in Writing Instruction
The Role of Digital Literacy in Writing Instruction
 
General Tips for Writing & Revising v.1.0
General Tips for Writing & Revising v.1.0General Tips for Writing & Revising v.1.0
General Tips for Writing & Revising v.1.0
 
Rhetorical Considerations for Presentation Design
Rhetorical Considerations for Presentation DesignRhetorical Considerations for Presentation Design
Rhetorical Considerations for Presentation Design
 
Understanding Intersexuality via Personal Experience
Understanding Intersexuality via Personal ExperienceUnderstanding Intersexuality via Personal Experience
Understanding Intersexuality via Personal Experience
 
Masculinity in America: Men Judging Men
Masculinity in America: Men Judging MenMasculinity in America: Men Judging Men
Masculinity in America: Men Judging Men
 
A Look Into Intersex Individuals in the 19th Century
A Look Into Intersex Individuals in the 19th CenturyA Look Into Intersex Individuals in the 19th Century
A Look Into Intersex Individuals in the 19th Century
 
Defining Gender and Sexuality
Defining Gender and SexualityDefining Gender and Sexuality
Defining Gender and Sexuality
 

Recently uploaded

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
PECB
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
QucHHunhnh
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
ciinovamais
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
kauryashika82
 

Recently uploaded (20)

Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
Asian American Pacific Islander Month DDSD 2024.pptx
Asian American Pacific Islander Month DDSD 2024.pptxAsian American Pacific Islander Month DDSD 2024.pptx
Asian American Pacific Islander Month DDSD 2024.pptx
 
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
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
 
Energy Resources. ( B. Pharmacy, 1st Year, Sem-II) Natural Resources
Energy Resources. ( B. Pharmacy, 1st Year, Sem-II) Natural ResourcesEnergy Resources. ( B. Pharmacy, 1st Year, Sem-II) Natural Resources
Energy Resources. ( B. Pharmacy, 1st Year, Sem-II) Natural Resources
 
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
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptx
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 
PROCESS RECORDING FORMAT.docx
PROCESS      RECORDING        FORMAT.docxPROCESS      RECORDING        FORMAT.docx
PROCESS RECORDING FORMAT.docx
 
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptxINDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
 
Role Of Transgenic Animal In Target Validation-1.pptx
Role Of Transgenic Animal In Target Validation-1.pptxRole Of Transgenic Animal In Target Validation-1.pptx
Role Of Transgenic Animal In Target Validation-1.pptx
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
Class 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfClass 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdf
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
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 ...
 
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
 

The Rhetoric of Interface Design

  • 2. What do the following examples have to do with teaching writing?
  • 3.
  • 4.
  • 5.
  • 6. They show that good interface design, like good writing, requires rhetorical awareness
  • 7.  Encouraging students to see the value of “rhetorical awareness” in their writing can be difficult  Especially given that very little in their 20+ years of writing for school has required it
  • 8. STUDENT BELIEFS ABOUT WRITING  Purpose: learning  Audiences: obligated to read  “Design” considerations: following the handbook format is sufficient  Writing is "student- centered" REALITIES OF WRITING BEYOND SCHOOL  Purpose: communication  Audiences: need to be enticed to read and believe  “Design” plays a significant role in audience response  Writing is “reader- centered”
  • 9. Connect rhetorical awareness to familiar reading situations: digital interfaces  "Interface" - any space where users interact with technology, typically for the purpose of reading and writing Both writers and designers need to know how to:  anticipate the needs and expectations of end users (or readers)  design interfaces (or messages) that will meet these needs
  • 10.  Good writing, like good interface design, is:  usable: easy to comprehend  persuasive: influences attitudes or behaviors  Examples:  Document design  Blog posts  Web sites  Physical and software interfaces
  • 11.  Gather sample resumes and show each to students for 10 seconds  Ask them to record:  what they remember about the candidate  their impressions of the candidate  Ask them to study the samples more closely  To identify traits that make some more usable and persuasive than others
  • 12.
  • 13.
  • 14.  no document design =  can't remember anything  rhetorically clueless document design =  remembered the wrong things due to misplaced emphasis  rhetorically aware document design =  remembered the right things  had a more positive impression of writer
  • 15. Strategic use of formatting elements  headers and sub-headers to reflect hierarchical importance  font size and weight as well as font type  bulleted lists to emphasize key qualifications  balanced overall layout (not too dense or sparse) General observation: if you could've prepared this on a typewriter, you're doing something wrong!
  • 16.  Gather sample blog posts and show each for 20 seconds  Ask students to record:  How likely they would be to choose that post to read and respond to  Their impressions of the person who wrote the post  After closer study, ask them to identify:  The traits that make some posts more usable and persuasive than others
  • 17.
  • 18.
  • 19. Prefer to read posts that are "usable" and "persuasive”  Engaging subject lines, short and focused paragraphs, helpful formatting, good use of web conventions Steer clear of poorly designed messages  Appear harder to comprehend  Convey impression of disorganized writer Revelation for some: what they prefer to read is not how they typically write
  • 20.  Gather sample web sites and show each to students for 20 seconds  Ask them to record:  Which sites they’d most likely gravitate towards  Their impressions of the site’s credibility  After closer study, ask them to identify:  The traits that make some sites more usable and persuasive than others
  • 21. Not a sample web site but a sample teaching tool From: xkcd.com
  • 23.
  • 24.  More likely to choose and to trust sites that meet principles of usability and persuasiveness  Similar to Dave Underwood’s principle of good visual design:  Made you look  Made you stay  Made you believe
  • 25. Familiar designs are more inviting and user-friendly because they meet audience expectations regarding:  Layout  Navigation  Text formatting  Conventions Good design also reflects typical reading habits
  • 26. TypicalWeb Page Layout From: webstyleguide.com/wsg3
  • 27. Typical Blog Sidebars What rhetorical purpose do these serve?
  • 28. What should you put in the space opposite the “golden triangle”? TypicalWeb Reading Habits
  • 29. Menus and menu items are in familiar spots  top menu most common  "home" button on left  easy access to about, contact, and search  external links are on sidebar, not top Menu items reflect  logical site structure  interests of target audience
  • 31.  Students start to understand  the importance of following conventions (and the consequences of not doing so)  the rhetorical power of logical organization  Students see writing as "creating a user experience”  Peer review becomes a process of "user testing”  For usability and persuasiveness
  • 32. Principle: Rhetorical awareness extends beyond web sites to:  The design of spaces and objects  Software interfaces Activity: Ask students to analyze examples  how they function as “messages” with “writers” and “audiences”  how they illustrate concepts of usability and persuasiveness
  • 34. What “reading problem” does this design address?
  • 35. So… do I upload by creating?
  • 36. These activities use concepts from “interface design” to help students meet the learning goals common to our discipline:  rhetorical knowledge  critical thinking  genre conventions  digital literacy End result: Students see "rhetorical awareness" as a concept useful well beyond the classroom
  • 37. Be sure to practice what you preach: follow the principles of good design in all your course materials!
  • 38.  References and resources, along with a copy of this presentation, to a post on: http://digitalwriting101.net/teaching  See also:  Rhetoric of Presentations http://digitalwriting101.net/content/tips-rhetorically- effective-presentations/

Editor's Notes

  1. Long history of being interested in this topic, both as a web designer and a writing teacherThis is a much condensed version of an 1+ long presentationWill probably talk too fast, but will post presentation on tech blog
  2. Will show each example briefly and then return to them later
  3. Will come back to each of these examples towards the end of the presentation – if time allows!
  4. Will come back to these images later
  5. School: What students have learned from school-based writing (with exception of our writing classes):Beyond: Students have their doubts because: - that's not what they're used to writing- they haven't encountered much writing of that type in their school reading assignments- they don't think of other types of writing as "valid"
  6. Use concepts from the field of interface design to help students understand core concepts of composition and rhetoricAlso covered by a variety of “computers and writing” scholars
  7. Similar to concept of “writing as design, design as writing,” by Donald Norman
  8.   - easy place to start    - those who teach the professional writing classes are already familiar with this concept    - an obvious example:  resumes
  9. Who would you hire?This person, or…
  10. This person?
  11. Note: like mailing address, location of college, etc
  12. “strategic” as in reader-friendlyOne student resume was so text heavy on the left that I felt like I wanted to tilt my head to the left to read it
  13. Easy place to start with my 3020 students, who participate on a class blog with all the sections I'm teachingAfter a few weeks of contributing the blog, they tend to notice that some posts get more comments than others, which makes them curious about why.Note:  professional and educational context, not just for entertainment or info
  14. Which post would you rather read: this one? Or…
  15. This one?
  16. Note:  and so they get more interested in the concept of rhetorically aware writingWeb conventions: hyperlinks, images, and embedded videos
  17. Note:  whether you'll be asking students to compose web sites or not, having them analyze the rhetorical features of web design can be helpful"good" web design is that which meets the needs of the target audienceNote:  could do this using print writing or digital tool like screencast
  18. This is NOT a sample web site! But rather a cartoon that illustrates the principle of rhetorically aware web site design.This helps illustrate the conceptFrom XKCD comicshttp://xkcd.com/773/
  19. Also illustrates the concept of rhetorical awareness in web design(what the end user wants and expects)http://theoatmeal.com/comics/restaurant_website
  20. Rhetorically clueless web design(“bad writing”)
  21. Text formatting: as illustrated in blog posts example(I spend the most time on analyzing web sites as well as teaching web design)
  22. Take a closer look at this (and lots of valuable info, including how rhetorical principles apply to web design)On the Web Style Guide site
  23. Provide info that increases site appeal to audiencesDon’t include main navigation menu if it’s also on top (as Yahoo does)Teach students the rhetorical purpose of:-Categories: based on actual topics, not “homework 1” or “uncategorized”- Tag cloud: ideally reflects relevant sub-topics (“gender” is not a helpful tag!)
  24. TYPICAL READING HABITSDon’t defy expectations unless you’re sure readers are willing to work harder to read your message
  25. These also apply to class blogs
  26. Examples of top navigation menus: ranging from very simple to fairly complex
  27. Poor reading comprehension is not always the fault of the reader(stop here if out of time; skip to end)
  28. Donald Norman's Design of Everyday ThingsI tend to describe these things as “good writing” or “bad writing” and ask students to figure out what I mean
  29. USABILITY: not great; violates users’ expectations for how door handles work (“genre conventions”)PERSUASIVENESS: likely to frustrate users    - lots more examples on bad design web site, good for 3035 students to analyze
  30. USABILITY: pretty good: change in color helps users quickly identify the right one for regular trashPERSUASIVENES: influences users to choose the right trash can- darker color for “landfill” also implies a value judgment for those who aren’t recycling
  31. USABILITY: poor – violates users’ expectations for how symbols workPERSUASIVENESS: leads to confusion and frustration(and lack of confidence in digital skills)
  32. Note:  my friends and family members have also found rhetorical awareness to be very useful
  33. Particularly true of syllabus(how much more reader-friendly is a syllabus that presents information in hypertext layers as opposed to one long linear text?)Resources available on request