Title: A method for layout planning of product web UI visual interface based on clone selection algorithm

Authors: Yanrong Wang; JinJin Chao; Xuemin Wang

Addresses: Continuous Education College, Jiaozuo University, Jiaozuo 454000, Henan, China ' School of Information Engineering, Jiaozuo University, Jiaozuo 454000, Henan, China ' Continuous Education College, Jiaozuo University, Jiaozuo 454000, Henan, China

Abstract: In order to overcome the problems of long time and low recall rate in traditional product webpage UI visual interface layout planning methods, the paper proposes a product webpage UI visual interface layout planning method based on clone selection algorithm. Define the clone selection algorithm and determine the population evolution process of the interface layout planning. Based on this, determine the operation operator of the visual interface layout planning clone selection algorithm, and design the web UI visual interface layout planning algorithm flow to realise the visual interface layout planning. The experimental results show that when the number of product interfaces is 100, the number of extreme points of the planning function is 103, the interface layout planning time is only 7 s, and the data recall rate is as high as 96.5%. It can be shown that the method in this paper has a better visual interface layout planning effect.

Keywords: clonal selection algorithm; layout optimisation; local optimisation; visual interface.

DOI: 10.1504/IJPD.2023.129306

International Journal of Product Development, 2023 Vol.27 No.1/2, pp.1 - 14

Received: 26 Feb 2021
Accepted: 24 Nov 2021
Published online: 06 Mar 2023 *