Issuu on Google+

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


Visual Summary