淘宝这设计细节太牛了,走心

 01.  单手操作:复杂功能也能轻松拿捏 

当下手机屏幕越来越大,给单手操作带来不少困难,不少os和app针对单手操作提供了更加便利的手势交互,让用户能够轻松使用。
1.单手轻便缩放
淘宝这设计细节太牛了,走心
「高德」对于地图的缩放提供了多种手势操作来应对不同的场景:常规场景下两指搓动缩放;单手场景下双击可按一定比例放大地图,而双按滑动则可以无缝缩放地图,彻底解决单手对于缩放地图的不友好;
2.单手快进快退
淘宝这设计细节太牛了,走心
影视app的全屏播放状态,基本形成了一套完善的交互操作心智,通过左右滑动、上下滑动以及区域长按等操作实现亮度、音量、快速进退和速率播放等功能、借助手势能力帮助用户尽可能的在单手状态下快捷实现基本操作
3.系统级单手模式
淘宝这设计细节太牛了,走心
屏幕太大一只手无法掌控?目前绝大多数安卓os都可以通过不同的手势操作触发单手模式,在牺牲屏占比的情况下使用户能单手触达所有内容;如华为的「鸿蒙」通过底部横滑悬停的方式触发。

今天的这篇文章让我们了解到手势设计在手机上面的的应用,方便着我们的生活

 02.  多段式操作:一个手势的多种选择 

在有些app里,同一个按钮或手势采用多段式交互,比如根据不同的触发时长呈现不同的功能效果,以此来帮助用户实现更便捷的操作或更多的功能选择。

1.相似功能的递进

淘宝这设计细节太牛了,走心

「bilibili」的点赞按钮除了单击为点赞功能外,还有很符合产品特色的“一键三连”功能,即通过长按点赞按钮可以同时触发点赞、投币、收藏功能,已成为B站的标志性互动方式

淘宝这设计细节太牛了,走心

网易云音乐」的返回键,在长按时可以直接返回最上级主页,满足用户不同的返回需求。

2. 不同功能的跨越
淘宝这设计细节太牛了,走心
淘宝首页下拉手势,根据拖拽距离产生两种交互结果:正常短距离下拉提示“松开刷新”,而持续下拉则会进入淘宝二楼承接页。这样的方式也给用户多一种选择。

 03.  轻便功能:预约舒坦的操作体验 

通过手势创新,我们也可以对一些以往较为繁琐的功能进一步简化,以更合理的方式高效实现;

1.未读消息快速清理

淘宝这设计细节太牛了,走心

对于强迫症患者来说,在「QQ」消息列表内的小红点快捷清空操作非常痛快,用户可以直观的将某条消息的未读红点直接拖拽删除。

2.随心所欲的画幅

淘宝这设计细节太牛了,走心

「bilibili」在全屏观看视频的状态下,可以通过双指操作让用户随心所欲的控制画幅大小和角度。

3. 视频快速预览
淘宝这设计细节太牛了,走心
「youku」在主页里长按单个内容卡片,会进入预览模式播放该节目的简短切片让用户快速决策。
4. 文件快速多选
淘宝这设计细节太牛了,走心
「百度网盘」里当用户点击并按住文件选择控件时,结合滑动可以实现快速多选。

 04.  创新手势 

除了常规手势外,很多os会在系统级别定制一些更创新的手势,来方便用户实现快捷创新功能。

1.按压面积的识别

淘宝这设计细节太牛了,走心

在锤子手机的「samrtisanos」里,对图片或文字大面积的长按会唤起大爆炸模式,可快速识图或编辑文字内容。

2.按压关节的识别

淘宝这设计细节太牛了,走心

华为「鸿蒙」的截图功能通过识别关节敲击来实现;基于这种技术能力,可根据不同的关节动作来实现局部截图、滚动截图等功能。

3.隔空手势的识别

淘宝这设计细节太牛了,走心

华为「鸿蒙」摄像头可读取用户隔空手势,根据手势触发各种交互动作,使用户在特殊场景下不接触手机屏幕实现多种常规功能。

手势是使用移动设备最基本的手段,在应用设计中,我们可以充分使用各种手势带来的便捷,帮助用户提升产品体验;当然,即便是最简单的点击与长按等手势操作,也可以结合具体场景,通过创新的交互响应来传递产品功能或解决用户的痛点。

发布者:洛雪儿,转载请注明出处:https://www.qztxs.com/archives/product/6433

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022年5月13日 下午8:12
下一篇 2022年5月13日 下午8:17

相关推荐

  • 看完这个,不带脑子都会设计LOGO!

    在过去一年里,一些公司宣布更换LOGO的新闻我们已经听过好多。 有的LOGO换了以后六亲不认   有的LOGO换了以后和没换差别不大 有的LOGO换了以后,网友说称不如之前好看 还有的LOGO,换了以后甚至让网友直呼要帮他们报警。 为什么一些公司要换LOGO,更换一个公司LOGO有哪些考量?     01. 极简化 我们研究了过去一年大部分公司的LOGO变化...

    2022年5月19日
    6400
  • 产品工具书|2-产品设产品需不需要做成长体系?

      端午节快乐 我们都是一颗颗孤独的星球。 成长是一条孤独的旅程,我们靠着别人的光,点亮自己的星球。又或者以自己的光,去点亮天生不会发光或者是不能再发光的星球。 宇宙之中,期待相遇。   这是第2篇。   话题背景 用户成长体系似乎在C端产品中已经玩到王者段位,而在B端产品中,却似乎是一片空白。用户成长体系莫不成只能在C端大放异彩?   应用场景 ...

    2022年6月14日
    5800
  • APP的登录注册你要知道!!!

    一、为什么 设立的目的:用户通过账号向系统服务进行身份验证,并获取相关权限。(但身份验证并不代表授权)为了会计、数据收集、资源管理,用户通常需要一个人密码或其他证明以登录账号。   关键词:账号、系统(服务器)、某种证明方式(各种验证方式,例:短信验证码)以及权限   用户角度:安全(金融类产品)、获得权限 产品经理角度:安全风险把控、采...

    产品 2022年5月16日
    3800
  • ps素材变清晰的小妙招,快来看!

    作为设计师,处理素材的能力是必须具备的能力之一。今天教给大家一种素材变清晰的小技巧 首先我们先在工具栏里面找到【标尺工具】通过标尺工具来获得一些数据,具体操作如下:先找到图片边缘模糊的范围,用标尺标记下   标完之后获得的参数如图:A:14.0°   L1:2.47 Ok,接下来我们找到【滤镜】——【锐化】——【智能锐化】 点击【智能锐化】会弹出一个弹框,我...

    2022年5月12日
    4400
  • 互联网时代

    从世界上第一台电脑出现以后至今为止,互联网时代发展基本上大致经历了3个阶段。   门户网时代 01 门户网集中出现在20世纪90年代,一直到21世纪00年代,那个时候的互联网只是可读,只能用于观看、浏览信息,类似于一本百科全书,人在网络上浏览信息,人和网络的单向信息传播。典型的产品是中国黄页、Yahoo、Google、Netscape,同时新浪、网...

    2022年5月16日
    2800

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信