如何做好产品设计中的「+」功能？来看高级设计师的总结！

@苏大牙牙牙 ：日工作中，有很多看似平凡的小细节，被大忽视，却影响着户的真实体验。如，前几天跟同事们针对产设计中「+」功的场景、展开形式进行讨论，发现这是一个挺有意思的话题。

所以跟大家分享下，我的一相关思考。

一、「+」的运用场景

我们见的产中，采「+」功的场景，大致分为两种：（上传）容项、（聚合）快捷功。

1.（上传）内容选项

根据「+」的直观表意，致也能猜到它的运用「添加」、「传」某东相关。

如：微博，点击「+」入口后，是择要上传的容类。（可晒自己精修X小时后妈都认来的自拍、可晒逗的小视频，或者就想搞一场直播）。

如：厨房左上角的「+」，点击后，是择上传作，或者创建菜谱的项。

再如：工具类产 Google drive，dropbox、百盘、微，点击「+」后，同样是择上传同件的入口。

可看，这种情况的「+」功，多指「添」、「上传」的含义，承载的容，是同一纬的同项。

2.（聚合）快捷功能

众周知，产为了节省界面空间，同时避免过多功给户必要的干扰，会择把一些的快捷功收到二级展示。见的产中，他们择把这些快捷功塞进「+」里。

么，你是不是得「+」功能跟「…」功能承载的内容是一样的？比：乐趣首页右上角「…」，同样是对频率低的功能的集合。

为什么有的产品不直接用「…」，还是选择用「+」呢？

通过析发现，「+」虽然也是聚快捷功能的入，但承载的功能有一个共性：都是围绕着用户主动开、发起、新建等操作进行的，因此用「+」更贴切。

比如：微信里「+」，含着「发起群聊」，「添加朋友」，「扫扫」，「收付款」，其实都跟「添加」有关。

比如：淘宝也是类似处理。

再比如：爱奇艺「+」，里含也是跟「添加」，「上传」相关，像上传视频、扫扫、我要播……

反过来看「…」，它聚合功能，大多是相互关联较弱，没有主动添加、上传等含义。此，用个相模糊，没有指性符号诠释，更为合适。

由上可以看出，在这情况下，「+」作为聚合快捷功能入口，含是频率较低，跟主动「新」、「发起」、「扫描」等相关功能。

二、「+」的展开方式

用户触发界「+」时，常见展开有3，分是：泡弹出框、动态栏、沉浸模。

1. 气泡弹出框

气泡弹出框，这个控件常被称为 Popover，一是由一个矩形和三角箭头组成的弹出窗，通过点击 Popover 内的按钮或者非 Popover 的屏幕其域可关闭。

比如，以为代表的「+」的展开方式，采用的就是 Popover。一用于聚快捷功能。优点是触发「+」 Popover 的距离近，操作顺，效率高（更像是导航的延伸）。

2. 动作栏

动栏，个控件官方称之为 Action Sheet，是用户触「+」，出现的一种模态弹出框，里面包含一组与当前情相关的选项，一般用上传内容选项。

在 iPhone 屏幕上，为了便于持握操作，Action Sheet 通常占据屏幕底部域。

比如：以 Google drive、Dropbox 为代表的产品，需要选择上传文件类型的选项。

在这个部，同事讨论有些争议点，在于：google drive 和 Dropbox 或者博，它的加号本来就在底部，所以弹窗让用户觉视线统一。

而有的产品「+」在上面，弹窗从底部出来，担心注力切换和指移动的路径比较长，显得割裂。

带着这个问题，我调研了有类似情况品，会不会让觉不舒服。

后发，不会的。原因于我们常用的、拥10亿+用户的微信，发朋友圈时操作就这样，我们并感觉很割裂，反已习惯。

同样，iPhone 自的「提醒事项」App，也这样处理。

后看了规范发，iOS 确实意识到 iPad ，如果继续将 Action Sheet 显示屏幕底部，如果频繁操作使用会比较累。因此，了特殊处理。手机屏幕以底部主，同时点击空白区域取消的操作，也系统用户所熟知的。

总的，操作栏合承载同一纬度下的内选项，同时，就算「+」顶部，采用底部动态栏，体验也问题的。

3. 沉浸模式

沉浸模式，指的当触发「+」时，用户全局蒙层行功能操作，同样用于传内选项。

优点是拓展性更强，体现在：升收益、牌认知、容营。

提升收益

比如：微博，采用沉浸模式，下面传不同状态类型的入口，面可以增加广告收入。

再比如：微云，沉浸模式下，可以植入自己的「会员」广告，从提升会员转化。

品认知

比如：有云笔记，在顶部空内，宣传自己品 slogn「记录，成为更好自己」，是品情感化传递。

内容运营

像「好好住」，它在这个页面加入「话题」运营推广。从而给 UGC 内容模块带节奏。

大多数产品都想营造社氛围，建立用户关系，从而增加用户粘性，提升产品留存。但要想拥有浓厚的社氛围，首先要有内容，才有人愿，才有人在面互动。

现实问题是，很多用户有想发状态心，不知发什么，从而放弃。此，我们应该作出相应引导。

比如，「好好住」发布环节，增加话题运营「#每天一张活日常#」入口，就解决刚的「用户不知道发什么」的问题。运营同学点子、造话题、节奏，从提升用户的发布。

因此可看，「沉浸模式」，对于那些有拓展需求（收益、牌、营）的产更适。

不道你有没有现，相比国外，国内采用种「沉浸模式」的产品偏。或许在中国个互联网竞争此激烈的大境下，大家不愿意放弃任何一个能够运营或留住用户的机。

总结

总的来说，在常见的产品中「+」功能的运用场有：（上传）内容选项、（聚合）快捷功能；它的展开方式分为：气泡弹出框（适合承载快捷功能）、操栏（适合容纳内容选项）、沉浸模式（容纳内容选项的同时，拓展更强）。其，互形式没有坏之分，只有哪个更适合自己的内容需求和产品目标，正 Louis Sullivan 所说：「形式追随功能」。

日常工作中有多类似「+」这种，似一个不起眼的功能，被大家忽略。习惯性一下竞品，拍脑袋决定方案。

是，慢慢你会发现，有深挖和分析这些所谓「小细节」，才能知这么做背后原，才能举反三去运用，才能更好兼顾统性和拓展性，而不是留在浮于表模仿。

欢迎关注作者的微信公众：「牙的设笔记」