Gold Interface, Interaction and User Experience Design · 2021
M Genius Visualized Mathematical App
- A' Design Award 2021 Gold Winner in Interface, Interaction and User Experience Design
- Awarded April 15, 2021
- CLIENT: Donghua University
- Estimated Number of Design Views: 70,929
- Verification code 17B54726D8 · Verify this award
About M Genius Visualized Mathematical App
M Genius is a mobile and desktop application that visualizes mathematical functions for young students. The interface has four areas: Point, Curve, Weave and Result. Users select an equation from the categories or enter an equation directly. The shape of the curve changes when the parameters X, Y, N and Z are adjusted, and the result is shown on the screen. The parametric shapes can also be produced with a 3D printer in ABS material. M Genius turns abstract symbols into visible forms to make the study of mathematics clearer and more engaging.
Chunmao Wu and Tian Gao's M Genius Visualized Mathematical App represents a distinguished achievement in the field of educational interface design, transforming the abstract realm of parametric mathematics into an accessible and visually captivating experience. This sophisticated dashboard environment demonstrates how thoughtful visual design can bridge the gap between complex mathematical concepts and intuitive human understanding, employing a refined dark-mode aesthetic that allows luminous data visualizations to emerge with crystalline clarity against the charcoal substrate. The interface architecture reveals careful consideration of cognitive flow, organizing mathematical operations into a logical progression from discrete point distributions through continuous curves to complex three-dimensional woven forms, each stage building upon the previous to construct understanding incrementally. The chromatic strategy proves particularly noteworthy, utilizing a warm-to-cool spectral gradient that transforms numerical data into an almost musical visual experience, where vermillion, orange, yellow, and blue tones create harmonic relationships that echo the mathematical harmonics being visualized. The circular parameter controls at the composition's base recall both scientific instrumentation and musical mixing boards, suggesting the creative potential inherent in mathematical exploration. Technical refinement appears throughout, from the precise iconographic navigation system to the elegant wireframe renderings that transform equations into sculptural forms reminiscent of both mathematical models and contemporary digital art. The bilingual labeling acknowledges the universal language of mathematics while maintaining accessibility across linguistic boundaries. This work invites contemplation of the profound beauty underlying mathematical structures, suggesting that equations are not merely abstract symbols but gateways to forms of extraordinary elegance, and asks viewers to consider how visualization might transform their own relationship with mathematical thinking.
Press Kit
- Unique Properties
- This is a visualized mathematical function application, which using parametric method in application to make the boring math symbols to be interesting parametrical shapes. The properties are as follows.
1.Users can adjust mathematical parameters to understand mathematical functions.
2.Visualizing mathematical functions can increase your interest in learning.
3.Gamification fostered an interest in learning the logic of mathematical functions. - Dimensions & Packaging
- The interface design is simple, modern, beautiful and high-tech, the interaction design is friendly and sustainability, and the results are amazing. It is suitable for the use needs of young people.
- Tags
- Parametric Interaction, Mathematical Function, Application Interface, Positive Experience
- Production Technology
- In the perspective of method, this design adopts the positive design method to think about how to improve students' pleasure in learning mathematics through the design thinking. The author selects the parametric method to visualize the abstract function.
In the perspective of technology, this design is an Internet app, which used Java and XML for programming, Adobe Illustrator for visual interface design, Figma for interaction design, and 3D printer for function visualization of ABS material etc.
This work realizes the interaction with students through the pad, computer and mobile phone. - Design Challenge
- 1. Build a parameterized interaction design guided by users' positive experience;
2. Built-in system construction, program operation vulnerabilities need to be constantly improved;
3. The user experience of the interface needs to be constantly optimized.
4. How much the final works improving the positive experience of users? - Project Duration
- The project started in March 2020 in Shanghai and finished in December 2020 in Shanghai, and was exhibited in Shanghai in January 2021.
- Operation Flow
- 1. This is an APP that can learn functions by adjusting function unknowns and controlling function image changes.
2. There are four areas of categories on the interface: Point, Curve, Weave, and Result.
3. Two approaches: (a) selecting the equation in the categories, (b) entering the equation by yourself.
4. The shapes of functional curve are changed via entering the parameters of X, Y, N, and Z in the equation. Then, the final shape will be shown on the screen.
5. After you enter or select the different parameters and equations, you will get amazing parametrized shapes, and then it can be printed by 3D printer. - Research
- Background: Learning mathematics is a big challenge for some young students all over the world. Methods:1. Based on the general parametric design process and the positive experience design, a parametric product design hypothesis model based on positive experience is proposed. 2. On the basis of the design method model, the design practice is developed. Result: A visualized mathematical function application has been designed. Impacts:We put out a new way for students, through the interaction and application of mathematical functions and images, the interest and efficiency of participants in learning mathematical knowledge can be improved.
- Inspiration
- Learning mathematics is a big challenge for some young students all over the world.
why?
1. Math symbols are boring! 2. Be confused by the logic!
Why not change students' cognition through design to make it easy for them to learn mathematics. - Image Credits
- Image #1:Designer Tian Gao，Image #2:Designer Tian Gao，Image #3:Designer Tian Gao，Image #4:Designer Tian Gao，Image #5:Designer Tian Gao，
Video：Designer Tian Gao - Patents
- The copyright of this design belongs to the design team of positive experience design studio.
Colors of M Genius Visualized Mathematical App
Get M Genius Visualized Mathematical App
Educational Interface Design Expertise
We transform complex educational concepts into engaging digital experiences through positive experience design methodology. Our award-winning approach combines parametric visualization with gamification to create intuitive learning interfaces that increase student comprehension and enjoyment.
G0E2 Shop