动效设计点击关闭VS手势归位,Spatial给产品设计带来的新启发

产品: Spatial.猎人: 龙爪槐守望者投稿: Tobias Renström 时间: 47分钟前

Spatial.

与「Spatial.」有关的细节还有 1查看全部

我也有新发现 我要投稿
点击关闭VS手势归位,Spatial给产品设计带来的新启发点击关闭VS手势归位,Spatial给产品设计带来的新启发

细节描述

龙爪槐守望者: 桌面软件做卡片放大的设计很多,但Spatial最聪明的地方在于把卡片从全屏退回画布的交互,变成了极其顺手的横向滑动扔回动作。不需要寻找左上角的关闭图标,甚至不用等卡片完全展开动画结束,手势一甩就能直接归位。卡片展开是放大聚焦,关闭不是消失而是回归原位,手势的方向和卡片收回的物理空间位置完全对齐,实现了极高的空间连续性。 任何需要高频预览、展开、收起详情页面的产品,都应该重新思考是不是一定要依赖左上角的返回按钮或者关闭叉号。把全屏手势和空间归位动画结合起来,能让内容浏览体验翻倍提升。

91人评分
收藏
分享细节海报

发表评论 为下方 1 条评论点赞,解锁好运彩蛋

{{ moreBtnTxt }}

你可能还爱看

京东在首页标题栏的广告位能否兼顾用户体验?
京东

组件创新京东在首页标题栏的广告位能否兼顾用户体验?

猎人 - 龙爪槐守望者7.4

手机屏幕寸土寸金,每个App都希望在有限的屏幕上展示尽可能多的内容,尤其是电商平台,更是想方设法在每一个角落推销商品。原本首页的标题栏都用于显示Logo或者tab和主要操作按...

查看详情

#banner#动效#小程序

小红书的3个新入口如何降低二手交易的门槛
小红书

新功能小红书的3个新入口如何降低二手交易的门槛

猎人 - 龙爪槐守望者9.5

你是不是也有一堆东西,想在小红书上出掉,但又觉得开店太麻烦?发了笔记有人问,还得一个个私信聊半天,最后交易还是得跳到别的平台。小红书好像听到了大家的心声,它正在测试一个叫「快...

查看详情

#卡片#标签#电商

从刮刮乐到APP交互:童年记忆如何成为设计师的灵感源泉?
TrainPal

动效设计从刮刮乐到APP交互:童年记忆如何成为设计师的灵感源泉?

猎人 - 智行ZXD设计中心9.0

你打开一款APP想要领取优惠码,结果弹出一个普通的弹窗,直接显示着优惠信息。整个过程平淡无奇,就像在超市收银台随手拿了张打折传单一样毫无惊喜。作为设计师,我们都知道这种平铺直...

查看详情

#仪式感#动效#峰终定律