一，响应式Web设计
页面会根据显示的不同分辨率或窗口大小，发生变化，力求在不同的设备或环境下，保证网站页面的良好显示。
Responsive Web Design: 50 Examples and Best Practices(响应web设计的五十个最佳实践案例)
http://designmodo.com/responsive-design-examples/
优点：在不同的环境都可以给用户良好的界面体验（待续）。
陷阱：使用不当，可能让用户在不同的环境下，发生不知所措的情况，让用户不习惯。
案例分析：
http://colly.com/
数据列变化方式：宽屏，每行4列的排列显示。窄屏，每排以2列显示。
http://foodsense.is/
菜单移动方式：在宽屏情况下菜单在左边，窄屏情况下菜单移动到了屏幕顶端。
http://www.anderssonwise.com/
水平垂直切换方式：宽屏，左边内容是较小块，横向排列。窄屏，左边内容移动到下方并且变大（图也不同了）垂直排列。
http://stephencaver.com/
缩放方式：从宽屏到窄屏没有明显的变换瞬间，整个是根据窗口的大小随时缩放变化的。
http://interim.it/
文字的排列方式：在宽屏某文字以垂直排列，窄屏是水平排列。比较特殊的例子，只是为了排版的效果。
使用了特殊的CSS标记：-moz-transform：rotate(90deg)、-webkit-transform: rotate(90deg);
http://forefathersgroup.com/
图形简略方式：随着屏幕从宽到窄，图形从多到少，逐步去掉图形装饰。
参考书籍：
《Web信息架构：设计大型网站》
《About face 3.0》
《网站交互设计模式》
《锦绣蓝图:怎样规划令人流连忘返的网站（第2版）》
《Web导航设计》
《瞬间之美——web界面设计如何让用户心动》
《设计心理学》（唐纳德 A 诺曼）
拒绝平庸——浅谈WEB登录页面设计：
优雅大方
精致的质感表现
小清新的插图
人文关怀的品牌传达
越来越大的登录框
简约而不简单
不評估 idea 可不可行，只評估這個團隊能不能把他們的 idea 做出來
拿到市場裡去，得到各種真實的反饋。從那裡，你會開始 Pivot。
然後好的團隊，就會慢慢把 idea/product 越改越好，越改越好，
直到有一天變成我從來沒聽過的 idea，直到有一天找到 Product-Market Fit，
長出 Business Model，一步步邁向成功。
WEB表单设计：
保持醒目和简洁
始终与用户的期待保持同步：善用tabindex、拒绝意料之外的跳转。
更大的输入框
安全性很重要
用户界面设计中，按钮交互，的“状态”和“动作”的表达
1、分离状态与动作的表示（如图1）。最直接，产生歧义的可能最小，但可能会占用大量空间，以及造成信息冗余。
|
图1
|
2、忽略状态，突出动作（如图2）。当状态无需标识也能直观识别时适用。
|
图2
|
3、忽略动作，突出状态（如图3）。当动作操作已经被划分指定区域，可以预期其可操作性时适用。
|
图3
|
4、具象与仿生（如图4,5）。当与现实物品建立感官联系时，人们的学习成本会大大降低。此类运用不好定义其适用范围，留给大家探讨吧。
|
图4
|
|
图5
|
如何让数据说话！ —网站实例分析
http://ued.ctrip.com/blog/?p=3090
数据的简称：
– PV （即Page View，综合页面浏览量）
比如：当我点击了一个banner，那么从点击后出现的页面开始，后面所有点击出现的页面的浏览量就是PV。
– CLICK（页面点击量）
– DISPLAY（单个页面浏览量）
– UV（即Unique Visitor，独立访问者）
访问您网站的一台电脑客户端为一个访客。24小时之内，同一IP，多次访问，只算一次。
– BUYER（购买者）
访问您网站的一台电脑客户端为一个访客。24小时之内，同一IP，多次购买，只算一次。
– CTR（点击转化率，也就是Click/Display）
– 广告位转化率（也就是PV/Click）
如何正确看待数据：
数据不是为了制定不切实际的指标。
很多项目要看长期的数据趋势，在过程中可以做一些其他UER调研来完善它。
数据需要统筹考虑，不同角度会有不同结论。
数据告诉我们哪里出问题，用户调研能告诉我们问题出在哪里。
数据是个双刃剑。虽然数据分析是非常重要的，也是每个公司的老板非常看重的部分，但是它需要我们合理分析，综合考量。如果它的分析出了错，那么可能会导致一个决策上致命的错误。因此数据需要我们认真和全面的思考。
为触屏手机而设计系列1——拇指操作的“热区/死角”与“控件尺寸”
关于产品经理KPI的那些事
理解KPI如何达成，并合理分解
广告新增用户成本：指通过广告获得一个注册用户所付出的成本。
每日新增用户：不用解释了吧；
新用户存活率：指新注册用户达到一个设定条件的比例（总会有一些注册后再也不使用我们产品的人，因此我们以一个既定条件来确认用户已经激活。游戏中可以以一个等级来判断，其他产品可以用注册后一段时间的活跃度来计算）；
有效用户平均生命周期：一般来说用户都不会永远的使用一个产品，一旦超过一个阀值就不再登录，基本上这个用户就“死亡”了（复活比例一般很低），不同产品的平均生命周期差异很大，比如SNS游戏可能只有1-2个月，而SNS长达数年；
用户登录频率：每天使用一次的产品与每10天使用一次的产品，同样的有效用户数，带来的日活会相差十倍，因此我们有必要了解有效用户在生命周期里，平均多久用一次我们的产品。对于KPI为日活跃的产品经理来说，一个用户每天多次登陆对KPI并没有意义；
访问深度：用户每次使用产品的时间长度或者访问页面数，对于关注流量的产品来说，这是一个非常重要的指标。
日活跃峰值 = 日新增*存活率*活跃频率*（2*平均生命周期）/2 = 40000*0.3*0.2*（2*90）/2 = 216000
##CLEAR手势
只用手势的手机触摸屏，操作方式。
clear手势的未来：http://ued.baidu.com/?p=2073
#“动动手指就搞定”——谈手势操作在手机端软件设计中的应用
http://mux.baidu.com/?p=2227
基本操作：选择（敲击）、打开（双击），改变模式（长按）。
导航操作：滚动（两指拖动、滑动），平移(手掌拖动），显示命令（按与敲击）
对象操作：缩小（捏、挤），扩大（展开、伸展），调整（按住并拖动、按住并敲击再拖动）
绘制操作：接受（指尖画勾），剪掉（指尖画斜线），撤销（指尖画折线）
是：锦上添花或弄巧成拙
化繁为简的魔力：画个圈就可以（选择部分文字）
但是：缺乏规范的困惑、不易被发现的尴尬、精准度低是死穴
给英雄以用武之地
洞察用户习惯叉否定，勾肯定。
实物的隐喻：前进按钮（箭头），刷新按钮（画半圈）
字母首表示
引导用户使用：
说明书式，范例式，引导式。
给用户选择：复杂的手势不可取（让用户过多的记忆）、切换手势模式。
调研分析（用数据说话）。