Future Friendly College

本文摘译自Brad Frost的经典分享《For a Future Friendly Web》，采用的是芝加哥2012版本。
Above all, appreciate to Brad Frost’s great work.

P2-P8 现实和思路：如何面对Web的复杂性和不可预测性

1. Web不仅是PC上的网页，Web充斥着我们身边的很多设备，比如手机，比如平板，比如智能家居，比如google眼镜，比如apple watch等
2. 设备越多，使用场景越复杂，我们不知道以后的Web会发展成什么样子。如何解决未知的问题，就需要我们做出对未来友好的设计

P9-P18 FFLY之内容策略：设备复杂不足惧，内容是核心

1. 我们的思维被PC和手机框住了，我们应该大开脑洞，专注于内容和上下文，而非某些设备。
2. 我们要创造和用户预期相关的，符合用户诉求目的的内容。不要试图考验用户的耐心，用户在Web上只关注自己需要的内容，除此以外，别的都是狗屎。我们最迫切需要满足的，是用户专注于内容的渴望。

P19-P39 FFLY之内容包围用户：使用场景复杂不足惧 内容无处不在

1. 内容不可控：内容似水，顺着指缝流向各处。
2. 用户场景不可控：事实是，你的用户拿着各种设备，在你意想不到的阅读场景下看你的内容，你完全控制不了用户的行为。传统的Web阅读方式是正襟危坐在大显示前看PC端的内容，而现在，移动设备的发展使得我们在Web上阅读内容的场景转移到了飞机、火车、公园、客厅等，所谓经典的阅读场景不见了，而用户利用碎片化的时间，使任何地方都变成了Web阅读的空间。我们这里所谓的阅读场景包含2组内容，第1组内容和用户有关：包含用户目标、用户环境、用户专注度、用户熟练度等；第2组内容和设备有关：包含屏幕尺寸、网络连接、设备强大程度、提供的交互方式等。
3. 不可过于依赖用户的使用平台：如果有人说我有一个应用于某个APP的十分牛逼的点子啊！你可以告诉他省省了，牛逼的点子从来都不是为了某个APP诞生出来的，最有价值的产品往往是跨设备的。
4. 移动Web的独特用户习惯：用户在移动场景下使用移动Web的习惯来自桌面PC的Web体验和移动APP的用户体验习惯的混合
5. 移动用户会尝试做任何在桌面电脑上做的事：有的时候和小伙伴们讨论，有人发言说“你想多了，移动用户不会这么搞” ——这才是胡说八道，用户有多变态，你知道吗！人们在移动设备上做各种各样的事情，比方说买珠宝钻石（Brad Frost做过Tiffany的官网）。

P40-P46 FFLY之内容策略：

“除非需要设备原生支持，比如说调摄像头什么的（形容web不能做到的事情），我们需要把一切内容都在移动端优化并提供给用户，让用户决定自己要在我们的web上干什么”——Stephen Hay

1. 我们的目标：提供更多的和用户预期相关的内容，支持更多的使用场景
2. 我们需要做出的努力：改善你的内容，不要拒绝用户，去发现更多的设计和技术的可能性吧

P47-P56 FFLY之响应式设计

（设计和技术部分从略，详细参见“响应式设计：Rebuild as Design”）

响应式设计不是灵丹妙药，只是迈出了实质的一步

P57-P111 FFLY之适应性设计原则

1. 无处不在（“混乱的设备不是bug，而是机会”——Stephanie Rieger。给用户他们想要的）
2. 弹性适应（响应式设计）
3. 注意性能（页面速度，页面加载文件大小，性能就是设计）
4. 增强体验（响应式设计不是一个尺寸适应所有设备，渐进增强，从小到大设计，“支持xx”和“面向xx优化”是不同的）
5. 未来友好（拥抱未知，向前向后兼容）

P112 怎么开始

1. 为每个设备设计一个版本：这样是缺乏扩展性的。
2. 不可忽视的现实是，老网站的一些老旧代码亟待优化，虽然会遇到很多困难，我们需要迎难而上，首先埋下一颗种子，一点点将技术推陈出新，老网站的每一个细胞终究会被新技术替代。
3. 用户不在乎你的网站是不是响应式设计的，不在乎你的网站是不是为每个设备单独设计的，他们只在乎在当前设备上能否完成他们想要完成的任务

P125 总结

拥抱未知，知难而上，准备好迎接Web的未来。