怎么优化好移动UI触摸手势呢。

现在,对于移动用户界面来说,包括触摸手势以增强用户体验是很常见的。那么,触摸手势到底是什么呢?想想推特的刷新,或者苹果地图缩放的缩放。它甚至可以像滑动或按下一样简单。在任何情况下,触摸手势的目标是减少屏幕上的图标或UI元素的数量,并简化典型的用户操作。

我们可以使用很多的触摸手势,同时在有效执行时保持完全自然和不引人注目的用户体验。下面我们将快速浏览一些移动用户界面的例子,这些界面优化了触摸手势,并查看了它们如何以及为什么如此有效。

SoundCloud

SoundCloud在其移动应用程序中使用了一些触摸手势。其中之一是能够在不需要找到特定的UI元素或滑块的情况下通过跟踪。用户可以在均衡器图形的一般区域向左或右滑动,并快速准确地定位歌曲的点。

怎么优化好移动UI触摸手势呢?(图1)

这款应用还可以通过滑动或右滑动来改变音轨,以及在唱片艺术上点击来暂停当前的轨迹。专辑的艺术作品也可以被向下滑动,以揭示SoundCloud流。

图标从界面,使设计更干净,更自然和令人满意的使用。

iOS键盘

苹果公司在iOS上的键盘实现了一些微妙但令人难以置信的有用和易于使用的触摸手势交互。其中一个实现了在iPhone 6S和iPhone 7上发现的3D触摸技术。

通过将力触到键盘,这些字符被立即隐藏起来,将键盘区域转换成相当于一个轨迹板的位置。这允许快速和容易地移动光标,比简单的tap更准确。

怎么优化好移动UI触摸手势呢?(图2)

它还使用触控手势,在键盘上点击并保持。这样做可以让用户在一个微妙且容易的交互中选择多个表情符号的变化。

怎么优化好移动UI触摸手势呢?(图3)

VSCO

VSCO在整个应用程序中都使用触控手势,一个简单的点击和按住照片缩略图将显示一个全尺寸预览,类似于Instagram上的实现。当继续保持时,应用程序允许你通过移动你的触摸向左或向右移动图像。

怎么优化好移动UI触摸手势呢?(图4)

同样的,通过导航到底部的两个按钮,你可以保存或重新发布一张照片,所有这些都是一个简单的动作。这样的实现使应用程序更快更容易使用。

怎么优化好移动UI触摸手势呢?(图5)

在整个VSCO,类似的有效优化触摸手势的例子都出现了。从扩展的图像卡上简单地向下滑动将返回到前一个屏幕。在主屏幕上向下滑动打开摄像头,反向操作将用户无缝地返回到主屏幕上。

在使用有效和直观的情况下,触摸手势可以在移动应用程序中应用一个独特的动态,显著降低UI元素和图标的界面,同时使应用程序更快更容易使用。

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

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

(0)
重蔚的头像重蔚管理团队
上一篇 2023年2月14日 01:40
下一篇 2023年2月14日 01:40

相关推荐

  • 快速提升 UI 设计效果的9 个小技巧 (UI 设计集-1)。

    编者按:在进行 UI 设计的时候,很多小技巧能够恰到好处地提升界面的设计视觉效果、用户体验。这篇来自Mark Andrew 的文章梳理了 9 个实用性很强的 UI 效果提升小技巧,这篇文章最早发布于marcandrew.me,快来看看…

    2023年3月1日 SEO操作
    02
  • B端筛选功能如何设计?4个章节帮你掌握。

    引言筛选作为一个常用的功能,在产品设计中的应用面是非常广的。比如我们去购物,会选择销量高、价格实惠并且包邮的商品,筛选区的设计就便于用户进行数据的查询和定位,可以快速查询到满意的商品。本文就筛选这个…

    2023年3月7日 SEO操作
    01
  • 快速提升 UI 设计效果的 6 个小技巧 (UI 设计集-3)。

    编者按:在进行 UI 设计的时候,很多小技巧能够恰到好处地提升界面的设计视觉效果、用户体验。这篇来自Mark Andrew 的文章梳理了 6 个实用性很强的 UI 效果提升小技巧,是系列文章的第三篇,原文最早发布于 marcand…

    2023年3月1日 SEO操作
    02
  • 经验分享HTML 下拉。

    HTML下拉列表是一种常见的用户界面元素,它允许用户从预定义的选项中选择一个或多个选项,在HTML中,可以使用<select>标签和<option>标签来创建下拉列表。 (图片来源网络,侵删) 下面是一个使用小标…

    2024年6月26日
    01
  • 快速提升 UI 设计效果的 6 个小技巧(UI 设计集-11)。

    在进行 UI 设计的时候,很多小技巧能够恰到好处地提升界面的设计视觉效果、用户体验。这篇来自Marc Andrew 的文章梳理了 8 个实用性很强的 UI 效果提升小技巧,是系列文章的十一篇,原文最早发布于 marcandrew.me …

    2023年3月1日 SEO操作
    02
  • 小编分享介绍Nagios XI与Nagios Core的主要区别。

    Nagios是一款开源的、功能强大的网络监控工具,它能够帮助系统管理员监控网络设备、服务器和应用程序的运行状态,Nagios XI和Nagios Core是Nagios的两个主要版本,它们在功能和性能上有一定的区别,本文将对Nagios …

    2024年6月27日
    00
  • HootSuite:2022年Instagram广告统计数据。

    2022年 Instagram 广告潜在覆盖面达18亿人这意味着到2022年,Instagram 上的广告活动可以覆盖 Instagram 20亿用户中的一半以上。对于营销人员来说,这是一个有价值的信息。更重要的是,可以通过该平台投放广告接触…

    2023年3月1日 SEO操作
    02
  • 几个交互效果的实现,让你的UI更加人性化。

    功能性动效(functional animation),是指清晰的、有逻辑、有目的的交互动效。使用得当可以有效的降低用户的认知负担,提高对应用的空间位置认知,避免使用中的盲目性。动效可以通过灵活变化(形状、大小、位移、…

    2023年2月14日 SEO操作
    00

联系我们

QQ:951076433

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