Latest revision as of 10:50, 29 March 2022

Team 1: Inside the Box

with Kamo, Mitsa, Erica

Overview

Phase	Description	Link
1.) Initiation	Overview/scope of work	pad 1, pad 2
2.) Curation	Curation of existing contents	source contents
3.) Conceptualization	Proposals for post-its and QR codes	pad 1, pad 2
4.) Design	Mockups for post-it contents	figma
5.) Development	Prepare and upload contents for post-it generator	git
6.) Delivery	Contents generated	post-it generator, pdf, SI17 website

In detail

WHAT IS A LOOT BOX (lootbox)
CROSSWORD IMAGINARY GRID GAME (productive play glossary definition games gamification ideology)
ONE-SENTENCE GAMES (playability gaming fiction)
NIM fanfiction(organization hierarchy fiction a bit cute and sad)
THE MURDEROUS HISTORY OF LOOT BOXES (lootbox and monster and sarcasm appropriation)
UNFINISHED THOUGHTS (productivity play blur walking inside lootbox adventure)
THE LEADER (work env, cards, sarcasm appropr inspo)
CONNECT-LESS (networking, inspo, good tool, precarious conditions)
XQUISITE BRANCH (collect draw tool playful)
KATAMARI fanfiction (fiction, rolling messy accumulation funny)
LIFE HACKS (toxic positivity, cheap solutions, accessibility optimization)
GAMING CAN MAKE A BETTER WORLD (gamification work env sarcasm popop)

Design

1. Overview

Contents consist of 4 types of pages: index, contribution titles, contents, and QR code. Typeface selections are Special Issue 17 Regular for titles and Arial Regular for body text, to suggest the juxtaposition of work and play throughout the publication.

Page	Description	Reference
Index	Contributions are separated by the use of the Special Issue 17 font for the first letter for each contribution.	Contributions index
Contribution title	Outlined Special Issue 17 font with hand drawn contribution title	Sample title
Contents	Content pages follow the same format, with the exception of card games or image-based contents. All pages have a progress bar footer as page numbers to indicate the player's progression.
QR code	QR code pages follow a similar format but are adapted for each contribution.	Sample QR

2. Process

@@ Line 9: / Line 9: @@
 ! Phase !! Description !! Link
 |-
-| 1.) Curation || Curation of existing contents || [https://cryptpad.fr/sheet/#/2/sheet/edit/Opp4ZQKXg3b0yU6OvMRJkv0j/ source contents], [https://hub.xpub.nl/soupboat/pad/p/team-1-030322 team 1 pad]
+| 1.) Initiation || Overview/scope of work || [https://hub.xpub.nl/soupboat/pad/p/team-1-030322 pad 1], [https://hub.xpub.nl/soupboat/pad/p/team-1-task-list pad 2]
 |-
-| 2.) Conceptualization || Proposal || [https://pad.xpub.nl/p/post-it post-it pad], [https://pad.xpub.nl/p/SI17_QR QR code pad]
+| 2.) Curation || Curation of existing contents || [https://cryptpad.fr/sheet/#/2/sheet/edit/Opp4ZQKXg3b0yU6OvMRJkv0j/ source contents]
+|-
+| 3.) Conceptualization || Proposals for post-its and QR codes || [https://pad.xpub.nl/p/post-it pad 1], [https://pad.xpub.nl/p/SI17_QR pad 2]
 |-:
-| 3.) Design || Mockups for post-it contents || [https://www.figma.com/file/wVdpA2iwKN3hT9YXONqXTj/SI17 figma]
+| 4.) Design || Mockups for post-it contents || [https://www.figma.com/file/wVdpA2iwKN3hT9YXONqXTj/SI17 figma]
 |-
-| 4.) Development || Prepare and upload contents for post-it generator || [https://git.xpub.nl/kamo/post-it-contents git]
+| 5.) Development || Prepare and upload contents for post-it generator || [https://git.xpub.nl/kamo/post-it-contents git]
 |-
-| 5.) Delivery || Contents generated || [https://hub.xpub.nl/soupboat/postit/ post-it generator], [https://hub.xpub.nl/soupboat/postit/generate/?print=True pdf], [https://issue.xpub.nl/17/index.html website]
+| 6.) Delivery || Contents generated || [https://hub.xpub.nl/soupboat/postit/ post-it generator], [https://hub.xpub.nl/soupboat/postit/generate/?print=True pdf], [https://issue.xpub.nl/17/index.html SI17 website]
 |}
 == In detail ==
+=== Contents ===
+<gallery>
+File:Photo 2022-03-27 13-15-37.jpg|Initial content sorting
+File:Photo 2022-03-29 11-27-18.jpg|Stack test
+File:Photo 2022-03-28 19-58-36.jpg|Content sorting round 2
+</gallery>
+'''Ordered index:''' content lineup categorization and curation:
+# WHAT IS A LOOT BOX  (lootbox)<br>
+# CROSSWORD IMAGINARY GRID GAME (productive play glossary definition games gamification ideology)<br>
+# ONE-SENTENCE GAMES (playability gaming fiction)
+# NIM fanfiction(organization hierarchy fiction a bit cute and sad)<br>
+# THE MURDEROUS HISTORY OF LOOT BOXES (lootbox and monster and sarcasm appropriation)<br>
+# UNFINISHED THOUGHTS (productivity play blur walking inside lootbox adventure)<br>
+# THE LEADER (work env, cards, sarcasm appropr inspo)<br>
+# CONNECT-LESS (networking, inspo, good tool, precarious conditions)<br>
+# XQUISITE BRANCH (collect draw tool playful)<br>
+# KATAMARI fanfiction (fiction, rolling messy accumulation funny)<br>
+# LIFE HACKS (toxic positivity, cheap solutions, accessibility optimization)<br>
+# GAMING CAN MAKE A BETTER WORLD (gamification work env sarcasm popop)<br>
 === Design ===
-Contents consist of 4 types of pages: index, contribution titles, contents, and QR code.
+'''1. Overview'''
-See also: [https://www.figma.com/file/wVdpA2iwKN3hT9YXONqXTj/SI17 Figma]
+Contents consist of 4 types of pages: index, contribution titles, contents, and QR code. Typeface selections are Special Issue 17 Regular for titles and Arial Regular for body text, to suggest the juxtaposition of work and play throughout the publication.
 {| class="wikitable"
@@ Line 32: / Line 56: @@
 ! Page !! Description !! Reference
 |- style="text-align:left; vertical-align: top;"
-| Index || Example || [[File:Si17 postit index.gif|thumb|none|Contributions index]] || Example
+| Index || Contributions are separated by the use of the Special Issue 17 font for the first letter for each contribution.|| [[File:Si17 postit index.gif|thumb|none|Contributions index]]
 |- style="text-align:left; vertical-align: top;"
-| Contribution title || Example || Example || Example
+| Contribution title || Outlined Special Issue 17 font with hand drawn contribution title||[[File:Si17 postit title.gif|thumb|none|Sample title]]
 |- style="text-align:left; vertical-align: top;"
-| Contents || Example || Example || Example
+| Contents || Content pages follow the same format, with the exception of card games or image-based contents. All pages have a progress bar footer as page numbers to indicate the player's progression. || [[File:Content-sample-1.png|thumb|none]]
 |- style="text-align:left; vertical-align: top;"
-| QR code || Example || Example || Example
+| QR code || QR code pages follow a similar format but are adapted for each contribution. || [[File:Qr-postit.gif|thumb|none|Sample QR]]
 |}
-== Website ==
+'''2. Process'''
+See also: [https://www.figma.com/file/wVdpA2iwKN3hT9YXONqXTj/ figma] <br>
+'''Design development:'''
+[[File:Photo 2022-03-29 11-22-32.jpg|thumb|none|Mockup progression]]
+Scrapped mockups:
+<gallery>
+File:Postit-concept.gif|Concept for post-it reading method
+File:Postit-test.gif|Replaced "box" from the publication title with a keyword from the contribution
+File:Si17-postit-r1.gif|Testing header, footer, title, body, annotation elements
+File:Si17-postit-r1-1.gif|Testing content page layouts
+File:Si17-postit-r1-2.gif|Testing QR code pages
+</gallery>
+'''Printing:'''
-=== Overview ===
+<gallery>
-=== Mockups ===
+File:Photo 2022-03-29 11-15-51.jpg|Plexi sample with paper test
-=== Deliverable ===
+File:Photo 2022-03-27 13-15-06.jpg|Color matching with plexi samples
+File:Photo 2022-03-29 11-22-22.jpg|Mockup test
+File:Photo 2022-03-27 13-14-55.jpg|Opacity test 1
+File:Screen Shot 2022-03-29 at 11.31.48 AM.png|Opacity test 2
+</gallery>