网页制作中,如何设计好用的触控手势。

网页制作中,如何设计好用的触控手势

引言

我们生活在一个人机互动频繁,由设备驱动的世界中。

婴儿几乎无困难的通过屏幕玩游戏

图0. 婴儿几乎无困难的通过屏幕玩游戏

电容式触摸屏结构原理图

图1.电容式触摸屏结构原理图

 移动中的互动语境(出处:Nadav Savio | Giant Ant Design)

图2.移动中的互动语境(出处:NadavSavio|GiantAntDesign)

钢铁侠系列电影中的全息触控交互

图3.钢铁侠系列电影中的全息触控交互

网页制作中,如何设计好用的触控手势

图4.iBooks的翻页体验与翻实体书

记忆力限制

Mozilla Firefox 4版本右划呼出Tab

图5.MozillaFirefox4版本右划呼出Tab

 Clear的手势操作令人印象深刻

图6.Clear的手势操作令人印象深刻

Flappy Bird游戏,玩家只需要用一根手指来操控

图7.FlappyBird游戏,玩家只需要用一根手指来操控

3D touch的震动反馈

图8.3Dtouch的震动反馈

Wechat取消发送语音

图9.Wechat取消发送语音

Luke Wroblewski在《移动为先》(Mobile First)

图10.LukeWroblewski在《移动为先》(MobileFirst)

全局手势在iOS原生应用中的使用场景

图11.全局手势在iOS原生应用中的使用场景

写在最后

好用的触控手势是人与设备、应用之间交流的方式。当初创造多点触控技术的人,难能可贵的是细心洞察到了人们细腻的本真行为特征,转而用触屏这一行为自然的映射了出来。

参考引用:

Warmthen《给应用加入手势操作需要注意的那些事儿》

NadavSavio《DesignSketch:TheContextofMobileInteraction》

RaniMolla《WhatMakesaGoodGestureControl》

来源:Tencent CDC

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/46173.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
优化家优化家订阅用户
上一篇 2022年7月3日 00:03
下一篇 2022年7月3日 00:04

相关推荐

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息