LUNA

When you look long into an abyss,the abyss looks into you.

Final Project | Speculative Futures

Retrospective

The theme of my graduation project is ‘Retrospection‘, which is a topic based on the after the New Normal.

It is a project that explores the question of whether there will be a new relationship between supply and demand between humans and nature in the future. The aim of this project is to use satirical visual art to make people aware of the importance of nature.

Video introduction

Preliminary Research

First Page

 

The Encyclopedia of World Problems and Human Potentialists the types of natural resources that are currently in short supply around the world. Combining this with the data from the BBC News website on the six major resources that will be drastically reduced in the future.

Research 01 -Background to the natural crisis

Although we have always stressed that humans and nature are equals, in reality we are still taking more than we can protect. So, based on this data, I have created a visualisation of the relevant data.

Second Page

The real-life examples confirm that there is an overlap of needs between humans and plants.

For example, plants get their nitrogen from human hair and urea from the urine excreted by the human body. The close correlation between humans and plants makes it possible for humans to supply plants in turn.

Research 02 -Interoperability of human and plant nutrient needs

Based on this reality, I show the overlap between the nutritional needs of plants and human tissues in a more extreme way, by visualising that plants can act as absorbers to absorb human supplies.

Third Page​

Research 03 -Mood Board

I then collected the work of artists such as French artist Stephanie Kilgast whose sculptures show the fusion between nature and humans in a strange collision of a post-apocalyptic feel. 

These artists’ works explore the relationship between man and nature, and my mood board is based on this, extracting key words such as ‘reverse supply, irony, virtuous circle, distortion, symbiotic relationship’ to guide the direction and style of my project.

Fourth Page​​

Research 04 -Output Form Define

On the fourth page, I conceptualise the form that my project will eventually take. Probably an app concept for connecting plants and humans. Then a device for energy conversion and a visual dynamic poster.

Blue Print

First Page

Blue Print 01 -Brain Storm

On this page I made a blueprint for brainstorming. In this section I used William Morris’s research techniques and did some experiments with graphic transformations.

Mimosa pictorial design

Flycatcher design

Flycatchers and mimosas are both plants that respond to human behaviour, so I showed them both as two graphic patterns. And I wanted to explore the future of plants that might actively communicate with humans.

Second Page

Blue Print 02 -Evolution

On this page , I have made some assumptions about a future plant that has evolved as a result of absorbing humans.

For example, it will have the heat-sensing body temperature of a human, its branches and leaves will become as hard as a human skeleton, and most importantly the roots will be encased in an embryonic sac so that it can be readily removed from its soil environment and absorb nutrients from the embryonic sac, just like a human baby.

The plant’s flower core will evolve into a nerve that can communicate its needs to humans through subsequent applications.

The object of my character is the plant of the future, and a series of ideas based on the plant of the future are made.

Output

First Page​

Output 01 -Process

A complete flowchart is then shown on this page , where the device receives information from the plant and communicates it to the human, followed by the whole process of nutrient delivery back to the human, similar to the energy conversion in a hospital scenario.

Second Page​

Output 02 -Experimentation

Based on my vision, I experimented with shaping the future plant in clay.

I modelled it using 3D modelling software, and what the video shows is a rotating display of my 3D modelling. This is a demonstration of my idea for the device.

Third Page​

Output 03 – Poster

On this page  I made a visual kinetic poster display, I was mainly inspired by the topographical map, the heart and the heat sensing map. On page 8 I made a visual kinetic poster display, I was mainly inspired by the topographical map, the heart and the heat sensing map. 

In the middle of the poster is a transparent heart, and as it rotates, the plant topography in the background of the poster takes on the effect of a heat-sensitive map of the human body.

AR display

I then combined the model with reality composer to show the interactive effect of the ar, allowing it to be widely used on social media platforms.

Social Media

Finally, I have put together a video of my project and posted it on social media in the hope that it will draw widespread attention to the relationship between humans and nature.

Process

Draft

Story Board


Preliminary sketch idea

Work Shop

This final design has improved my design skills and creative thinking in a number of ways.

Firstly, the weekly lecture sessions we organised and the workshop sessions afterwards have helped to inspire me in a new and creative way about my profession.

Reflection

By reflecting on this design process, I think there are aspects that I can still improve on in the future.

For example, could the energy conversion device in my design concept have been designed with more detailed conversion channels? And can the 3d-printed modeling be as good as expected? As the content is now mainly electronic and the medium of communication is online streaming, perhaps a physical and interactive device would have more resonance and empathy with the audience if there was an offline visual presentation later on.

Brief 04 | Museum of the future

Project 4 is centred on exploring the image of the museum of the future in 2075 and how it might operate.In this project I explored new forms of exhibiting and new ways of navigating online museums.

The museum I was assigned to was The National Science and Media Museum in Bradford.

Preliminary Research

Research 01 -Research on existing museum pavilions and presentation

Firstly, on the first page, I researched the smart interactive installations in the museum. As there is a games festival in the museum in the first half of 2022, many parts of the venue are set up with different types of games for visitors to interact with, as well as VR glasses to wear for the experience, and QR codes that when scanned link the exhibits to the art pavilion in Animal Crossing, a steam game.

The existing interactive installations and the layout of the museums show that interactivity between exhibits and visitors has been given a high priority.

Research 02 -Museum exhibition themes in a nutshell

On the second page, I have summarised the different themes of the exhibitions on each floor of the physical museum, and then briefly analysed the online museum’s web tour format.

Research 03 -Museum key group orientation

On the third page, I wanted to identify the main groups of people who would visit the museum. I targeted children and families as the main audience. The key messages extracted from the reviews of visitors who had visited the museum through Google map, most of them mentioned key words that were suitable for taking children, or for children at different stages of life. Combining this with the text of the images provided on the main museum website and the actual offline venue, the number of visitors with children accounted for around 70% of the visitors.

Research 04 -Thinking based on eight questions

On the fourth page, I have answered and analysed John Stack’s eight key things, and combined this with literature on the future of museums to identify a key direction for future ideas, which is to focus on children and families, and to develop ideas based on a variety of content formats, open spaces, and immersive and fun experiences.

Research 05 – Literature references

The fifth page is based on the above research, and finds some literature in the school’s electronic library that can support the extension of my subsequent ideas. I have taken some key passages and extracted the key words immersion and fun. These two words will be implemented in all my ideas for the future museum.

 

3 Idears

First 1:

Draft 01 – VR Painting

Firstly, the first idea is to use the technology of vr drawing to simulate a virtual reality environment that can be interacted with the 3d cinema in the venue as well as the gallery. With VR eyes on, interactive drawing can be done interactively through a handle.

Second 2:

Draft 02 – 3D Painting

Secondly, the second idea is that the virtual three-dimensional approach of AR’s augmented reality can be used to scan artworks. This would allow the full exhibit to be seen out of the confines of two-dimensional space and only after human-machine interaction.

For example, in the photo on the right, taken by Kodak in the science Media Museum collection, if the work is displayed with only the background, and the visitor scans it, a three-dimensional figure will appear in the phone, enhancing the sense of virtual reality.

Display – 3D Painting

For this part, I will use a visual effect that I have made to reflect this. Firstly, I have drawn the collection in layers in the form of paintings, after which they are arranged in layers together. Using a 3D spatial effect, the flat painting was made three-dimensional. Secondly, I imported the code so that this image could be detached from the initial machine. This means that when I take a picture with the camera lens of my ipad, with my phone behind it, I can see the image I drew become a 3D image on top of the phone in three dimensions.

Display Video – 3D Painting

Third 3:

Draft 03 – 3D Guid map

The third idea was to re-imagine the presentation of the online museum map. The current map is only graphic and does not give a sense of immersion.

In this section I made an animation to show what I was thinking. I drew the museum in lines from level -1 to level 5 and then used a depth extension effect where the content of the next level can be seen through the hollowing out of the previous level, so that layer by layer it is like a first view into the museum.This enhances the sense of immersion as the museum of the future can be attached to any electronic device.

Display Video – 3D Guid map

Reflections

When working on the whole project of conceptualising the future of the museum, I think one of the bigger difficulties I encountered was that I had difficulty in thinking completely creatively. A lot of the inspiration is based on existing technology, which may make it easier to implement the project. But this is a vision of the future, and anything is possible in the future, and museums can take on a whole new role beyond the constraints of time, place, medium and so on. In terms of opening up the mind completely, I don’t think I’ve done that, I’ve just done what I can think of at the moment.

 

Brief 03|Amplify Remix

In brief 3, we will be divided into small groups where members of the group are assigned the same poem, and we will work as a whole unit to package and reintegrate everyone’s work. 

Online meeting + offline meeting

Division of work among members

We had about six meetings in total, and the specific division of labor among members was determined in offline meetings. The online meetings mainly helped us to assist in communication and to check the progress between members to avoid disconnected content or inconsistency in overall style.

communication process

During the preliminary discussion phase, we decided to promote and integrate our books in a form of online marketing. Since most of us have books that are online and do not have a physical book component, the online website build will be one of the main means of presenting our work. At the same time, we have determined that the media part of our work will be promoted by posting on YouTube and Ins.

We discussed and agreed on a theme idea for the group presentation: Blindspot.

The deeper meaning of colourblind is an act of discriminatory neglect. The neglect of racial equality, the neglect of injustice, the neglect of a range of situations and so on. It’s not that we don’t see it, but we choose not to see it subjectively.

Luna's personal work process

The part I was responsible for was mainly the typography/poster design of the web pages and the visualisation of the main visual effects.

Several changes were made in carrying out this section. Firstly, we wanted to make the main visual design of the page more black and white and grey. 

The site was then divided into a logo, a main video, an introduction to the members (which included a personal page jump) and a display of the members’ e-books.

- Layout Design 1
(Before the changes)

Members’ personal profiles

This is the section of the page where I designed the individual profiles of the six panel members, which was not used later on due to stylistic adjustments and the simplification of the overall layout of the site.

Book presentation screen(1)

We initially envisaged that in the members’ e-books section, the effect would be that each member’s work would be applied to different prototypes (including: TV, ipone, ipad, computer, etc.) and then, on entering the site, all the e-books in the frame would play automatically and when you clicked on a person’s content, it would be displayed enlarged.

This part of the presentation has been adjusted due to changes to the mood board and some deletions at a later stage.

Book presentation screen(2)

Another scheme was created in Adobe XD to show the members of the book. This one is much cleaner and, at the same time, is presented with a sliding fade effect.

Main video visual style attempt

The main video content section of the page is not my responsibility, it was just an attempt to style it because of the overall layout and colour palette in mind.

All of us interpreted images for each line or paragraph of the verse, so for the main video section we wanted to be able to stitch together images of different people within the same verse paragraph (for example, a clip depicting a sunset with six people having six different images, stitching the intercepts together) and to collide colour and black and white to create blocks of colour.

- Layout Design 2
(After the changes)​

 

The mood board reference is replaced with the three primary colours of red, yellow and blue, and the presentation of the colour effect is replaced.

 

After simplification, the website will contain a main video section, a personal e-book section, and a jump to our personal homepage.

Book presentation screen

This video shows the final presentation of each person’s book in the web page.

- Poster Design

I designed a series of six posters mainly using the design books of six people as elements to be extracted and then integrated.

poster 1-3

poster 4-6

The background images for each of the six posters were taken from the six images of our six team members. Each image is covered with a red, yellow and blue diffused light and is also treated with a hairy glass effect so that it appears to have a blurred texture.

 On top of this, a frame was used to transmit a small portion of the clarity behind. The idea is to convey the idea that what you see is not necessarily what you get, and not to deliberately blur the outline of things. 

The text is in 3D depth and the colours are black and white to create a strong contrast with the background image.

Display

- Website

This is a collection of experimental publications on the poem Colour Blind.

The world is colourful.

The landscape is beautiful or ugly,

adorable or horrid.

If you can see the world,

then you can see ME.

I

am as colourful as the world.

- Instagram
- Off-line exhibition
Process pictures

Reflection

This was a group project and I think the most difficult part of the collaboration was to agree on the ideas and how to present them. There were times when we agreed on a solution that we felt could be implemented, but when it came time to divide up the work and start moving forward, we found that it was impossible to do so, mostly because everyone had their own ideas and their own style based on the original unified view. There were six of us in the group, so it took us a long time to work together and try out a number of different options, and it was only after the presentation that we were able to really unify our style and overall layout.

In any case, I think that every member of the group is indispensable. We all chose our own areas of expertise during the division of labour and did our best to package and improve the whole content. Also, after the other members’ tasks were completed, the member with less tasks would go and help the member with more tasks to complete the progress, which I found invaluable.

Brief 02 | Publishing Forms

In the brief 2 project, we need to make a visual publication based on the poems that are assigned. 

- RESAERCH

I was assigned the sixth poem: colour blind by lemn sissay. First of all, it is my research based on the poet’s life and the disease of color blindness itself. I put the contents of the draft together.

At the same time, according to the three parts of poetry, I analyze and color correspond the verbs and nouns of each poem, and summarize the poet’s emotion, as well as the changes of the rhythm and content of the poem.

Author background

Analysis of the verses of the first and second parts

Analysis of the verse in the third part

- SKETCH

Then there is the sketch part. In this part, I start from three aspects: the audience, the design method and the display method. I hope the audience can be color blind people and people without color blindness.

I concluded that in the eyes of color blind people, color will become indistinguishable, unable to determine color lightness and saturation. So I want to let people read this book in two ways.

sketch idea

The first: from a subjective point of view, black, white and gray pictures are the same, which can be any color you want.

The second:  analyzing the color blocks of things from an objective point of view.

My inspiration comes from zime blue, which is an episode of love death robots, a Netflix collection drama, which explains the concept of returning to itself and reducing complexity to simplicity. I thought that all colors would become black when mixed together, and that complex colors could be converted into three monochromes of black, white and gray.

This is a sample I made:

sample of idea

- Ebook development

Part 1

Based on the above ideas, I made a physical book.

The inner page of the first part of the color map mainly uses the extraction of photo color blocks, which extracts the changes of brightness and saturation of colors of the same color to overlap.

Because the verses of the first part can easily extract objective colors from the verses.

The main three parts of the book

First Part -01

First Part -02

First Part -03

Part 2

The color inner pages of the second part are mainly based on the subjective perception of the color of the scene, and are extracted from abstract lines and the feelings when reading the corresponding verses.

Second Part -01

Second Part -02

Second Part -02

Part 3

In the third part, I used a more general pattern and combination to show the scene depicted in the verse. As the layers progressed, the boundaries between colors and objects became more blurred.

Third Part -01

Third Part -02

Third Part -03

Third Part -04

- Physical book display

In the display part of the physical book, I bound the colored inner pages of the book with iron rings on the spine of the book, and the complete colored pages can only be seen in the gaps or by opening the iron ring binding.

Cover

By scanning the QR code on the book packaging, you can jump to the display of the e-book and the dynamic image of the visual effect.

The blue world in the eyes of children, through the hollow holes, you can see the colored pictures on the inside pages.

The inner page shows the blue in the eyes of people with different expressions, they are intertwined, and they see the world with their eyes.

Inner hiding color page

Back page

-Link to Blog 1 reference books

In this project, I connected my physical books with QR codes. In blog1, I read the book ‘Internet of Things’ which was very helpful for my book project. The two QR codes on the cover respectively show the electronic version of the visual book and the visual dynamic effect video made with mental canvas.

Link between visual books and codes

The connection between the QR code and the item

- Reflection

In this project, I explored various forms of books and learned about the combination of book content and electronic representation. I think there can be more attempts in terms of content understanding and more presentation forms.

Process 01

Process 02

In the discussion stage of workshop and finished product display, I saw many different ways of expression, which make the book more special and interesting

Workshop 01

Workshop 02

【Project1 XD Vision EBook】colour blind—Lemn Sissay

【Project1 Vision Book】colour blind—Lemn Sissay

Brief 01|Quantified Self

For this project, I chose ‘boring places’ as the theme for my data statistics and final data visualization.

-RESEARCH​

Brain Map | Picture Record

First for boring things, I think about my room. After brainstorming, I chose the view from my window. Because I live in Erasmus Park, my window is next to my desk, facing a forest. So when I stay at home and do my homework, I get bored. But when I’m resting, I look through the window to see what’s outside.

The first part of my sketch is the view from the window, which I have been photographing since February. And persisted for about a week, shooting at the same location, but the weather outside the window, things and time will have subtle changes, so I recorded them to support the subsequent data visualization.

-DATA VISUALISATION

Idea development

First of all, there are a lot of trees in my windows that block most of the sun, and I find that the sun sets very early in the UK in winter, around 4pm. Usually, if I get up late in the morning, I can see the sunset almost seamlessly. So I made a clock watch to keep track of it.

Then as the weather changes, the view outside my window has a different color. I stitched together photos of the scenery outside the window, drawing different color blocks of the weather. I have come to the conclusion that the weather in the UK is variable with a large percentage of rainy days.

After that, in addition to the natural landscape, there are many small animals outside my window. (Sometimes there are people, which confuses me at times, because I can see my private interior completely through the glass.) Anyway, I think there may be more on this grass in front of my window food. I often see squirrels, pigeons, crows and pheasants coming for food, and I calculate the probability of finding them.

In the end, I think the reflections from the glass windows are amazing. Because outside the glass window is a completely spontaneous natural landscape, and my house is like a viewing platform. But at the same time, I’m not sure if I’m looking at the scenery outside, or if the critters outside are looking at me. This way you can see that the orange part in the middle is the light coming from my house so that I seem to be one with the outside scenery.

Anyway, my project was pulled from my rather boring homework and I’m trying to make this visualization fun.

Brief 05 | 360 APP

Now showing is my fifth project. This project is mainly for us to choose an electronic facility that international students will use daily, and design an APP for it to make it more convenient to use.

The selected device for my device is the 【Handset handheld machine】 in the supermarket that can scan and shop by itself.

- BACKGROUND

- REASEARCH

I chose this topic as my topic because according to the previous research, as international students, we need to go to the supermarket to purchase ingredients and daily necessities at least once or twice a week.

The problems we are facing mainly come from: 

  • Because of language problems.
  • The component names of the products cannot be accurately translated.
  • It is easy to buy the wrong product, and the shopping budget cannot be accurately remembered.
  • There is also confusion caused by not knowing how to use the handle.

- IDEATION

Based on these problems, I designed this APP. The main functions are:

  • Language conversion
  • Usageguidance
  • Automatic budget reminder
  • Historical shopping record collection
  • Other functions.

In the slideshow, I showed the whole process of my design, and at the same time showed the APP more intuitively with prototypes and videos.

- TESTING

In this part, I imported the effect made in Adobe XD into the mobile phone and let a friend do a simulated user test.

At last, we can take a look at the animation of the specific operation of this APP and the use of the search bar to search for product shelf information and specific ingredients.

Brief 01 | Mapping-Me

 Hometown map

 This map about me was inspired by my hometown, Zhengzhou, Henan Province. First of all, the overall color of this picture is earthy yellow, because Henan is a big province famous for its agriculture. In the lower left corner of the picture, I located the CBD in the center of Zhengzhou from Google map, which is the most prosperous center of Zhengzhou economy.

First of all, the map of Henan is on the far left, which extends out of the Tang Palace Banquet in Henan. The performers imitate the music and dance figurines of the Sui Dynasty unearthed from Zhang Sheng’s tomb in Anyang, Henan Province in 1959.

Then there are China’s famous Tang poetry and Henan opera, and the latter part is the old newspaper of Henan Daily.

Next is the Longmen Grottoes in Luoyang, Henan Province, which is the largest stone carving art treasure house with the largest number of statues in the world. The carved Buddha is lifelike.
Then there is the Shaolin Temple in Songshan, Henan Province. It is one of the birthplaces of Chinese Kung Fu, and Buddhism also came into being here.

Looking to the right, it is the high-speed railway in Zhengzhou. Because Zhengzhou is located in the center of an important transportation hub, the transportation is very convenient. High speed rail and 5g are the characteristics of Zhengzhou.
The last picture is the original central building of Zhengzhou – Erqi tower, which is one of the earliest memorial buildings in New China. This is my hometown map.

    Personal map

 This is a personal map about me. In this map, different color blocks represent different stages of my life.

The green and vibrant part is my childhood. In this part, I recorded my parents’ marriage, pregnancy and my birth.
In the orange part, I recorded all the interesting trips I experienced in my childhood.
The yellow part is the stage of my growth. I have more friends and participated in a lot of social activities.
The purple part is the part where I want to study in Southampton. There are many question marks to represent all the unknowns and possibilities.

Brief 04 | Weather App

In this project, I designed a weather app linked with other devices for 【skiing, mountaineering and other enthusiasts】as the target population.

- RESEARCH PACT

I did some research at the beginning of the project. These surveys help me better understand the pages and functions required by this app with user empathy. 

The following are some visual contents I have done according to the initial research, as well as the preliminary design of the app page :

- FINAL

- TESTING

Then there is the app demo interface I made with paper model, which can help users better understand the jump and details between each interface.

                Process

I recorded some steps of making paper model.

For me, manual work is difficult because I can’t have 3D model concept.

But this challenging step makes me feel very fresh.

Finally, I use YouTube video to record my actual operation of the paper model.

Brief 03 | Da NM Drawing Ideas

The design problems I chose is ‘get real’, which allows designers to come up with a way to encourage parents to stay away from mobile phones and spend more time with their children, so as to accompany their children’s growth. I drew the idea of this project with a pencil.

- RESEARCH

Preliminary research-01

The first thing we see is the first side of the first A3 paper. In the center, I drew a hole like crack. In the middle are the parents who are addicted to mobile phones and the children who are forgotten by them.

This side is about early research. The part in the upper left corner shows the importance of family closeness and its relationship with society.

Then come here to show how parents’ addiction to mobile phones leads to missing their children’s growth step by step. First, if parents play with mobile phones, their children’s spare time will be divided into three parts: playing by themselves, taking care of by grandparents and playing with friends.

Then it will lead to no words to communicate between parents and children, and then the final result is that children may have psychological problems due to lack of parental care, and resist being close to their parents at the same time.

So I listed the goals that the project wants to achieve, so that parents stay away from mobile phones, are more willing to communicate with their children, and interesting ways to promote parent-child relations.

The part on the right is a simple persona I made, which simply restores the family risk between parents and children due to mobile phones.

The reason why parents play mobile phones may be that they can’t find interesting things to do with their children. They want to have their own independent time and don’t know how to accompany them. It’s easy to forget time when playing mobile phones.

In the eyes of children, they may feel that their parents’ mobile phones are their parents’ children.

- IDEA GENERATION

20 brainstorming sessions-02

Then we can see the second page of the first A3 paper. In the upper left corner of this side, I drew a collage in the form of simple sketch.

Children cry because they lack their parents’ accompany. Parents and mobile phones are placed in the broken heart. This classic gesture shows that parents often lie to their children for reasons such as busy work.

Then I drew two concentric circles to show the leisure time that children and parents can coincide in a day. It’s usually around six to nine in the evening.
Then there is the part of brain storm. In the right part, I extended several ideas I came up with from the characteristics of children. Children are curious, so I think parents can make punch in question cards to interact with their children. 

For example, parents write down questions and then look for answers with their children, such as why the sky is blue, which arouses their children’s curiosity. At the same time, if it is on Saturday and Sunday, you can also make a clock in map of scenic spots and find it with your children in the form of treasure hunt.
Then children like games, and I found that many children like to listen to bedtime stories. So I thought of a storyboard game.This will be discussed later in concept development.

In the left part, I want to encourage them to stay away from mobile phones from the perspective of their parents. The first way is to occupy mobile phones., Use the mobile phone screen as part of the drawing game. For example, in this picture, the mobile phone screen shows this part of the animal, so according to the imagination, the child may draw the pattern of bird or duck.

The second method is mobile phone reminder. For example, you can put some pull-out notes in the mobile phone airbag bracket behind the mobile phone shell. The notes are wish lists that children want their parents to make with them. When parents want to open the mobile phone bracket to watch YouTube or other things, it will remind them to accompany their children.

In addition, a linkage device can be used to bind the mobile app to the device at home, so as to interfere with the time when parents continue to watch the mobile phone at home. This will be discussed later in concept development.

- CONCEPT DEVELOPMENT 1

Concept Development 1: Device+cell phone APP-03

Then there is the second A3 paper on the first side. This side further draws the idea of mobile phone and device linkage.

The first is the design of home device, which can be installed on the wall of the home. Normally, it is a lamp emitting warm yellow light, but it has a built-in sensing system connected to the mobile phone. When it is perceived that parents and children are in the same space, it will automatically connect the mobile app to calculate the time when parents watch the mobile phone.

The shape of this device is like an ear or germ. What I want to express is that the child is like a germ. We should always pay attention to his growth and listen to his voice at the same time.

The next step is to introduce the app function and interface linked with the device. First, this is the app interface, named “germination”. The first interface that pops up allows users to upload photos of their children, or they can pinch out a cartoon character similar to their children.

Then, when parents are not in the same space with their children, the app is not connected to the device.

But when parents and children are in the same space, it starts to automatically calculate the time for parents to watch ins and other software, and then there is a progress bar here. When the time of the progress bar is more than one hour, the software will automatically start the pop-up mode.

Pop ups are divided into two forms. The first is that when you look at the page, cartoon villains like your child will push the interface box to interfere with your mobile phone. Or jump out of the overlapping pop-up window like a virus to block your interface, so as to remind you to put down your mobile phone and accompany your children.

When it is detected that you are no longer looking at your mobile phone, the app also calculates your accompany time. These accompany time can be converted into water droplets on the app interface to water your little tree. The longer accompany, the closer the saplings grow to become big trees.

The upper right corner is a simple use process.

- CONCEPT DEVELOPMENT 2

Concept Development 2: Story chain game-04

Next is the second side of the second A3 paper. On this side, I introduced the storyboard game in more detail. The inspiration for this game comes from these factors in the left part.

First of all, children’s interest is to listen story and then parents are trying to understand their children. At the same time, the game can’t use mobile phones, while parents watch ins or YouTube through mobile phones to understand other people’s lives in most cases, such as some vlogs. Then the designed little game should be very simple and applicable to every day.

So combining these factors, I came up with such a story version of the game. The tools it uses are paper and pen, and the people are parents and children.

First, the parents give a background or a key word, such as’ in the garden ‘, and then the children give their own key words according to today’s experience, such as’ rope skipping, painting, cookie’, and then the children use their imagination to think about how to string their key words together into a fairy tale under the background of their parents’ key words. Similarly, conversely, children can also give their parents keywords.

This game can not only let parents and children understand each other’s life through the game, but also exercise children’s imagination. Then the game is also very simple and easy to understand, and can enable parents to transfer the part addicted to mobile phone content to their children and be interested in their children’s life. Finally, if the daily life is different, the stories will not be the same. Parents and children can also play the game of story Solitaire on this basis, so as to improve the freshness of the game.

 

Brief 02 | User_Group

This project is a team project. The museum we investigated is the 【Science Museum 】in London. We need to upgrade and optimize the museum’s online website to attract more tourists.

PART 1

First, it is the part of preliminary research. 

We believe that online museums and offline museums should be integrated. Therefore, we think that a field visit to the museum in London may be helpful to our investigation. Therefore, in this part, we combine the online survey and offline survey to compare them to find out what needs to be optimized and upgraded.

The figure on the right shows the jump process of the official website interface when we investigated the online museum official website.

 

The figure on the left shows the visual presentation of the number of tourists and other information according to the summary of last year’s Museum annual report given on the official website.

Summary of website pain points

In this part, we found some obvious problems on the official website of the museum, including but not limited to 【complex jump, unclear zoning, unclear key information, etc.】

Presentation of research board

In this part, we mainly focus on the information obtained by offline museums, and we extract the key information.

【1】According to the map of the museum, the exhibition hall on each floor of the museum is planned and positioned.
【2】Extraction and generalization of differences between online museums and offline Museums.
【3】 Answer board according to the staff of the Museum.

PART 2

In the second part, we use the user model to locate the problems to be solved again from the perspective of user psychology.

 

In this part, we made two personas to set up two roles, namely, mother and child.

And positioned their scene in the scene of seeking answers to questions in the online museum after visiting the offline Museum.

In this part, we draw the experience map of users’ psychology according to persona.

And summarize the problems they face according to the changes in their mood when they visit online and offline museums.

page-12

Solutions to web problems

This part mainly decomposes and solves the problems of the website.

Finally, according to all the research, we summarized the feasible ideas. And roughly planned the re layout of the museum’s online pages.

Group survey process chart and sketch display

PART 3

The third part is my personal research sketch in the project.

sketch

This team cooperation is a new experience for me. Being able to work together with the team members makes the progress of our project faster.

At the same time, because my undergraduate major is different from my current graduate major, I can better understand the steps involved in a complete project through this group project. These experiences are very useful for my personal projects in the future.