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

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

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



而这个提示文案既没有阐述出用户存在的问题,也没有给出对应的解决方案。用户看到这个提示后并不知道自己到底是哪些字符不符合规则。实际上,恰当的文案应该这样设计:

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

用户既可以从这段文案中得到发生错误的原因,同时也能得到相对应的解决方案。这才是符合用户体验的微文案设计。

如果说上述的例子我们还能通过常识来规避,那么下面的例子将会让你意识到,如果不是微文案方面的专家,那么这种错误将较难规避。有时我们产品中的文案会存在动态数值,比如统计用户的"优惠券数量",那么优惠券的数值就是一个动态数值。

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

这种动态数值在正常情况下没有任何问题,但是一旦忽略了对特殊的边缘情况的文案考虑,文案就会想代码一样诡异,在特殊数值时变得不像人话。 

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

这时,在产品测试阶段,产品经理、交互设计师、开发人员当面讨论,罗列所有的可能性,并讨论所有边缘数值的文案处理方式就显得尤为重要了。

那么正确的处理方式应该像美团的案例,对于特殊的边缘值进行特殊的处理。

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

小小优趣的经典案例也能说明问题,通过俏皮的问题反问用户从而限制边缘值,这也是由专人优化过,符合幼儿教育的品牌调性的。

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

建议在程序员开发产品或者系统之前,尽可能多的向他们提供措辞严谨的错误信息数量。下面附有一份指南,里面列出了最常见的注册登录流程的错误种类,作为交互流程对接范例。通过这种方式,可以大大增加程序员开发的效率。其次,要留有足够的时间去听取程序员的反馈,他们在编写过程中就会出现大量的例外情况,这些情况统一记录并最终交由 UED 部门来解决。

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

总而言之,微文案设计一定要有专业的人员把控以及专业的流程管控,否则就会出现问题。在微文案的设计阶段,工作流程其实与正常的产品团队配合方式相反,应该是开发团队提出问题由交互团队进行解决,而交互团队最终的文案表达将影响开发团队的实现方式。

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

当然,这种微文案的问题看似只需要通过优化流程就能解决,事实上,大多数边缘值的修改都会伴随着后端开发的巨大工作量,尤其是在面对逻辑更加复杂的产品时,最好确认优化方案和开发成本,适当做出抉择。

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

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

虽然国外有大批可以借鉴的理论,但是由于语言的差异,大部分的内容不能直接借鉴,甚至很多经验只适用于英语,在国内市场是无效的。

比如:主被动语态问题

在英文的正式表达中,往往存在着被动语态或者是含有被动意义的定语:

Please select the preferred payment method. (请选择被你喜欢的付款方式)

所以英语的微文案撰写中,往往需要把这些含有被动意义的词汇由其他的表达方式替换掉:

Please select a payment method. (请选择付款方式)

但在中文中,我们即使是正式的表达,也很少会有被动意义的词汇或短语,中文中被动更多的运用在强调的语气上(请选择被你喜欢的付款方式,谁会去这样表达呢?)。所以在中文的微文案撰写中,不存在这样的规则。

虽然不同的微文案类别有不同的设计原则,但是大体上微文案的设计可以总结为"四步设计法"。

即:清晰、简洁、有用、品牌。

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

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

现如今App中的注册登录流程都很完善,很多从零到一开发的产品往往直接借鉴其他App已有的模式。借鉴是一个很好的方式,但殊不知也因此缺少了对推导过程的思考,也就导致了很多人对于交互设计的理解只停留在"知其然而不知其所以然"的阶段。所以,下面我将通过"密码错误提示弹窗"的案例来讲解如何将四步法运用到实操当中,也带领大家还原思考现如今的完善体系是这样一步步形成的。

2.2.1 清晰

首先就是清晰。我们先看下图,当密码输入错误时,"失败"不是用户的问题,而是系统的验证失败。而在用户的视角下,发生的问题应该是"登录失败"。

同样,"一个系统错误发生"也不是用户的问题。我们应该把动作的发出者由系统/产品改为用户,那么对应的动作应该是"输入错误的密码",所以这句话应该改为"输入了一个错误的密码"。

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

所以,什么是清晰?清晰不意味着准确,而意味着要使用用户理解,即对用户清晰。

53

好评
43

差评

刚表态过的朋友 (96 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

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

最新评论

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

查看全部评论(1)

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

委托设计