« Back to Publications list

PinchList: Leveraging Pinch Gestures for Hierarchical List Navigation on Smartphones

Intensive exploration and navigation of hierarchical lists on smartphones can be tedious and time-consuming as it often requires users to frequently switch between multiple views. To overcome this limitation, we present PinchList, a novel interaction design that leverages pinch gestures to support seamless exploration of multi-level list items in hierarchical views. With PinchList, sub-lists are accessed with a pinch-out gesture whereas a pinch-in gesture navigates back to the previous level. Additionally, pinch and flick gestures are used to navigate lists consisting of more than two levels. We conduct a user study to refine the design parameters of PinchList such as a suitable item size, and quantitatively evaluate the target acquisition performance using pinch-in/out gestures in both scrolling and non-scrolling conditions. In a second study, we compare the performance of PinchList in a hierarchal navigation task with two commonly used touch interfaces for list browsing: pagination and expand-and-collapse interfaces. The results reveal that PinchList is significantly faster than other two interfaces in accessing items located in hierarchical list views. Finally, we demonstrate that PinchList enables a host of novel applications in list-based interaction?

DOI: https://doi.org/10.1145/3290605.3300731

Teng Han, Jie Liu, Khalad Hasan, Mingming Fan, Junhyeok Kim, Jiannan Li, Xiangmin Fan, Feng Tian, Edward Lank, and Pourang Irani. 2019. PinchList: Leveraging Pinch Gestures for Hierarchical List Navigation on Smartphones. In Proceedings of the 2019 CHI Conference on Human Factors in Computing Systems (CHI '19). ACM, New York, NY, USA, Paper 501, 13 pages. DOI: https://doi.org/10.1145/3290605.3300731

See the Video Here

Bibtext Entry

@inproceedings{Han:2019:PLP:3290605.3300731,
author = {Han, Teng and Liu, Jie and Hasan, Khalad and Fan, Mingming and Kim, Junhyeok and Li, Jiannan and Fan, Xiangmin and Tian, Feng and Lank, Edward and Irani, Pourang},
title = {PinchList: Leveraging Pinch Gestures for Hierarchical List Navigation on Smartphones},
booktitle = {Proceedings of the 2019 CHI Conference on Human Factors in Computing Systems},
series = {CHI '19},
year = {2019},
isbn = {978-1-4503-5970-2},
location = {Glasgow, Scotland Uk},
pages = {501:1--501:13},
articleno = {501},
numpages = {13},
url = {http://doi.acm.org/10.1145/3290605.3300731},
doi = {10.1145/3290605.3300731},
acmid = {3300731},
publisher = {ACM},
address = {New York, NY, USA},
keywords = {hierarchical list navigation, pinch gesture, touchscreen},
}

Authors

Teng Han

Teng Han

Alumni
Pourang Irani

Pourang Irani

Professor
Canada Research Chair
at University of British Columbia Okanagan Campus

As well as: Jie Liu, Mingming Fan, Jiannan Li, Xiangmin Fan, Feng Tian, Edward Lank