<menuitem id="mh6do"></menuitem>

    
    
    <em id="mh6do"><ol id="mh6do"><mark id="mh6do"></mark></ol></em>
    <ol id="mh6do"></ol>
      <em id="mh6do"><tr id="mh6do"></tr></em>
      <dl id="mh6do"><ins id="mh6do"><thead id="mh6do"></thead></ins></dl>

      <sup id="mh6do"><menu id="mh6do"><small id="mh6do"></small></menu></sup>

      您的意见是我们 UI 中国进步的动力!
      点击立即反馈按钮,发表您的意见!
      立即反馈
      QQ群反馈
      您?#37096;?#20197;加入UI中国官方反馈群进行反馈!
      群号:302892100
      备注:反馈问题后@管理员能让我们及时了解您的意见

      UI设计师应该懂的产品提示文案设计

      原创文章 分类: 经验/观点 版权:
      16611 456 782 35
      2019-06-24
      151.5
      首页推荐

      用文案助力产品人格化,提升用户微感受,拉近用户与产品亲近感

      前言 


      ?#35805;?#26469;讲产品的UI设计有三大设计元素组成:色彩、图形、文字,其中提示文案设计最容易被忽视随意编写,或带有设计者个人人格属性,与产品调性不相匹。


      合理的提示文案可以提高用户微感受,所谓微感受就是用户对产品细节的感知,产品的细节做的越好,也就能给用户带来更多的好感,所以提示文案的设计不可忽视。



      案例解析 


      用文案渲染产品调性


      Image title


      同样两个音乐APP产品,体会一下两个提示文案给你带来的感受。很明显不同的表诉会有不一样的感受,“这里好像什么都没?#24515;?..”比“暂无播放记录”更贴合音乐类产品调性。


      分析一下,用户通常打开音乐APP听音乐在寻找一种什么内心感受,可能更多的是一?#26234;?#26494;愉悦的内心感受吧,所以咪咕音乐的提示文案“这里好像什么都没?#24515;?..”再配上小插画,更能营造产品轻松愉悦的氛围。


      ?#27604;?#36825;里讲只是定位普通大众的音乐类产品,?#34892;?#23567;众音乐产品不能一概而论?#28909;紓篗OO音乐APP


      Image title


      下载 空页面状态提示“Oh moooo Nothing yet”(哦,没有什么),有没有一种个性不屑的感觉?因为这款产品定位人群是?#19981;?#36861;求新事物的年轻人或专业的音乐人,“Oh moooo Nothing yet”这样的提示文案更能迎合目标用户的特征,给用户一种?#19994;?#33258;我的感受。


      回到开始的案例,多米音乐Pro“暂无播放记录”这种冷静、干脆、不营造情绪氛围的提示文案也是有非常多适合的产品,例如工具类的小程序:腾讯文档


      Image title


      工具产品就要体现出他的便捷高效与专业性,腾讯文档配上这样的产品文案会给用户一种干脆利落、不推泥带水的感觉,工具产品?#35805;?#19981;太需要营造情绪氛围的文案、能给使用者能够带来专业,严谨,安全感受才是最重要的。


      总结:文案设计从产品调性、用户特征出发


      用户思维、给用户价值感受


      Image title

      产品原型图截图


      上图产品是?#31034;?#25910;集企业负责人在事业单?#35805;?#29702;业务时的各个?#26041;?#24863;受(例如企业办理营业执照)。


      从用户思维思考,“请帮助我们...”这样的表述给用户的感受是,用户需要付出什么,这样用户可能会产生一种?#21653;?#24515;理,从而影响?#31034;?#35843;查的可靠性。


      其实我们从业务的角?#28909;?#24605;考,收集?#31034;?#23601;是为?#22235;?#32473;企业提供更好的服务,所?#28304;?#36825;个点出发,可以赋予用户价值感受。


      Image title

      文案修改后截图


      修改后“为了给您的企业带来更优?#30690;?#25928;的服务体验...”这样的表述就能给用户价值感受,因为表述了这件事是为用户自己着想,而不是在帮助平台收集数据。


      为什么要有“高效”这个词呢?这就要从用户痛点思考了,大家可能都知道?#35805;?#21435;事业单?#35805;?#20107;,最大的痛点就是繁琐低效的流程,所以文案表述的是要解决这个问题,这样用户?#27604;?#23601;更有可能会积极配合。


      总结:拿用户思维考虑文案,给到用户价值感受


      用?#26159;?#24403;,可以使用户间更?#26143;?#36817;感


      Image title


      ?#28909;?#25105;们讲的是“微感受”,那么就来感受一下“相互关注”“互相关注”有什么不同感受,如果没什么不一样的感受,那么来做下面的填空题。


      “相互”“互相”两个词放到下面语句中感受哪个词更能表达亲近感?


      在远处的海边有一对情侣坐在夕阳下_______依偎着。


      相互和互相?#21152;?#21103;词用法,都可?#21592;?#31034;彼此?#28304;?#30340;关系,区别在于:


      “相互”更多的表示一?#20013;?#23481;关系,“互相”表示彼此?#28304;?#30340;一个动作,“互相”表达积极的情感上更有表现力,所以“一对情侣互相依偎着”更能体现这种关系。


      总结:用户与用户互相关注是彼此拉近了距离,从产品的角度是要助力渲染这种关系,“互相”比“相互”更能带来亲近感,所以互相关注更为恰当。


      给用户一个?#33539;?#30340;人称


      Image title


      百度贴吧同一个页面中出现对用户不同的人称


      “你的兴趣我懂的”

      “你对游戏有多沉迷”

      “如果我是超?#38431;?#38596;”


      把用户称为“你”的同时又把用户称为“我”,这样就给用户一种割裂感,到底你是我还是我是我。


      测试?#31034;?#26631;题不可避免的出现不同的人称,那么页面中就要减少人称的干扰。


      再来看个案例:


      Image title


      写提示文案的时候,一定要理清楚,是产品在对话用户,还是把用户带入产品中。

      上图标题为“我的广场”这就是把用户带入了产品,那么这个页面的提示文案应该从用户的角?#28909;?#25552;示,“此刻,我想说点什么...”人称与标题相对应非常之恰当,“此刻,你想说点什么...”人称更改对应标题就会有割裂感。


      总结:提示文案要尽可能的统一人称,理清产品在对话用户,还是把用户带入产品。


      “你”和“您”


      Image title


      我们日常用的产品中,?#34892;?#20135;品提示文案用“你”例如微信,?#34892;?#20135;品用“您”例如京东,为什么人称会不一样是因为产品与用户的关系不一样。


      ?#34892;?#20135;品与用户是一种平等关系,就像朋友、恋人、同事之间,是一种平等关系;有的产品对用户是一种尊重的态度,因为用户即客户,对客户?#27604;?#35201;抱以尊重的态度。


      所以我们大概能得出一个结论,社交类、工具类、用“你”更为恰当,电商、B端产品用“您”更为恰当,?#27604;?#26377;的产品会有很多形态,?#28909;?#23567;红书属于社交电商产品,那么就要?#26377;?#24605;考产品与用户的关系了。


      下面举几个“你”和“您”用的不好的例子:


      Image title


      功能板块单一的产品,有的地方用“您”,有的地方用“你”非常之奇怪,?#27604;揮行?#20135;品是可以用不同人称的,例如产品中普通用户用“你”,成为了VIP可以称呼用户“您”这样用户会有一?#30452;?#23562;重、优待的优越感。


      QQ对话列表页面中?#20302;?#25512;送不同的人称

      Image title


      我们都知道QQ是一个量级非常大的产品,所以肯定不会一个人负责所有的设计,?#35805;?#20250;一个团队或一个人负责不同板块,协作工作就难免会出现上图的问题,其原因还是制定的设计规范没有落实到更细的细节上。


      绝对优秀的产品,细节上定会是无懈可击的,我翻遍了微信所有的页面,没有?#19994;?#19968;个“您”字。


      总结:根据产品的定位?#19994;接?#29992;户的关系,运用恰当的人称。


      提示文案需要精简高效、?#34892;?#20256;达


      Image title


      天猫读书的提示文案提示过于啰嗦,没能达到高效传达信息,简书的提示文案,精简高效,用户甚至不需要去读,只需要扫一眼即懂,而且简书交互上还提供了很直接的操作入口。


      解密提示文案高效传达的方法


      Image title


      第一句需要读完整段话,才明白表达的信息。


      第二句则是先告诉用户目的,然后再说需要怎么做,能够实现高效传达效果,而且读这句话时候过程用户是清晰的。


      总结:提示文案可以让目的先行,这样能实现更高效的信息传达。


      标题文案的一致性


      Image title


      在产品中当点击一个板块,进入页面中顶部标题应该跟板块名称保持一致,保证用户不会迷失。


      上图点击“K币账户”出现的是“我的账户”不可排除用户会疑惑自己是不是点错了,生活中你点个土豆?#24352;?#32905;,上的是土豆?#31456;?#32905;,很多人可能吃不出来,但是总有人会吃出来。没错!?#25910;?#23601;是吃出来的人。


      总结:一致性的标题文案,可以让用户不迷失


      提示文案需要积极、友好的表达


      Image title

      原型图截图


      “只能上传shp文件,?#20063;?#35201;超过500kb” 给用户的感觉不够友好积极,关键词“只能”给用户一种产品不够强大的感觉,因为明?#38750;?#35843;了只支持shp文件,“?#20063;?rdquo;则有一?#30452;?#21629;令的感觉,不免让人有一种不被尊重的感觉。


      修改后:


      Image title

      修改后截图


      修改后“请上传SHP格式文件,大小须在500kb以内”语气瞬间变得温和友好,同时也并不存在强调支持格式单一的感觉。


      总结:友好、积极的文案更能给用户好的感觉



      使用用户语言提示


      Image title


      ?#34892;?#20135;品因为行业的特殊性,会有一些行业术语,如果面向大众用户是很难理解的,所以?#35805;?#38656;要转换为大众用户熟知的语言。


      但如果不可避免的要使用一些行业术语,就需要给用户解释,中国联通APP登录页面“请输入6位数服务密码” What?服务密码是什么?做为用户的我没能理解。


      中国电信页面上到是有“什么是服务密码”的解释,但是输入框里写的是“请输入密码”What?这两个密码有关系吗?


      总结:使用用户语言,解释行业词汇



      文案的排版


      提示文案最好不超过两行


      Image title


      文案超过两行就需要用户更集中精力阅读,从而难免产生排斥心理,如果文?#20013;?#24687;真的很多,可以把一段话内容整理分类?#26469;?#31446;向排列,同样是可以起到清晰、高效阅读。


      数字与文字间加个空格更易阅读


      Image title


      数字与文字有间隔可以增加数字的易读性,?#27604;?#20063;不是所有的数字跟文字都应该有间隔。


      表述一件事

      我家的狗?#26041;?#24180;1岁了(不需要)


      体现一个数据

      已经记录了 28 条信息(可以有间隔)



      段落是否空两格


      Image title


      我们的传统文学,为?#22235;?#22815;方便阅读形成了段落空两格的传?#24120;?#22312;开放的互联网环境中,没有语文老师监督你,有时候完全可以不用空两格,?#28909;?#21333;段简短的话,空两格就不够美观,其实?#35805;?#30340;产品只要能把语意清晰传达给用户即可。


      互联网中文文字排版很多不空两格,可能也是借鉴英文的排版样式,英文排版是不空两格的。


      关于标点的建议


      Image title


      ?#35805;?#24773;况下提示文案末尾不出?#30452;?#28857;,除非强调语气,或者问号。


      还没有任?#38382;?#34255;。(不可)

      您还没有收到礼物喔~(强调语气,可以)


      暂无文件!(不可)

      恭?#26448;?#27880;册成功!(热情表达,可以)


      请输入。(不可)

      请输入(可以)

      请输入...(可以)


      什么是服务密码。(不可)

      什么是服务密码(可以)

      什么是服务密码?(可以)



      最后 


      为了准备这篇文章,我至少看了50+个APP找分享案例,给我的结论就是优秀的产品,细节上做的也是相当出色,完全找不到一点瑕疵。而有的产品则不然,细节上一堆问题。以上分享的都是产品里无伤大雅的细节问题,但是我们可以把产品做到更好,为什么不呢?


      最后要讲一个重要的事情


      很多时候设计产品的人,会把自己人格带给产品,例如一个性格活?#20040;?#33804;的产品经理负责的产品,就会有很多活波呆萌的元素;一个端庄严谨的产品经理又从来写不出来能够渲染气氛的娇气文案,优秀的产品设计者,设计产品早?#23547;?#33258;己的人格抛掉了,而是给不同的产品赋予不一样的产品人格。


      有收获记得点个赞

      吴星辰

      283粉丝/0关注

      ?#19979;?#35782;途一鸣惊人首页新秀
      UI设计经验分享,实战教你界面改版数据可视化图表和表格的设计经验分享
      1
      hfivestar

      写的很好 ,我很?#19981;?/p>

      精彩!

      吴星辰

      TA已经获得4?#22534;?#31456;啦

      • 成就勋章

        • 特别勋章

        • 身份勋章

      • 已拥有

      • 作品

        创造者才是真正的享受者。

      • 经验

        经验是一所好学校,可它的学生却经常旷课。

      • 活跃

        大神都是从围观群众开始的

      • 拓展

        作品、经验、活跃还不能满足你?

      京ICP备14007358号-1 / 京公网安备11010802014104号 / Powered by 2008-2019 UI.CN

      印度快乐8开奖号码
        <menuitem id="mh6do"></menuitem>

        
        
        <em id="mh6do"><ol id="mh6do"><mark id="mh6do"></mark></ol></em>
        <ol id="mh6do"></ol>
          <em id="mh6do"><tr id="mh6do"></tr></em>
          <dl id="mh6do"><ins id="mh6do"><thead id="mh6do"></thead></ins></dl>

          <sup id="mh6do"><menu id="mh6do"><small id="mh6do"></small></menu></sup>
            <menuitem id="mh6do"></menuitem>

            
            
            <em id="mh6do"><ol id="mh6do"><mark id="mh6do"></mark></ol></em>
            <ol id="mh6do"></ol>
              <em id="mh6do"><tr id="mh6do"></tr></em>
              <dl id="mh6do"><ins id="mh6do"><thead id="mh6do"></thead></ins></dl>

              <sup id="mh6do"><menu id="mh6do"><small id="mh6do"></small></menu></sup>
              南粤36选7开奖中奖对照 浙江快乐12开奖结果 白小姐四句诗 彩票倍投计算器手机版 十一选五奖金对照表 安徽快钱走势图 甘肃11选5走势图甘 足球比分快乐吧 瑞彩祥云好运快3 甘肃11选5网上购买 福彩河南快3 幸运农场开奖最走势图 下载皇家世彩81988 内蒙古十一选五的走势图贴吧 广西快3开奖查询结28期果