PM应该知道的UI,交互,产品提示文案设计。
合理的提示文案可以改善用户的微观感受。所谓微感,就是用户对产品细节的感知。产品细节越好,对用户越有利。因此,提示性文案的设计不容忽视。
案例分析如下:
同样两个音乐APP产品,体验两个提示文案带来的感受。
显然,不同的抱怨会有不同的感受——“这里好像什么都没有……”比“暂时没有播放记录”更符合音乐产品的调性。
分析,用户通常打开音乐APP听音乐是为了寻找一种内心的感受,这种感受可能更多的是一种轻松愉悦的内心感受,所以咪咕音乐的提示文案“这里好像什么都没有……”再加上小插画,可以为产品营造一种轻松愉悦的氛围。
当然,我这里说的只是针对普通大众的音乐产品,有些小众音乐产品不能一概而论,比如MOO音乐APP。
下载的空页面状态提示“哦moooo Nothing”(哦,Nothing)是不是感觉很不屑?
因为这款产品针对的是喜欢追求新鲜事物的年轻人或者专业音乐人,所以类似“哦moooo Nothing”这样的提示文案更能迎合目标用户的特点,给用户一种找到自我的感觉。
回到最初的案例——多米音乐Pro“暂时没有播放记录”。
也有很多适合这种爽、脆、无情绪的提示文案的产品,比如腾讯文档这种小工具程序。
工具产品一定要体现他的便捷性、高效性和专业性。有这样产品文案的腾讯文档会给用户一种干脆利落的感觉。
工具类产品一般不需要营造文案的情感氛围,给用户带来专业、严谨、安全的感受最重要。
总结:文案设计从产品调性和用户特征出发。
产品原型图截图
上面展示的产品是一份问卷,收集企业负责人在事业单位办理业务(比如企业办理营业执照)时的感受。
从用户的思维来思考,表达“请帮帮我们”,这样一来,用户可能会产生一种抵触心理,从而影响问卷调查的可靠性。
其实我们从商业的角度来想,收集问卷是为了给企业提供更好的服务,所以从这一点来说,我们可以给用户一种价值感。
复制修改后的截图
修改后“为了给你的企业带来更好更高效的服务体验……”的表述能给用户一种价值感,因为它表达了这件事是为了用户自己,而不是帮助平台收集数据。
为什么会有“高效”一词?这就要从用户的痛点去思考。大家可能都知道,去事业单位最大的痛点就是流程繁琐,效率低下。所以文案声明就是为了解决这个问题,所以用户当然更容易积极配合。
总结:用用户的思维去考虑文案,给用户价值感。
将单词“mutual”和“mutual”放在下列句子中。哪个词更能表达亲密?
远处的海边,有一对情侣坐在夕阳下_ _ _ _ _ _依偎着。
对方和对方都有副词用法,可以表示相待的关系。区别在于:
“互”更多的是指一种描述性的关系,“互”是指一种对待对方的动作,“互”在表达积极情绪方面更有表现力,所以“一对情侣相互依偎”更能体现这种关系。
百度贴吧对同一页面的用户有不同的称呼:
叫用户“你”,同时叫用户“我”,给用户一种隔膜感,不管你是我还是我。
不同的人名不可避免地出现在测试问卷的标题中,所以在页面中要减少人名的干扰。
让我们看另一个案例:
写提醒文案的时候,一定要明确产品是在和用户对话,还是把用户带入产品。
页面上的图标名为“我的广场”,将用户带入产品。那么这个页面的提示文案应该是站在用户的角度来提示,“此时此刻,我想说点什么……”说人与标题相对应是非常恰当的,“此时此刻,你想说点什么……”据说改变对应的标题会产生一种分离感。
总结:建议文案尽量统一,明确产品是在和用户对话还是把用户带入产品。
“你”和“你”
在我们日常使用的产品中,有的产品用“你”作为提醒文案,比如微信,有的产品用“你”作为提醒文案,比如JD.COM。为什么人们叫它不一样,是因为产品和用户的关系不一样。
有些产品和用户是平等的关系,就像朋友、恋人、同事。有些产品是对用户的一种尊重态度,因为用户就是客户,当然要对客户有尊重的态度。
所以我们大概可以得出一个结论,“你”更适合社交、工具、B端产品,“你”更适合电商、B端产品。当然,有些产品会有很多形式。比如小红书,属于社交电商产品,需要重新思考产品和用户的关系。
这里有几个“你”和“你”没用好的例子:
对于功能单一的产品,有些地方用“你”,有些地方用“你”是很奇怪的。当然,有些产品可以由不同的人来称呼。比如产品中的普通用户使用“你”,成为VIP称呼用户“你”,这样用户会有一种被尊重、被优待的优越感。
QQ对话列表页面系统推送不同名字:
我们都知道QQ是一个非常庞大的产品,所以肯定不会由一个人来负责所有的设计。一般会有一个团队或者一个人负责不同的板块,所以在协同工作中难免会出现上图的问题,因为制定的设计规范并没有在更详细的细节上得到落实。
绝对优秀的产品,细节会无可挑剔。我搜了微信所有页面,没有找到一个“你”字。
总结:根据产品的定位找到与用户的关系,使用合适的人名。
天猫读书的提示文案过于啰嗦,未能高效传达信息。简书的提示文案简洁高效,用户甚至不需要阅读,只需要一目了然,简书互动也提供了非常直接的操作入口。
第一句需要读整段才能理解信息。
第二句话是先告诉用户目的,再谈需要做什么,这样可以达到高效的沟通效果,用户看这句话就清楚了。
总结:提示文案可以把目的放在第一位,可以实现更高效的信息传递。
当点击产品中的一个板块时,页面的顶部标题应该与板块名称一致,以确保用户不会迷路。
点击上图中的“k币账户”,出现“我的账户”。不排除用户会怀疑自己是不是搞错了。在生活中,如果你点了一份土豆烤牛肉,很多人可能吃不到,但有些人会。没错!作者是吃它的人。
总结:一致的标题文案可以让用户不至于迷失。
原型图截图
“只能上传shp文件,大小不要超过500kb”没有给用户友好积极的感觉。
关键字“only”给用户一种产品不够强大的感觉,因为它明确强调只支持shp文件;“而不要”有一种被命令的感觉,难免让人觉得不被尊重。
修改后:
修改后的截图
修改后“请上传SHP格式文件,大小必须在500kb以内”的语气瞬间变得温柔亲切,没有强调支持单一格式的感觉。
结论:友好积极的文案能给用户更好的感受。
由于行业的特殊性,有些产品会有一些行业术语,如果面向大众用户,很难理解,所以一般需要转换成大众用户熟悉的语言。
但如果不可避免地要使用一些行业术语,就要向用户说明中国联通APP登录页面“请输入6位服务密码”是什么?服务密码是什么?作为用户,我没能理解。
中国电信的页面上有“什么是服务密码”的解释,但是输入框写着“请输入密码”。什么?这两个密码有关系吗?
总结:用用户语言解释行业词汇。
超过两行的文案,需要用户更加集中精力阅读,必然会遭到拒绝。如果文字信息很多,可以据此纵向整理出一个段落,也能起到清晰高效的阅读效果。
数字和单词之间的空格可以增加数字的可读性。当然,不是所有的数字和单词都应该有空格。
声明:我家狗狗今年1岁(没必要)。
反映一个数据:已经记录了28条信息(间隔)。
我们的传统文学,为了方便阅读,形成了空段落的传统。
在开放的互联网环境下,没有语文老师监督你,有时候也不用留两个空格。比如单个段落短,空出两个框不够美观。其实普通的产品只能把意思清晰的传达给用户。
网上很多汉字排版没有两个空格,可能也是参照英文排版风格,英文排版不是空的。
一般来说,提示文案的结尾是没有标点符号的,除非强调语气或者使用问号。
为了准备这篇文章,我看了至少50+个app分享案例,得到的结论是——产品优秀,细节优秀,一点瑕疵都没有。有些产品不是,细节上有很多问题。以上都是产品中无伤大雅的细节,但我们可以把产品做得更好,何乐而不为呢?
最后,我想说一件重要的事情:
很多时候,设计产品的人会把自己的个性带到产品中。
比如一个活泼可爱的产品经理负责产品,会有很多活泼可爱的元素;一个端庄严谨的产品经理,永远写不出能渲染气氛的精致文案。
优秀的产品设计师,在设计产品的时候就已经扔掉了个性,而是赋予了不同的产品不同的个性。
作者:吴,微信微信官方账号:互联网设计帮。
题图来自Unsplash,基于CC0协议。