从实际案例出发,说说交互文案设计的几个原则

想必大家都见过下图所示的著名的“交互文案”反例吧?如果文案写成这样,无论设计师在文案出现方式、时机等方面再怎么优化,这也不可能成为一个合格的设计。因为“看起来重复、读起来绕口、理解起来更是云里雾里”的文案很难让用户获得良好的阅读体验和使用体验。

从实际案例出发,说说交互文案设计的几个原则

想必大家都见过下图所示的著名的“交互文案”反例吧?

从实际案例出发,说说交互文案设计的几个原则

如果文案写成这样,无论设计师在文案出现方式、时机等方面再怎么优化,这也不可能成为一个合格的设计。因为“看起来重复、读起来绕口、理解起来更是云里雾里”的文案很难让用户获得良好的阅读体验和使用体验。

可见,文案本身是交互设计不可忽视的一部分。而不像许多交互设计部分受产品需求、技术现状等的限制,交互文案是在交互设计师的可控范围内的,只要你愿意,你总是可以写出“趋近完美”的交互文案。

理解需求

交互设计师写文案,好比是翻译家将英语(功能语言)翻译成中文(用户语言)。比如产品经理可能会这么描述一个需求:It rains cats and dogs。要翻译这句话,首先要透过cats and dogs这个俗语(产品经理的描述习惯)去理解这句话的含义,即需要交互设计师理解需求。

从实际案例出发,说说交互文案设计的几个原则

以上图为例,产品经理一开始在PRD中将这个分页标题定为“兴趣”;然而由需求本身可知,这个分页包含的是推荐的优质版块,并不是由用户选择自己“感兴趣”的版块构成的,所以谈不上“兴趣”,经过交互设计后,该分页标题最终定为“频道”。

下面的设计,却是理解需求后的“直译”。

从实际案例出发,说说交互文案设计的几个原则

产品经理要求在编辑直播间推荐页提供“该推荐是否显示到大厅”的设置,优化前完全按照需求的表述来进行设计,不能说有错,但不够明确。

深入了解需求,我们发现,这里的设置其实是对当前推荐类型的选择(选择否时,推荐为一般推荐,不显示至大厅)。优化后,直接将选择“是”和“否”的结果明确写出。

理解了需求,才能知道要“写什么”以及“写成什么意思”,才能把“It rains cats and dogs.”翻译成“天上下了很大的雨。”而不是“天上下起了猫猫狗狗。”

基本原则

用语确切

文案作为被阅读的对象,需要被用户理解。

我在使用网上银行找回用户名的时候,收到这么一个提示:

从实际案例出发,说说交互文案设计的几个原则

主提示句明显是一个病句,就算进行修正我也无法理解,无奈只能大胆猜测我的银行卡是不是没有开通网银。文案撰写时如果没有准确使用词汇、语法来表述其含义,用户就无法理解,甚至容易产生歧义让用户误解。

不过,仅仅“用语”准确还不够。

我曾经设计了这样的分享文案“给大家安利[用户昵称]的直播……”。“安利”一词在网络用语发展过程中,逐步演变为比“推荐”更具情感化的表述。使用“安利”一词在达意上自然没有问题,而且更显诙谐。不料,我却发现有不少用户反馈“是不是写错字了?”“安利什么意思啊?”这时,再拿“安利”对一些用户进行随机调研时,我才发现原来太多知道“土豪”的用户都不知道“安利”。这说明用语还要恰当。

这就要求设计师根据用户特征和习惯来撰写文案,做到“用语确切”,文案才能被用户准确理解。

全局一致

由于汉语博大精深,同一含义的确切表述可能有许多种。为了符合用户的心理预期,同一产品的同一功能、含义的表述必须一致。

下图设计中,“校验码”“验证码”甚至“动态码”等表述都可以用在这里。然而同一功能、同一页面上却用了两种表述,就会让用户迷惑“到底是验证码还是动态码”?

从实际案例出发,说说交互文案设计的几个原则

同一产品中,同一流程或同类功能,如果短语结构、句式等可以一致,那么也应该遵循一致性原则。

从实际案例出发,说说交互文案设计的几个原则

一个流程中的三步文案分别使用了动名、名动、动名形三种短语结构,感觉有些杂乱,不如统一使用“动名”或“动名、动形”的结构来的舒服。

此外,同类或相似功能的文案叙述视角也应该一致。

从实际案例出发,说说交互文案设计的几个原则

同类功能描述差异性的文案,却分别从产品和用户的两个角度去描述,也给人以混乱的感觉。

这需要设计师从实际需求出发,多维度地去考虑一致性,以给用户安全感和舒适感。

情感关怀

满足用语确切、全局一致的文案,达到了文案的基本要求。这样就够了吗?

在“网银文案”一例中,假设我们将文案按我猜测的意思优化为“请使用已开通网银的账户进行操作”,那么某些有且仅有一张未开通网银的银行卡的用户如何使用另一张并不存在的卡呢?某些就想对该账户进行操作的用户又该怎么办呢?文案应该以当前操作为出发点去描述问题,才能帮用户解惑。因此,本案例中优化为“本账户暂未开通网银,请前往柜台开通”更明确合理。

当我点击下图设计中的“确定”时,弹出了“领取失败”的文案,阅读后能够理解当前“失败”的状态,然而失败原因是什么呢?我还能怎么做呢?这些都无法从交互文案中获知,因此用户会产生迷茫。文案应该描述失败原因,比如“今日兑换结束,明天再来试试”“您的淘金币余额不足”等等。

从实际案例出发,说说交互文案设计的几个原则

某次,我在登录某手机银行时,忽然弹出下图中的弹框,我一下子懵了,什么地方出错了?我的账户还安全吗?等我颤抖地关掉弹框时,我发现我输错了验证码……用户小小的失误,却郑重地用弹框和语焉不详外加如此多的感叹号来提示,着实让人受到惊吓。(值得欣慰的是,某行已经优化了这个提示。)文案应该考虑用户情绪,使用合理的语气进行表述。

从实际案例出发,说说交互文案设计的几个原则

在某些场景中,我们还可以考虑使用一些有趣的文案去打动用户,卖卖萌、调调侃,让用户在阅读时不那么枯燥,从而感受到一些趣味性。

总之,设计师需要怀着同理心去思考用户的情感需求,将对用户的情感关怀注入到交互文案中,才能提供更好的用户体验。

其他原则

功能文案控制字数

所谓功能文案,指产品界面上描述功能本身的文案,如导航、分页、按钮、表单、操作等。

对APP来说,由于界面空间限制,功能文案一般简短;对WEB来说,则没有那么严格的字数限制。但对多平台产品来说,由于需要满足一致性,所以WEB上的功能文案一般会向APP文案靠拢。

提示文案进行引导

所谓提示文案,指在特殊场景、状态下,告知用户状态、引导用户操作的文案,如表单缺省文案、状态说明文案等。

表单缺省文案需要告诉用户表单的输入要求、限制等,以引导用户正确输入。

状态说明文案则需要告知用户目前所属状态,根据需要增加建议操作。若是出错、操作失败等状态,则必须告诉用户原因、提供解决方案。但对于复杂原因造成的出错,如果“诚实”地告知用户,反而会让用户迷茫,这时候不如说一个能够为用户所理解的原因,并且提供解决方案。

从实际案例出发,说说交互文案设计的几个原则

反馈文案情感引导

所谓反馈文案,指在用户某些操作、行为后系统反馈的文案,如表单校验文案、操作反馈文案等。

反馈文案需要基于对用户的情感关怀以及产品本身的功能推广等等的考量,鼓励积极、推荐的操作,不鼓励消极的操作;恭喜成功的操作,不打击失败的操作。如“添加好友成功”“已删除该好友”“恭喜您成功充值100元”“啊哦~充值遇到问题”等等。

首行文案注重隐私或便捷

所谓首行文案,特指邮件、短信列表和提醒时预览出现的文案。

这类文案需要根据隐私、便捷性等产品特征考虑文案首行显示的内容。比如记账产品发送用户月度记账财报邮件,由于隐私性考虑,前几行一定不能出现金额等敏感信息。而短信验证码文案,为了方便用户在不切换界面的情况下输入验证码,必须在优先写出产品名称、验证码的信息,以便让用户在收到短信提醒时就可以快速操作。

Don’t make me think

“Don’t make me think”原则除了运用在上述“意译需求”的操作文案中外,最常运用在弹框操作文案中。为了防止误操作,用户在进行某些操作时,通常会让用户二次确认。而为了方便用户进行确认操作,弹框按钮的文案需要直接明确地写出相应操作(此外按钮还会使用彩色-主流程操作;线框-分支流程操作;红色警示色-慎重操作来进行区别)。这样,用户甚至可以不需要仔细阅读和思考,只要轻扫文案就可以快速做出选择。

从实际案例出发,说说交互文案设计的几个原则

重视整体阅读体验

前面举例说了一些示例,除了写好每一例文案外,我们还应该注重界面整体的阅读体验。比如整体界面不应该是重复的、冗余的,“验证文案”一例中,就出现两句差不多的文案,阅读体验就有所下降。

因此交互设计时,还需要综合考虑所有文案,以整体提供良好的阅读体验。

结语

想写好交互文案的方法、原则还有很多,本文仅从我过去看到的案例、获得的收获出发撰写。欢迎大家交流:)

 

本文由 @小七isue 原创发布于人人都是产品经理。未经许可,禁止转载。

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

(0)
CatherineCatherine
上一篇 2017-05-24
下一篇 2017-05-24

相关推荐

  • Google发布"范本App”:手把手教你实现跨平台开发

    Google今天发布了一个全新的范本app,名为Universal Music Player,它能够在智能手机、平板电脑、Android Auto、Android Wear以及Google Cast上工作。将它称为"范本app"的原因主要是:它是Google公司为开发者们推出…

    2015-03-13
  • 112家IT公司薪水一览表

      本文转自:人人都是产品经理 作者是西电通院2013届毕业硕士,根据今年找工作的情况以及身边同学的汇总,总结各大公司的待遇如下,吐血奉献,公司比较全。以下绝对是各大公司2013届校招的数据,少数几个是201…

    2014-10-13
  • 一个至今没做出靠谱好产品的产品经理是这样活着的

    本文来自一位女性PM,她自称X小姐,08年开始入行折腾 我是一个没做过成功产品的产品经理,至今负责过的项目并不少,但不是夭折就是已经奄奄一息。我不是王兴,不是张小龙,不是老罗,更不是乔布斯。夜深人静的时候…

    交互设计 2014-12-24
  • 如何才能读懂甲方给出的设计需求?

    转到交互岗已经有一阵子了。原来在做产品的几个月里没少和技术、设计进行沟通,每当自己把意思想法传达下去的时候,反馈回来的结果基本都要进行进一 步的修改,这种返工和修改在产品快速迭代的过程中很浪费时间。当时自己没有觉得表达有问题,已经把需求的目的结果都表达清楚了。可能是自己没写过代码、没 做过设计所以在一些专业的术语的表达上,方案实现方式的选择上存在偏差,导致技术、设计没有完全按照自己设想的预期做出结果。

    2017-05-24
  • 交互干货必收 | App界面交互设计规范

    在上篇《APP界面设计风格》确定下来后,产品经理(兼交互设计)还不用着急将所有的交互稿扔给设计师进行细致的界面设计。在细节设计启动前,拉上设计师和安卓前端开发、ios前端开发一起商议确定设计规范先吧!

    2017-06-04
  • 阿里设计专家深度解读:全链路设计师和设计增值再现

    分享嘉宾:汪方进(1688UED设计总监) 点评嘉宾:高峰(阿里巴巴国际UED B2B总监)、周敏青(阿里巴巴国际UED AliExpress总监)   前些日子的美国大选,特朗普胜出了,这个结果让很多小伙伴惊呆了!他竞选口号是:M…

    交互专题 2017-09-11
  • 【译文】来看看糟糕的用户体验如何毁掉一个设计

    作者:JAKE ROCHELEAU;译者:岩盐盐盐   谷歌团队近几年的数据研究表明,用户体验的重要性在网页设计中越来越突出。然而现在还是还有好多网站采用中心提示用来阻碍网站的可用性,它们有些疏忽导致,有些确实故意为…

    交互专题 2023-03-03
  • Sketch强大新技能: 支持多个设计师之间同步组件啦!

    ▵优设品牌号,旗下新品及内测邀请码资格均在此号,关注推送掌握动态,有机会第一时间获取。封面设计:Graphéine团队里多个设计师之间经常需要共用一些设计组件和元素,如果可以有一个包含这些组件的 Symbol 库,并且自动和所有人保持同步就好了。现在 Sketch47 就搞定了这个问题, 再也不用像过去一样通过发邮件、QQ 来同步了。如果你的团队需要多人共享一个 Sketch 组件库, 只需把这个包含公共 Symbol 的文件在你的 S...

    2018-03-02
  • 用户体验进一步提升!微信官方将优化小程序授权

    序多多小程序无需开发,轻松上手,小程序极速免费生成!十分完美的事物中在这个世界上是不存在的,每个事物需在近乎完美的道路上苛求自己,不断完善。小程序亦是如此,它是互联网时代进步的产物,被互联网大佬们追逐,被用户用完即走。但它也有被人诟病的地方,即会在用户首次启动时直接要求授权,甚至有的小程序会出现若用户不授权,小程序将会出现异常,或进入死循环的情况。相信很多用户都遇到过不授权便会出现死循环的小程序,最后只能退出微信重新进入,造成用户体验很...

    2018-04-21
  • 腾讯干货!从四个方面帮你做好移动页面性能优化

    随着移动互联网的发展,我们越发要关注移动页面的性能优化,今天跟大家谈谈这方面的事情。

    2017-05-27