Posts

Application Design II / Task 3

In this class, we learned the basics of FlutterFlow, including how to register and create a new project, as well as how to connect the project with Firebase for backend integration. The process involved setting up a Firebase account, creating a new Firebase project, and configuring authentication and database features. We also explored how to bind data to UI components within FlutterFlow, which helped us understand the no-code development workflow more clearly. Overall, the experience was both practical and insightful, providing us with a foundation for building fully functional mobile apps without writing complex code.

Game Studies / Exercises 2:Non-digital to digital

Image
Game Studies Exercises  2: Non-digital to digital - Evolution and remediating this game (from tabletop to video game) Starting from 12.2024 4.2025 -8.2025 / Week 1 - Week 14 Ge Xianjing / 0377636 Game Studies / Interactive Space Design Exercise 2 From Tabletop to Touchscreen: Why You Shouldn't Miss the Digital Version of Werewolf   If you're into deduction, bluffing, and the occasional dramatic betrayal — Werewolf is probably already on your radar. But what happens when this classic social game goes digital? Does it lose its charm… or unlock a whole new level of fun? Let’s dive in! • Comparison between the 2D and 3D versions of "Among Us": 🌟 2D Graphics: The 2D version of "Among Us" rocks an overhead perspective! The graphics are as flat as a pancake 🥞, and the characters are those super cute, simple cartoonish avatars. The scenes? All built with 2D graphics, like the spaceship's rooms laid out in a neat, flat plan. It's like looking at a fun spac...

Application Design 2/ Task 2: Interaction Design Proposal and Planning

Image
Application Design 2/Task 2: App Design 2 Self-Evaluation and Reflection Starting from 12.2024 4.2025 -8.2025 / Week 1 - Week 14 Ge Xianjing / 0377636 Application Design 2 / Interactive Space Design Plan Information and Showcase Animations: Just like creating a Sigma flow or user flow, use arrows to show the navigation process between screens, and design and describe macro and micro animations. Macro animations usually involve large transitions in most of the interactive areas on the screen, while micro animations focus on the changes of touchpoints of content elements within the screen pages. Provide Visual Feedback and Clues: Design visual feedback or clues that can offer users a good experience, and describe these designs in detail through documents so that team members can understand the intentions. If there are unique or uncommon designs, further explanations are required. Create Visual Examples: Use software such as Canva, Figma, and After Effects to create examples to showcase t...

Game Studies

Image
Game Studies  Starting from 12.2024 4.2025 -8.2025 / Week 1 - Week 14 Ge Xianjing / 0377636 Game Studies / Interactive Space Design Game Research Week1  Study Notes This week is the project kick-off week, and the main tasks are around project initiation, data learning, team formation and initial conception. In this lesson, we need to read all the class materials on Teams in advance 1. Using Metabolic Debuffs as Game Challenges I realized that "Debuffs" mentioned in the document can serve as engaging negative mechanics to heighten tension in the game. For example: In the glycolytic pathway, I would design a "PFK-1 Inhibition Card" that slows down energy production when ATP or citrate levels are too high (inspired by real feedback regulation). Players must strategically manage ATP usage to avoid triggering this debuff. The issue of "NAD⁺ deficiency" (–) could be transformed into a "Mitochondrial Failure Event", where the cell loses its abili...

Spatial Designed II / Project 2

Image
Spatial Design ll /  project 2 Starting from 12.2024 4.2025 -8.2025 / Week 1 - Week 14 Ge Xianjing / 0377636 Spatial Design ll / Interactive Space Design 📝 Project 2 Research : Exploring User Experiences in Gentle Monster’s TRX Store 🔍 Project Background The aim of this project is to reimagine the physical experience of the Gentle Monster flagship store in TRX, Kuala Lumpur. Before developing any design proposals, our first step was to understand how real users interact with the current store environment and what their expectations are—functionally, emotionally, and spatially. 📊 Survey Design Overview To gather meaningful insights, I created a 25-question survey structured into the following parts: Part A: Basic Information Age, occupation, frequency of wearing sunglasses Preferences between online vs. in-store shopping Part B: Layout & Atmosphere Preferences What users notice first upon entering a sunglasses store Preferred store ambiance (minimalist /...

Spatial Design ll / Project 1

Image
Spatial Design ll / Task 1 Starting from 12.2024 4.2025 -8.2025 / Week 1 - Week 14 Ge Xianjing / 0377636 Spatial Design ll / Interactive Space Design Week1 Personal Reflection (Expanded Version) After today’s class, I gained a deeper understanding of my own learning path. At first, I thought choosing Smart Home Design would be a more practical option, since this field is rapidly growing in China and seems to offer better job prospects. However, one thing the instructor emphasized truly resonated with me: "Those who go far are the ones who combine passion with professionalism." Reflecting on my past learning experiences, I realized that whenever I was genuinely passionate about something, I learned faster and felt more fulfilled. In contrast, when I pursued something just for its practicality, it was hard to stay motivated — especially when challenges arose. Even though my programming skills are still developing, I am deeply passionate about designing spaces that tell stori...

Application Design 2 /Task 1: App Design 1 Self-Evaluation and Reflection

Image
Application Design 2/Task 1: App Design 1 Self-Evaluation and Reflection Starting from 12.2024 4.2025 -8.2025 / Week 1 - Week 14 Ge Xianjing / 0377636 Application Design 2 / Interactive Space Design Task 01: App Design I — Self-Evaluation and Reflection To-Do List : Write a reflection on the redesign work of the Baidu App Identify elements to change and update Final Report: Baidu High-Fidelity Prototype Modifications Name: Ge Xianjing Major: Interactive Space Design Project Title: Baidu Interface Redesign and High-Fidelity Prototype Background and Premise In the previous semester, my design project focused on improving Baidu’s user experience by redesigning key functional interfaces, such as hotel booking, personal information editing, and route planning in Baidu Maps. Based on early low-fidelity prototypes, user testing, and teacher feedback, I created a high-fidelity prototype using Figma, and implemented a series of visual and interaction enhancements. Key Modifications ...