交互设计师一大宝贵财富就是他的经验和直觉，在大多数需要对当前设计作出迅速判断的情况中，交互设计师所依赖的就是他的经验和直觉。在互联网的世界中，最有价值的可能就是数据了。google靠数据一举奠定江湖地位；twitter靠数据开始逐渐走向成熟；每一个交互设计师也能用数据来弥补依靠经验和直觉来设计的不足。本篇网志从一个很小的设计案例来描述除了经验和直觉之外，数据研究也可以验证、修正、甚至颠覆设计。
　　通过经验和直觉产生的设计
　　上图是这个设计案例的真实环境，来自于青海玉树捐赠页面。这是一个很简单的捐赠表单，用户选择金额，然后点击确定就可提交表单。如图所示，让用户有4个具体金额可以选择，并有一个其他金额可以输入，同时默认选择50元，是按照我的经验和直觉来设计的。我希望大部分用户是认同这个默认金额，并且直接点按钮提交表单的，这样对于大部分用户来说只用一次点击就能完成捐赠。要选择其它三种给定金额的用户，需要两次操作；而要选择四种给定金额之外的用户，则需要三次操作（选择其他金额填写数字点击按钮）。而50、20、10、500这样的金额分布，是我基于对人民币金额的理解以及常规正太分布的想法来设计的，保证中间高，两头小。
　　经验和直觉可能不靠谱，设计数据监测来验证
　　以上这些想法绝对有可能不是用户真正操作时所想的。可能大部分用户觉得50块太少了，或者20块和10块无所谓选择哪一个。为了让这个金额更符合用户的期望，减少用户在选择金额时的操作，我在设计之初就和前端同学构思好了在此处添加埋点，监测用户操作的路径，统计出不同选择的占比。
　　数据监测设计想法是在用户各个操作的地方埋点，用户点击了则会发送一次请求到服务器，具体的设计为：
　　最后点击按钮为终点，通过在终点前一次的点击来判断用户不同的路径
　　用户进入页面后直接点击按钮为默认路径
　　用户进入页面后操作若干次之后最终选择50元为50路径
　　用户进入页面后最终选择20元为20路径
　　用户进入页面后最终选择10元为10路径
　　用户进入页面后最终选择500元为500路径
　　用户进入页面后最终选择其他金额为自定义路径
　　看看数据显示的实际情况

iPad将设计师从定式QWERTY键盘解放出来本文不是关于触摸屏技术的，不是关于Dvorak键盘有朝一日取代了QWERTY键盘（也许，但不是今天）。我感兴趣的是iPad给以设计人员能够重新思考的键盘布局，给执行某些特定任务……网页设计师也该关注页面性能一名网页设计师在做具体设计的时候应该考虑的问题有哪些？业务，产品，信息结构，交互，视觉别忘了还有页面性能。我所崇尚的其实一直都是小作坊似的创业团队协作开发模式，大伙儿能快速沟通……优化网站信息架构让用户更容易地找到需要的信息1关于信息架构，网站设计的同学才是专家，我在这里只是班门弄斧，根据大学里面阅读的信息架构类文献资料的一些残存的记忆，再加上这几天临时抱佛脚的简……流程图和线框图的关系流程图（taskflow）是指用图形语言的方式画出用户在使用这个产品的方法和达到具体功能的步骤。通常会把产品的使用流程作为某些任务去完成，用语言描述出想要达到的目的，每一个步骤……产品经理怎么和程序员打交道经常有人问我：“嗨，费杰你好！请问阿里巴巴的需求文档怎么写？“，但很少听到人谈：“嗨，哥们你好！请问产品经理怎么和程序员打交道？”你回去稍微琢磨了一下，心里就会得到下面三种情况……Twitter的设计原则来自Twitter的用户体验专家MarkTrammell阐述了Twitter的设计原则，包括注册流程、对新用户、忠实用户的理解等，值得一看，推荐和看Facebook如何做设计比……网站的结构应该是可以理解的一个网站就是一个小小的世界，这个世界应该是可以理解的。我们都试图去理解自己所身处的世界，是吗？为什么要去理解？因为我们希望在这个世界中更好的生活。这是积极的，如果不……数据研究在交互设计中的应用交互设计师一大宝贵财富就是他的经验和直觉，在大多数需要对当前设计作出迅速判断的情况中，交互设计师所依赖的就是他的经验和直觉。在互联网的世界中，最有价值的可能就是数据了。goog……优化站内搜索让用户更容易找到所需信息关于如何让用户更容易地找到需要的信息，上一篇文章中介绍了使用优化网站信息架构的方式，这篇文章主要介绍的是通过优化站内搜索的方式来帮助用户找到需要的信息。站内搜索已经成为目……黑丝诱惑：膨胀色与收缩色膨胀色与收缩色你听说过膨胀色和收缩色吗？像红色、橙色和黄色这样的暖色，可以使物体看起来比实际大。而蓝色、蓝绿色等冷色系颜色，则可以使物体看起来比实际小。色彩对物体大……文字色彩与可读性分析一。饱和度与易读性：上周在做F同学的一个项目时，涉及到较多列表性的文字链接。目前除去频道和首页，全站文字链接使用一致的蓝色，色值为014ccc，饱和度较高，在用户浏……网页设计（webdesign）和用户界面设计（UIdesig这是两个现在网页设计领域使用频率非常高的词。在大多数情况下，它们被相互替代。这个领域内外的很多人都认为这是两个意义基本一样的词。但是它们真的可以互相混淆么？我并没有为一些名词而……