读书笔记(一):web表单设计 创建高可用性的网页表单

读书笔记(一):web表单设计 创建高可用性的网页表单_第1张图片
web表单设计 创建高可用性的网页表单


整体而言,且本书偏学术,适合发散思维,出版时间也比较早,造成内容和现在的互联网略脱节,讲述的是当年从0到1的非常基本的设计、优化,以及研究过程。个人认为实用性不强。但是其中有些点还是很有启发,一些表单设计的基本原则也许随着时间流逝被人们忽略了。

(*本书的表单指的多是需要填表的网页。和我最初想读的列表页信息展示还是有很大差别的。下载地址:http://vdisk.weibo.com/s/t3kHiGaozdX8 )


>>表单用户分为以下几种类型:

阅读者:这些用户仔细地阅读表单

匆忙填写者:只在自认为有必要时阅读表单上的文字

tips:选择恰当的提问时机

发散:重新设计发快递单

>>影响反馈率的三个因素:

提高可信度、降低社交损失(eg1尽量少涉及私人或敏感的信息,eg2 输错后尽量保存已填写内容,让用户再输入最少的基础上修改信息)、增加奖励

tips:避免重复

>>人们获取答案的四种方式:

插入式:自己知道,已存在头脑中

搜集式:自己知道答案放在某处,需要找到某样东西才能查看到答案【最好为如何获取答案提供帮助】

第三方答案:通过问别人才能够获取答案【考虑是否应该将表单发送给别人】

创造式回答:【通过帮助来构建或约束答案 eg 闲鱼 PC发布商品-商品详情中的信息格式】

tips:涉及隐私的问题:解释你为何想知道答案:解释必须真实尅下你、你的理由必须和用户的内心动力相符(此处应充分考虑用户的目的)

发散:工行申请北京交通牡丹卡表单 优化

>>选择合适的控件

插入式问题:输入框更合适 if 容易输错,选择控件 or 自动纠正错误  

eg:生日--输入框比下拉列表更快速方便

第三方答案:选择控件:

  if 选项少于4个,单选按钮比下拉列表更好,因为更一目了然知道有多少个选项内容都是什么

if 用户要理解问题需要参看所有选项,单选按钮比下拉列表更好

>>长表单处理

1.按话题分页

2.备上进度条,最好放在问题的上方

使用进度条的条件:

1、可以讲表单分解为一系列独立的步骤

2、可预知用户将经历多少步

3、表单确实是依序从一个步骤进入到另一步骤

4、所有答案是插入式或者非常容易搜集获得的(以保证即使分步,表单的填写也可以一气呵成)


读书笔记(一):web表单设计 创建高可用性的网页表单_第2张图片
进度指示器特点
读书笔记(一):web表单设计 创建高可用性的网页表单_第3张图片
清晰写明分多少步

3、摘要菜单对某些表单比进度指示器更合适

一些表单的填写并不能严格遵循进程分步完成(允许一定的跳跃,可以以任意顺序填写表单),用户必须通过搜集或调查才能填写其中的某些问题。

读书笔记(一):web表单设计 创建高可用性的网页表单_第4张图片
进度器使操作更麻烦的例子

duang~摘要菜单更合理:


读书笔记(一):web表单设计 创建高可用性的网页表单_第5张图片
摘要菜单


你可能感兴趣的:(读书笔记(一):web表单设计 创建高可用性的网页表单)