关于表单(form)设计的学习
来源:互联网 发布:mysql custom 编辑:程序博客网 时间:2024/05/16 10:02
背景
一直以来,我发觉自己非常缺乏设计天分,不说网页色彩搭配,我发觉自己连设计一个简单的、整洁的表单都十分吃力。幸运的是,我在学校图书馆发现了《Web表单设计:创建高可用性的网页表单》这本书,因此就如获至宝认真看起,断断续续的把整本书都浏览了下。对了,确切地说,这是本设计思想指导的书,不谈技术。
书本中最让我长知识的是,书本提出了关于构建表单的三层理论:关系、对话和外观。
表单的关系(Relationship) 指提出问题的机构与回答问题人的之间的关系;
表单的对话(Conversation) 指包括表单所提问题,任何其他的说明文字,以及表单按话题排列的方式;
表单的外观(Apperance) 指它看上去怎样,文字字段、输入区以及图片的排列方式,以及颜色的使用;
再配张图吧。
且看如下书中的精彩点吧!
说服人们回答问题
这章节有如下两个比较不错的知识点。
- 表单用户一般分为三大类型,对被访问者的不同表现主要是由于表单与访问者的关联强度决定的,如果是填写工资单,那么填写着肯定会认真对待吧。
匆忙填写者(Rushers):这些用户一开始就匆忙填写表单字段,他们只在自认为有必要时才阅读表单上的文字;
拒绝回答者(Refusers):这些用户与表单没有任何交互;
- “社会交换论”——影响反馈的三条法则,它的核心理念是:人们只会回答那些让他们感觉良好的问题。
法则1 建立信任
如果人们对提出问题的机构充分信任,并且赞同信息的使用目的,他们就更愿意作答。如果人们对你抱有不信任的态度,结果他们要么放弃填写表单,要么编造一个谎言
法则2 降低社交损失
社交损失是一种不良情绪,比如感到自卑,或者处境不利
法则3 增加奖励
如果人们意识到填写表将获得一些奖励,会更愿意作答
获取正确的信息
- 获取不必要的信息完全多此一举;
- 与利益相关者(你的项目资助方,将使用你所收集信息的部门)协商,了解哪些信息是必不可少的;
- 用户会想当然地认为你肯定会使用他们提供的信息,因此确保以合理方式使用这些信息(收集了信息却没利用,是极大地浪费)
- 了解你的竞争对手和相似机构在做什么
提出容易回答的问题
我们在做出题设安排时候,一定要考虑题目的语句表述是否通畅,是否有歧义。
悲剧哈,我的书被图书馆阿姨给清理了… 然后就没写完,在此向阅读本博文的你道歉
参考资料:《Forms that Work –Designing Web Forms for Usability》 Caroline Jarrett、Gerry Gaffney 董淑祯 【译】
- 关于表单(form)设计的学习
- Form动态表单设计的开发
- 关于form表单的美化方案讲解
- 关于Form表单的提交与验证???
- 一个关于form表单验证的js
- 关于form表单的提交形式
- 关于Form表单的action和onSubmit
- 关于FORM下的表单提交问题
- 关于form表单提交乱码的解决办法
- HTML:关于form表单的重置按钮
- 关于表单(Form)
- 关于Form 表单
- 关于form表单
- 关于form表单底下 button自动提交表单的问题
- DW学习笔记:form表单的创建
- HTML5混编学习笔记: 表单(form)、响应式web设计(RWD)
- Bootstrap初级学习(一)表单<form>
- HTML学习笔记-form表单(五)
- Jmeter - Getting Started
- DeepLearning:win10 64bit 安装theano+keras+GPU加速
- [转]EEPROM和flash的区别
- .net使用Jquery上传图片
- At91sam9x25 CPU启动问题
- 关于表单(form)设计的学习
- ajax接收服务端数据中文显示为?的解决办法
- UVC网络摄像头(三) X264
- fragment页面刷新问题
- 关于cakephp3 默认调用rander()
- 用javascript制作的简单毫秒计时器
- [iOS Swift3.0/Oc] 摄像头实时获取视频流效果 简单记录
- codeforces 667A 667B
- avalon子孙元素属性监听