• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 不仅要搞定视觉,UI设计师还得写得一手好微文案

不仅要搞定视觉,UI设计师还得写得一手好微文案

作者: 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含UI文案,微文案,文案,文案设计,经验分享等相关知识,希望在学习及工作中可以帮助到您

在网站和APP当中,除了标题和Banner 中我们可以轻松感知并且注意到的文案之外,许多小段的文字和标签也是影响整个用户体验的微文案。微文案包括按钮和图标下的标签文本,提示性的文字和报错信息,等等。通常,这些微文案并不是那么起眼,在几乎完成了整个产品的设计和开发之后,再添加上去。但是在用户和产品进行交互的过程当中,微文案几乎全程都参与了进来。

微文案其实是小而强大的文本内容,不要因为它短小而忽略了它本身的有效性。在今天的文章当中,我们一起来看看微文案是怎样影响体验,以及如何对它进行有效的调整和提升的。

微文案同样需要设计

微文案需要设计师仔细揣摩词汇的使用,它的价值在于简短而准确地传递信息。微文案是网页和APP同用户沟通的桥梁之一,它在整个设计中,是关键的组成部分。

设计良好的微文案能够提升转化率,提高任务的完成率,提升用户的愉悦感。

缓解用户的忧虑

微文案常常能够体现语境,帮助用户理解当前状况,甚至针对特定的问题来提供答案,缓解用户在使用过程中的忧虑。你应该对用户可能会产生的问题,有所了解,而用户测试是帮你找出这些问题的有效途径。

举个例子,当用户注册 Tumblr 的时候,系统会要求为自己的博客选择一个名称。这是一件重要的的事情,因为这不仅关于博客名和你的用户名,而且会体现在博客的url上。因为这一任务重要且关键,用户可能存在的忧虑是“如果名字没起好又不能修改岂不是麻烦了”,所以,Tumblr 在这个时候通过微文案提醒用户这个名称“随时可以修改”。问题解决了。

在订阅信息或者进行分享的时候,用户也是存在潜在忧虑的,这个时候微文案就是让用户安心的基础。许多人在提供电子邮件和关联Twitter 帐号的时候,都不希望被垃圾邮件骚扰,而Twitter 在这个时候会使用微文案“我们和你一样讨厌垃圾邮件”。虽然许多网站和APP在关联用户帐号的时候都一再强调不会推送垃圾邮件,但是最终结果对于用户而言,很难确定。

Timely 将用户所关注的问题都浓缩到这句微文案当中。

我们都很清楚,在线发布内容的时候,因为网络或者其他问题而丢失输入的内容,是一件多么令人沮丧的事情。自动保存功能能够很大程度上帮助用户规避这一问题,而这个时候,合理的加入微文案,帮助用户了解他们的输入内容已经自动保存了,提升用户对产品的安全感,对于整个体验而言是一个不错的加成。

Google Drive 就是这样设计微文案的。

绝大多数用户并不希望提供他们的个人信息,尤其是在他们觉得没有必要的时候。所以,有必要向用户解释为什么需要用户的信息,以及简单阐述如何保护用户数据。例如,Facebook 就在注册页面当中,为用户解释了这些个人数据的使用。

在失败和出错的时候,使用友好而有用的文案

在网站和APP的使用过程中,用户难免会出错或者碰到问题,这个时候文案要如何设计,对于产品的影响是巨大的。如果产品文案对于出错状态表述不清,那么用户就更加搞不清楚如何解决这些问题了。用户经常会因为报错而感到沮丧,而这种状况常常会被设计者忽视。另一方面,如果设计的足够有趣和幽默,报错信息甚至可能会将这个状况变为快乐的时刻。

取悦用户

在界面中加入令人愉悦的细节,是打破用户和界面之间障碍的好办法。

用户总是乐于互动的。如果你的微文案设计的足够人性化,能让界面交互显得更加自然,更容易获得用户的信任。

Yelp 在设计的时候就有意识地传递出UI界面背后有人参与的感觉,并且鼓励用户操作和探索。

微文案还是体现设计的个性化的好机会,通过有趣的微文案,让日常的任务变得有趣而难忘。

当你每次访问 Flickr 的时候,欢迎问候的文案都不一样,这会让这款应用显得有趣而自然。

OKCupid 会在你创建新账户的时候,称赞你所在的城市:“Ahh,Paris”?
?

优秀的微文案同样很讲究

微文案在设计的时候,和其他的文案一样要求高。微文案很短小,但这并不意味着它很容易设计。在设计当中,微文案本身就扮演着多种多样的,而要设计足够优秀的微文案,下面的技巧,应该能帮到你。

少用技术专业词汇

每个领域、每个公司都有专业的词汇,设计师和开发者通常会在产品当中潜移默化地使用这些专业词汇。这样做对于用户更加友好,你所需要做的,是将专业的技术信息简单易懂地表述出来。

像你的用户一样表述

使用自然语言,像同人说话一样来使用微文案和用户沟通。不要想当然地使用微文案,而是要了解你的用户,做好用研,使用用户的语言来表述。

保持简约和有效

对于长篇大论的说明,用户大多是不会仔细阅读的。尽量使用简单明确的词汇和断句,具有明确的指引性,它应该是短小精悍的,而非又臭又长。

谨慎开玩笑

虽然幽默风趣的微文案可以让人更加轻松,但是也要分场合,玩笑和俏皮的语言应该在氛围合适的时候使用,并且并不是所有人都能Get到特定的笑点。有些笑话在文章当中或许合适,但是在UI界面当中就不一定那么有意思了。

比如,你所提交的数据无法保存,结果文案是“糟糕!您的数据好像无法保存呢”,这对于当前的状况毫无裨益。

让微文案和图片结合起来

有的时候,图片、插画和动画可以和微文案很好的搭配起来使用,它们能够创造出比单独的文本或图片更强的视觉愉悦感和体验。

MailChimp 就很好的使用动画来强化微文案。

【文案设计也是有技巧的】

  1. 《从交互设计的角度,聊聊文案设计这件小事》
  2. 《讲究!UI界面中的文案设计有哪些注意事项?》
  3. 《文案丨到底要如何写好UI/交互稿的文案?》
  4. 《可能是最污的顶尖创意,杜蕾斯2016年微博文案盘点》

原文地址:webdesignerdepot
原文作者:Nick Babich
优设译文:@陈子木

本文由优设网原创翻译,请尊重版权和译者成果,转摘请附上优设链接,违者必究。谢谢各位编辑同仁配合。

================明星栏目推荐================

优优教程网: UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao..com

优设大课堂

您可能想查找下面的文章:

  • 这个大公司越来越重视的体验文案编写师,到底是干嘛的?
  • 你可能不了解微文案,但它时刻都在影响你的用户体验
  • 不仅要搞定视觉,UI设计师还得写得一手好微文案

相关文章

  • 2017-08-06新手建站入门教程③ 别名(CNAME)记录和URL转发
  • 2018-08-23实战案例!腾讯QQ支付品牌重塑设计背后的经验总结
  • 2018-08-23那些很熟悉但又叫不出名字的设计法则:恐惧留白
  • 2017-08-06CSS样式表与格式布局详解
  • 2018-08-23将爱豆的照片转成人物插画?这可能是最简单的方法!
  • 2018-08-23用这个简单实用的设计技巧,轻松做出有趣的插画类设计
  • 2018-08-23不会自学,你永远只能是个三流设计师
  • 2018-08-23Adobe XD免费中文版发布,优设独家专访Adobe 设计副总裁
  • 2018-08-23做设计八年后,我发现设计最难的是分寸
  • 2018-08-23从零开始设计APP!快速提升引导页格调的设计方法总结

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • node调接口拉数据
    • 用一个实战项目,让你全面认识产品原型的诞生过程!
    • 进阶实例教程!如何通过设计提升产品的增值服务?
    • 想进阶成PPT 高手?得先学会这些高级动画特性!
    • 系统之外的字体引用及过渡效果
    • div css命名规范 css class命名规则(符合SEO规范)
    • 网页中的滚动条为什么设在右边?
    • 网站上flv/MP4等格式的视频文件播放不出来和MIME类型有关系
    • css如何实现数字分页效果代码及步骤
    • 写给入门者的三十条HTML代码编写指南

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有