由锤子便签想到的iOS上的一个设计细节

起点学院产品经理365成长计划,2天线下闭门集训+1年在线学习,全面掌握BAT产品经理体系。了解详情

不知道大家有多少人用iOS上的锤子便签app,前段时间看了36氪上锤子科技产品总监的采访文章,之后好好把玩了一下,偶然发现了一个细节,一开始只是觉得很别扭,如下:

1

2

(左边是主界面,右边是点击图片按钮之后的弹出效果)

那么问题来了:为什么iOS上的弹出窗并没有采用“取消”置底的布局结构?

下面想跟大家从三个方面分析一下这个现象。

一、为什么感觉别扭(这么设计有哪儿不好吗)

个人觉得直觉上的别扭主要是因为两个方面:

  1. 弹窗UI重绘,跟大家看习惯了的iOS系统弹窗风格不一致,所以首次接触需要一定的视觉缓冲时间;
  2. “取消”按钮的位置选择了右上角,与系统自带的弹窗布局也有不同;

2

622367715037306300

总体来说就是,锤子便签在这里加入了自己很多的设计想法,所以大多数熟悉iOS交互和视觉的用户会在第一时间觉得不适应。

二、为什么要这么设计?

视觉上的再设计这里撇开不谈,因为锤子一直以自己的视觉为特色(详见锤子各种发布会)。所以笔者只谈一下自己对于“取消”按钮位置的见解,集思广益,大家一起探讨。

我的看法:根据36氪的采访文章,在锤子便签的拍照按钮上,产品与视觉是有过长时间思想碰撞的,最后的结论是:

22

“拍照插入图片”功能放在了“图片插入”功能的子级下,但是该按钮的视觉采用的是偏“相册图片插入”的视觉。

同时为了让寻找“拍照插入图片”功能的用户不迷惑,弹窗将功能按钮的视觉重化,同时将改弹窗内的低频按钮“取消”做视觉隐藏,从而最大程度上保证了“拍照插入图片”功能的视觉提示。

便签类应用与图片社交类应用不同,“相册插入照片”相比“拍照插入图片”是更高频的功能,所以主按钮不能沿用图片社交类应用的摄像头icon。但子菜单为了降低用户寻找成本,锤子便签做了以上处理。

三、“取消”按钮可以去掉么?

假设本人的看法是对的,那么出现了一个新问题:“取消”按钮影响了视觉,那是否可以考虑去掉?如下图:

222

从产品逻辑上讲,去掉“取消”按钮后,并没有逻辑死路产生,点击灰层可以实现“取消”的效果;

从用户习惯上讲,很多安卓应用的弹窗并没有“取消”按钮,实体返回键使用率不高的情况下,这部分人并没有操作疑惑,更不用说只有一个home键的iOS,所以我认为完全不用担心“取消”按钮去掉之后的用户疑惑问题。

从功能操作上讲,每一次图片按钮的点击都是有强目的性的,所以在弹窗打开的情况下,“取消”的使用次数不多,点击“取消”无非有两种情况:客观误操作、主观放弃插入。无论是这两种情况的哪种,都是低频的,而我的看法是,低频的使用场景中,视觉优化带来的体验完全可以抹掉理解成本。

总的来说,我更倾向于“点击其他位置=取消”功能,可能现阶段需要一定的用户理解成本,但我坚信这是实体键淡化风潮中更加自然的交互方式。

 

本文由 @Miracle152 原创投稿,并经人人都是产品经理编辑。未经许可,禁止转载。

您的赞赏,是对我创作的最大鼓励。

评论( 2

登录后参与评论
  1. 然并卵

    回复
  2. 同感。如果没有这个取消按键,整个界面会和谐很多。

    回复
加载中