更效率的信息-小议网站文案设计

前段时间在北京的交互体验日上,听了新浪产品经理李驰明的《更效率的信息》,感叹新浪对于媒体和信息传播研究之深刻、抓住了很多细微单直抵网民心灵的点。他认为微博之所以能迅猛发展并成为互联网信息传播不可忽视的平台,其关键优势就是效率。因而新浪微博的设计也是以此为中心去执行和推广的。

他的演讲是基于微博的信息设计的四个关键点(信息获取、自我信息表达、信息传播和信息通讯)来介绍的。支付宝作为一个工具类为主的网站,我重点关注了信息获取方面的内容:我们怎么才能效率地传达信息给用户,便于用户理解和使用我们支付宝的各种产品?他有几个非常好的点,例如:尽量减少用户的跳出率,保证流畅的阅读;信息量不用多,让有价值的东西更易吸收。

分类

文案就是传达信息的重要手段。图形化思维流行的现代,文本信息依然是网站的重要组成部分。

互联网时代的人们,已经讨厌于阅读大段的文字,网页浏览速度也相当之快。如何针目标用户迅速传达有效信息并不会产生理解障碍,是文案设计的重点。

笔者认为关于网站的文案大概可以分成运营文案、产品文案、操作文案。

1、运营文案是产品推广和活动宣传为主的文案。这种文案需要有快速传播价值和创新价值,简洁醒目,力求能瞬间吸引住用户眼球,刺激点击欲望。

图1

2、产品文案则主要是产品功能介绍、使用方式,帮助信息、协议,还包括网站导航、页面标题等,是网站界面主体之一,追求严谨、精简和逻辑性。下图为google的产品导航和介绍。

图2

3、操作文案则指与用户操作相关的文案。包括控件标签、操作提示、报错、状态、操作结果等。如下图3的提现报错文案。

图3

三者并不是明显区分的,经常会在同一页面同时出现。有时一句文案还可能同时承载了多重功能,例如图2关于google产品的介绍说明文案,既是产品文案也可以算运营文案。

原则

根据对这些文案运用的理解,总结了文案设计的基本原则有以下几点:

1. 准确。准确要求文案语义清晰、没有歧义,这样才能明白无误地传递信息和交流思想,这是文案设计的基本要求。我们支付宝的设置付款方式其实是让用户去绑定快捷支付,但文案上只说是“推荐最合适的付款方式”。其目的是为了吸引用户开通快捷支付,但在文字上模糊概念,用户是难以理解的。

图4

2. 易懂。它的一个重要指标就是可读性。可读性描述了基于复杂句子和困难词汇的文字的可理解的程度,它关乎这种语言本身的难度,而非其外观。可读性的指标通常可以划分可用性层级,通过一些人轻易理解一篇阅读文章所需的年龄和级别来定。传统的语言阅读研究有不少成熟的衡量公式和等级指标,相信也可以移植到互联网产品的文本信息研究中来。 影响可读性的因素包括词句的长度,以及非常用词的出现频度。而从读者的角度看,影响可读性的因素包括:背景知识、阅读技能、兴趣、动机。

在传统书面文字研究中,可读性需要和易读性区分。易读性描述的是排印文本阅读时的轻松和舒适程度。它和语言内容无关,却与印刷或文本显示的尺寸和外观联系密切。对于互联网,易读性就与字体的样式、颜色、行距、大小、位置等有关。

3. 简洁。简洁是效率传达信息的重要方向,是互联网产品文案的核心要求。简洁就是要删减文字,精简句子。精简文案有利于凸显重要内容,同时能避免满屏文字,从而用户能更有信心去阅读。删减的主要手段有:

删减无意义的引见性文字,例如一些工具类网站在登录后顶部变成“亲爱的XXX用户,欢迎光临XXX”,其实只保留用户名这个关键信息即可;删除不必要的说明;删除繁琐的解释,使用描述性链接;少使用介词(对于/根据/为了/基于/关于)。这些词会弱化句子的谓语,因此要尽量省略;不要使用被动式;删掉索然无味的开头。

财付通的提现页面(如图5)就非常简洁,只保留了必要的文案。

图5

当然,也要避免删除过多,用户要能控制结果,通俗说就是删太多了用户会不明白你要表达什么。

4. 统一。网站文案的语气风格、用词、语法等要保持统一规则。

利于用户建立对网站的
整体认知;降低学习成本;更好地管理。

5. 适时出现。

文案要出现在合适的地方,大胆地隐藏需要隐藏的文案;帮助要低调、避免干扰用户;适时出现、适时消失。

例如图6淘宝的注册流程中表单填写的帮助只有在光标激活输入框的时候才会出现,而不是在页面打开时就直接显示。即保证了页面的干净整洁又保留了对用户的必要帮助。

图6

6. 分级显示。我们不需要在一个界面中将所有的功能都呈现出来,同理我们也不需要在一个界面中传达所有的信息。

分级的方式主要有两种:渐进式和阶段式。

渐进式是针对用户不同的,将比较复杂的信息事先隐藏,高级用户想看是再通过某种方式展现出来。如图7是新浪微币的介绍,详细说明用文字链的形式隐藏掉,需要看的用户可以点击查看。
图7阶段式是根据流程来区分显示内容。典型就是操作向导,不同阶段显示不同的帮助信息。

7. 情感化。互联网产品文案是否需要情感化,各种网站有不同的风格,该点不确定是否有通用性,但保持礼貌的语气是基本的态度。情感化的文案具有以下优点:

给用户成就感。特别对于新手用户来说这点很重要,适当的任务给予一些赞扬,让用户更有信心用下去。便于鼓励用户。这有利于吸引用户使用,增加用户的耐心,减少用户操作失败的挫折感。有利于适时营销。适当为产品做宣传,增加用户对产品的认知和好感度。为用户着想,给用户以亲切感。

例如网上登录充斥着各种校验码来防止恶意攻击,但也给用户登陆造成一定不便。图8是twitter对于校验码输入的一句文案,充满趣味的提示显然能降低您对校验码的抗拒之心。

图8测试

文案的设计权衡主要是为了避免网站所传达的信息和用户实际理解产生偏差或者是更好地吸引用户关注,根本要求就是效率的信息传播。但文案设计往往不能做大量的用户研究测试,因为文案只是网站的一个组成部分,也不是产品好坏的首要因素,难以单独剥离出来做大量测试。如何撰写好的文案,一方面依赖于执行者的个人语言功底、对产品流程的理解以及创新能力,另一方面也可以通过简单的用户测试避免一些不必要的失误,保证基本文案质量。我们可以请身边的人去使用产品或阅读文案。它有利于我们分析文案是否准确传达含义,有利于观察文案对产品是有推动还是阻碍作用,有利于发现盲点,推出更优方案,而且成本很小。做文案设计最忌的就是刚愎自用,仓促而为,词不达意。

希望这篇小文能让各位设计师开始重视文案设计,并能从产品的整体全局方向去思考每一页需要放置的文案,有不对之处或遗漏之处还请指正。

参考文献:
李驰明的ppt-“更效率的信息”
晓生-文本设计的注意事项
Giles Colborne-《简约至上-交互式设计四策略》

来源:ped.

时间: 2024-07-29 19:05:00

更效率的信息-小议网站文案设计的相关文章

网站文案设计:更效率的信息

前段时间在北京的交互体验日上,听了新浪产品经理李驰明的<更效率的信息>,感叹新浪对于媒体和信息传播研究之深刻.抓住了很多细微单直抵网民心灵的点.他认为微博之所以能迅猛发展并成为互联网信息传播不可忽视的平台,其关键优势就是效率.因而新浪微博的设计也是以此为中心去执行和推广的. 他的演讲是基于微博的信息设计的四个关键点(信息获取.自我信息表达.信息传播和信息通讯)来介绍的.支付宝作为一个工具类为主的网站,我重点关注了信息获取方面的内容:我们怎么才能效率地传达信息给用户,便于用户理解和使用我们支付宝

手机网站交互设计中的信息设计

在手机上浏览信息,存在着太多的局限,手机屏幕小注定了一页不能显示太多的信息,环境光线的变化注定页面设计不能过于花哨,流量限制注定不能有太多的图片和样式. 如果让你的用户直接在手机上浏览为web所设计的网页,即使是经过一些手机浏览器的优化,体验还是会很糟糕,甚至有时候会让人难以忍受. 如何调整信息展现方式,使内容能在小屏幕的手机上也更友好的展现呢?接下来我将通过一些原理和实例来阐述自己的观点. 首先,老祖宗Ben Shneiderman的交互设计8项黄金法则我们要铭记于心,因为这些法则也是适用于移

让网页设计更现代,2014年网站设计的变化趋势

文章描述:如何让网页设计更具现代感?2014年网站设计又会有怎样的变化趋势? 如何让网页设计更具现代感?2014年网站设计又会有怎样的变化趋势? 12月份对即将过去的一年中网页设计发展进行回顾,总会发现很多让我们感到欣喜的变化.去年我们同样预测了2013年互联网设计出现的10大趋势,比如交互设计.个性化排版.全屏大图吸引浏览者注意力等.其中很多预计的趋势在2013年确实成为设计的主流,并且估计在2014年仍将延续. 1. 个性化排版 我个人是个性化排版的支持者,自然也希望看到越来越多的网络设计尝

设计就是生产力:让用户更容易找到信息

设计就是生产力 孟鸿 最近知乎发起了一个在线的圆桌论坛,主题是:设计就是生产力.这场在线讨论远远不是对前述命题的单纯论证,话题范围从设计师的个人修炼,到设计与科技趋势如何结合均有覆盖.实际上,设计师们分享的内容已超出知乎预想的程度. 以下文字选自这场讨论: 科技新趋势与设计 交互设计当然离不开硬件和软件的发展变化.什么是科技前行的方向?百度上海移动互联网用户体验负责人MoonMonster总结了13个潜在的趋势,其中包括私有物品智能化.智能家电的变革.机顶盒的战火.语音.体感.社交综合症等.他说

求,二手房信息网站的设计与开发程序或者论文!

问题描述 通过设计一个电子商城网站,学习和掌握基于JSP电子商务网站的设计和制作技术.本论文研究主要内容:探讨MVC模型,研究进行动态网站的开发和维护的技术:运用J2EE技术实现一个网上图书销售管理系统,增进对JSP.Servlet.JavaBeans.JDBC等技术的理解和认识.前端使用JSP技术开发应用程序,后端数据库自选,数据库接口部分使用JDBC技术或数据池进行连接,该系统完成以下主要功能:前台用户能实现用户注册及登录验证:能实现房屋信息及求租售信息预览,用户登录后能根据租售类型.区域.

合理的网站url设计会让您的网站更利于seo

网站设计如果想实现优化的功能细节方面非常重要,从网站的域名选择到网站的url设计都关乎着您以后的网站是否有利于优化,佛山清风网站建设团队在设计网站的初期一直坚持着为客户着想,本着优化的原则为客户设计网站,那么网站的url如何设计呢? 一.网站导航url完全相关 1.如何实现url的导航相关:在设计网站的初期佛山清风网站建设团队会和客户确定模板,尤其是主要的栏目都要落实,比如企业网站的产品介绍,联系我们,那么我们都会用分来栏目来做导航/product/ /contact/ 用英文的方式或者用拼音的

设计理论:网站首页设计需要突出主题思想

网页制作Webjx文章简介:设计网站首页的技巧总结. 首页设计,需开宗明义突出主题 开宗明义,无论是对于一篇文章.一场会议或一部专题片,还是对于一个网站来说,都是必不可少的.那么能为一个网站开宗明义的地方(标签)就是Title(标题)和Description(描述.副标题),而能够为Title和 Description提供进一步诠释的就是网站的首页. 展示哪些信息 页面的重要性是建立在它所呈现信息的基础之上,反过来说,页面要向用户展示哪些信息是决定其重要与否的首要指标.在网站页面中,网站标题.副

B2C网站产品设计实例:简单的广告设计

B2C网站经常做产品设计,活动策划,我发现运营,产品(PD),设计(UED)矛盾总是不可调和的样子.烧包网一次简单的广告设计,最终导致运营觉得UED"江郎才尽",觉得产品经理"形同虚设",而UED觉得运营"变化多端",这是为什么? 一.我们先看看过程: 过程 一次广告设计,做了4版,虽然每次都比上次好,但问题很多. 版一:   运营需求:760*100,flash动态设计,立即抢购按钮重点突出,可以模拟鼠标小手式去点击的动作:   WHY?1 需

从10个方面来提高网站可用性设计

不论是企业网站.个人博客,或者购物网站.游戏网站,我们都希望能吸引访问者并且给他们留下愉快的访问体验. 可用性是用户体验的一种度量,它可以用访问者完成网站功能的方便程度来描述--无论是通过自身知识还是通过学习新方式来完成这种功能.我认为Jakob Nielson的解释非常到位,他说: 可用性是评估网站易用程度的一种属性.同时"可用性"这个词也指在设计过程中提高易用性的方法. 在本文中我希望能够提供一个可用性清单,内容覆盖了从视觉设计,到可以用在任何项目中的简单导航提示等多个方面. 1.