zoukankan      html  css  js  c++  java
  • web前端交互性易用性说明

    总结一下我们在web前端开发过程中总是强调交互性、易用性的情况分析说明。个人觉得web前端的易用交互也就是我们所说人性化操作。不外乎希望达到的效果为:界面风格简洁明了、重点突出;操作简单,直观可见。当然,我们都清楚,web界面的使用主要体现在两大方面。一个是界面风格、一个是事件机制。而从这两大方面分析,可以稍微具体再分类一下。如下:

    web人性化交互易用可以从以下三个方面分析:

    • 鼠标操作
    • 键盘操作
    • 页面布局和UI设计

    一、鼠标操作

    鼠标操作,是我们在web开发中经常用到的。当然这里的分析不是简单的提交表单操作。

    在实际开发中,其实也不一定要依赖某些框架和库去实现这些事件效果(一方面增加项目的体积,我们可能用到的功能就只有一小部分;另一方面有可能与之前的库冲突),我们也可以自己去编写。具体的情况还是要根据项目需求去分析。

    大家可以去找一些类似jquery-ui的库,它们都提供了各式的交互效果和组件,下图为jquery-ui的一个界面组件使用说明

     二、键盘操作

    键盘事件相对来说要比鼠标事件使用程度要低,但是适当的增加一些基础的键盘事件操作支持,会让web的可操作性更好,用户的体验也就更好(比如,表单的提交支持鼠标点击按钮的同时,也支持Enter键)。

     

    同样,网上也有好多的键盘事件监听的框架,有需要的可以上网查找一下(支持单个按键和组合键监听)。

     三、界面布局和UI设计

    了解用户阅读习惯,合理布局页面。可以使用对比色或相近色等色系配色。突显重点需要展示的内容。当然,界面的风格还是要根据项目的涉及业务等方面制定。另外,可以将需要用户录入或操作的面板区域重点突出。方便用户快速定位操作书写。

    这是之前整理的一个web前端交互易用说明分析。都是从大的方面笼统的整理一下(分析谈不上)。再以后的开发中,可以从这几方面细考量,让项目更加易用。

    感谢阅读。

     

  • 相关阅读:
    使用select2插件并添加拼音首字母检索
    sql id 或使用nolock
    .net 开源组件
    EF 创建数据库的策略 codefist加快效率!【not oringin!】
    个人拾遗!数组的拷贝等
    编程拾遗:集合类型的函数,返回值,如果没有,就返回默认集合new,或者 default(T)好一些。
    C# datatable to list
    npoi导出excel 导出List<T>
    display:inline、block、inline-block的区别 摘】
    ie下,jquery为动态添加的节点添加事件,用live
  • 原文地址:https://www.cnblogs.com/chunyangji/p/5805602.html
Copyright © 2011-2022 走看看