Research and summary

On the topic of personality, we wanted to make a personality test at the beginning. Then, in order to make it more interesting, interactive and associate with technology, we came up with the idea of comparing personality online and offline. We want the audience to find their different personalities in the process of testing.

Technology is constantly changing our lives. We find that technology (such as mobile phones and computers), is already an inseparable part of life. According to a survey from professor Richard Wiseman, about 78% of participants said they are used to using electronic devices before going to bed. Among respondents aged 18-24, this percentage is as high as 91%.

Although technology does not have personality, it subtly changes our personality. Network and reality are two different worlds. Each has its own rules and also guides people’s thinking and behavior. Most people’s behaviors on the Internet (such as online chats, publishing articles) are quite different from real-life behaviors.

Compared with real social, young people are more likely to communicate through online social platforms. For example, some people have a lot of bold ideas but can only think about it because of the limitations of real conditions, so they release themselves on network platform. For another example, some people cannot say what they want because they are shy or lack of courage and other factors. The network would provide convenience at this time. On the social media platform, people can talk freely and reveal the other side that is usually hidden in the heart.


Reference link:


Summary of work-Maoqi

The work group I am in is visual team. There is a summary of work I have done.

There are six parts of the whole project: Facebook (the leaking of users’ privacy), Instagram (positive or real status you would like to show), YouTube (bad comments), Pop-ups, Block people’s face and Rate people. The two parts I was  responsible for are Facebook feedback video and Block face. Apart from these work, I did part of graphic design work.

Facebook Video

The Facebook feedback video was made by Photoshop and Adobe After Effects. Firstly, I used PS to make statics images and then used AE to make animation. These two feedback videos are basically similar. One is flushing all the time (sending information) and the other is stopping flowing water (stopping sending information).

Relevant news:

Block Face

This inspiration comes from that people can choose block their friends, families or other people on the net. However, would you like to be blocked by other people? And if you can block people in real life, would you like to do it?

The feedback of block face question was implemented in processing code. The idea is to call the camera and fill the ellipses to the real-time picture. Therefore, the image would be blurred. And audiences who go on camera cannot see their face clearly. It is equivalent to block people. There is the main code.


Graphic design

Our project involves technology so the style of graphic design is relevant with high-tech.

There are six question buttons and play button I made. I use the same color as main frame.

In terms of question interface, we want to make it like a chat interface. Therefore, I made a dialog box and combined it with question. There is an example.

Danfeng and I made six different start interfaces according the questions.

For Facebook part, the background is made up with code.

For Instagram part, we use the similar color with feedback video.

For YouTube part, the background is a lip which is filled with love. It is a contrast with the bad comments.

For Pop-ups part, the background is decorated with small boxes. These boxes are like many pop-up ads.

For Block Face part, there are two same face but one is distinct and the other is blurry.

For ranking part, the pattern of background is star. Because we always use star to represent grade in daily life.


Block Face (Daniel shiffman)


Visual design concept of feedback video(Facebook )

This is the visual design for the feedback of Facebook question:

Facebook is sending your information to someone else! Do you want to stop this? (Facebook)—Yes & No

At present, the problem of network security such as information leakage is very serious. Many software collects users’ information without their knowledge and use the information for commercial purposes.

In this video, the icon(t) means software who is sending our information to others. It is like a tap and is send information constantly. The water represents our information such as name, address, phone number and so on. If audience choose “Yes”, the tap will be turned off. Otherwise, it will continuously send information.

Workshop Notes-Understanding objects

This workshop is to explore ways of presenting and experiencing “objects” (2D visuals, 3D, sounds)

-There different modes of audience experience:

  1. Audience observing/experiencing objects without transforming them
  2. Performer transforming objects live and audience observing/experiencing
  3. Audience participation in the work by interacting with objects
  4. Audience participation in the work by interacting with performers and objects

-Ways for arranging objects in space:

  • Types of space:

Real environment (outdoors/public space, indoors/exhibition space)

Virtual reality (artificial environment/gaming environment)

Augmented reality (virtual objects in real environment/apps)

Mixed reality (interacting both with real and virtual)

Extended reality (brings together VR, AR, MR under one term)

  • Designinga space:

Shape and scale

-Performing with objects and using objects in interactive setups and audience participation:

  • Temporality and liveness (real-time & non-real-time)
  • some examples of case:
  1. Box space for audience within exhibition space + sound + light
  2. Objects-instruments on pedestals + audience as “active explorers” and performers of the work + sense of community
  3. Kinetic screen-like structure + sound + audience body reflection
  4. Projections + sound + performers interacting with the work’s materials
  5. Performance/soundwalk + live sound + public space + audience participating by following artist

In the last part of the workshop, we designed a simple space for our final project. Maybe we need two rooms, one is public and another is private. The private room is like this.


Here are some additional resources we can refer to: