专栏名称: 京东设计中心JDC
专业,创造力,激情,设计。京东用户体验设计部门,致力于创造更美好的电子商务购物体验。
目录
相关文章推荐
贵州省文化和旅游厅  ·  “遵”好吃,遵义会议会址周边美食攻略来啦! ·  昨天  
始室  ·  首发 . TOURISTS 宁静质朴的自然心境 ·  昨天  
始室  ·  首发 . TOURISTS 宁静质朴的自然心境 ·  昨天  
精明常旅客  ·  3月20日前住8晚,获得IHG呆萌卡! ·  昨天  
格隆  ·  春节档,太爆了! ·  3 天前  
格隆  ·  春节档,太爆了! ·  3 天前  
南京日报  ·  敞开来玩!别的你别烦 ·  4 天前  
51好读  ›  专栏  ›  京东设计中心JDC

言之有理:界面交互文案设计策略

京东设计中心JDC  · 公众号  ·  · 2024-03-08 18:00

正文

一、交互文案概述

界面文案指的是在用户界面中使用的文字内容,基于文案使用场景的不同可以分为交互文案、营销文案、广告文案等。界面交互文案通常与用户的操作紧密关联,操作前用于引导用户如何操作,操作中用于给用户提供实时的操作反馈,操作后告知用户操作结果。交互文案在用户体验中起着至关重要的作用,好的交互文案可以提升系统的可用性,是交互设计不可忽略的部分。

二、文案设计原则及策略

2 .1 内 容结构

2.1.1 表述清晰易懂

通过使用清晰易懂的常用词、准确的数字表达、具体的结果表述、明确的操作按钮,避免歧义的词语和习语,并使用主动语态,可以确保界面交互中的信息传达清晰易懂,提供良好的用户体验。具体设计策略可分为以下6点:

(1)使用简洁明了的常用词汇: 避免使用针对 UI 发明的行业术语或业务场景专业术语,这样可以降低用户的认知负担,使用户更容易理解界面内容。

(2)选择准确的数字表达方式: 描述数量时,阿拉伯数字比汉字更清晰。阿拉伯数字能够直接传达准确的数值,避免因汉字的表达而产生歧义或误解。

(3)清晰表述操作结果: 用户需要清楚地了解某一种的操作将带来什么具体结果,这样可以增加用户满意度。

(4)操作按钮指出明确的动作: 没有明确的步骤条时,少用“下一步”这种模糊类表述,而是使用更明确的指令,以确保用户清楚下一步该做什么。

(5)避免使用产生歧义的词语或习语: 这些词语可能因为不同文化、背景或语言理解的差异而引起用户的困惑或误解。

(6)使用主动语态: 在写交互文案时,倾向于使用主动语态而不是被动语态。主动语态更加直接和清晰,能够更好地传达指令或信息,使用户更容易理解和执行相应的操作。

2.1.2 表述形式统一

表述形式统一可以提升产品内部的一致性,帮助用户建立稳定的认知模式,降低用户重复学习和理解成本。当用户在不同功能页面中遇到相似的文案表达时,他们可以更自然地理解。这种认知模式的建立能够使用户感到熟悉和舒适,增强用户对产品的信任感,进而提升用户体验。具体设计策略可分为以下5点:

(1)用户人称 :统一使用第一人称或第二人称,避免第一人称和第二人称同时使用。

(2)语言风格: 语言风格需要统一为正式、轻松等,避免多种风格同时存在

(3) 相同场景用词: 同样的操作使用一致的词语

(4) 语句结构: 尽量使用结构一致的短句,包括“动词+名词”、“名词+动词”等

(5) 代词统一 :指代人、指代事物的代词在同一个产品中应当是一致的


2.1.3 简单突出重点

简单的表述可以减少文案的冗余和累赘,使用户更快速地理解和消化所阅读到的内容。这样不仅减少了用户阅读的文本量,还避免了用户在冗长的文案中迷失和疲劳。在文案设计时,设计师需要将用户重点关注的信息突出,置于用户的注意力焦点,使其更易被察觉和理解。具体设计策略可分为以下4点:

(1)省略不重要的标点符号,例如弹窗、toast、表格中的内容、按钮、页面标题等不加句号、叹号等

(2)利用删减测试来判断可省略的内容,删减某些字词后看文案是否依旧连贯,意思明确

(3)分步或者分条展示,避免一个模块文案表述过多

(4)考虑语音/文案展示优先级,多条内容冲突时需要规定先后顺序,避免多个提示同时弹出

2.1.4 考虑用户场景

考虑用户场景就是考虑用户当前所处的上下文环境,这包括用户当前的操作状态、位置、任务、目标等。预测用户的下一步行动和用户的潜在需求,并在适当的时间提供用于引导用户行为的关键信息。

2.2 表述语气

2.2.1 语气友好

友好的语气能够传达出产品对用户的尊重和关怀。当用户感受到友好的语气时,他们会感到被重视、被理解,从而更加愿意与产品进行互动和沟通。具体设计策略可分为以下3点:

(1)一般场景中不要使用感叹号,在向用户表达祝贺或恭喜时可以使用

(2)不要使用命令和质疑的词语

(3)根据用户的操作费力程度来决定表述语气,当费力程度较大时可以使用“成功”等词汇表述,费力程度较小时使用“已xx”表述

三、通用文案要素规范

以上一章节的文案设计原则为基础,提炼出各个用户场景中通用的文案要素,也是文案设计的基本准则之一。本次通用文案要素规范包含数字、时间、人称、易混词和标点。在实际应用中注意这些规范可以帮助设计师提升文案的准确性、可读性、规范性,减少错别字或错误用法的出现。

3.1 数字

(1)统计数据展示: 使用阿拉伯数字会更容易引起注意,避免使用汉字

(2)混合使用数字: 用两种方式表述,最需要用户注意的使用阿拉伯数字

(3)多位数字: 收入/支出金额、运单量、车辆数等数据经常出现数量较大的情况,应当遵循每千分位展示一个逗号的形式,小数部分不加逗号,便于用户阅读。

(4)运单号/包裹号 :需要突出不同运单或包裹的差异点,一般可以突出运单号后4位、包裹号的包裹数

3.2 时间

(1)实时提醒/倒计时: 一般用于对时间要求比较严格的用户场景,倒计时可以引起用户的格外关注

  • 精简文案结构:剩余【xx】小时【xx】分【xx】秒;已超时【xx】小时【xx】分【xx】秒

  • 详细文案结构:距【xx】剩余【xx】小时【xx】分【xx】;【xx】已超时【xx】小时【xx】分【xx】秒

(2)时间规则静态展示: 一般是界面常驻提示,用于告知用户,任务紧急程度不高

  • 文案结构:请在【xx时间】内【用户要完成的事项】,超时将【xx后果】。

  • 时间描述需具体,例如1小时12分钟,避免使用1.2小时表述。

(3)更新时间提示: 一般用于数据定期定时更新的场景中,告知用户更新规则。

  • 文案结构:【信息内容】更新时间:【xx】

  • 例如“数据更新时间:11/02 12:00”“数据更新时间:每月15日”


3.3 人称

(1)你or您?

  • “你”是普通称谓,“您”是尊敬称谓。通常用“你”称呼表明两人同辈或者关系亲密,用“您”表明两者处于不同辈的情况,而且表明两者并不亲密。

  • “你”能与用户建立亲密感,使用“您”容易产生距离感,如需体现用户的尊贵感可以使用“您”。

(2)此or该?

  • “此”经常指比较具体的小事物,比如“此人”“此物”“此情”“此景”,“该”指的事物比较广泛,经常指代某个团体,比如“该单位”“该厂”“该集团”。

  • 当要表达当前的小事物,“此”更明确,例如“此运单”“此任务”“点击此按钮”。

3.4 易混词

在实际文案的使用中常常会因为常识失误、输入法的谐音文字带来一些错别字或错误用法的情况,产品的文案设计中需要注意避免使用错别字,为用户带来困惑或误导。通过实际工作经验总结,本次总结了6个易混词:

(1)登录or登陆?

在界面中从来没有登陆的用法,应当使用“登录”,避免谐音带来错别字。

(2)账号or帐号?

“帐号”为旧时用法,现在正确的表述是“账号”,《现代汉语词典》第7版中只有“账号”词条,而无“帐号”词条。

(3)定金or订金?

  • 定金,具有担保合同履行之意,支付定金方不履行合同,无权请求返还,而接受定金的一方不履行应当双倍返还定金。

  • 订金,一般视为预付款,在交易成功时,订金充当货款;在交易失败时,订金应全额返还,收受订金的一方即使违约,仍应承担返还订金的义务。


(4)稍候or稍后?

  • 稍候是请等一等的意思,相当于loading;

  • 稍后是今后的意思,但不确指是什么时候。系统加载需要用户等候需要使用“稍候”

(5)预定or预订?

  • 预订,指事先订约购买东西,通常需要提前预付一定的金钱。

  • 预定,指预确定,事前规定、决定或约定。比如预定婚期、预定时间。

  • 两者最大的差别在于关涉的对象不同,预订关涉钱款交易,而预定则与时间、计划、方案、目标、地点等相联系。

(6)模板or模版?

  • 模板,是指作图或设计方案的固定格式。模板是将一个事物的结构规律予以固定化、标准化的成果,它体现的是结构形式的标准化。

  • 模版这个词语是错误不存在的。

3.5 标点符号

(1)空格

  • 中文与数字之间要增加空格

  • 中文与英文之间要增加空格

(2)感叹号

感叹号会让语气表现的很强烈,仅在表达强烈情感或庆祝时使用,一般情况下不建议使用感叹号。

(3)句号

中文使用“。”,英文使用“.”。中文句号一般用于长文本中,标题、按钮、短提示等一般末尾不使用句号。

(4)省略号

统一使用“…”,三个点即可。


四、文案应用场景及案例

通过对用户场景的梳理,我们将文案场景划分为三大类:通知提示、反馈提示、防错确认。

4.1 通知提示

通知提示是指在特定情境下向用户传达重要信息或事件的文案,通过简明扼要的方式及时告知用户关键事件、消息或变化,让用户能够第一时间了解到最新动态,以便能够及时采取相应的行动。通知提示一般包含用户操作前的引导、系统触达给用户的通知公告等类型。







请到「今天看啥」查看全文