V. Analysis

Autoethnographic Narratives

The following figures map the relationship between tools as invention influences and specific changes in autoethnographic webtext drafts. The drafts and reflection narratives used to generate these analyses can be viewed in full in the Case Study Hub.

Dancing Across Media

Figure 23: Tool Influences in DM2

Figure 23 summarizes the following changes:

• A: Stumbling across HTML code for autoplaying and looping videos made me think about the interface's relationship between videos and images in a different way.



• Web-Editing | Rethink | Media
• B: While working on this project, I learned to define images' sizes by percentages rather than pixels so they changed size together evenly together in a web environment.



• Web-Editing | Engage | Total

Figure 24: Tool Influences in DM4

Figure 24 summarizes the following changes:

• A: Kaustavi wanted the text boxes to appear upon clicking with a wavelike animation; as an alternative based on my web design abilities and available resources, I added a subtle wavelike background animation across all non-video pages.



• Web-Editing | Adapt | Text

Religion, Remediated

Figure 25: Tool Influences in RR2

Figure 25 summarizes the following changes:

• A: I wanted to isolate and arrange candle images as an initial homepage concept, but I had difficulties because I hadn't yet learned how to layer images in a web environment.



• Web-Editing | Engage | Splash
• B: I was inspired by a Flash-based visual effect on Boyd's homepage, and I tried to recreate this effect by editing the image in Affinity Designer before embedding it in the HTML document.



• Image-Editing | Adapt | Splash

Figure 26: Tool Influences in RR3

Figure 26 summarizes the following changes:

• A: I encountered significant technical difficulties in trying to remediate Charissa's literacy narrative as a stand-alone audio piece, which forced me to rethink my approach to that section of the project.



• Audio-Editing | Rethink | Media
• B: Working with a Word document and isolated media files, I had difficulty seeing the total structure of the project until I brought all the components together in a web environment.



• Web-Editing | Afford | Total

Figure 27: Tool Influences in RR4

Figure 27 summarizes the following changes:

• A: Copying and pasting navigation source code from an online template made it difficult to reorganize the sections of my own web project.



• Web-Editing | Limit | Navigation