只好粘些笔记了_Web表单设计书评-查字典图书网
查字典图书网
当前位置: 查字典 > 图书网 > 交互设计 > Web表单设计 > 只好粘些笔记了
ZPTAO Web表单设计 的书评 发表时间:2015-07-27 22:07:46

只好粘些笔记了


        * 1.蝶形选票butterfly wills
        * 2.表单的三个层次:关系relationship:提出问题的人和回答问题的人之间的关系;对话conversation:所提问题,说明性文字,问题分组;外观appearance:字段、输入框、图片的排列,颜色。
        * 3.a.填表人和表单发布机构的关系会影响应答行为;b.社会交换论,建立信任,提供奖励,设计更简单以鼓励人们回答问题;c.理解你的用户
        * 4.表单用户:阅读者readers,仔细阅读表单;匆忙填写者rushers,一开始就填写字段,只有在认为有必要时才阅读文字;拒绝者refusers,与表单无交互。
        * 5.恰当的提问时机。
        * 6.回答表单的过程中,填表人与表单之间的关系在时刻变化。
        * 7.社会交换论social exchange theory核心理念:人们只会回答那些那他们感觉良好的问题。
        * 6.影响反馈率的三条法则:一、建立信任,放弃或说谎(由真实机构发布,提供发布机构的联系方式,意图明确,表单设计有专业水准,远离广告);二、降低社交损失social cost(不良情绪,丢面子)(请求而非要求用户提供答案,表单要简短,通过流程提示和摘要菜单增加用户的控制感,少涉及私密问题,用户确实知道如何回答的问题,尊重用户的付出恰当使用错误提示,保存已填内容,在输入最少的基础上纠正问题);三、增加奖励,会更愿意作答(立即兑换的小奖励比延迟支付的丰厚奖励更有实际效力)。
        * 7.建立信任;减少付出(认知心力,情感付出);增加奖励(意识到奖励,立即而非延迟的奖励)
        * 8.长短,长到提问了所有相关问题,短到用户最少付出。
        * 9.用户:视力问题,运动控制问题,认知问题。可靠性:与公司无关,在你的产品所支持环境下工作》符合统计特征,相似知识背景》老用户》公司中使用该产品的同事》培训师,技术支持人员》研究市场和用户的市场研究人员》不使用产品与用户无关的专家。了解用户如何理解表单。用户对照组。
        * 10.创建人物角色persona,反应目标用户特质的虚构人物 。故事情节story
        * 11.小结:选择恰当的时机提问;考虑谁将填写表单,他与收集信息的机构之间的关系如何;理解用户与表单关联的目标;确保用户填写表单获得的奖励与其完成表单付出的努力之间的平衡。
        * 12.如何防止注册表单破坏用户体验,并尽可能让注册变得简单?解释注册或提问的原因;提供用户所需(奖励);问题越少越好;避免敏感问题;只问(注册)一次。
        * 13.表单询问的每一条信息都将给用户添加一份负担,也将给发布机构处理这些数据增添一份负担。
        * 14.小结:索取不必要的信息完全多此一举;与利益相关者协商,了解哪些信息是必不可少的;了解你的竞争对手和相似机构在做什么;确保以合理的方式使用这些信息。
        * 15.插入式答案(姓名住址等留存于头脑中的答案),搜集式答案(从抽屉、钱包中获取,需要回忆),第三方答案(用户询问他人才能获得的答案),创造式答案(需要思考)
        * 16.五条简明语言法则:以常见的方式使用常见词汇;使用简短、肯定、主动语态的句子;推翻文字的围墙(分割成较小的文字片段);先选择后行动(如果先于那么);使用有帮助的标题。几种有用的说明文字:一个用于贴切说明表单用途的标题;提前告知需要搜集哪些问题;告知用户如何获取帮助的文字;告知用户下一步将会发生什么的提示信息。
        * 17.如果用户不愿意点击帮助?在需要的地方提供帮助;请勿重复;让说明文字从其他信息中区分开来;请勿让用户在过长的文件中迷失方向;允许用户逐步提升。
        * 18.控件:下拉列表,单选按钮,多选按钮,复选框,输入框,链接。
        * 19.键入还是选择(美国50个州的下拉列表,不如键入双字母缩写;出生年);应对输入错误
        * 20.和口语交流不同,表单不能及时澄清消除困惑,而大部分内容已经预先确定。
        * 21.表单长度超过两个屏幕:压缩字段之间的距离,缩短标签(有过培训);按话题分成多页显示(保证每次只提一个话题;先提问符合预期的问题再提意料之外的问题;少提突兀的问题)。
        * 22.使用进度提示器(分解成一系列独立的步骤,用户可预知,依序,实时更新,一致性)和摘要菜单(允许用户按任意顺序处理,不能逐步完成的任务)
        * 23.外观,eye-tracking眼动追踪法,结论:用户的视线集中在字段和标签上;用户会注意字段的左侧和上方;用户只会查看与字段有关的标签;把标签放在字段上方有时奏效;右对齐插入式答案的字段标签更有效;其他类型字段慎用右对齐;个人信息愿意填写,右对齐标签;犹豫不决,浏览时评估考量,左对齐给些思考时间;拿不准就左对齐;标签需要翻译时,长度不一致,可以放在字段上方。
        * 24.冒号要不要?抛硬币吧。句首字母大写,还是句中每个单词的首字母都大写,还是句中重要单词大写?无足轻重,尽量选择句首字母大写。标记必填字段?*号,其他标记符,颜色,对齐。
        * 25.易读文本:良好对比度的大号字体;版式不宜多变(粗体,斜体,全大写,下划线);空白让段落更易读(行幅过长,折行时容易跳错行;行间距过大,看起来毫不相干)。
        * 26.衬线字体serif(有额外装饰)还是无衬线字体sans serif。点数不足,衬线字体在屏幕上的显示不太完美,容易出现锯齿。verdana屏幕显示时更易读,报纸使用times new roman。
        * 27.网格线,避免使用左右分栏
        * 28.方法:应用颜色和阴影使话题组更容易识别;应用亮色背景提高可读性;通过恰当分组、排列和空白元素,减少凌乱提高填写的流畅度;删除不必要的文字;对齐网格线,更有组织;标签尽量左对齐;红色星号必输项;链接文字,蓝色下划线;可延伸、折叠样式。

展开全文


推荐文章

猜你喜欢

附近的人在看

推荐阅读

拓展阅读