Storyboard
Notes to readers:
- this is a gradual process of producing and piecing different visual and written pieces of the graduation project and thesis together, so some parts may be more realized and developed than others
- thank you for your time and attention!
Features
If the interactive fiction is selected as the starting point of the publication, the user will be using a browser.
Some elements of the interactive fiction:
No. | Reference | Description |
---|---|---|
1 | [emulator/graphic user interface] How to start the interactive fiction: double click on the first icon (or open terminal first, TBD) | |
2 | [splash screen] The splash screen format will be used as a transition card to indicate the change of locations, characters, tools/objects in the interactive fiction. |
Characters
Notes:
- Characters are represented in a card format
- All characters speak different languages (some with different dialects).
- For example, even though an electronics component speaks in voltage, the way it is represented as a visual language (schematic symbol) also comes in different languages (US and International standard) (see also: reference designator).
Character | Variants | Also appears as | Description | Characteristics | World | Language | Notes | ||||
---|---|---|---|---|---|---|---|---|---|---|---|
LM555, NE555 | [insert schematic symbols here] | The main character who you will meet in real life (via the DIY kit) or in the browser (via the interactive fiction). |
sources: |
TBD |
| ||||||
Example | Example | Example | |||||||||
Example | Example | Example |
Storyboard
No | Frame | Text in frame | Notes |
---|---|---|---|
1 |
| ||
2 | title page: loading continues | ||
3 | Supisara Burapachaisri [title] |
title page: loading complete | |
4 | Example | interactive fiction directory (index) | |
5 | It is [dd/mm/yyyy] at hh:mm:ss. | splash screen: studio | |
6 | Initializing... | splash screen loading | |
7 | To get started, type in the following shortcut: ⌘ N > |
splash screen loading complete, transitions into the welcome page | |
8 | To continue, type in the shortcuts indicated on the screen: > |
||
9 | But what are you really designing? You stare blankly at the screen. | ||
10 | You watch your hands perform choreographies that vary as you navigate across the Adobe ecosystem. If you stop to think about each movement (shortcut), you forget the keyboard combinations. So the key is: don’t think, or you'll temporarily lose the muscle memory connection (time is of the essence). | ||
11 | But there are moments when you begin to dissociate. You begin to question what is actually really happening underneath those shortcuts. | ||
12 | You start to reflect on your ‘toolkit’ as a graphic designer... | ||
13 | ...only to find a keyboard shortcut cheat sheet, a keyboard, a mouse. |
Pending frames
(unordered)
No. | Frame | Text in frame | Notes |
---|---|---|---|
1 | You found a zine. | [moment to leave the screen to interact with zine irl] | |
2 | You found a digital multimeter. | [multimeter debugging scene]
| |
3 | electronic components version of CC | ||
4 | PCB directory of interactive fiction | ||
5 | what if Adobe Illustrator is a printed circuit board? | ||
6 | What do you do? > Stay |
|
Text
Thesis outline:
(0) The flow state
- the interactive f(r)iction will start with an introduction that will give users a sense of digital familiarity of a graphic user interface that requires actions through some mouse clicks and keyboard presses
- introduce the role that the user is currently taking on: as a digital graphic designer who is working in a commercial field (more specifically, in a production pipeline, using adobe illustrator, on a deadline to handoff assets to the dev team)
- users will be guided to complete specific tasks which require the execution of keyboard shortcuts to generate a specific visual output
- a clock or timer [side note: integrate the use of the 555 timer chip somehow here?] will be present to suggest that the use of keyboard shortcuts is a helpful tool, especially under such conditions where time is a constraint
- to hint at the mundanity of such a task, users will be required to perform this for several times
- upon the completion of these tasks, the user will have the option to continue the same actions (in hopes of potentially coming across some glitches/easter eggs) or break the flow
(1) A different kind of flow
- a critique on the previous state of flow:
- an alternative state: a friction flow
(2)