High Fidelity Prototype Progress (IIIab) - Persona Driven Animatic Video for Digital Share Media Surface
- Nelson, LAN MS at UWEDM
- May 21, 2025
- 3 min read
Updated: May 27, 2025
Progression (IIIab) - Classroom Status Display UI
In Artefact A and B, they have three complements to complete the user experience, as the high fidelity blog post said before.
Ingredients of Artefact A and B
There are a lot of designs we have watched at the IxD Lecture, here are the most influential and reference material. Besides, there are also some external examples to help me synthesise my stuff.
“Primitive Object Dispenser” is a vending machine.
Pizza Hut interactive table concept (Youtube User – Yourdailyfunvideos, 2014)
Disney life texture concept (Cox, J., 2015).
Outside the IxD lecture,
an ancient Facebook game (Jennifer, 2025),
a TV programme called “Telefishion” (Anon, 2024),
Maya, Sketchfab and The Sandbox NFT market
By the way, an aquarium screen in a market in Hong Kong has also been referenced here (LINKHK, 2025).
Artefact (A) -- Primitive Object Dispenser UI/UX
*Detailed discussion in the Prototype report.
Mapped UI/UX Flows
The user flow can be mapped into three parts according to its functionality
The “main flow” in blue,
The “PopUp(s)Exception Case, Confirming Handling” in red, and,
The optional “enriching content” is in green.
Demo Video (I) -- Primitive Object Dispenser (Vending Machine) Video
Artefact (B) -- Interactive Table UI/UX
*Detailed discussion in the Prototype report.
The screen is proposed to be located on the screen of the interactive table (table), and here is the graphical layout and the user flow of the UI. The user flow can be mapped into two parts according to its functionality:
The “main flow” in blue, and;
The “PopUp(s)Exception Case, Confirming Handling” is in red.
Demo Video (II) -- Interactive Table Video (Pre-persona implementation)
Demo Video (IV) -- Persona Driven Animatic Video
I would introduce my cat, caught from the 3DMA module, as a persona to interact with that stuff, like following the progression video.
Let's assume the persona setting is:
He is a student in our metaverse school, and,
He has fundamental skills in 3D modelling.
He saw an NFT aquarium and wants to bring some fish into it.
Here is how my cat interacts with the UI and how the UX flows.
and
How does the author synthesise new stuff?
Concept Ideas / Creative Referencing
Yourdailyfunvideos (2025) Pizza Hut - Chaotic Moon Studios Interactive Concept Table | Youtube.com. 2025 [online]. Available from: https://www.youtube.com/watch?v=UzRZRyPReJk [Accessed 19 May 2025].
Cox, J. (2015). Disney is using augmented reality to bring colouring books to life. The Verge. 5 October 2015 [online]. Available from: https://www.theverge.com/2015/10/5/9453703/disney-research-augmented-reality-coloring-books [Accessed 19 May 2025].
Jennifer (2025) Facebook經典遊戲8大推薦！開心水族箱+RestaurantCity+開心農場 HolidaySmart 假期日常. 6 January 2025 [online]. Available from: https://holidaysmart.io/hk/article/230076/facebook-%E9%81%8A%E6%88%B2-%E9%96%8B%E5%BF%83%E6%B0%B4%E6%97%8F%E7%AE%B1-restaurantcity-petsociety [Accessed 19 May 2025].
‘The Sandbox Shop — NFT Marketplace — Assets’ (2025) The Sandbox. 2025 [online]. Available from: https://www.sandbox.game/en/nft/ [Accessed 19 May 2025].
‘Maya Getting Started’ (2025) Autodesk.com. 2025 [online]. Available from: https://download.autodesk.com/us/maya/Maya_2014_GettingStarted/index.html?url=files/Creating_manipulating_and_viewing_objects_Primitive_objects.htm,topicNumber=d30e2923 [Accessed 19 May 2025].
Anon (2024) （每日凌晨三點）77台 《魚樂無限》| LIHKG 討論區. 2025 [online]. Available from: https://lihkg.com/thread/3776129/page/1 [Accessed 19 May 2025].
Sketchfab (2025) Sketchfab Sketchfab. 2025 [online]. Available from: https://sketchfab.com/ [Accessed 19 May 2025].
LINKHK (2025) ‘Maritime Market’. 2025 [online]. Available from: https://www.linkhk.com/en/shop/27320 [Accessed 23 May 2025].
Last Update
Nelson LAN MS
21 May 2025
Comments