Automatic Control and Computer Sciences

, Volume 53, Issue 1, pp 56–62 | Cite as

Modular Design of Mobile APP Interface Based on the Visual Flow

  • Wei YanliEmail author
  • Qian Chaoyang
  • Li Jun


Interface modules are defined by the concept of modularity according to the characteristics of mobile App interface. A modular design model containing five steps (namely: refine, prioritize, assemble, change, and select) is constructed. The proposed model feasibility is verified by its application to streamline the design of the mobile App interface with the multi-directional user experience features.


App interface visual stream flow modular design prioritize assemble 


  1. 1.
    Peng, J., Interactive Interface Design Studies Based on Older Smart Phone User Experience App, Shanghai: East China University of Technology, 2014.Google Scholar
  2. 2.
    Sun, L., Basic mechanism and its design application of user experience, Packag. Eng., 2014, no. 30, pp. 29–32.Google Scholar
  3. 3.
    Zheng, L. and Huang, G.B., Website usability analysis of the current situation of the development and features of evaluation tools, Inf. Stud.: Theory Appl., 2015, no. 8, pp. 135–140.Google Scholar
  4. 4.
    Zhao, H.W. and Zhang, J.J., Internet User Experience and Interaction Design, Beijing: Higher Education Press, 2012.Google Scholar
  5. 5.
    Xin, X.Y., Interaction design: From logic of things to logic of behaviors, Art Des., 2015, no. 1, pp. 58–62.Google Scholar
  6. 6.
    Zhang, N. and Li, F., Modularization design of digital products under the background of internet, J. Mach. Des., 2014, no. 31, pp. 126–128.Google Scholar
  7. 7.
    Neil, T., Mobile Design Pattern Gallery: UI Patterns for Mobile Applications, Sebastopol: O’Reilly Media, 2012.Google Scholar
  8. 8.
    Garrett, J.J., The Elements of User Experience: User-Centered Design for the Web and Beyond, Berkeley: New Riders Publishing, 2010.Google Scholar
  9. 9.
    Wang, W. and Zhou, S., Exploring security experience design in mobile payment, Art Des., 2014, no. 1, pp. 95–96.Google Scholar
  10. 10.
    Liao, R., On the visual process of visual communication design, Art Des., 2006, no. 7, pp. 103–104.Google Scholar
  11. 11.
    Smith, S. and Yen, C., Green product design through product modularization using atomic theory, Rob. Comput.-Integr. Manuf., 2010, vol. 26, pp. 790–798.CrossRefGoogle Scholar
  12. 12.
    Otaiza, R., Rusu, C., and Roncagliolo, S., Evaluating the usability of transactional Web Sites, Third International Conference on Advances in Computer-Human Interactions, 2010, pp. 32–37.Google Scholar
  13. 13.
    Ferré, X. and Bevan, N., Usability planner: A tool to support the process of selecting usability methods, Human-Computer Interaction—INTERACT 2011, 2011, pp. 652–655.Google Scholar
  14. 14.
    Xu, Y., The impact of item clustering on visual search: It all depends on the nature of the visual search, J. Vision, 2010, vol. 10, no. 14, pp. 1–6.Google Scholar
  15. 15.
    Shih-Wen Hsiao, Chu-Hsuan Lee, Meng-Hua Yang, and Rong-Qi Chen, User interface based on natural interaction design for seniors, Comput. Hum. Behav., 2017, vol. 75, pp. 147–159.Google Scholar
  16. 16.
    Lili Weng, Research on the application of the interaction design on the website, Information Engineering Research Institute, USA. Proceedings of 2014 2nd International Conference on Economic, Business Management and Education Innovation, 2014, p. 4.Google Scholar
  17. 17.
    Yanli Wei, Han Zhao, and Yude Dong, Relationship between APP interfaces and user preferences based on fuzzy semantics, Int. J. Sensor Networks, 2016, no. 2, pp. 98–107.Google Scholar
  18. 18.
    Huang, H., Research on the e-Commerce Brand Model of Consumer Trust, Hunan University, 2014.Google Scholar
  19. 19.
    Wang, M.H., Research on visual information interface design based on visual perception, Packag. Eng., 2011, vol. 32, no. 8, pp. 49–51, 55.Google Scholar
  20. 20.
    Huang, B.L., The relationship between visual flow and operating flow in smartphone interface design, Packag. Eng., 2017, vol. 38, no. 4, pp. 66–69.Google Scholar
  21. 21.
    Xu, F., The analysis of primary role of visual information in the interface design, Packag. Eng., 2015, no. 2, pp. 102–106.Google Scholar

Copyright information

© Allerton Press, Inc. 2019

Authors and Affiliations

  1. 1.Architecture and Art College of Hefei University of TechnologyHefeiChina
  2. 2.School of Foreign Languages of Hefei University of TechnologyHefeiChina

Personalised recommendations