ABCDEFGHIJKLMNOPQRSTUVWXYZ
1
Task No.TaskMedium used for this taskCaptionPersonal Reflection
2
1Email FormatThis email format is played with
creative text wrapping. I utilized tabs
and spaces (keystrokes) to create
text patterns, since this is Apple
email, I am able to adjust the tab
on my screen which unfolds the
text. Being able to play around
with the adjustable tabs is akin
to opening an envelope, transforming
a routine reading task into a more
interactive and satisfying experience.		As I made many iterations with this
experiment, I explore the potential of
reshaping routine tools like email into
engaging medium. Though it did not
has the full experience on breaking the
traditional routine on typing, it served
as a starting point to challenge
traditional perceptions of text
interaction, encouraging me to think
beyond conventional structures.
3
1-2Email FormatAnother way for me to explore how
text wrapping can be visually
interesting, is arrange text in a
staircase manner. (I also played with
the font size.)		Though increasing the font size make
it more readable, it makes the text
pattern looks less visible.
4
1-3Email FormatSince I got a plan on how I wanted to
conduct this experiment, I decided to
fomat it like as if I was writing to
someone. I formatted it in a way
where I added, "Dear Vikas" and
ended the email "Best, Tiara"		If you were to adjust the tab of the
email, the text will go to the next line
automatically which a satisfying feeling
to play around with. It did have the
feeling of wanting to engage more
in this experiment—which is what I
want take in mind for future
explorations.
5
1-4Email FormatThis is another way I arranged the
text, where it has rigid lines across
the message.		If you were to adjust the tab of the
email, the text will go to the next line
automatically which a satisfying feeling
to play around with. It did have the
feeling of wanting to engage more
in this experiment—which is what I
want take in mind for future
explorations.
6
1-5Email FormatAnother way to format the message,
where the text has a pattern,
resembling plaids.		If you were to adjust the tab of the
email, the text will go to the next line
automatically which a satisfying feeling
to play around with. It did have the
feeling of wanting to engage more
in this experiment—which is what I
want take in mind for future
explorations.
7
2HTML + CSSTask 2—I worked with HTML/CSS to
create a platform to test out how it
would be like if text were to flow in
an unconventional way. For this task,
I made a connection with each word
that is entered, creating a geometeric
look to that entire visual text.		If you were to adjust the tab of the
email, the text will go to the next line
automatically which a satisfying feeling
to play around with. It did have the
feeling of wanting to engage more
in this experiment—which is what I
want take in mind for future
explorations.
8
2-1HTML + CSSAnother iteration, text floating around
the screen.		As I continue retesting this experiment,
I did felt a little bored after waiting for a
good amount of text to appear on the
screen. I did made typing felt like a
routine again as nothing much was
happening on the screen.
9
2-2HTML + CSSAnother way I experimentated with
HTML was arranging the text in a
manner where it creates a pattern.		As I continue retesting this experiment,
I did felt a little bored after waiting for a
good amount of text to appear on the
screen. I did made typing felt like a
routine again as nothing much was
happening on the screen.
10
2-3HTML + CSSThis is another pattern I experiment
with.		As I continue retesting this experiment,
I did felt a little bored after waiting for a
good amount of text to appear on the
screen. I did made typing felt like a
routine again as nothing much was
happening on the screen.
11
2-4HTML + CSSFor this exploration, I experiment with
scale but in a linear format.
This is seem pretty satisfying compared
to the other experiments I did with
HTML/CSS, I guess because it was
how I scaled up the text and it move
smoothly as the text goes out of the
screen.
12
3Excel SpreadsheetA simple task as I explore to tools of
excel.		As I start experimenting with Excel
Spreadsheet, I tried to explore the
tools of this software while I did that,
I list down images of what is needed
to build a keyboard.
13
3-1Excel SpreadsheetThis is a compilation of images that
relates to keyboards and metaphors.		I created this to guide me in my next
few tasks in the future, this excel
spreadsheet includes keywords and
metaphors like, patterns, keys allowing
me to interpret on how I can apply
to my future task.
14
3-2Excel SpreadsheetSince I was able explore excel tools
enough to create a text visual base.
I created this word text by changing
the grid and the word angles.		I personally like how text looks visually
interesting as this is an exciting base
to work with.
15
3-3Excel SpreadsheetAfter experimenting with the previous
layout, I try adding borders around
each cell and it default to this manner
of the text being like this.		I like how visually interesting it is as the
grid of excel is usually horizental but as
for this grid, it is diagonal.
16
3-4Excel SpreadsheetAnother way I play with this base, was
adding a strike through for the text,
which defaulted into this manner.		I do find the "d" mirroring each other
a nice touch compared to the previous
experiment where it was just word over
word. The "d' sort of created an actual
pattern to the entire look. Though, this
experiments has its limits by not having
a conceptual meaning, I am still
exploring different ways how text can
appear on-screen.
17
4p5.jsI decided to play with p5.js as a tool.
I started with a base of text in a grid
manner. Certains keystrokes can be
interacted with the p5.js sketch.		Though certain moments can be
satisfying when it comes to interacting
with certain keystrokes, it did not have
the full experience of typing.
18
4-1p5.jsFor this experiment, it has a placeho-
lder text in the code, as users press
on certain keys, the text appear on
screen.		Though it does not have the full experi-
ence of typing, I would say it is a faster
way to get the words out of the user as
they type instead of taking a couple of
seconds to think what to type if they
were to interact with an experiment
like this.
19
4-2p5.jsAnother way of how text can appear
on screen is scaling the text size. 		I feel that if texts appear bigger
on-screen, it has a bigger impact
compare to smaller text.
20
4-3p5.jsI was trying to interpret the chinese
word grid where text goes down
vertically.		For this, it did has the full experience of
typing but the format of this experiment
was felt pretty disorganized as I did not
feel visually engaged.
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100