The Research Of Mobile Information Visualization Interface Design Based On Affordance

Mobile information visualization(IV)is relatively new field to interactive design.To users,IV interfaces are relatively novel and contains more novel interaction way than normal interface on mobile.There is still no prevailing design principle in mobile IV design filed.So many user experience problems exist.The affordances deeply influence user experience,with this concept we can eliminate these errors in the design of the user experience more comprehensively.The main purpose of this paper is naturally utilize the concept of “affordance” to mobile IV field.We summarize the model,principle and method that can use in practice.We propose nine classic problem about affordance in mobile IV interface through walk-through a large number of related case and we summarize that there are five kinds of affordance will be need when we design IV interface,they are functional,cognitive,physical,sensory,and emotional affordances.We conclude the factor of affordances in mobile IV interface as follow:User needs,technology and design can influence functional affordances;Literal,graphic,and dynamic effect meaning can influence cognitive affordances;operate ways and areas can influence physical affordances;Color,form,distance and dynamic effect can influence sensory affordances;Color,form,distance,dynamic effect and overall felling can influence emotional affordances.Based on document,we propose the position of affordances in Norman's Stages of Action model and we conclude that the relationship between affordances are as follow:Functional affordances guide cognitive,physical,sensory,and emotional affordances and cognitive,physical,sensory,and emotional affordances support functional affordances;Cognitive affordances has a close relationship with physical affordances;Sensory affordances support cognitive,physical,and emotional affordances;Cognitive affordances express the meaning of interface elements to user,then user execution the action through physical affordances;Emotional affordances influence the emotion of user.At last,we propose mobile IV design model based on affordances,which have three stage: analyze,design,evaluate.We also conclude design principles: the principle of multiway,the principle of control felling,and the principle of scenario.We propose three design method: reduce the noise of visual and information architecture;consider the instinct of visual and behavior of human;consider the environment of user.We use our design model,principle,method in a real project to redesign an App,then we use user experience test to compare old and new interface to make sure the user experience of new interface did have a progress.