优化界面中的文案----最小成本提升用户体验的方式

这里所说的界面文案,主要是界面中的,提示文案(包括短信文案),控件中的文案,功能或者运营入口的引导文案

一.发现界面文案

怎么让人看到这些文字呢?这主要是视觉层的问题

如果你想要强化它们,就请考虑以下几点:

  • 文字容器的形式(例如:模态弹窗,浮层,按钮,运营图片,提示块,纯文本等),容器的大小;
  • 文字大小,字体,颜色,留白;
  • 周围图片或者图形的吸引力;
  • 动画效果;

反之,为了平衡界面中的各个元素,也可以从这些方面进行弱化

二.理解界面文案

  • 保证识别度

这是基础的要求,人人都知道

但是,视觉设计师可能为了美化页面,或者依据现成的 UI 规范,而给出了不合适的方案。这个时候,你要么能和视觉设计师交流达成共识,要么给出有说服力的证据和对方沟通。不要把这完全当成视觉设计师的工作而立马妥协了

  • 保证说“人话”

实际遇到的问题分为三类:

1.文案写得“像代码语言”或者“感觉诡异”

这个问题,不好用语言描述,就直接举例了

如下图中的句子,你说它没表达清楚吧,细细一想也不是,就是看着别扭

10

我爱吃包子

但是调整了一下表述之后,瞬间就感觉好了很多

100

我吃腻了包子

具体的优化方法也就是,多在纸上写写,对比一下,问一问周边人的看法,当然快速问一下目标用户的看法是最好的

2.文案写得太“文艺”,让人看的云里雾里

本来的初衷是想把文案写的更有人情味,情怀,诗意一点,但是弄巧成拙,让人无法直观的识别和理解其意思

下图是小米的申请退货后的通知短信,就属于这种问题

200

短信列表

当时我买错了东西,申请退货,打电话给客服,答应把退货地址短信发到手机,然后就没注意手机短信动态了。第二天,要邮寄了,才想起找地址,在短信列表里找了半天,没有发现,又电话客服要求重发一条,这时候才发现,退货短信在前一天确实发过,但是当我看到短信摘要的第一行字时,在想:“这是什么鬼?”,然后就看下一条去了

情感化是一个文案设计的高级目标,但是要确保主要的信息能传达和表述到位

3.文案写的有歧义

即容易让人产生不同的理解

这类问题的关键点在于,能否发现歧义问题

业务方,产品经理,设计师由于长期做相关项目,很容易陷进固定的认知中,无法敏锐的发现问题,或者只是知道这个问题的存在,但对于这个问题的发生频率和体验伤害程度,无法深刻的感知

下图,是自家的美团酒店钟点房页面。请注意使用时间那一块,现在的问题是,你预计4月17号15:00入住,你认为最晚的退房时间是几点?

300

美团酒店详情页

分析我不细说了,当然,这一块我们正在推动优化

  • 少一个字,就多一点可能最终理解

在大脑中理解信息这件事情,有一个前置步骤,就是吸收信息。在看到这个信息的前提下,让这些信息以更容易的形式输入到大脑中,必须要做的事情,既包括前面说的,保证文字识别度,保证在各个情况下都在说“人话”,还有一个优化的方向就是,减少接收信息的量,这里即减少文字的字数

具体操作方法:写出你想要表达的意思相关的所有句子,在保证表达完整和无歧义条件条件下,一个字一个字的尝试删减,删到不能再删

  • 考虑实际中的边界情况

在方案设计时,需要多和工程师当面沟通,列出所有的展示情况,比如第一次操作时的情况,第二次操作的情况,倒数第二次操作的情况;或者是看在不同屏幕下因为间距的变化,是否导致文案表述有问题

举例:下图中的一段话,数字是变量,随着操作步骤的进行,最后一句变的不像“人话”了

500

怎么还是包子

我的审查口诀是“第一次,第二次,第三次,最后一次,倒数第二次,倒数第三次”。
另外,还得主动询问,是否存在极端数据,和数据为空的情况。

对于这些边界情况的审查,最好集中一个时间,大家当面讨论,确认优化方案和开发成本。有时候界面上虽然是一个字的修改,但可能,对后端的数据开发的工作量是很大的。

三.引导行为

促使用户产生预期的行为,会有很多因素影响,摆放的位置,图片的质量,视频效果等。这里我们只说文案

界面文案层面上,强化用户行为的3个点:

1.表明好处,例如:折扣,优惠额度,返现等;
2.加入有“动作”的词,例如:抢购,发现,去,遇见等;
3.提出一个好问题,契合用户心中的那个“说话人”,比如常见的“忘记密码了?”;

400

并且这种引导行为的方法,很多出现在提供内容的产品上:

600

700

上述的三点中,前两点的基础是,你得说清楚这大概是个什么,有些东西你说清楚了这是什么,感兴趣人就会去进行“预期的行为”;而第三点则是利用了人们的好奇心

四.感受

用户体验终究是一种对产品和服务,感性的认知和经历。所以需要从最终的感受来走查界面文案

  • 提供安全感,控制感

尽量让信息对称,提供更多必要信息,让用户有明确的预期
例如:小米官网的预约提醒设置对话框中,特意声明了手机号的隐私安全问题

800

在举一组对比的例子(截图比较早,现在应该不一样了)
快的打车app 中,在叫普通出租车的等待时间中,会弹出专车的广告

900

而下图是在滴滴打车 app 中,取消叫车时,也会弹出专车的广告

10001

但是,对比于快的打车app的广告文案, 滴滴的文案明显给予了用户更多信息预期和操作安全感。而快的app 的广告,则应该会让用户感到困惑和不安,因为他们不知道点击之后是否就立即开始叫车,而且也不知道要大概花费多少钱

  • 赋予行动的意义和原因

“要我做可以,得给一个理由,什么理由都行” 忘了摘自哪里了,具体解释为:人是一种追求意义的生物,做任何一件事情,或者接受任何一件事情时,都必须给出一个说服自己的理由,即使这个理由很扯谈

之前做过一个满意度调查的需求,业务方规定是一个月只能让商家评价一次(具体原因忘记了),大家达成共识之后,就打算让商家在同一个月,第二次进来尝试评价时,给出这个规则的提示。设计原型时,我们除了给出规则的结论之外,还想了一个看似有道理,细细一下没啥道理的规则解释。让这个对商家来讲,不讲理的规则,变的合情合理,令人信服。

11001

  • 安慰

网络原因,硬件原因,业务规则等等,都会让用户的某个预期行为,被阻断。即使是一个非常理性的人,这个时候都应该会有那么一点点的挫败感,不爽。这个时候在界面设计层面的解决方向,就是“安慰”和“用其他情绪替代”

文案层面的主要能做就是,换个友善的语气,“安慰”用户。

下图中是小米官网中,预约购买失败后的文案提示

12001

嘿嘿

而“用其他情绪替代”,主要是依靠视觉层面的设计,如图片,画,动画来替换当前的负面情绪

五.关于短信文案

前面提到了短信的例子,事实上,当前我个人,在交互设计师的日常工作中,没有专门介入到这部分文案的撰写工作,但是,我认为它是app 衍生出来的一个页面,和 app 的里的页面同样重要。也是有几个需要考虑的点

比如:

1.如何把最重要的事情在,头两句说清楚

因为它们会出现在手机的锁屏上,通知中心里,短信列表的摘要里

2.短信内容和 app 内容的一致性问题

例如:我在微信里,通过银行卡付款了,结果短信告诉我是【财付通】扣款的,当时确实把我愣了一下,但我立马就想明白了。然而这个问题,对于一般的用户能想清楚吗?

13001

微信的产品经理在吗?

再举例最近火的不得了的 uber,这是我当时,用 uber 绑定支付宝时 ,其app 界面和短信界面:

14001

唔……

15001

玩我啊

反正最后,我都输入了,但确实不知道是哪个起了作用……
我认为造成短信内容不一致的问题,主要是产品经理和交互设计师,对这一块没有很强的意识重视的原因。但是,我认为短信和 app 的里的界面是一样重要的,本质上都是你的产品和用户交互地方

3.把短信的内容说清楚

在140个字符内把复杂的事情说清楚,这是个技术活

4.短信的应用前景

短信这个东西依赖于运营商,从长远来看,它是要被企业淘汰和替代的,但是就当前来看,你还是得用它

六.模态弹窗里的“确定”

iOS 平台中各类应用的模态弹窗(包括系统自带的),在大部分情况下,其操作按钮还是用的默认的“确定”文案

但仔细一想,各个场景的语境不同,仅仅是一个“确定”操作就能很好解释当前的操作吗?其实,我们不难找到更好的词,去解释下一步的操作。这里的问题,不是一个技术实现难度的问题,只是一个意识问题和认知问题

七.重视20%的场景下的文案

我们常常说,要满足80%场景下的用户需求,至于那20%的场景,就简单处理吧

但是,对于当前火爆的 O2O 类产品来讲,其天然存在信息流,任务流被隔断的场景。极端场景下的功能和反馈提示,决定了你和其他产品的竞争力。我们坐在办公室里,YY 出来的不重要的信息,可能在线下的使用中,在特殊情况下,就是让用户骂街的原因

我的看法是,文案的确是依赖当前的功能的,但在功能不能很好满足用户需求时,那就好好考虑一下各个情况下的文案设计,去清晰的解释当前状况,给出行动建议,缓解用户的负面情绪

八.建立文案和话术系统

当产品的发展壮大之后,很多环节就不是一波人能完全控制的,尤其是现在的互联网产品,不仅仅是一个软件,还包括线上的各种衍生的相关功能,内容和线下的服务等。这个时候就需要建立一套统一的文案和话术体系,帮助在各种人员不同环节中,使用一致的文案和话术库。

本文链接:http://www.jianshu.com/p/d264eb3850a1

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/5458/

(0)
CatherineCatherine
上一篇 2015-05-01 10:36
下一篇 2015-05-06 17:46

相关推荐

  • Logo设计流程

    小小的logo,大大的学问,从了解客户到客户需求,再到分析及设计,都有很多细节需要考虑到。今天呢,娜小编就将Logo Snap公司创建的Logo设计流程翻译后跟大家分享啦。 看后即能消化了吧,希望大家学习之后能灵活地…

    2015-01-29
  • 基于理论数据的条目分析

    主要通过运用理论,竞品,数据,有依据的进行条目分析。 文章由 星夜Design 原创,深圳 / 产品设计师

    2016-09-07
  • 在手机上演示axure原型

    AXSHARE APP发布啦,以后大家的原型可以通过这款APP进行预览演示咯。小编迫不及待的体验了一下这款APP。 要使用这款APP,首先需要有axshare的账号。账号注册地址:https://share.axure.com/ 然后在手机上下载AxShar…

    2015-05-28
  • [译]使用Sketch的10个小技巧

    随着Sketch越来越受到广大设计师们的欢迎,在这分享10个Sketch使用小技巧,希望能够帮助到正在学习Sketch的同学提升相关技能。 1、学会“Insert”的快捷键 什么是你在设计中最常用的?创建一个新的Artboard A,插入文…

    2016-07-20
  • 你见过最人性化的设计是什么?

    见识了这么多人性化的设计,可你见过人性化到让你鼻子一酸热泪盈眶的设计么!!? 日本的牛奶纸盒。 看上去没什么大不了的,我们这的也一样。 打开的地方,在开口处,为了防止顾客弄错而打开错误的一侧,标示着“开…

    2015-12-14
  • APP UI 设计规范详解

    移动端 APP  UI 规范详解, 专注规范解析,提高设计效率!提升用户体验维度!

    2016-07-14
  • 2017年的Logo,这样设计才会火!

    设计是变换无穷的,而且不断地演变,与新的潮流和品味融合。此种特性不论是在时尚界、平面设计或是其他业界中都相当普遍可见。 Logaster特地做了2016年Logo总评比,预测有哪些热门趋势将主导2017年的Logo设计风格。…

    2017-03-03
  • 跨终端体验设计,绕不开的用户槛儿

      随着平板电脑的普及,越来越多的手机端APP将自己的应用拓展到Pad端,来为用户提供更丰富的多终端体验。此前一些设计师从视觉设计的角度探讨了多终端产品的设计,作为一枚用研,除了视觉体验,我们会更多地去…

    2015-04-18
  • 交互设计与心理学的关系

    具体联系什么的大家看专业书籍吧,我从另一个角度说一下我的理解吧。 每个学科/专业的产生都是有它的历史使命的,为什么一定是这个时候,为什么一定诞生在这个领域,为什么会如此发展······类比一下其它学科/专业,…

    交互设计 2015-09-11
  • 【译】用户体验中巧妙的过场动画

    (Adrian Zumbrunnen著     Judithzhu & Lynnwang译    查看原文  ) 一些网页优于其他网页,不仅仅是因为它们的内容、可用程度、设计或是特色等等。现代网页间根本的区别在于它们交互及动画细节。我们将分享一些…

    用户体验设计 2015-09-10