Cover

筛选元素

筛选的过程其实就已经是设计的过程了，但这时候的设计更偏向于分析，而非直接画原型图。

由于做的是移动端的应用商店，在有限的屏幕空间下，这么多的优惠信息是不适合一次全部展现给用户的，这样会造成单个卡片上的信息密度过高，影响用户的阅读效率，甚至产生焦躁感。所以我们就要去思考怎样将这些信息友好地传达给用户。

状态处理

在所有的优惠信息的取舍中，首先要重点说一下使用说明（包括适用品类&品牌）这条信息，因为其往往是所有优惠信息中文案最长的。而且由于并不是所有人都会首先关注使用说明这条信息，因此其并不适合一次性全部展示出来。

详细描述示例-App Store&Play Store

在其的交互处理上，需要做一个折叠处理，类似应用商店中应用详情的处理方式。

卡片展开-demo示例

这样的交互方式就会造成卡片有两种展示状态：收起和展开。

而卡片式设计的好处之一就是，卡片收起和展开的动作在用户感知层面上是非常自然的，特别是在安卓系统上。利用收起和展开两种状态，可以在不同的场景下呈现给用户不同数量的元素。

接下来要做的就是确定在不同状态下，哪些信息不是影响用户判断的主要信息。

信息处理

描述、类型、优惠来源不用多说，这些信息的文字量少，用户阅读成本低，是必须保留的信息。而配图是针对推荐优惠内容的，因此也需要保留。

使用说明（包括适用品类&品牌）上面说过，需要保留，但是需要做折叠处理。而次要信息由于比较杂、碎 ，其中唯一值得保留的就是过期时间。

对于优惠码，由于只有优惠券才有优惠码，折扣是没有的，因此这里要特殊处理。

首先就是考虑在移动端上，优惠码要不要直接暴露给用户。

**出于用户体验的角度，当然是不要像网页端那样对用户隐藏是最友好的。但是从业务角度出发，如果用户获取优惠码非常容易，不用付出任何成本的话，那对增加下载量是没有任何帮助的。 **

**而从优惠码内容本身角度出发考虑，首先明确优惠码说到底只是一串随机的字符，当用户有消费欲望的时候优惠码才对其有用，而且由于目前产品还没有账号体系，暂时没有注册新增方面的业务目标，所以当用户对此条优惠内容感兴趣的时候再把优惠码告诉他是最合适的。 **

那么这就牵扯到另一个问题，什么时候才是用户对此条优惠内容感兴趣的时候呢？

先想回想一下自己作为一个用户，从看一条优惠内容到对它感兴趣这个过程。

*1.“哇，这有一个50元的优惠券”——简单描述 *

*2.“原来满200元后就可以用这个优惠券减掉50元了”——详细描述 *

*3.“它是哪家的呢，原来是Amazon的”——优惠来源 *

*4.“该怎么用呢，原来是在付款的时候输入优惠码就可以了”——使用说明 *

5.“男装系列通用诶，后天就过期了”——次要信息

可以发现，当用户开始关注优惠来源的时候，就可以判断说他已经想继续了解这个优惠内容的详细信息了。那么如何在用户的操作上体现这个判断呢？

所有的优惠内容信息看上去只需要浏览就够了，不涉及操作，但有一个信息比较特殊，那就是前面提到过的使用说明。

使用说明一般情况下文案时比较长的，不适合在默认情况下就把其露出，目前在处理类似情况的一种通用做法就是只留一行或两行文案，再给一个展开按钮。因此可以说在操作上，当用户想要查看详细的使用说明的时候，就可以判断说这个用户想继续了解这个优惠内容，这个时候就可以把优惠码暴露给用户了。

功能处理

主要功能按钮在应用商店中，对应的功能就是下载，结合优惠内容，其可以通过文案去刺激用户消费下载，需要保留。

而在网页端的其他次要功能按钮，由于和移动端的使用场景不一样，加上目前所做的产品还没有账号体系，类似收藏等功能都无法实现，因此不能照搬过来。

若以增加下载量这个业务目标为准，那么有一个下载功能已经足够了。但是再往深一步想，在整个任务流程的末端，系统除了提供下载功能之外，还有没有存在其他功能的必要以丰富使用场景？

**即用户在我们的平台看到优惠内容并产生下载行为之后，还有没有其他潜在的需求，或者说还有没有别的功能可以达到我们其他的业务目标？ **

印度人热衷自拍

这里要大概说一下我们用户人群的特点，由于做的主要是印度市场，印度人民能歌善舞就不用说了，在生活中，印度人是非常喜欢在各种社交平台去分享的，特别是晒自拍，其中主要是分享给朋友。 而且在之前的几次用户调研中我们发现了一个非常有趣的现象，就是许多用户的手机里面会有很多截图，有应用的截图、网页的截图、游戏的截图等等等等。

分享和下载

那么结合我们这次的需求，当用户在看到中意的优惠内容后，是有分享给好友的动机的，“他可能会告诉好友这里可以领京东的双十一图书优惠券”，因此这时候他就需要一个分享功能，而分享是可以满足带新增这个业务目标的。

同时，由于暂时没有收藏功能，那么如何满足用户收藏优惠内容这个潜在需求。这里我想到的是增加一个保存图片的功能，将当前优惠内容存到手机上，省去用户截屏这个操作。

但这两个次要功能的存在都要有一个前提，就是不能影响主要按钮的操作，要避免用户因为这两个功能而不去点击主要功能按钮去产生下载。

**因此这里的交互处理是，结合卡片收起和展开两种状态，在卡片收起时不展示次要功能，只有在卡片展开后再将所有功能都暴露出来。 **

---

确定好卡片的状态以及需要展示的信息和功能之后，接下来要做的就是把这些信息组合并呈现出来。

下一部分将说明如何去摆放这些元素的。

---

非常感谢您的阅读，您的支持是我最大的动力！