欢迎来到合肥浪讯网络科技有限公司官网
  咨询服务热线:400-099-8848

怎么快速低成本进步web可用性的几个细节

发布时间:2019-03-18 文章来源:本站  浏览次数:2664

可用性(Usebility),ISO 9241-11国际规范对可用性作了如下定义:产品在特定运用环境下为特定用户用于特定用处时所具有的有效性(effectiveness)、效率(efficiency)和用户主观满意度(satisfaction)。
 
在实际的产品规划中,有许多规范的办法和技巧能够进步web页面的可用性,但往往许多办法成本较高,耗时较长。怎么快速度低成本的进步可用性呢?我总结了几个细节给咱们共享一下。
 
1、在传达信息的页面尽量少用赤色
 
咱们在许多时分有一个误区,过错的认为赤色夺目,能够吸引人,从而能够转化更多的PV,特别是一些运营编辑同学们,爱用标红这样的形式,并且为了到达“意图”,把标题搞的一大片红。
这样的体验十分糟糕,由于赤色是一种起到警示作用的色彩,往往只要出现体系级过错,不可康复操作提示或是严重警告性过错时才会运用这种色彩,包括日常生活中,赤色代表制止,这种色彩会给用户很严重焦虑的感觉,并且滥用会使页面很不和谐。

当然,假如赤色处理的得当,仍是能够在页面中能够很好的到达杰出显现的作用。
 
2、最醒意图色彩是链接默许蓝色
 
更具体的,按最夺目最简略让人点击的顺序排列如下
 
1)文字是默许链接蓝色和下划线的。蓝色一般为#0000ff或#0000cc,但在运营页面这种蓝色不适合聚集在一起,能够跟据全体风格做色值上的调整。
 
2)文字是默许链接蓝色的。(蓝色运用计划同上)
 
3)文字是反白或是高对比度的文字或是按钮,一定要符合W3C关于对比度的规范。
 
3、网页中的英文不要全用大写
 
这点主要是说出现在标题,或是阐明性案牍中的英文单词,或是主域名超越5个字母的域名,最好不要全用大写。
 
举例:Advanced Search
 
假如写成:ADVANCED SEARCH
 
尽管很简略的一个词组,但假如全大写,会不会读起来更“累”一些呢?我想关于我国用户遍及英文水平不高的情况下,这种“累”会更杰出。
 
假如咱们在一些宣传性的广告顶用小写,或许更简略让人记住。
 
其实这与人们对缩写名词的潜意识有关,比方咱们说CCTV,或许比看到cctv反应起来会快那么一点点。
 
所以在页面中的信息案牍,最好仍是遵从一般规则,假如是专有名词或是品牌,能够用首字母大写的方法,比方:BlackBerry

4、网页中的数字尽量运用阿拉伯数字
 
这一点与上面相似,也是为了给用户带来更直观的作用。特别是用于阐明日期,条目数量等用于数字的地方,一定要运用阿拉伯数字。
能够幻想,假如咱们改为:
 
名博排行前五十
 
不超越四十个字符
 
这样看起来会很累,并且不行直观。当然,关于电话号码就更不用说了。
 
5、注释性案牍要尽量简略
 
注释性或是情形提示的案牍一定要在表达精确意思的前提下简略,不需求修饰性的形容词,主张咱们细心学习好中文,许多朋友知道要简略,但为了简略,把要传达的意思破坏了,乃至有了歧义。
 
K3定律之一:把页面中的文字去掉一半,把剩余的文字再去掉一半。
 
6、用好alt和title
 
简略直白的说:
 
alt适用于图片,在浏览器中鼠标悬停在图片上时有辅佐的文字注释或阐明,用在img标签中
 
例如:把鼠标悬停在图片上
 


title适用于带有链接的文字,在浏览器中鼠标悬停在链接文字时有文字注释或阐明
 
例如:把鼠标悬停在链接上
 
其实这两个html语法中的特点,大多数人都知道,但许多网站没有把这两个特点用好。
 
例如一些按钮,为了规划漂亮,在按钮的图片中只会写上一个要害的动词,例如:Search或Go
 
但在一些场景中,或许这个按钮不足以十分清楚告知用户它的作用,所以运用alt值做为注释就能够进步可拜访性。另外,在网络欠好或是服务器问题而导致图片无法打开时,alt值也起到的十分要害的作用。


再例如一些文章标题由于页面规划整齐的约束,而仅显现了短标题或是做了截取,但这样的标题往往不能很精确的表达意思乃至让人看不懂,这时分假如用了title特点就能够很好的处理这个问题

7、超越1秒钟的等候要有进展显现
 
在实际中,咱们都有过体验,假如去银行排队,漫长的时刻中,假如玩儿着手机,或是看等候区供给的杂志或许会好过一些。
 
在web顶用的比较早比较遍及的等候进展状况是上传,比方咱们用web中的邮箱上传附件或是在视频共享网站上传视频,这些进展条往往都是由程序判断,能够给出猜测性的完结时刻或是完结的百分比,让用户有一种“等候感”,这些现已成为“web产品规范”的地方,大多数网站做的现已都不错。

但存在一些页面中的交互,需求等候的时刻远远没有上传一个文件那么长时刻,但这种等候又不能控制在十分短的时刻内(通常在1秒以内用户能够忍受)。即便这种“不长不短”的时刻,假如彻底让页面处于空白的等候状况,哪怕只是2秒钟,对用户来讲,或许会以为网站出了问题页脱离。
 
比方一些标签页的切换会向服务器提交请求,比方一些检索器的查询成果需求查询数据库
 
而这些看似很时刻短的等候,假如没有任何提示,会让许多用户脱离。
 
例如,在新版的主页中有一个切换各地报价的模块,网速好的情况下,切换城市只需求1秒钟左右的时刻。假如没有加任何切换时的等候提示,切换城市时,这个模块就会空白一片,带给用户的体验就十分欠好。
 
假如咱们加上一个gif动画和一行案牍描述,用户从心理上在这1秒钟里就不会有一种“空白”的等候感,并且会很有耐心。


并且这种等候进展提示的成本十分低,只需求一个gif动画图片就能够处理。

上一条:使用百度知道做网络营销的...

下一条:下降网站页面的类似度...