Ex-touch:一种大屏触摸交互方案

Chengdu/UI designer/3 years ago /883浏览
Ex-touch:一种大屏触摸交互方案
herbwang

介绍一种针对大尺寸触摸屏交互手势,可以优雅、高效地实现大尺寸触摸屏的单手操作

2022年,手机的尺寸早已超过了单手操作的极限。用户喜欢大屏幕,但是单手操作也是一个很强的需求。主流手机操作系统也推出了一些相应的优化方案。

现状

手机系统对单手操作的优化主要有2种方式:

1.临时将界面向下平移,检测到操作后自动还原。可以称之为“下拉方案”

2.通过开启“单手模式”,将界面整体缩小。可以称为“缩小方案”

这两种方案可以在一定程度上解决单手操作的问题。但是都有明显的缺点:

• 下拉方案:每次操作都要执行一次下拉操作,非常繁琐

• 缩小方案:长期将屏幕缩小,失去了大屏幕的显示优势

• 由于手机屏幕的尺寸可以非常大,这两种方案都有无法触控的死角

新的方法

笔记本电脑可以用小小的触控板操作十几寸的屏幕,假如手机也有一个触控板,是不是就可以单手操作了呢?当然不行,一是会增加生产成本、软件开发成本;二是这个触控板只能安装在背面,操作起来根本不方便。

……

那如果这个“触控板”就是屏幕呢?这听起来很令人迷惑。确切的说,是把屏幕的一个区域当成“虚拟触摸板”这个区域的触控会映射到整个屏幕。这种交互方式可以延伸触摸的操作区域,所以我给他命名为“Ex-touch”或者“拓展触控”。

稍微想想就会发现2个大问题:

• 和屏幕原本的触摸操作冲突怎么办?

• 本来触屏可以直接点击,改成触摸板式操作麻烦且不直观

为了解决这些问题:

首先需要引入位于屏幕左下、右下两个“触摸热区”作为ex-touch的激活入口。选择这个区域是因为容易触发、不影响屏幕内容的展示、且不易与其他系统手势冲突。

当手指从触摸热区向屏幕内滑动,激活ex-touch模式。屏幕出现一个光标,光标随手指滑动而移动,并且移动的幅度比手指的更大。

当手指抬起,在光标位置执行一次点击操作;退出ex-touch模式、光标消失。

其余时候正常触摸。


交互优化

为了使ex-touch更具可用性,可以在基本触控操作之上做一些优化:

• 可点击元素增加悬浮效果

• 当光标静止一定时间,执行长按操作

• 一些控件可以悬浮打开(如下拉菜单等)

• 光标移动到顶部边缘可以打开通知中心、控制中心等

• 可设置的灵敏度,灵敏度越高,光标移动的幅度越大

分析评价

优点

• 操作简单。不改变界面的位置、大小,无需切换模式

• 容易学习。符合直觉,易于理解、实践

• 速度快。每次点击手指只需要与屏幕接触一次

• 实现成本低。无需额外硬件,系统改动小(Android、iOS本来就支持鼠标操作)

缺点

• 不支持拖拽

• 不支持多点触控(不过单手本来也没办法多点触控)

12
Report
|
4
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
ZAOV|各[苹]本事
Homepage recommendation
Snook
Homepage recommendation
相关收藏夹
文章
文章
文章
文章
作品收藏夹
交互
交互
交互
交互
作品收藏夹
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
精选收藏夹
作品收藏夹
交互
交互
交互
交互
精选收藏夹
作品收藏夹
中国风元素插画
中国风元素插画
中国风元素插画
中国风元素插画
精选收藏夹
作品收藏夹
地产VI
地产VI
地产VI
地产VI
精选收藏夹
作品收藏夹
大家都在看
Log in