The Design And Implementation Of User Interface And Interaction Of The "Growing Tree" App

In recent years,more and more people have begun to realize the influence of family education on a child's development.From the first six to seven years,every child spent almost all the time in the company of his or her parents.And the Paedeutics shows that this period is the best time for children's education,good education for children can develop the great potential of human beings.As the future of the country and human society,every family has the responsibility and social obligation to bring up the next generation.Although the present preschool education has gradually socialized trend,but the preschool family education is still very important.Many families have begun to realize this problem,but in the actual process of raising and cultivating children,there are still many thorny problems that can not be solved well.In order to help parents raise children in a more scientific way in daily life,this paper designed and developed an IOS-based interactive operation interface of"Growing Tree" APP,which focuses on the growth of young children,by simulating the situation that parents and children get along with each other in daily life.This paper analyzes the emotional needs of the target population in the process of getting along with children and the children's education in today's social environment.First,it analyzes the needs of the APP,and produces the functional structure diagram and prototype of the product according to the needs.Then From the perspective of ergonomics,design and psychology,the detailed interface design and interaction design of "Growing Tree" APP will be carried out,the tools and JS code used in the dynamic interaction design will be introduced.Finally,the interactive interface of the APP will be operated and the psychological feelings of some users will be shared.This paper focuses on the design and development of the APP interface,using the classic MVC design pattern.Using design software such as Sketch,Adobe illustrator,etc.,the UI of the APP navigation page,details page and other pages are completed.Through the combination of Xcode's interface generator Storyboard and Swift code,the native interface of the APP is constructed,and the basic functions of the interface are realized:the delegate method is used to realize the message transmission between the "growth tree" APP view and the controller,and reduce the delay of the code.Maintenance costs;use the UIkit front-end framework to build interfaces such as life pages and wishlist pages;use CoreData and LeanCloud to complete the database local storage and cloud storage of the data generated by the interface.And use After effects,Principle and other software to complete the interaction and animation design between each page and within the page,and finally use Principle mirroring to simulate the effect of real machine use and experience human-computer interaction.The purpose of the "Growing Tree" APP is to create a scientific and healthy parenting community by building a platform based on the theory of children's education.Users can obtain rich parenting information and learn professional parenting knowledge on the APP.Through communication and sharing,we can achieve common growth with our children,and work together with the platform to achieve healthy development in the community.