美文网首页
界面文案小思

界面文案小思

作者: alive6 | 来源:发表于2017-01-17 11:23 被阅读0次

    最近在原型设计时候,发现界面文案也是交互体验必须要学习。细节决定交互设计的成败,私认为界面文案也是其中的一个细节。私总结了以下的内容:

    界面文案,主要指界面中的提示文案(包括短信文案),控件文案,功能或者运营入口的引导文案。简单来说界面文案用最简洁,让最大部分使用此软件的人了解你要表达的意思。

    那么怎样才能产出优秀的界面文案呢?

    1、分析产品属性--2、用户角度出发---3、定位使用场景、语境---4、界面文案展示形式(布局)---5、界面文案(文字)---6、界面文案统一性、完整性---7、界面文案升华(传递情感)

    1、分析产品属性

    通过产品属性确定界面文案的风格,产品属性是指产品本身所固有的性质,是产品在不同领域差异性(不同于其他产品的性质)的集合。在不同产品属性,整个界面文案风格所有展示都不一样;

    exm:

    购物类产品-淘宝、京东、唯品会等;淘宝界面文案的风格,众所周知一个界面文案:亲...   

    安全属性产品-360安全卫士、腾讯管家等产品界面文案的产品风格也是不一样

    不同的产品属性界面文案

    2、用户角度出发

    在确定界面文案的风格后,立足用户角度思考-don't make me think,尽量不要让用户去思考界面文案要表达的内容,也就是在界面文案展示中要不言而喻、一目了然、自我介解释,就和商场路标指示牌表达一样

    don't make me think

    3、定位使用场景、语境

    界面文案首先要看用户所处场景;在界面文案中,随处可见的“确定”按钮是产品经理最偷懒的表现之一,这些按钮的名字完全可以根据不同的场景进行扩展的。我写完一篇文章,那个提交的按钮如果是“发布”或者“预览”会不会更清楚些?我修改了我的个人资料,那个确定按钮如果是“更新资料”会不会更清晰一点?再比如下图界面文案,是不是清楚明白

    所有文案都有一定的语境:

    工具类的界面文案-用户在乎的是你告诉他如何操作和结果,简单快捷才是最为重要部分;

    前端产品类的界面文案-更注重引导性和情感性;

    后台产品类-简单明确的告知提示、引导、表述、反馈用户一系列的行为。

    总的准则还是don't make me think;尽量不要让用户去思考界面文案要表达的内容

    4、界面文案展示形式(布局)

    要先了解界面文案的外在表现形式:文字容器的形式(弹框,浮层,按钮,图片,提示快,文本等),容器大小;文字本身属性(大小、字体、颜色等);文字周围影响(周围图片、动画);不同的表现形式也会有不同文案的展示

    外在表现形式

    5、界面文案(文字)

    了解了外在表现形式,最重要应该是内涵,也就是明白了解界面文案要表达的目的,任何文案都要先表达到目的,不然都是徒劳的。那么好的文案最重要应该是

    表意清晰:精准、精简、无歧义、无措

    ‘达意’是界面文案的目的,因此表意清晰,没有歧义是好文案最重要的宗旨;若不能表意清晰,文案也失去存在的意义;

    精简

    在大脑中理解信息这件事情,有一个前置步骤,就是吸收信息。在保证达意的条件下,写出你想要表达的意思相关的所有句子,在保证表达完整和无歧义条件条件下,一个字一个字的尝试删减,删到不能再删

    文案写的有歧义

    下图,是自家的美团酒店钟点房页面。请注意使用时间那一块,现在的问题是,你预计4月17号15:00入住,你认为最晚的退房时间是几点?

    6、界面文案统一性

    统一性

    如果界面文案没有统一性,那就会变得散乱。界面文案的最终目的就是沟通信息,不具备很强的统一性,那么信息的的交流就会受到阻碍。在同一类型的文案尽量保持一致,包括界面文案的展示形式(容器、展现形式、大小、文字本身属性)&界面的整体风格


    7、界面文案升华(传递情感)

    传递情感是一个更高层次的文案功底;要真正完善优化界面文案,同一个产品或服务,针对不同人群和不同投放渠道,要讲的话是不一样的,传递的情感也是不一样这正如在中秋节你应该想到“团圆”、“和睦”而不是去谈情人节的“浪漫”。

    exm1-提供安全感,控制感

    例如:小米官网的预约提醒设置对话框中,特意声明了手机号的隐私安全问题

    exm2-安慰

    网络原因,硬件原因,业务规则等等,都会让用户的某个预期行为,被阻断。即使是一个非常理性的人,这个时候都应该会有那么一点点的挫败感,不爽。这个时候在界面设计层面的解决方向,就是“安慰”和“用其他情绪替代”。文案层面的主要能做就是,换个友善的语气,“安慰”用户。而“用其他情绪替代”,主要是依靠视觉层面的设计,如图片,画,动画来替换当前的负面情绪。


    参考资料主要来自:

    一年级交互by郑瑜

    http://www.woshipm.com/pd/151293.html



    相关文章

      网友评论

          本文标题:界面文案小思

          本文链接:https://www.haomeiwen.com/subject/uysojttx.html