Design Guide

Project 3 — Composing & Design Guide

» The Project is a se­ries of web pages (4 min­i­mum), a “screen self-portrait” us­ing frag­ments arranged by links (associative/creative or­ga­ni­za­tion).

The con­tent — com­bi­na­tion of text and mul­ti­me­dia (pri­mar­ily) — should con­vey distinct/various dimen­sions of per­sonal dig­i­tal iden­tity expe­ri­ence. Use a vari­ety of mate­ri­als and ref­er­ences (“ready­made”) selected/sampled from all 4 “per­sonal data­bases”:

    • Auto­bi­og­ra­phy (fam­ily his­tory, per­sonal ex­pe­ri­ence)
    • Dis­ci­pline (school, ma­jor, ca­reer field)
    • Com­mu­nity (group mem­ber­ship, par­tic­i­pa­tion, so­cial ac­tiv­ity)
    • Enter­tain­ment (pop cul­ture, mass me­dia, digital/Web/Internet)
      • *note* these are not the 4 pages! (these are sources for mate­r­ial to com­pose the “por­trait”)

» Mul­ti­modal de­sign, dig­i­tal rhetoric ap­plied:

  • draw upon (“sam­ple from”) each data­base for mate­ri­als to­ward the “com­pos­ite sketch“
    — spe­cific ref­er­ences of per­sonal sig­nif­i­cance plus con­crete de­tails (peo­ple, char­ac­ters, places, items) in me­dia (im­ages) and in lan­guage

    ** Use the dis­course unique / respec­tive to each, at the level of lan­guage and mode (for in­stance hu­mor or play in enter­tain­ment: films, games, Web con­tent; phrases/references in fam­ily & so­cial com­mu­ni­ca­tion)
    — remem­ber: any / all of your per­sonal data­bases are avail­able to com­pose the “self-portrait” of your expe­ri­enc­ing net­worked me­dia.


Site Orga­ni­za­tion and Design Criteria

First, cre­ate new Site for Project:

Arrange (structure/sequence) pages thought­fully: 

  • cre­ate & link mul­ti­ple pages for sections/fragments of por­trait, orga­nized & hyper­linkedre­quired — to con­vey “Self-Portrait” ex­pe­ri­ence.
  • When us­ing time-based me­dia (au­dio / video clips): try to em­bed when­ever pos­si­ble (e.g., edited mp3, video, media-player clip).
  • Re­vise & Edit “for pub­li­ca­tion”

    (i.e. copy-edit, “proof­read” for cor­rect prose; re­vise for effi­cient style — all text pur­pose­ful!)

        As Wix​.com states, “To stay orga­nized, make a sim­ple sketch of your de­sired web­site struc­ture.”


Me­dia Re­quired
: two types (min­i­mum), plus at least one original/created form

  • Use unique ef­fects or respec­tive tech­niques to com­pose in cre­ative & aes­thetic mode (Par­tic­i­pa­tory Cul­ture + Net­work Rhetoric)
  • Im­ages re­quired, includ­ing at least one orig­i­nal or manip­u­lated (edited, “phở­to­shopped”; collage/composite; ef­fects, etc)
    sug­gested resource/tool: Pixlr​.com

  • * Orig­i­nal Mul­ti­me­dia Form Re­quired: can be edited/stylized, if not your own me­dia (image/video/audio); you do not need to in­clude me­dia of your­self!

    → Use com­bi­na­tion of both your per­sonal me­dia (im­ages) and found ma­te­r­ial

  • Other forms: au­dio (songs, ambi­ent sounds); video (me­dia clips, found footage, screen record­ing); ani­ma­tion (GIFs), illus­tra­tions, ref­er­ence mate­ri­als (e.g. doc­u­ments, charts, graphs).
    sug­gested re­source: Inter­net Archive

  • Pre­sent­ing your expe­ri­ence: use cul­tural forms and so­cial lan­guages (mul­ti­ple), which con­vey aspects/dimensions of your expe­ri­enced dig­i­tal iden­tity (vi­sual, ver­bal, and quan­ti­ta­tive in Rettberg’s terms)—both “invisible”/“visible” and “public”/“private.” (not your so­cial me­dia ac­counts)

    • Pur­pose­fully choose me­dia forms / gen­res suit­able for this type of expres­sion, con­sid­er­ing our method &
          the project goals; se­lect from your “per­sonal data­base” mate­ri­als (like in blog warm-up)
            — exam­ple cul­tural forms help­ful to model: com­edy (par­ody videos, memes); remix/mash-up (mu­sic); games
    • Expec­ta­tion for dig­i­tal author­ing: at­tempt to imple­ment the expres­sive tech­niques of this cul­tural form within your mul­ti­me­dia com­po­si­tion.
      • Aes­thetic author­ing: leave per­sonal mean­ing im­plicit within frag­ments; do not ex­plain un­til Poet­ics doc­u­ment.
      • Try to per­form or com­pose the idea(s), the expe­ri­en­tial dimen­sions of dig­i­tal iden­tity: com­pos­ite ef­fect, in por­trait (ele­ments do not need to re­late or “make sense” obvi­ously; the rela­tion is you!) 

      • In­clude in­stances of inter­ac­tiv­ity & time-based me­dia (dura­tion) effec­tively; at­tempt to evoke “mood of thought” for Screen­Self (net­worked iden­tity). 

      • Pro­tip: Dis­perse frag­ments & me­dia forms (hyper­text lay­out); care­fully con­sider function/effect of embed­ded ob­jects (me­dia play­ers, im­ages), apply­ing thought­ful dig­i­tal rhetoric or “poet­ics of author­ing” (bal­anc­ing the “fre­quen­cies” or lev­els of each dis­course).
  • Use mul­ti­ple me­dia, text/fragments, expres­sive for­mat­ting, and links within all pages.
  • Em­ploy a vari­ety of styles and modes, as “hy­brid dis­course” (crit­i­cal + cre­ative modes). 

  • Orga­nize any text as frag­mentsinclud­ing quotes, ref­er­ences, story


    »
    Com­po­si­tion guide for Text/Writing:
    — styl­is­tic help for “dig­i­tal sto­ry­telling” composing (any pages; be sure to include at least one instance–but the entire project is not a story)

    • Anec­dote: “The anec­dote is an oral form orig­i­nally, and is use­ful for locat­ing sen­sory de­tails of the home envi­ron­ment that evoke the atmos­phere of the place.” (p.90)
      “Al­though anec­dotes may be highly crafted, for our pur­poses they do not have to have any ‘point’ other than they they rep­re­sent a scene or sit­u­a­tion that re­mained in your mem­ory.” (p. 92)

    • Mi­cro Nar­ra­tive
      Sit­u­a­tion: estab­lish the key de­tails of a sit­u­a­tion (the terms of a rela­tion­ship). The rela­tion­ship may be be­tween or among peo­ple, or of a per­son with a place, thing, or event. You may or may not be di­rectly in­volved with the scene, but it should be ‘non­fic­tion’ in that the scene is based on an ac­tual mem­ory (with­out wor­ry­ing about the accu­racy of the mem­ory).” (p.92)
      Im­age: lo­cate and de­velop some fea­ture of the scene into an im­age that com­ments indi­rectly or fig­u­ra­tively on the scene, in a way that brings out your present under­stand­ing of the past sit­u­a­tion.” (p.93)
    • The mi­cro nar­ra­tive gives you some prac­tice with nar­ra­tive form it­self […].The ‘mi­cro’ dimen­sion en­acts the haiku prin­ci­ple of brevity, and avoids ‘con­fes­sion’ since there is so lit­tle space for elab­o­ra­tion.
      It also helps break down blocks such as the false split (for our pur­poses) be­tween truth and fic­tion.”
      The mi­cro is a very short story that evokes the feel­ing of the domes­tic scene; what counts is not nec­es­sar­ily any one incident…but the feel­ing sug­gested by the story as im­age.” (p.94)
      —All quotes from Inter­net Inven­tion (Gre­gory L. Ul­mer, 2003)


» Advanced Notes on Com­po­si­tion Logic (poet­ics + praxis)

  • you are leav­ing your­self out explic­itly, as au­thornot com­pos­ing in “first-person sin­gu­lar present-tense di­rect” aca­d­e­mic dis­course. In­stead, com­pose a self-portrait as com­pos­ite fig­ure, express­ing your expe­ri­enced dig­i­tal iden­tity (in var­i­ous dimen­sions) us­ing sam­pled “per­sonal data­base” ele­ments mean­ing­ful to you (“ready­made” ref­er­ences, sig­ni­fiers, ges­tures, sto­ries, char­ac­ters, set­tings, con­crete de­tails). All these mate­ri­als evoke a mood and per­sonal con­nec­tion (affec­tive) that links and ex­plores the sub­jec­tive dimen­sions of expe­ri­ence, not nec­es­sar­ily visible/legible by tech­nol­ogy (de­vices, me­dia, in­ter­faces). 

  • One ap­proach for com­pos­ing, via cul­ture form: con­sider the DJ, Film Direc­tor, or Game De­signer is respon­si­ble for the arrange­ment—focal­iza­tion, jux­ta­po­si­tions, orga­ni­za­tion, poten­tial action—while remain­ing ab­sent, in terms of voice (artic­u­la­tion). The com­po­si­tion per­forms its idea, even if not read­ily under­stood or mean­ing­ful. 
    An­other way of under­stand­ing your “voice” in the com­pos­ite por­trait: think in terms of your “sig­na­ture,” “fin­ger­prints,” “ear” — your sen­si­bil­ity and per­spec­tive (“per­son­al­ity?”), used com­pose the project by select­ing, arrang­ing, and some­times mod­i­fy­ing all com­po­nents of the por­trait.

  • Expec­ta­tion for dig­i­tal author­ing, mul­ti­ple modes: at­tempt to imple­ment expres­sive ef­fects, be­sides illus­trat­ing (i.e. don’t just document/show); for in­stance, abstract/evocative or sim­u­lat­ing ef­fects, us­ing the aes­thetic mode (in elec­tracy, play and per­sonal af­fect with me­dia forms used).
    • Leave im­plicit; ex­plain ap­proach & ratio­nale in Po­et­ics.