HCI Seminar Fall 2015
-
Upload
omar-sosa-tzec -
Category
Design
-
view
524 -
download
0
Transcript of HCI Seminar Fall 2015
![Page 1: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/1.jpg)
Interaction Design Rhetoric
Omar Sosa-Tzec School of Informatics & Computing Indiana University Bloomington
info I609 HCI Seminar Fall 2015
A quest for an account of the rhetoricity of HCI and the so-called UX… whatever that means
![Page 2: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/2.jpg)
What is this presentation about?
![Page 3: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/3.jpg)
Checking-in
![Page 4: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/4.jpg)
Checking-in
• Persuasive Technology 2015 10th International Conference on Persuasive Technology
![Page 5: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/5.jpg)
Checking-in
• Persuasive Technology 2015 10th International Conference on Persuasive Technology
• LearnxDesign 2015The 3rd International Conference for Design Education Researchers
![Page 6: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/6.jpg)
Checking-in
• Persuasive Technology 2015 10th International Conference on Persuasive Technology
• LearnxDesign 2015The 3rd International Conference for Design Education Researchers
• Critical Alternatives 20155th Decennial Aarhus Conference
![Page 7: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/7.jpg)
Rhetoric
Visual Rhetoric
HCI
Design
User Experience
?Visual Argumentation Visual Appeal & Persuasion Rhetorical Composition & Criticism
Interaction Criticism (IC) + HCI Hermeneutics Semiotic Engineering Metaphor in HCI
Comm Des Infodesign UID
Motivation + Quest
![Page 8: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/8.jpg)
Exploration of rhetorical appeals, operations and figures in UI/UX Design
Sosa-Tzec, O., Siegel, M.A., and Brown, P. (2015). Exploration of Rhetorical Appeals, Operations, and Figures in UI/UX Design. In Proc. of LearnxDesign 2015. The 3rd International Conference for Design Education Researchers. DRS//Cumulus//Design-ed
![Page 9: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/9.jpg)
Argument
• The three modes of appeal (logos, ethos, pathos) fluctuate during the UX
![Page 10: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/10.jpg)
Argument
• The three modes of appeal (logos, ethos, pathos) fluctuate during the UX
• Rhetorical operations (addition, subtraction, inversion, substitution) provide a vocabulary to describe the adjustments of an interface from one platform to another
![Page 11: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/11.jpg)
Argument
• The three modes of appeal (logos, ethos, pathos) fluctuate during the UX
• Rhetorical operations (addition, subtraction, inversion, substitution) provide a vocabulary to describe the adjustments of an interface from one platform to another
• Rhetorical figures (tropes and schemes) provide a vocabulary to describe both interface and interactions
![Page 12: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/12.jpg)
What did we do?
![Page 13: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/13.jpg)
Rhetorical handbookAn illustrated manual for graphic designers
‣Ehses & Lupton (1988)
‣NSCAD student work
‣Application of rhetorical concepts in graphic design
Modes of Appeal Rhetorical Operations Rhetorical Figures
![Page 14: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/14.jpg)
![Page 15: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/15.jpg)
![Page 16: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/16.jpg)
![Page 17: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/17.jpg)
![Page 18: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/18.jpg)
‣ “Rhetoric and Design” (Ehses, 1987)
‣ Interview
‣Selected Bibliography
‣Three modes of appeal
‣Rhetorical operations
‣Rhetorical figures
‣More student work
Extracts
Other references (Online/Offline)
Illustration of Concepts
(Desktop, Web, Mobile)
What is our beta version about?
![Page 19: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/19.jpg)
![Page 20: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/20.jpg)
![Page 21: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/21.jpg)
![Page 22: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/22.jpg)
![Page 23: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/23.jpg)
What did we observe?
![Page 24: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/24.jpg)
Logos, ethos, and pathos fluctuate UX-wise
![Page 25: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/25.jpg)
Logos, ethos, and pathos fluctuate UX-wise
Yahoo Weather App for iOS (initial screen) Yahoo Weather App for iOS
![Page 26: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/26.jpg)
Rhetorical operations describe UI adjustments
Bloomberg Billionaires – The web version is the standard composition
![Page 27: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/27.jpg)
Rhetorical operations describe UI adjustments
Bloomberg Billionaires – The mobile version is the result of the application of rhetorical operations
Addition + Subtraction + Inversion Subtraction + Inversion Inversion + Subtraction
![Page 28: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/28.jpg)
Rhetorical figures describe interaction design
Alliteration repeats the initial parts of elements in a sequence.(Ehses & Lupton, 1988)
Clear for iOS
![Page 29: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/29.jpg)
Ellipses deliberately omits elements from a statement. (Ehses & Lupton, 1988)
Vine web interface
Rhetorical figures describe interaction design
![Page 30: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/30.jpg)
What does it mean?
![Page 31: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/31.jpg)
1.The UI/UX rhetorical handbook would be used as a framework to engage designers in discussion and reflection upon possible meanings conveyed by the interface composition as the user interacts with the software
‣Denotation
‣Connotation
![Page 32: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/32.jpg)
2.The UI/UX rhetorical handbook offers a vocabulary for UI/UX designers to analyze, conceptualize, and critique interfaces
‣To go “beyond” the figures of metaphor and metonymy
![Page 33: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/33.jpg)
2.The UI/UX rhetorical handbook offers a vocabulary for UI/UX designers to analyze, conceptualize, and critique interfaces
‣To go “beyond” the figures of metaphor and metonymy
‣To move away from the skeuomorphic “origin” of interfaces
![Page 34: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/34.jpg)
2.The UI/UX rhetorical handbook offers a vocabulary for UI/UX designers to analyze, conceptualize, and critique interfaces
‣To go “beyond” the figures of metaphor and metonymy
‣To move away from the skeuomorphic “origin” of interfaces
‣To consider interfaces as a kind of visual artifacts with its particular materials and ways to be shaped
![Page 35: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/35.jpg)
2.The UI/UX rhetorical handbook offers a vocabulary for UI/UX designers to analyze, conceptualize, and critique interfaces
‣To go “beyond” the figures of metaphor and metonymy
‣To move away from the skeuomorphic “origin” of interfaces
‣To consider interfaces as a kind of visual artifacts with its particular materials and ways to be shaped
‣To consider interfaces as visual artifacts that affect people's lives, beliefs, and attitudes
![Page 36: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/36.jpg)
3.The UI/UX rhetorical handbook would function to introduce UI/UX designers to rhetoric (classic and contemporary)
‣To consider software as a form of argument
![Page 37: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/37.jpg)
3.The UI/UX rhetorical handbook would function to introduce UI/UX designers to rhetoric (classic and contemporary)
‣To consider software as a form of argument
‣To have a better comprehension of persuasion and persuasive technology
![Page 38: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/38.jpg)
3.The UI/UX rhetorical handbook would function to introduce UI/UX designers to rhetoric (classic and contemporary)
‣To consider software as a form of argument
‣To have a better comprehension of persuasion and persuasive technology
‣ To create a link with other contemporary approaches in HCI, including interaction criticism, sustainability and feminism
![Page 39: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/39.jpg)
Software as rhetorical argument
Sosa-Tzec, O., Stolterman, E. , and Siegel, M.A. (2015). Gaza Everywhere: exploring the applicability of a rhetorical lens in HCI. In Proc. Critical Alternatives 2015. The 5th Decennial Aarhus Conference.
![Page 40: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/40.jpg)
Argument
• Software could be regarded as a visual (interactive) enthymeme, the form of the rhetorical argument
• “Gaza Everywhere” illustrates a case of application software working as enthymeme
• The paper suggests the use of rhetoric as a generative tool to be part of HCI/UX design pedagogy
![Page 41: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/41.jpg)
Why do we care?
![Page 42: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/42.jpg)
Rhetoric HCIThe applicability of
a rhetorical lens in HCI
?
![Page 43: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/43.jpg)
Rhetoric HCI
Enthymeme
?
Speaker delivering arguments in order to win an audience
Truncated syllogism (leaving a premise unstated)
![Page 44: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/44.jpg)
Rhetoric HCI
Enthymeme
Visual Argumentation
?
![Page 45: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/45.jpg)
Rhetoric HCI
Visual Argumentation
Enthymeme
?
![Page 46: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/46.jpg)
Rhetoric HCI
Visual Argumentation
Enthymeme
?
![Page 47: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/47.jpg)
The possibility of visual arguments
“Hearts” by United Colors of Benneton (1996)
![Page 48: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/48.jpg)
What did we do?
![Page 49: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/49.jpg)
Source/screenshots from: http://ahmadnassri.github.io/gaza-everywhere/
Gaza Everywhere
![Page 50: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/50.jpg)
Source/screenshots from: http://ahmadnassri.github.io/gaza-everywhere/
Gaza Everywhere
![Page 51: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/51.jpg)
Source/screenshots from: http://i100.independent.co.uk/article/gaza-everywhere-app-highlights-true-scale-of-humanitarian-crisis--lJ7Dz3JgQg
Publication on i100 from The Independent
![Page 52: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/52.jpg)
Source/screenshots from: http://i100.independent.co.uk/article/gaza-everywhere-app-highlights-true-scale-of-humanitarian-crisis--lJ7Dz3JgQg
Publication on i100 from The Independent
![Page 53: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/53.jpg)
Source/screenshots from: http://i100.independent.co.uk/article/gaza-everywhere-app-highlights-true-scale-of-humanitarian-crisis--lJ7Dz3JgQg
Publication on i100 from The Independent
![Page 54: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/54.jpg)
• Gaza Everywhere's intent is not oriented to provide a territorial truth
![Page 55: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/55.jpg)
• Gaza Everywhere's intent is not oriented to provide a territorial truth
• Each user has a different awareness of the conflict in the Gaza Strip, which affects the perception of the application's intent
![Page 56: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/56.jpg)
• Gaza Everywhere's intent is not oriented to provide a territorial truth
• Each user has a different awareness of the conflict in the Gaza Strip, which affects the perception of the application's intent
• Not only the interactive map, but the whole user interface (interactive map, stats, information design, and Twitter embedded timeline) functions to support the detected or interpreted claim
![Page 57: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/57.jpg)
What did we observe?
![Page 58: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/58.jpg)
• Unlike other traditional forms of visual enthymeme, Gaza Everywhere allows the user to play with the composition at will
![Page 59: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/59.jpg)
• Unlike other traditional forms of visual enthymeme, Gaza Everywhere allows the user to play with the composition at will
• Interaction and experiential knowledge help the user to fill in the unstated premise
![Page 60: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/60.jpg)
• Unlike other traditional forms of visual enthymeme, Gaza Everywhere allows the user to play with the composition at will
• Interaction and experiential knowledge help the user to fill in the unstated premise
• The user might revisit the detected or interpreted claim, which makes the rhetorical/persuasive effect of Gaza Everywhere evolve with the user
![Page 61: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/61.jpg)
What does it mean?
![Page 62: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/62.jpg)
user
user
designer
ij
kuser
user
User ExperienceContext of Use
appl. software(visual enthymeme)
Discourse
![Page 63: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/63.jpg)
Future Directions
![Page 64: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/64.jpg)
• Dialectical or rhetorical (visual interactive) argumentation?
If software is about argumentation…
![Page 65: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/65.jpg)
• Dialectical or rhetorical (visual interactive) argumentation?
• How do these efforts and ideas relate to Procedural Rhetoric (Bogost, 2010), Persuasive Design (Buchanan, 1985; Redström, 2006), and Persuasive Technology (Fogg, 2003)?
If software is about argumentation…
![Page 66: HCI Seminar Fall 2015](https://reader034.fdocuments.net/reader034/viewer/2022042723/5886f1901a28abba528b6d9d/html5/thumbnails/66.jpg)
• Dialectical or rhetorical (visual interactive) argumentation?
• How do these efforts and ideas relate to Procedural Rhetoric (Bogost, 2010), Persuasive Design (Buchanan, 1985; Redström, 2006), and Persuasive Technology (Fogg, 2003)?
• How do these efforts and ideas relate to Interface Criticism (Andersen & Pold, 2011), Interaction Criticism (Bardzell, 2011), and other work in Humanistic HCI (Bardzell & Bardzell, 2015)?
If software is about argumentation…