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 2016Lejla Tricic
 
Web Writing Presentation
Web Writing PresentationWeb Writing Presentation
Web Writing Presentationdemhi
 
Authoring cycle
Authoring cycleAuthoring cycle
Authoring cycleerbigelow
 
Google applications to enhance writing instruction
Google applications to enhance writing instructionGoogle applications to enhance writing instruction
Google applications to enhance writing instructionSilvia Rovegno Malharin
 
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 10Drexel
 
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 ...Pubrica
 
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.docxjeffevans62972
 
Building Online Reading Comprehension
Building Online Reading ComprehensionBuilding Online Reading Comprehension
Building Online Reading ComprehensionEmily 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
 
Writing good scientific_papers_v2
Writing good scientific_papers_v2Writing good scientific_papers_v2
Writing good scientific_papers_v2Reza Assadi
 
Purchase Essays Online.pdf
Purchase Essays Online.pdfPurchase Essays Online.pdf
Purchase Essays Online.pdfMonica Ferguson
 
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.pdfReputationGuards2
 

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

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)Amy Goodloe
 
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 DriveAmy Goodloe
 
Angels in the Attic
Angels in the AtticAngels in the Attic
Angels in the AtticAmy Goodloe
 
The View from Here
The View from HereThe View from Here
The View from HereAmy Goodloe
 
Are Blogs Right for My Class?
Are Blogs Right for My Class?Are Blogs Right for My Class?
Are Blogs Right for My Class?Amy Goodloe
 
Tips on Teaching Digital Storytelling
Tips on Teaching Digital StorytellingTips on Teaching Digital Storytelling
Tips on Teaching Digital StorytellingAmy Goodloe
 
Publishing Student Projects on the Web
Publishing Student Projects on the WebPublishing Student Projects on the Web
Publishing Student Projects on the WebAmy Goodloe
 
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 '11Amy Goodloe
 
Overview of Approaches to Digital Composition
Overview of Approaches to Digital CompositionOverview of Approaches to Digital Composition
Overview of Approaches to Digital CompositionAmy Goodloe
 
Intro to Digital Storytelling (shorter version)
Intro to Digital Storytelling (shorter version)Intro to Digital Storytelling (shorter version)
Intro to Digital Storytelling (shorter version)Amy Goodloe
 
Digital Storytelling in Higher Ed
Digital Storytelling in Higher EdDigital Storytelling in Higher Ed
Digital Storytelling in Higher EdAmy Goodloe
 
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 DesignAmy Goodloe
 
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 DesignAmy Goodloe
 
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 InstructionAmy Goodloe
 
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.0Amy Goodloe
 
Rhetorical Considerations for Presentation Design
Rhetorical Considerations for Presentation DesignRhetorical Considerations for Presentation Design
Rhetorical Considerations for Presentation DesignAmy Goodloe
 
Understanding Intersexuality via Personal Experience
Understanding Intersexuality via Personal ExperienceUnderstanding Intersexuality via Personal Experience
Understanding Intersexuality via Personal ExperienceAmy Goodloe
 
Masculinity in America: Men Judging Men
Masculinity in America: Men Judging MenMasculinity in America: Men Judging Men
Masculinity in America: Men Judging MenAmy Goodloe
 
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 CenturyAmy Goodloe
 
Defining Gender and Sexuality
Defining Gender and SexualityDefining Gender and Sexuality
Defining Gender and SexualityAmy 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

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
 
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
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAssociation for Project Management
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104misteraugie
 
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
 
Russian Call Girls in Andheri Airport Mumbai WhatsApp 9167673311 💞 Full Nigh...
Russian Call Girls in Andheri Airport Mumbai WhatsApp  9167673311 💞 Full Nigh...Russian Call Girls in Andheri Airport Mumbai WhatsApp  9167673311 💞 Full Nigh...
Russian Call Girls in Andheri Airport Mumbai WhatsApp 9167673311 💞 Full Nigh...Pooja Nehwal
 
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
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfciinovamais
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)eniolaolutunde
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityGeoBlogs
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfchloefrazer622
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdfSoniaTolstoy
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfsanyamsingh5019
 
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
 
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
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introductionMaksud Ahmed
 
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
 

Recently uploaded (20)

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
 
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
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across Sectors
 
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104
 
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
 
Russian Call Girls in Andheri Airport Mumbai WhatsApp 9167673311 💞 Full Nigh...
Russian Call Girls in Andheri Airport Mumbai WhatsApp  9167673311 💞 Full Nigh...Russian Call Girls in Andheri Airport Mumbai WhatsApp  9167673311 💞 Full Nigh...
Russian Call Girls in Andheri Airport Mumbai WhatsApp 9167673311 💞 Full Nigh...
 
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
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activity
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdf
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdf
 
Advance Mobile Application Development class 07
Advance Mobile Application Development class 07Advance Mobile Application Development class 07
Advance Mobile Application Development class 07
 
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
 
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 ...
 
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...
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
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
 

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