IxD Project: Production Process (Storyboard & User Flow)

Storyboard

User Flow



At first, layering of lines will appear on the floor, inviting the user to step on it. When the user steps in the middle, the lines will start to expand. Animations of crows and audio will play. The first artifact will last for 45 seconds. Within 45 seconds, the lines will move according to the user's movement but the movements are very subtle. Three different artifacts have different feedback of line movements.

After 45 seconds, the first artifact will slowly fade out while the second artifact will slowly fade in. The animation of the forming of the city will also appear. The lines will move accordingly to the movement of the user. By this time, the lines will move more vigorously as the user steps on them. The graphic of the city will remain static.

After 45 seconds, the second artifact will slowly fade out while the third artifact will slowly fade in. The animations of bird/cargo ship will play.

After 45 seconds, if the user remains on the artifact, it will keep on looping. If the user leaves, it will return back to the original small circles.


Second User Flow 

For the previous user flow, it was found that the animations took too long and the looping of minicircles are unnecessary. Thus, I had to make some adjustments to it.

The animations of the three circles will keep on looping and stays on the floor. Each circle will last for 20 seconds. Each circle will fade in and out accordingly to transit to one another.

Comments

Post a Comment

Popular posts from this blog

IxD Project: Floor Projection Mapping Setup (Critics & Refinement)

Image
Floor Projection-Mapping Setup Critics & Feedbacks There was a critic session held to get feedbacks and critics from peers and lecturers. I will list down all the critics below. First of all, the animations take too much time. It does not have a rigid reason for the user to continue stepping within the circles because there are no animations playing and the feedback from the lines is too subtle. It was suggested to add some narrations to let users know what's the purpose of the graphics and animations. They should know what's the point standing and stepping around the circle. I should cut down the time and add some audio to improve the overall atmosphere.  Secondly, the feedback from the lines is too subtle. It's not inviting enough. Thus, I should tweak the formula and smooth time in order to get instant feedback when the user steps on it. For right now, I should minimize the smooth time to get very engaging feedback.  Thirdly, I was suggested to take out the looping o...
Read more

IxD Project: Production Process (Coding Design Development)

Image
Design Development This project is very challenging than usual because it uses visual coding which is very new to me. Before starting the visual on coding, I've tried to develop some visual to see how it looks like. I've tried to see and compare how does the circles will look like if added with dotted circles. Lines without Dotted Circles Lines with Dotted Circles Unfortunately, these designs look bad because I feel they look like Indian Diwali and it doesn't match with the overall look and feel that I want.  Design Development with Coding Formation of Circles with Joints At the very first stage, I've learned something very interesting which is creating circles using coding. This is very new to me as I never explore this kind of coding before. This feels like bringing back to my secondary life whereby the formula and calculations to create a perfect circle is being implemented now on coding. From this coding, I've understood that by instantiating the joints, it will...
Read more

Case Study 2 - MORI Building DIGITAL ART MUSEUM: teamLab Borderless

Image
      Introductio n       MORI Building DIGITAL ART MUSEUM: teamlab Bordeless is the world’s first digital museum that displays digital interactive arts. It is created by art collective, called teamLab and located in Tokyo’s Odaiba district. Teamlab Borderless is also known as a world of artworks without boundaries because it is a museum without a map.       The museum has 10,000 square meter spaces that uses 520 computers and 470 projectors. It is filled with more than 50 pieces of digital artworks. The 3D digital arts move freely and constantly in motion from one exhibition to the next so that the visitor can immerse themselves with the wonderful artworks together.   Interactions The artworks are spread across the museum’s five zones. The first zone is called ‘Borderless World’, an interactive digital landscape where visitors are encouraged to create their own path. People can walk through digitized waterfalls and touch luminescen...
Read more