Interactive Design Studies

Art Station.  (n.d.) Homepage. Available at: https://www.artstation.com/?sort_by=community [Accessed 16 August 2022] " The student uses this website as inspiration for the visual appearance of the project. " Bilal, A. (2019) 'UI Scroll Rect in Unity - Create Shop with UI Scroll Rect!!'. YouTube. 9 October. Available at: https://www.youtube.com/watch?v=OIgGbeiCjXE&list=WL&index=5&t=139s [Accessed 16 September 2022] " The student  uses the content from this site to generate more ideas for the project. "  Billy Man. (2022) 'How to Play or Stop Music Through Scenes in Unity'. YouTube.  25 February. Available at:  https://www.youtube.com/watch?v=ha6U8jHl9ak&list=WL&index=2 [Accessed 17 September 2022] "The student used the code from this site." Brackeys. (2017) 'How to make a Dialogue System in Unity'. YouTube.  24 July. Available at: https://www.youtube.com/watch?v=_nRzoTzeyxU [Accessed 17 September 2022] "The s...

Story Research The Wind in The Willows  by   Kenneth Grahame ,  Gillian Avery   (Introduction) ,  Ron Keith   (Narrator) The book has created several cute animal images: the timid but adventurous Mole, the hospitable and romantic water rat, the chivalrous and leader-like old Badger, Toad who likes to brag, show off, and pursue fashion, the honest Otter - they live on the banks of the river or in the big forest, and they have both pleasures and difficulties.  The story contains 12 chapters, showing the animals' live, their journey or how they pursue new and different things, leave home for adventures, and how to work together to retake their occupied homes. Content  Sequence Chosen Chapters The chapters I chose for this interactive storytelling is chapter 11 and 12. These two chapters originally are about after Toad escaping the prison, he received a bad news about Toad Hall being taken over by the Wild Wooders from Rat. Badger and Mole attempted t...

Analysis Analysis 1 Split Pay App This drag and drop design allows users to drag receipt items to split the order. The design and idea is creative and usable at the same time, especially help to simplify the process of bill splitting in a restaurant. The visual aesthetic is quite simple and clean, just black and white, and the animation is nicely done which also increase the interaction. Meanwhile, user's usability is great as it is pretty simple to understand. Users can drag their receipt items to their profile, and the total price will show below the profile.  Interactivity:       User select the receipt item and start to drag. Drag the item into the chosen profile. The chosen profile enlarge and turns black, there is also drop shadow applied.  The total price is shown below the profile.  Analysis 2 Puzzle Drag and drop is a classic interface feature that can also be used for games. In this interactive, drag and drop is designed for puzzle game. The ...

Analysis Analysis 1 Liquid Slider Purpose: To adjust value by dragging up and down. Function: Value selection (degree / °) Coherent: The slider is designed as a graduated cylinder to let users know it’s a vertical slider. While the marked line on the graduated cylinder represents tick mark. One thing is users may be confused on where to drag (bubble or cylinder). Visual:       1. Graphic Asset: Oval callout       2. Color: More rainbow gradient colors appear as the degree increases.       3. Text/Label: The degree is shown in the oval callout.       4. Animation: Wave effect on the water.       5. Position Interactivity:  Low degree, low water level, showing only the blue part of the rainbow gradient. Water level rises following the degree, showing till middle colors of rainbow. Almost a complete rainbow gradient shown when degree getting higher.  Usability & Engag...