2d:null 2e:["$","title",null,{"children":"GT Final Draft - \"Re-collect\" | ychsu6 | Observable"}] 33:T54b,## Artist Statement "Re-collect" is a social network that seeks to challenge our ways of Recollecting significant memories/feelings of one's own and Re-collecting fragments of writing from others. It invites users to build on top of each others’ semi-published posts, by pushing the extreme of “interpreting out of contexts”, hoping to suggest a more collaborative and explorative approach to creating writing and interpreting writing. By partially revealing a work and inviting users' active involvement to slowly unfold the original post while taking an effort to keep the idea “alive”, it questions a common illusion of the permanence nature of experiences and memories that conventional social media false-promised us with; therefore, enables one to reflect on those that are truly significant. On the other hand, a single work gets to be consumed from multiple different starting points and therefore evokes multiple interpretations from different viewers. In the process of interacting with a desired work in the act of "re-writing" it, each rewriter also gets to contribute to revealing fragmental parts of the work to the public, while at the same time collaboratively creating a "parallel" interpretation of the original work. #interactionDesign, #socialNetwork, #memories, #writing, #criticalDesign 34:Tb9b,## System Mechanism Details & Representations ### Original Work

The Original work can evolve between 100% (Full piece visible) to 0% (Only title sentence visible). It can start from the initial status (0%) to slowly more parts visible if other users chose to rewrite the work & contribute to the Parallel Work. However, the Original work can also gradually fade away (minimum 0% with title sentence left) over time.
Once publishing a rewriting work, users can immediately access the full Original Work. In the process of rewriting, users also get to determine which sections get to be revealed to the public view, as an exchange for their rewriting effort.
If the original work has been mostly revealed (e.g. >90%, in case of many users rewrote the same work within a short period of time), the work will be temporarily closed for new interaction until some sections have faded over time. **- Active involvement to make a meaningful idea alive**
Instead of keeping the work permanently fully accessible on the site, like how most users often experience from the internet, the concept of accessing and making a meaningful memory/idea alive require effort, the more effort is invested, the longer an idea remains alive. However, everything is still supposed to fade away over time, similar to how we experience memories in real life. **- Collective effort of revealing & hiding**
As an exchange for their effort, any new community members get involved in the game of revealing process, to take control of what they wish the public can see, and how people coming after them interpret the piece. The original creator also understands what sections of their original work interest others more according to each new member’s “judgment”. **- Diverse perspectives via different standpoints**
Different rewriters started the rewriting process by looking at different statuses of the original work (some ppl saw it more revealed than others, like totally different versions of the original piece). Therefore their rewriting work act as totally different interpretations of the original work, like a crowd's feedback to the original work based on multiple stages of the unfolding process. **- Take care of marginalized work**
Rewriting is only more explorative when creators haven’t yet seen the entire piece and each rewriting action should make some contributions & noticeable changes to the public view. Therefore, it is essential to pause interaction if the interactions have reached the capacity within a short period of time. Newcomers will have to wait. So instead of pushing the idea of “the more the better”, it encourages ppl not to only focus on rewriting the same popular piece, but to take into consideration of other marginalized works. So it isn’t the loudest, the most popular voices get to dominate or stay alive longer on site.35:T8e6,**- Wildy imaginative approach by interpreting out of contexts**
The multivalent aspect of language (the power of interpreting out of contexts), associative, wildly imaginative version of the original piece. Participants are forced to take individual lines as units, instead of considering the overall message of a piece while trying to create the next following sentence. **- Collaboration without pre-judgment**
One might not be satisfied with the sentence published ahead him/her but still have to contribute one sentence that follows it. However, they are almost guaranteed to find unexpected results once they see the full paralleled piece. The full parallel piece may sometimes stagger, sometimes surprisingly coheres. Ppl can therefore start to see a lot more ppl as potential collaborators. Thus they have no choice but to believe for a moment in the possibility of actual unity. **- More profound discussion by actually creating sth together**
People who came together by choosing to rewrite the same piece share some kinds of characteristics, yet may have diverse interpretations. So instead of merely leaving superficial comments while having full access to others’ rewriting versions or the full parallel work in the first place, they have to take efforts to contribute one sentence to a parallel piece to also slowly unfold other’s rewriting versions. When they finally get to see others’ contributions (title sentences of each rewriting version) to the parallel piece they will naturally then decide whether any particular one’s rewriting work interests them and to further invest in effort to get full access to their piece by rewriting other members’ work. **- Community feedbacks on both directions**
Rewriting a piece of one’s own & asking for feedback from others are considered as most effective ways of improving writing. Collaboratively creating a parallel work will work both ways for both the original creator & all community members. It’s almost like observing how the entire community rewrites each and every one’s piece via each sentence in parallel work. But working on others' work also makes one removed one step away from their original intention; therefore, opens up more potential explorative inspirations.36:Ta59,--------------------- ### Documentation - Conceptual project development **Connection to memory**
One of the many inspirations came from my memory of my grandpa who just passed away a few months before I started the project. I wonder whether the existence of a significant other could be proven by memories. We tend to feel the existence of others still even when they pass away because loves and memories remain, (perhaps in a more Buddhism concept). But does that mean if one day none of the family members, friends, no one in the world remembers this person; therefore, he/she does not exist anymore? Could existence be determined by collective memories, similar to how significant news seem to disappear when it gains less public attention? Does a person, a meaningful event’s existence also therefore supposed to fade away gradually, similar to how memories fade away over time, and at some point just totally disappear?
**Conventional User Experience Design & Dark Design Patterns**
Working as an interaction designer on the side, I constantly found myself unsatisfied with mainstream interaction design conventions where design goals are all about accelerating the process of reaching a pre-defined destination, intending to encourage maximum meaningless interactions in exchange for marketing values. As I started to investigate the dark design patterns in social media, one of the most notorious systems where interface designers often embed manipulating design patterns in bundling users’ vulnerability to social connections with business needs, I found it most important to explore how contents are designed to stack endlessly in social media feeds and the fast and easy access to all passed content and knowledge in the digital world leads to our lack of attention to significant present moments in real life and a distorted perception of time.
**Alternative system to bridge the real life gap & for more explorative writing**
I wonder whether there's a way where design could step in to help bridge the gap between the digital world experience and the real idea of limited time and the impermanence of memories we experience in the physical world. Instead of accelerating the path, could design help to slow us down on truly meaningful things? Therefore, I conducted several interviews with friends whom I knew does keep a diary or tend to keep records of memories and potentially discuss them with others. I was curious about how creative writing affects the way people reflect on their experiences, and how the contexts may alter or therefore influence creators' practice when being put into public space.
37:[{"id":"e1ae925237c4b3f126d401090739988afbf850b46fe42f188566937aa3f0663768d4394a4641451e29911356a9b3d89bc354253f9182bddb6e5e72181eb0dfa1","href":"https://static.observableusercontent.com/files/e1ae925237c4b3f126d401090739988afbf850b46fe42f188566937aa3f0663768d4394a4641451e29911356a9b3d89bc354253f9182bddb6e5e72181eb0dfa1","name":"“Re-collect” - Final High-Fi Prototypes and specifications.jpg","type":"image/jpeg","lastModified":1680225898046.354,"size":4496270},{"id":"cbfe5050571dff6f59e7989dff089a1b3c56192101a356ca2c6a952b05813c656445fc9c067d61bea8732c109eea9d2147f821ce473105c1bafcb5a8c9cd349f","href":"https://static.observableusercontent.com/files/cbfe5050571dff6f59e7989dff089a1b3c56192101a356ca2c6a952b05813c656445fc9c067d61bea8732c109eea9d2147f821ce473105c1bafcb5a8c9cd349f","name":"Frame 125.jpg","type":"image/jpeg","lastModified":1680260287546.966,"size":299610},{"id":"b388a38245a61f3cefbf1c049699e1c0efd8985d8597fa0da6158786db4d8686f4d48e97662b13308336964508423d3b211a79d2fe7d738f32c862b950139ce9","href":"https://static.observableusercontent.com/files/b388a38245a61f3cefbf1c049699e1c0efd8985d8597fa0da6158786db4d8686f4d48e97662b13308336964508423d3b211a79d2fe7d738f32c862b950139ce9","name":"Frame 126.jpg","type":"image/jpeg","lastModified":1680260287715.707,"size":300213},{"id":"ec19cc5dd4d2655dbe6bb6c0da93fe6420f5d6d93a0873dc32b9b63a37c1c5127c31aa5afd71b26f6afb265b4c70abd4650a2d50f751a1266814e3e60ec9e5cf","href":"https://static.observableusercontent.com/files/ec19cc5dd4d2655dbe6bb6c0da93fe6420f5d6d93a0873dc32b9b63a37c1c5127c31aa5afd71b26f6afb265b4c70abd4650a2d50f751a1266814e3e60ec9e5cf","name":"Final Prototype w: Spec.jpg","type":"image/jpeg","lastModified":1680262256072.222,"size":9649927},{"id":"e91952cba452c9bf892664c76906505d1c243137d25cb7965be3aa5e30c14828769d367ef008cbcb3beccbb253c86c46f0bc987cd0bcf193bf10aad064360719","href":"https://static.observableusercontent.com/files/e91952cba452c9bf892664c76906505d1c243137d25cb7965be3aa5e30c14828769d367ef008cbcb3beccbb253c86c46f0bc987cd0bcf193bf10aad064360719","name":"sections explained.jpg","type":"image/jpeg","lastModified":1680614777996.984,"size":336642}] 31:{"id":"6d25b7e7675ddf97","slug":"gt-final-draft-re-collect","title":"GT Final Draft - \"Re-collect\"","thumbnail":"519f6966ddce17d0efd0d07c5e4650372e69c99614ef4441c11ee1cb4dc4be63","access_level":"public","create_time":"$D2023-03-29T23:22:44.606Z","update_time":"$D2023-04-16T23:29:33.330Z","view_time":null,"first_public_time":"$D2023-03-29T23:22:44.606Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"c3d91d7db2867b4d","login":"betahsu","name":"ychsu6","avatar_url":"https://avatars-next.observableusercontent.com/197b7792c36f626b9fe391a472486b8b6dc3cf3503a2bb52e365e7916c324a9e","tier":"starter_2024"},"version":260,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"8205ffe96d046f8c","login":"betahsu","name":"ychsu6","avatar_url":"https://avatars-next.observableusercontent.com/197b7792c36f626b9fe391a472486b8b6dc3cf3503a2bb52e365e7916c324a9e","tier":null}],"members":[{"type":"individual","id":"8205ffe96d046f8c","login":"betahsu","name":"ychsu6","avatar_url":"https://avatars-next.observableusercontent.com/197b7792c36f626b9fe391a472486b8b6dc3cf3503a2bb52e365e7916c324a9e","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"GT Final Draft - \"Re-collect\"","cells":[{"id":170,"value":"# GT Final Draft - \"Re-collect\"\n#### [Prototype Site: Home Page](https://fyp-taupe.vercel.app)\n#### [Video Demo](https://youtu.be/lCB4ixOeNG8)\n

\n[Final High-Fi Prototype Figma file](https://www.figma.com/file/drKtH3zO2ICQ8FbHTNBSZ0/GT-Final-Prototype?node-id=1%3A639&t=OBYxZZ0FzhmHQbXe-1) for more comprehensive user flow with detailed specifications
\n(more detailed specifications see below content **[System Mechanism Overview](https://observablehq.com/@betahsu/gt-final-draft-re-collect#cell-33)** & **[System Mockups Visuals](https://observablehq.com/@betahsu/gt-final-draft-re-collect#cell-76)**)\n### Code: GitHub Page\n(run on localhost, not production yet, tbc)
\n#### [fyp](https://github.com/BetaHsu/fyp.git)\nrun (create-interaction-work) component\n#### [fyp-API](https://github.com/BetaHsu/fyp-api.git)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":0,"value":"$33","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":38,"value":"#### Project Objectives\n- To break the illusion of power created by technology by reconnecting to the limited capacity of memories in reality and highlighting how keeping an idea/memory alive is supposed to take effort & involvement in exchange. Otherwise, it's supposed to disappear or fade away over time.\n- To encourage users in the social network to collaboratively create a parallel interpretation. The collaborative interpretation consists of a wide variety of interpretations from fragmental parts of the original idea, based on explorative feedback among each other.\n ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":33,"value":"---------------------\n## System Mechanism Overview\n**Different pages of the site**\n- Create Interaction Work Page\n- Create Original Work Page\n- Public Gallery (Home) Page\n- Profile Page (My & Others)\n- Onboarding Page (Sign up/in)\n\n**A work Page typically contains these sections**\n- View Original work section\n- View Parallel collaborative work section\n- Interaction section\n\n

","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":226,"value":"**Different Views of a single Work**\n- Interaction view\n - accessible for users who wish to interact with the original work\n - original work partially visible; parallel collaborative work partially visible\n- Community view\n - accessible only for users who have interacted with the original work; therefore, they have entered the \"community\" consisting of all users who rewrite the same original work\n - original work partially visible; parallel collaborative work partially visible \n- Public view\n - accessible for all users\n - original work partially visible; parallel collaborative work not visible\n- Owner view\n - accessible only for the user who created the original work\n - original work always fully visible; parallel collaborative work always fully visible\n \n**Different status of a work**\n- Full piece visible (100%)\n- Partially revealed/faded (0% ~ 100%)\n- Only title sentence visible (0%)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":76,"value":"---------------------\n## System Mockups Visuals\nCheck out the [Final High-Fi Prototype Figma file](https://www.figma.com/file/drKtH3zO2ICQ8FbHTNBSZ0/GT-Final-Prototype?node-id=1%3A639&t=OBYxZZ0FzhmHQbXe-1) for more comprehensive user flow with detailed specifications
\n

","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":130,"value":"### Most essential Interaction Flow Step-by-step Explain:\n-> See title + partial \"Original Work\" + \"Original Work\" title
\n-> Rewrite using same title -> Save
\n-> Can view full \"Original work\" + partial \"Parallel Work\"
\n-> Select 1 sentence as title to publish \"Rewrite Work\" + contribute to next line of \"Parallel Work\"
\n-> See full paralleled work + can access others' Rewriting version of the same \"Original Work\"
","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":112,"value":"$34","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":152,"value":"### Parallel Work\n

\nAll community members (who rewrote the same Original work) together create a parallel piece according to the order of publishing their rewritten version. They each contribute to one sentence (which is also the title sentence of their rewriting version) following the existing parallel work, without knowing all previous sentences but just a maximumly of 2 sentences (title of Original work + one sentence ahead of them). Once selecting a sentence for contribution, they will finally have full access to the parallel work. Community members also will be able to click into each and every sentence to access others' rewriting version, but of course, not their entire work, the default status of those works could also be a 0 revealing score (one title sentence visible), there will have to again rewrite them to immediately access the whole work.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":141,"value":"$35","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":63,"value":"$36","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":212,"value":"### Documentation - Other Past brainstormings from previous phases \n(can be accessed from the provided [Final High-Fi Prototype Figma file](https://www.figma.com/file/drKtH3zO2ICQ8FbHTNBSZ0/GT-Final-Prototype?node-id=1%3A639&t=OBYxZZ0FzhmHQbXe-1) to view different pages, or access individual page through following)\n- [GT High-Fi Mockups (Phase 2.5)](https://www.figma.com/file/drKtH3zO2ICQ8FbHTNBSZ0/GT-Final-Prototype?node-id=2%3A2883&t=OBYxZZ0FzhmHQbXe-1)\n- [GT Low-Fi Mockups (Phase 2)](https://www.figma.com/file/drKtH3zO2ICQ8FbHTNBSZ0/GT-Final-Prototype?node-id=2%3A2827&t=OBYxZZ0FzhmHQbXe-1)\n- [GT Speculative Ideas brainstorm on \"Memories\" (Phase 1.5)](https://www.figma.com/file/drKtH3zO2ICQ8FbHTNBSZ0/GT-Final-Prototype?node-id=2%3A2825&t=OBYxZZ0FzhmHQbXe-1)\n- [GT Dark Design Pattern Brainstorm for (Phase 1)](https://www.figma.com/file/drKtH3zO2ICQ8FbHTNBSZ0/GT-Final-Prototype?node-id=2%3A2823&t=OBYxZZ0FzhmHQbXe-1)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":30,"value":"---------------------\n### Self-Reflection & Next Stage\n#### Technical - Next Stage to do/fix:\n**Major:**\n- Fetch user access restrictions to disable or enable certain views of work page (4/12)\n- Profile Page & Public Gallery (simple front-end & back-end fetching) (4/12)\n- Highlight fixed-length section (10% of total character count) in exchange for reveal (4/13)\n- Temporarily closed for interaction (4/13)\n\n**Done:**\n- ✅ Onboarding (Sign up , Sign In)\n- ✅ Push to production (4/7)\n- ✅ from requesting to local json to requesting to MongoDB (4/9)\n- ✅ CORS nightmares... (4/10)\n- ✅ calculate reveal intervals for POST paragraph by code (4/11)\n\n**Minor (not necessary):**\n- Restriction for having multiple users interacting on the same piece at the same time\n\n#### Theoretical:\n- User Testing (4/13 - 4/14)\n- Theoretical Text (4/15)\n- Update design based on Feedback (4/16)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"}],"files":"$W37","stdlib":"1","titling":"auto"}} 32:"$31:body"