Optimizing User Interface Layouts via Gradient Descent

要旨

Automating parts of the user interface (UI) design process has been a longstanding challenge. We present an automated technique for optimizing the layouts of mobile UIs. Our method uses gradient descent on a neural network model of task performance with respect to the model's inputs to make layout modifications that result in improved predicted error rates and task completion times. We start by extending prior work on neural network based performance prediction to 2-dimensional mobile UIs with an expanded interaction space. We then apply our method to two UIs, including one that the model had not been trained on, to discover layout alternatives with significantly improved predicted performance. Finally, we confirm these predictions experimentally, showing improvements up to 9.2 percent in the optimized layouts. This demonstrates the algorithm's efficacy in improving the task performance of a layout, and its ability to generalize and improve layouts of new interfaces.

キーワード
Optimization
data-driven design
gradient descent
deep learning
mobile interfaces
LSTM
performance modeling
著者
Peitong Duan
Intel AI, Santa Clara, CA, USA
Casimir Wierzynski
Intel AI, Santa Clara, CA, USA
Lama Nachman
Intel Labs, Santa Clara, CA, USA
DOI

10.1145/3313831.3376589

論文URL

https://doi.org/10.1145/3313831.3376589

動画

会議: CHI 2020

The ACM CHI Conference on Human Factors in Computing Systems (https://chi2020.acm.org/)

セッション: GUI & expert interaction

Paper session
306AB
5 件の発表
2020-04-30 01:00:00
2020-04-30 02:15:00
日本語まとめ
読み込み中…