相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

UI设计师必须要了解的微文案设计

凹凸发布于:2020-9-27 20:44 |原作者: 大师聊设计|
凹凸
上海市 长宁区 设计爱好者
发私信 + 关注
简介: 近几年国内外交互设计领域兴起了一种新的观念,很多的用户体验专家都意识到,往往越细节的地方越是存在着成就或者破坏用户体验和转化率的因素。这意味着微文案将成为下一个交互设计探索的领域。 ... ...


知识拓展:Trello幽默的占位符文案

有时占位符只是为了取悦用户而设计。但是请记住,表单的微文案的目的是为了让用户更快的完成他们。所以通常情况下,这不是一个很好的体现幽默感的地方,除非你们的品牌中确实把幽默感看成了一块很重要的内容。

在 Trello 的注册当中,姓名填写的占位符竟然是一个实际的人名。没人会需要在姓名处给到一个例子,这是 Trello 的幽默感。

UI设计师必须要了解的微文案设计 飞特网 UI设计教程

3.2.2 表单填写解释文案的设计原则

在让用户填写专业性表单时,往往需要审视是否需要在旁边解释这四重信息:

1.这是什么意思?

2.这有什么作用?

3.这个信息可以通过哪种方式得到?

4.信息的标准填写格式是怎样的?

信息一:这是什么意思?我在哪里可以得到它?

有些产品因为行业的特殊性,会有一些行业术语,如果面向大众用户是很难理解的,所以一般需要转换为大众用户熟知的语言。但如果不可避免地要使用一些行业术语,则添加一句解释的文案。

例如:由于本身负责工作室的财务部分,我在国际汇款方面经常会遇到问题。国际之间的转账流程过于复杂,以至于我经常看不懂我需要提供哪些信息,以及我怎么得到它。

UI设计师必须要了解的微文案设计 飞特网 UI设计教程

信息二:这有什么用?

在产品中可能存在一些情况,其中用户不清楚为什么被要求填写某项信息或执行某项操作。那么此时我们可以用微文案来解释"为什么需要这样做?"。这样有助于减轻用户的负面情绪,使得流程更加顺畅。

几乎所有的订阅服务都有试用期,而在试用期前往往就需要用户填写银行卡信息,但恰恰人们总是在与钱相关的内容上犹豫不决。Linkin简洁的告诉了用户为什么需要提供信用卡,并消除了用户存在的疑虑,这是一个非常出色而且经典的案例。

UI设计师必须要了解的微文案设计 飞特网 UI设计教程

实际上,不只是表单填写的地方,任何让用户会产生负面情绪 (或者仅仅是焦虑)的地方,都该配有一段合理的解释。

UI设计师必须要了解的微文案设计 飞特网 UI设计教程

触犯用户隐私的行为往往另用户反感抗拒。事实上,在多年的互联网环境的熏陶下,我已经学会了拒绝给产品开启任何权限(包括蓝牙,GPS,数据联网等等),即使偶尔用到时需要再去打开。这种无脑所要权限的弹窗着实令我反感。

但是唯独"腾讯地图"令我印象深刻,每一个权限的开启它都给用户阐述了充分的理由,这种态度让我欣然接受开发权限。正是因为他消除了我对于"软件会越权滥用权限"的刻板印象。

UI设计师必须要了解的微文案设计 飞特网 UI设计教程

由此可见,在用户容易出现负面情绪的交互点放置微文案消除用户焦虑谁非常重要的。

信息三:信息填写的标准格式是怎样的?

用户很少能够知道产品是如何规范每个信息的标准格式的,所以在信息填写的格式与用户默认思考的方式冲突时,那么对于填写格式的解释是必然需要存在的。

注意:是与"默认的思考方式"冲突。

所以我们可以发现,"密码小于 40 个字符"这个信息无需出现在解释文案中,因为按照默认逻辑,用户也不会使用超过 40 个字符的密码。作为保险,我们可以把密码填写的上限设置为 40 个字符,这样从机制上解决了错误产生。

UI设计师必须要了解的微文案设计 飞特网 UI设计教程

3.3.1 错误提示设计两步法

1.尽可能准确地描述问题和哪里出错了。

2.提出建设性意见,解决问题,保持流程前进不中断。如果此时问题还不能解决,告诉用户可以做些什么来帮助他们,以及他们可以向谁求助。

UI设计师必须要了解的微文案设计 飞特网 UI设计教程

空状态的设计原则

不仅仅是错误信息,而且是所有系统中的例外因素。这些例外因素都应该有一个统一的解释文案提供给用户。并给予用户相应的解决方案。现如今很多的空状态并不只提供一个解决方案给用户,这种做法会让用户感受到产品的活跃,甚至不认为空状态是"流程的终点",这是一种很好的发展趋势。

UI设计师必须要了解的微文案设计 飞特网 UI设计教程

但是,并不是任何时候都需要在空状态中给用户提供解决方案的,要视情况而定。比如说"草稿箱"与"回收站"这种类型的页面,他们里面的内容应该越少越好,所以不需要帮助用户提供"出口"。所以最重要的是"因地制宜",多从用户调研的角度寻找答案。

UI设计师必须要了解的微文案设计 飞特网 UI设计教程

原则就是:在哪一个步骤,用户的操作产生了阻碍,哪里就需要微型文案进行补充。微文案应该是在迭代中不断优化的,而不可能是一蹴而就的。

以下是我们常用的检测方式:

1.用户调研与可用性测试。

在做测试时,重点记录用户在哪里耽搁了时间,或者犹豫了,流程哪里卡住了,以及他们有这些问题的原因。有时,我们能从这些繁琐细碎的内容中提取出非常关键的改善流程的方法以及撰写文案的关键。

2.询问产品的客服团队。

按周期统计用户对于产品存在的问题,这不应该是用来更新产品的 Q&A 库的,一款好的产品,应该几乎没有人会使用 Q&A 库,而是在产品的任何界面都可以畅通无阻的完成任务以及获得信息。产品存在的问题无非两种解决方案:要么是改善用户体验流程,要么是用微文案来解决。

3.应用监控和分析工具。

通过数据埋点,可以得知用户在哪个环节放弃了流程?他们最不想做的事情是什么?他们在哪里填写了很多错误信息,信息的具体内容是什么?这些数据将会是助力你编写微文案非常宝贵的数据。

例如:我们发现大部分用户在填写车辆信息时,错误率很高,而且流程中断严重。那么就可以添加一个解释性微文案指导用户寻找到相关信息。从而提高表格的完成率。

UI设计师必须要了解的微文案设计 飞特网 UI设计教程

UI设计师必须要了解的微文案设计 飞特网 UI设计教程

虽然我们现如今看到,文案依附于视觉设计而存在,界面的交互模式使得设计和文案密不可分。但实际上,微文案设计并不是视觉设计下属的一个领域,相反,UX writer 将会在未来成为一个举足轻重的领域。无论是虚拟现实,增强现实,环境设计还是服务设计,UX 文案都是用户与产品沟通的载体。甚至在语音用户界面当中,声音传递的内容将是产品与用户沟通的唯一载体,那么这时,UX writer 的作用几乎就是在界面设计中的视觉设计师。不难想象这个领域,这个职业具有多大的潜力与价值。 

UI设计师必须要了解的微文案设计 飞特网 UI设计教程

"未来世界是文字的:虚拟助手,聊天机器人,甚至是用机器人来打电话电话。"

但是后来我意识到了。不只是文字。当今交互设计的现实是,我们的体验越来越无缝地融入我们的生活中。在西雅图,我们可以和人工智能交谈以订购商品;我们可以和人工智能语音通话来查询账户余额;我们可以通过跟siri对话来发送信息。在VR中,我们无法触摸任何东西,我们的声音可以代替我们的双手做很多我们不能做的事情。

图形用户界面(GUI)和语音用户界面(VUI)之间的重叠越来越多,这就需要一种新的技能:对文案设计和对话设计有深刻理解的交互设计师。

这或许就是未来,而我们需要先人一步看到未来,才有可能拥抱未来。

UI设计师必须要了解的微文案设计 飞特网 UI设计教程

原文链接: https://mp.weixin.qq.com/s/AVyUQb-hjqQKong-dn9aUg

FEVTE编注:更多UI设计教程,和UI设计理论知识请访问飞特网UI设计教程栏目:https://www.fevte.com/plan/UIdesign/

123456789
44

好评
35

差评

刚表态过的朋友 (79 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

凹凸
上海市 长宁区 设计爱好者
+关注 发私信
发表评论

最新评论

引用
hanju发布于:2020-12-24 11:43
资源不错,感谢分享。

查看全部评论(1)

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计