怎样设计一个优惠信息卡片—Part2#交互#设计思路

Cover

筛选元素

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

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

状态处理

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

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

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

卡片展开-demo示例

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

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

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

信息处理

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

功能处理

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

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

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

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

印度人热衷自拍

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

分享和下载

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

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

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

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


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

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


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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,271评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,275评论 2 380
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,151评论 0 336
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,550评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,553评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,559评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,924评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,580评论 0 257
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,826评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,578评论 2 320
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,661评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,363评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,940评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,926评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,156评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,872评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,391评论 2 342

推荐阅读更多精彩内容