最新锤子便签功能(由锤子便签想到的iOS上的一个产品设计细节)
最新锤子便签功能(由锤子便签想到的iOS上的一个产品设计细节)二、为什么要这么设计?总体来说就是,锤子便签在这里加入了自己很多的设计想法,所以大多数熟悉iOS交互和视觉的用户会在第一时间觉得不适应。一、为什么感觉别扭(这么设计有哪儿不好吗)弹窗UI重绘,跟大家看习惯了的iOS系统弹窗风格不一致,所以首次接触需要一定的视觉缓冲时间;“取消”按钮的位置选择了右上角,与系统自带的弹窗布局也有不同;
不知道大家有多少人用iOS上的锤子便签app,前段时间看了36氪上锤子科技产品总监的采访文章,之后好好把玩了一下,偶然发现了一个细节,一开始只是觉得很别扭,如下:
(左边是主界面,右边是点击图片按钮之后的弹出效果)
那么问题来了:为什么iOS上的弹出窗并没有采用“取消”置底的布局结构?
下面想跟大家从三个方面分析一下这个现象。
一、为什么感觉别扭(这么设计有哪儿不好吗)
弹窗UI重绘,跟大家看习惯了的iOS系统弹窗风格不一致,所以首次接触需要一定的视觉缓冲时间;
-
“取消”按钮的位置选择了右上角,与系统自带的弹窗布局也有不同;
总体来说就是,锤子便签在这里加入了自己很多的设计想法,所以大多数熟悉iOS交互和视觉的用户会在第一时间觉得不适应。
二、为什么要这么设计?
视觉上的再设计这里撇开不谈,因为锤子一直以自己的视觉为特色(详见锤子各种发布会)。所以笔者只谈一下自己对于“取消”按钮位置的见解,集思广益,大家一起探讨。
我的看法:根据36氪的采访文章,在锤子便签的拍照按钮上,产品与视觉是有过长时间思想碰撞的,最后的结论是:
“拍照插入图片”功能放在了“图片插入”功能的子级下,但是该按钮的视觉采用的是偏“相册图片插入”的视觉。
同时为了让寻找“拍照插入图片”功能的用户不迷惑,弹窗将功能按钮的视觉重化,同时将改弹窗内的低频按钮“取消”做视觉隐藏,从而最大程度上保证了“拍照插入图片”功能的视觉提示。
便签类应用与图片社交类应用不同,“相册插入照片”相比“拍照插入图片”是更高频的功能,所以主按钮不能沿用图片社交类应用的摄像头icon。但子菜单为了降低用户寻找成本,锤子便签做了以上处理。
三、“取消”按钮可以去掉么?
假设本人的看法是对的,那么出现了一个新问题:“取消”按钮影响了视觉,那是否可以考虑去掉?如下图:
从产品逻辑上讲,去掉“取消”按钮后,并没有逻辑死路产生,点击灰层可以实现“取消”的效果;
从用户习惯上讲,很多安卓应用的弹窗并没有“取消”按钮,实体返回键使用率不高的情况下,这部分人并没有操作疑惑,更不用说只有一个home键的iOS,所以我认为完全不用担心“取消”按钮去掉之后的用户疑惑问题。
从功能操作上讲,每一次图片按钮的点击都是有强目的性的,所以在弹窗打开的情况下,“取消”的使用次数不多,点击“取消”无非有两种情况:客观误操作、主观放弃插入。无论是这两种情况的哪种,都是低频的,而我的看法是,低频的使用场景中,视觉优化带来的体验完全可以抹掉理解成本。
总的来说,我更倾向于“点击其他位置=取消”功能,可能现阶段需要一定的用户理解成本,但我坚信这是实体键淡化风潮中更加自然的交互方式。