开源我做「去留 linger」App 的所有产品设计思考(2)
这篇聊聊手势设计。
市面上非常多的照片清理 App,手势都是像 Tinder 那样左滑删除,右滑保留。但我很明确不会做这样的手势设计,因为我在体验这类 App 的过程中,明确意识到,照片整理和 Tinder,根本不是一回事。
用 Tinder,你就是要对每一个人做决策,喜欢或不喜欢,这是产品的核心目的。所以左滑删除、右滑喜欢的手势非常顺手。
但照片整理不一样。用户浏览照片时,大脑里想的不是「删除还是保留」,拜托!照片就在你相册里,哪里需要「保留」啊?你不管它,它就还在那儿。如果手势设计成左滑删除,右滑保留,那就等于强迫用户在每一张照片上都做二选一的判断,这跟他本来的心智完全对不上,自然会觉得费力。而且,常见的浏览下一张照片的手势是向左滑动,你给他硬扭成左滑删除,右滑才能看下一张,而右滑明明通常是看上一张,真是乱七八糟的……用户需要好一段时间才能学会新的手势,是非常难受的。
当然,用这套手势做营销效果很好,比如 picnic App 就玩得很转,戏剧性的手势,本身就适合社交媒体传播。但我对产品设计是有洁癖的,如果一个手势在营销上有价值,在产品上有缺陷,我是不会做的。
我自己用下来,觉得「左右滑动翻页,上滑删除」是最合适整理照片的手势。左右翻页是用户在系统相册和绝大多数社交媒体里看照片的手势,不用学就会,上滑删除也已经在多任务等界面里被大量使用过,用一次就会。
翻页动画上也有一个细节值得说。我用系统相册时发现一个问题,如果每张照片都是整体横向移动,那用户每滑一次,都得等下一张完全停下来才能看清,偶尔滑两张还好,滑多了眼睛就会累。
所以我们的设计是,当前照片划走时依然向左移动,完全跟手,而下一张照片是垫在下面的,不是从右边滑进来的。这样用户的眼睛就不需要等待下一张停下,连续滑几百张也不会觉得累。
同样是为了让「翻页」这件事保持顺畅,我们还做了一个决定:不提供照片和视频的混合浏览模式,一次只能选一种类型看。原因是,如果连续的一组里既有照片又有视频还有截屏,大脑其实是在三种不同的任务之间来回切换,会有一种隐约的不适感,这也是你不喜欢在系统相册里删照片的原因之一。而一次只看一种类型,整个浏览过程就会非常顺滑。
按这个逻辑,左右翻页,上滑删除已经是最优解了,那应该所有内容都用这一套手势才对。但 linger 的视频部分,却用的是完全不同的手势。
因为我们把视频的 UI 做成了和短视频类似的样子:把 9:16 的竖屏视频裁切成 9:18,做成沉浸式的观看体验。还特意把照片和视频分成了两个独立的 Tab,而不是用一个筛选按钮来切换。
这么做的目的,是让浏览视频这件事本身蒙上一种陌生感,像在刷短视频,但刷的其实是自己的视频,由此产生一种奇妙的错位感。
如果视频和照片用了统一的交互,这种体验就会变得很「正常」:用户不会在切到视频时觉得哇哦,这个好有趣!而是在哪个 Tab 都没什么特别的感觉。
所以我的设计逻辑是:照片用人们通常浏览照片的手势(加上一个方便的上滑删除),视频用人们通常浏览视频的手势。你看短视频的时间肯定远高于看自己相册里的视频,那就用你看短视频的手势来看你的视频,更有意思。
虽然照片和视频是用两个 Tab,且不提供混合模式。但我们又做了一个创新功能,叫做「回到那天」,我们的用户都非常喜欢它。在下个版本里,它会打通照片视频,带来无比沉浸的回忆体验。你现在就可以试试看,不过现在的版本只能从照片里回到那天的照片。下个版本可以从照片和视频里,回到那天看所有照片和视频。下篇就深度拆解一下「回到那天」这个创新功能的制作故事吧。
如果你看到这里了,希望能帮我点点赞吧~以及想问问大家这样的文字是否不易看懂?如果不好懂的话,我就做成视频。但我还是想先发个文字试试看。
