visual summary Tadporn Wudhinan WUD11319508 MAGBI
content Field of study Definition
1
Online Study
5
Offline Study
13
Visual Research
25
Visual Experiment
38
Methodology Possible Outcome
48
Outcome Creative Coordinate
55
Website Structure
56
Webpage Wireframe
57
Visual Research
65
Visual Experiment
70
Alternative Prototype
76
Developed Prototype
79
Final Outcome
86
Definition To understand the question clearly, I started to clarify the definitions of the words: parallel, double life, alter ego.
tally jibe fit gibe correspond
match
agree
collimate
check
duplicate twin
figure parallel of latitude
perpendicular
Parallel
line of latitude
antiparallel
latitude
collateral
analogue
oblique
nonconvergent nonintersecting
analog
comparable synchronous
symmetrical
symmetric
synchronic synchronal
Parallel (adj.) Occurring or existing at the same time or in a similar way; corresponding : a parallel universe | they shared an apartment in Dallas while establishing parallel careers. (Oxford dictionary) 1
Alter ego
“An alter ego (Latin, “the other I”) is a second self, a second personality within a person, who is often oblivious to the persona’s actions. It was coined in the early nineteenth century when dissociative identity disorder was first described by psychologists. A person with an alter ego is said to lead a double life.”(wikipedia.org) 2
In Pre-Crisis comic books, superheroes and their secret identities are often considered alter egos. (wikipedia.org) 3
“Alter egos are used by numerous performing artists who use stage or screen personae both to entertain audiences and to explore new identities for themselves. An early example of a musical group to make use of alter egos was The Beatles, who recorded and performed as Sgt. Pepper’s Lonely Hearts Club Band in order “to alter our egos, free ourselves and have a lot of fun”.” (wikipedia.org)
4
Online study Facebook vs real life
“I remember life before all this crazy stalking business begin, when a stalker was someone who followed you around and hid outside in the bushes. Were are all guilty of it, looking up someone who we used to go to school with, someone we used to date, someone we used to like, or currently do. [...] Thank you facebook for turning me into a stalker. And I know I am not the only one guilty of this.� (talesofatwentysomething.wordpress.com) 5
6
How facebook would be in real life? This film was made to explore the issues around ENO’s production of Nico Muhly’s new opera ‘Two Boys’. 7
Online
Offline
“The problem is that the social networks we’re creating online don’t match the social networks we already have offline. This creates many problems, and a few opportunities.” (Adam, 2010) 8
“New technology doesn’t change how our brains work. Social networks are not new. For thousands of years, people have formed into groups, built strong and weak relationships with others, formed allegiances, and spread rumor and gossip. The emergence of the social web is simply our online world catching up with our offline world. As technology changes the tools we use to communicate, we still use the same behavior patterns that we evolved over those thousands of years.” (Adam, 2010) 9
“This problem isn’t just limited to IM, we see it on social networks too, people self-censor all the time. “(Adam, 2010) 10
“Strong ties are the people you care about most. Your family. People often refer to strong ties as their “circle of trust.” Weak ties are people you know, but don’t care much about. Typically, we communicate with weak ties infrequently. Most of us can only stay up-todate with up to 150 weak ties. Online social networks make it easier to reconnect and catch up with weak ties “(Adam, 2010) 11
(Adam, 2010)
12
Offline study To have broad understanding about the area of study, I also researched on everyday’s life behaviour and how we live our double lives in the real world in four categories: art, literature, everyday’s life, secret.
Art
13
14
Opposite page: Eugene Atget photography, This page: Marcel Duchamp, autour d’une table (Hinged Mirror Photograph, 1917) 15
16
Opposite page: Garry Winogrand, Public Relations (1977), This page: Mario Giacomelli, Io non ho mani che mi accarezzino il volto (I Have no Hands to Caress my Face, 1961-63) 17
18
Opposite page: Nigel Henderson: Parallel of life and art Claude, This page: Cahun, Selbstportrat, 1929 19
20
Opposite page: Marina Abramovic, Role exchange, 1975, This page: Marina Abramovic: Rhythm2, 1974 21
Jorge Macchi: Vidas paralelas (parallel lives, 1988)
22
Literature
The Picture of Dorian Gray: taken from book covers and movies.
23
Everyday’s life
London riot 2011: the rioters used their social network to communicated and set up their criminal meetings. They all had their normal lives in the day time but also turned to be looters at night. 24
Visual Research
Muti identity
Mix
Dissociation Alter ego
Double life/ Parallel life
Clash
Part
Hide Crop Lie Mirror
From the past research, I set up keywords that can reflect the meaning of double life. Then, I did visual research and experiment according to the words. 25
26
Distorted images 27
28
Ingrid Baars: photo manipulation 29
30
Opposite page: Ingrid Baars: photo manipulation, This page: Federico Cabrera, Disorder, Gilles Et Dada SS11 31
32
Opposite page: Asian Arzaghi, Anoxia, This page: Asian Arzaghi, She’ 33
34
Opposite page: Lenticular photography, This page: Tom Hussey, Novartis “Reflections� Campaign 35
36
Opposite page: Collage picture, This page: iPhone application 37
Visual Experiment
Experiment: This image was used as an original file to be distorted and manipulated in different effects. 38
39
40
41
42
43
Double life
Online
Offline
Social network
Art
User’s behaviour
Literature
Avatar
Everyday’s life
Identity
Secret
Online vs Offline
Problem Uncontrollable identity
Hidden/Lie
Split identity
Unbalanced life
Research Question How can I create awareness and persuade people to manage and balance double lives?
47
Possible Outcome
This possible outcome was a distorted mirror iPhone application. The users can look to the distorted mirror and appreciate their distorted self which will be more skinny, white, dark or as they can see as they are more beautiful. After that, they can take a perfect picture and post on social network. 48
49
iPhone application & website
50
Poster for promoting iPhone application
51
Creative Coordinate The final outcome is an online platform that can contain and protect our content that is not ready to be told to anyone. The story they wrote will be unveiled to the person they chose by publishing all contents to a memory book after their death.
I have set up 3 creative coordinates to help in visualizing and creating the tone of voice which are secret, trust and secure. From the 3 words, I did mind mapping shown below to clarify and get more ideas form them.
enclosure black tell
magic
keep box
Secret
dark lock
mouth
book
missing
untold
whisper seek
hide
diary
close
story
shelter guard key
lock
password privacy level
protect balance formal warm quality thick
access
truth
Trust bold
clear
policy
sincere
open but close align
straigth
55
Secure setting
reliable confirm
shade protection code touch warm
enclosure corner
Website Structure
Intro page
Homepage
Sign up
Log in 1
About us
Log in 2
How to Memory Book
Profile
Add story
Edit story
Archive
Log out
56
Account setting
Website Wireframe This wireframe is produced to manage contents in each web page. The contents will be arranged in specific zoning to create good user’s experience and page direction.
57
From top: homepage, sign up
58
From top: log in step1, log in step2
59
User’s profile page
60
Archive page: calendar view mode
61
Archive page: horizontal view mode
62
Add/edit content
63
Account setting
64
Visual Research Case study (online will, online diary, blog, social network)
Deathswitch.com
65
Mywebwill.com
66
Entrustet.com
67
Assetlock.com
68
Greatgoodbye.com
69
Visual Experiment Typeface
Alter Ego Alter Ego Alter Ego alter ego
Typeface from top: MasonSans, MrsEaves, CoventryGarden, DubielPlain, Bahnhof Book 70
Tone of Voice
Black & white proportion
71
Graphic elements
reflection
secret
True self Reflection
Secret
true self
True self
Reflection
Secret
True self
Reflection
Secret
True self
Reflection
Secret
True self
Reflection
Secret
True self
Reflection
Secret
True self
Reflection
Secret
72
alter ego
love/hate Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
73
74
75
Alternative Prototype
From top: alternative prototype 1,2
76
From top: alternative prototype 3,4
77
Alternative prototype: profile page
78
Developed Prototype Some elements from the first stage were selected to develop more. I produced another prototype by designing nine web pages.
Introduction page
79
From top: homepage, sign up
80
From top: log in step1,2
81
Profile default page 82
Profile page view by category 83
Archive page calendar view
84
Archive page horizontal view
85
Final Outcome The final outcome is developed according
For the memory book, the mock-up is
to the evaluation from prototype. The
made to describe my ideas.The website
zoning of webpage is changed, being
using guideline will be designed as a
more cleared and structured. Menus is set
booklet to introduce the website and its
to align left as logo with bottom-fixed for
behind stories.
long information pages, such as, profile and archive. This will make the page more easier to use. The logo is also developed to have more dimension and movement that can convey the meaning of double life.
86
87
88
Introduction page
89
From top: homepage, sign up
90
From top: log in step1, 2
91
Profile page
92
Archive page calendar view
93
Archive page horizontal view
94
Developed outcome from top: add, edit page
95
Developed outcome: account setting page 96
97
Memory book prototype
98
Memory book prototype
99