通过书中的学习以及老师课堂的讲述清晰明确地描述了易用性其实就是用户完成期望任务的难度程度以及系统为用户提供的支持种类有关，简单的来说就是通过控制易用性的战术去响应或者完成用户的请求 ，也就是说你得让用户体验一个新系统的时候在每一个过程中能够提示或者有帮助选项去让他完整的体验这些过程，易用也就是好用。易用性战术主要分为下面两种：运行时战术和设计时战术，具体内容这里就不一一赘述。下面将展示热词分析中我认为的易用性的使用。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>信息化领域热词字符云t</title> + <script src="js/echarts.js"></script> <script src="js/worldcloud.js"></script> </head> <body> <div id="main" style="width:900px;height:750px;text-align:center;margin:auto;"></div> <script> $(function(){ echartsCloud();//初始化echarts图 }) function echartsCloud(){ // 基于准备好的dom，初始化echarts实例 var myChart = echarts.init(document.getElementById(‘main‘)); myChart.setOption({ title: { text: ‘信息化领域热词字符云‘ }, tooltip: {}, series: [{ type : ‘wordCloud‘, //类型为字符云 shape:‘smooth‘, //平滑 gridSize : 2, //网格尺寸 size : [‘80%‘,‘80%‘], //sizeRange : [ 50, 100 ], rotationRange : [ 46, 80 ], //旋转范围 textStyle : { normal : { fontFamily:‘sans-serif‘, color : function() { return ‘rgb(‘ + [ Math.round(Math.random() * 160), Math.round(Math.random() * 160), Math.round(Math.random() * 160) ] .join(‘,‘) + ‘)‘; } }, emphasis : { shadowBlur : 5, //阴影距离 shadowColor : ‘#333‘ //阴影颜色 } }, data:[], }] }); // 异步加载数据 $.get(‘./cloud.json‘).done(function (data) { // 填入数据 myChart.setOption({ series: [{ data: data.dataCloud }] }); }); } </script> </body> </html>
这是一个echarts中的字符云的实例， 其实就是将统计好的热词进行可视化字符云展示，具体的效果如下：
除了根据热词数量的大小变化以及展示了每个热词的数量数据，因此为用户提供了有效的对比和展示，也就是易用性的使用。
原文：https://www.cnblogs.com/dinghaisheng/p/12398625.html