Midterm Reflections and Generative Writing
Work to have done: finish, at least for now, a Visual Argument / Rhetorical Collage and reflect on it
Plan for the day:
- Looking back to look forward (10-15 min)
- Share and discuss (10-15 min)
- Web-design unit overview and assignment (10 min)
- Generative writing toward a proposal (10+ min)
- Offline sketching (10 min)
1. Looking back to look forward
We begin with writing, as a way of priming the pump of conversation, but also, really, as a way of letting your thoughts surface: writing can be a way of telling yourself what you think. It can lead to surprises, if you let it. Try to think on the page.
Below are a series of openings for reflection, focused on (1) surprise; (2) sequence; (3) simile; (4) consumption; and (5) questions. After skimming through, start with the prompt that speaks the most to you right now, and then move on to others as you finish answering. Write your response somewhere you'll be able to refer back to it.
NB: Sharing the writing itself will be optional, but I do hope you'll share *some* thoughts aloud today, using your notes to jump off from.
We’ll take about 10 minutes here.
- What, if anything, has surprised you over the course of the projects so far: the visual argument, the soundscape narrative, or even the collaborative notes on digital affordances?
- What do you see as the goals of this assignment sequence? For example, what do you see as the relationship among these projects, including the differences between them – or between these and other writing you've done? Would the projects work together in a different order? Would they work in the same way?
- See if you can finish one of the following similes:
- Writing with {sound, images} is like...
- Writing with {Audacity, GIMP, Photoshop} is like...
- Writing with version control (e.g. git/GitHub/GH Desktop) is like...
- Writing all these reflections is like...
- What changes, if any, have you found in the way you consume digital media? Have you found yourself noticing anything new, or differently?
- What questions are surfacing for you about the course content or assignment sequences?
EXT 1: If you have a solid metaphor or simile from question 4 above, something that feels true, what might you do in the metaphorical world to continue learning and ‘leveling up’? What does that metaphorical advice suggest you might try in the real world? If you don’t have one yet, go back and try to write one now.
EXT 2: Reflect on your goals for the course: given your goals and expectations when you began this class, what have you begun to learn? Combined with what you now know about our projects and scheduling patterns, what would you give yourself as a goal for the rest of the term?
2. Share and discuss reflections + questions (10-15 min)
Any volunteers to share?
Anyone have a different response?
I want to make sure we leave plenty of time for generative writing toward the new unit, especially with spring break next week, so I’ll have to cut us off by 1:30 or so. (Apologies! If we have time later, we can come back.) Any outstanding insights or questions, especially those you’d prefer remain anonymous, please post to the shared google doc.
3. Web-design unit overview and assignment
As I explained in the syllabus, your third project is to build a portfolio website using basic html and css files — as opposed to a site manager like WordPress or Wix — along with any media assets you wish to embed. In assigning this, I have two main goals for you:
- to learn how to manage a composite project made up of multiple interlinking files, and
- to explore the affordances of the web design stack as a medium, and especially its ability to flexibly render content for multiple audiences or reading priorities.
Let’s read through this together.
4. Generative writing toward a proposal (10-15 min)
Take a few minutes to think in writing about the websites you might want to make. I’ll read a series of questions aloud. Repeat them silently to yourself, and when you feel yourself answering, make a list.
These lists will remain private, unless you choose to share. I won’t ask for them.
- What have you been working on, in or out of this class, that you’d like to show the world? What have you made, or done, or pursued?
- Or: if you’d rather the site not focus on you, what groups, things, or events might you represent?
- Is there anything else you might add to the list? A wider context for one of the projects already there, or a related next step?
- Is there anything you’re forgetting? Something you were recently talking about, or planning for? Add it to the list.
- If you haven’t yet included your work for this class, be sure to add it now.
Take a moment now to read back over your lists. How might you group or divide these items? What clusters do they form? Mark these in some way.
Is there one cluster that stands out, that says, me, pick me? Choose one group to work with, at least for today, and name it in some way. Then copy the name into a clean page.
With that chosen subject, write again:
- What terms or images come to mind when you think of this subject? … Think about actions… things… descriptors.
- I’m going to interrupt you now and ask you to set aside the list, just for now, and ask: What’s the heart of this? What’s the essential component for this cluster of things? What ties them together?
See if you can summon up the whole of this idea, like it’s right here in the room with you. Where does it live? Is it above you? Inside you? In the palm of your hand? Just sit with your idea for a moment, feeling where you connect to it.
5. Offline sketching (10 min)
And now, draw. Given what's essential, given your knowledge of how websites work, and given the principles of designing for attention we learned last unit, make a few quick sketches of your possible website's landing page.
Starting with a mobile phone layout, what would you want to make sure visitors to the site will see without having to scroll? Where might they click to go deeper into your site?
Once you have a few options for mobile, consider how you might change the layout given the added space of a laptop screen. What might you add for a full-sized desktop monitor?
Not sure what that should look like? Above all, keep it simple: basic shapes, minimal text; you’re aiming for proportions and top-level hierarchy. For more depth, you might want to check out this free guide from Career Foundry.
- EXT: Will “inner” pages look the same as the landing page? Sketch out the possible differences. Consider the possibility that someone jumps directly to an inner page (e.g. from Google). What would they need to feel oriented? To get to other pages on the site? (What would you suggest they view next? How might you lead them there?)
- EXT: Finished one drawing? Make another, using a different system of visually organizing your information.
For next time:
- Review sample student website projects:
- Fatema Quaid, by Fatema Quaid
- Hi, I’m Caela, by Caela Go
- Loose Leaf, by Lynn Priestley
- The Rwandan Genocide: 100 Days of Silence, by Shreya Babu
- Consider the collections of work you might want to gather
-
Write a website proposal, including at least one hand-drawn design sketch, types of pages, a prospective asset list, and a link to your repo. Post to the issue queue.
- EXT: If you haven’t yet, spend some time getting to know your plain-text editor.
- Can it show two or more files side by side? Can it preview how an html file will render? Does it allow plugins or extensions to enable either of those things?
- If you’re using VS Code, you may want to check out the tutorials starting here: Learn Visual Studio Code in 7 min
- I also recommend adding an HTML Preview extension; I use the one by George Oliveira