1310-6499-520
今天是:
站内搜索:  
您的当前位置:主页 > 知识博客 > 交互设计 >
联系我们

名称:九分网络科技

联系:13106499520

地址:福建省福州市仓山区金榕南路553号


扫一扫添加微信

下载体验近30个大厂APP 后,我总结了8个提升交互表现的技巧--九分科技

时间:2020-06-18   分类:交互设计    作者:网络   来源:网络整理   点击:181

下载体验近30个大厂APP 后,我总结了8个提升交互表现的技巧--九分科技

本文来自九分网络

本文来自九分网络

在我们日常的产品设计中,交互上的表达(反馈、动效)能将信息很好地展示给用户,而无论什么样的交互表现,都是对用户的操作效率、业务目标的提升有很大帮助的。

内容采集来自9fen.net

所以本文集合了淘宝、支付宝、QQ浏览器、百度浏览器、抖音、高德地图、马蜂窝等众多一线产品,为你整理了 8 个可以提升交互表现的方式和技巧,让你在平时的设计工作中,可以尽量地提升用户的操作效率和业务目标的转化。 内容采集来自9fen.net

实时更换效果

在需要用户进行多项内容的选择时,可结合具体场景,向用户展示选择后的效果预览。将用户的选择内容「可视化」,帮助用户进行决策与配对内容。 本文来自九分网络

如首次进入 UC 浏览器,用户在选择不同的兴趣类型时,会同步展示对应的标签形象。这种优化方式,极大提升了用户对资讯类型的筛选,方便产品推送对应的资讯信息。 copyright 9fen.net

下载体验近30个大厂APP 后,我总结了8个提升交互表现的技巧--九分科技 本文来自九分网络

本文来自九分网络

跟随用户的操作

大部分产品的功能都是「固定好位置」的,但用户的手指操作区域却是灵活多变的,为了进一步提升用户操作效率,有些产品会把功能设置跟随用户的操作而展示。 内容采集来自9fen.net

如夸克浏览器,在观看视频时点击屏幕右侧,就会出现操作图标;而点击屏幕左侧,操作图标则在左边出现。 本文来自九分网络

下载体验近30个大厂APP 后,我总结了8个提升交互表现的技巧--九分科技 copyright 9fen.net

九分网络

还有抖音,会根据用户手指的点击/长按位置,来实时展示操作信息和入口。

本文来自九分网络

下载体验近30个大厂APP 后,我总结了8个提升交互表现的技巧--九分科技 www.9fen.net

www.9fen.net

更直接的引导

很多 APP 会在用户首次使用功能时,用一张蒙层或 GIF 图引导用户操作,如向上/向下滑动屏幕、点击某入口等等。但这种「静态」展示无法直观、易懂地向用户说明:操作后会有什么?

九分网络

因此,为了减少用户思考、更准确地传达信息,可以将「操作后」的效果直接展示给用户。这种交互方式比单放一张 gif 图来说,引导性更强。 内容采集来自9fen.net

如抖音,首次进入时会自动地下拉屏幕,向用户明确说明可以下拉切换视频。 www.9fen.net

下载体验近30个大厂APP 后,我总结了8个提升交互表现的技巧--九分科技 本文来自九分网络

copyright 9fen.net

入口收缩

指提示的信息(广告弹窗、浮层)展示完后,不再以透明度为 0 的方式进行消失,而是通过缩小、位移等方式将特定内容「收缩」到入口中去。

九分网络

下载体验近30个大厂APP 后,我总结了8个提升交互表现的技巧--九分科技 内容采集来自9fen.net

www.9fen.net

该方式好处在于:可以增加、强化用户对于功能入口的认知,很适合各种需要做「用户教育」的入口。如QQ浏览器的「花草卡」、荔枝音乐的快捷菜单就采用该方式进行信息引导。 九分网络

下载体验近30个大厂APP 后,我总结了8个提升交互表现的技巧--九分科技 本文来自九分网络

copyright 9fen.net

前置展示用户目标

根据用户的操作行为,推导/预判出用户下一步即将要执行的目标,提前将用户的操作目标展示出来。可以进一步地减少用户的操作路径。

www.9fen.net

比如淘宝,当复制完商品口令后,打开 app 时就立即弹出商品信息,免去发起搜索的操作成本。还有支付宝,在与好友聊天时若触发到数字信息,则预判用户有转账诉求,提前将金额和操作入口展示出来,方便用户操作。 copyright 9fen.net

下载体验近30个大厂APP 后,我总结了8个提升交互表现的技巧--九分科技

www.9fen.net

www.9fen.net

特定的彩蛋效果

在展示一些特定的功能模块、业务价值更重的内容时,可用一些惊喜的彩蛋吸引用户。一方面能渲染氛围、吸引用户注意力。另一方面又能对产品的 PV、UV 等业务指标起到一个促进效果。

内容采集来自9fen.net

如爱奇艺,在切换到近期热播的节目时,会飘落与之相关的视觉元素,能对用户的当前操作起很好的「止步」效果。 copyright 9fen.net

下载体验近30个大厂APP 后,我总结了8个提升交互表现的技巧--九分科技 www.9fen.net

copyright 9fen.net

更拟物化的表现

产品的内容与功能展示,可以尽量贴近「现实生活」来设计,给用户一种更强的代入感(亲民、有趣、真实),突出该功能/内容的品质感。 九分网络

如高德地图,根据当前天气情况展示真实效果,给用户的出行决策进行「提醒」。还有飞猪的「会员卡」,会用一层「反光」来突显出卡的质感,同时能起到吸引用户注意力的作用。 内容采集来自9fen.net

下载体验近30个大厂APP 后,我总结了8个提升交互表现的技巧--九分科技

www.9fen.net

copyright 9fen.net

利用好手机陀螺仪

标签: 交互设计 优设 优设网 产品设计 产品分析

郑重声明:本文版权归原作者所有,九分网络转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。


九分网络专业提供公众号、小程序、PC及移动端站点搭建!网站程序及服务器维护:13106499520。微信:452570709

----相关文章----