走进小作坊（十一）----移动web实现指南

             四、五年前智能手机行业刚刚兴起，区别于之前功能机阉割版的web开发方式，一些学者就开始探索移动web的UI方向了。从PC迁移到移动端的web设计现成可用的原则有，更多的则是根据移动端独有特点进行探索、总结经验、原则。这本《移动web实现指南》乐帝本意是提升响应式设计网页的水平，读后发现更多的宝藏，揭开了对整个移动端web设计的兴趣之门。

    移动设备不断抢占PC端的领地，对移动端web的需求自然也是水涨船高，越来越多的网站需要考虑到移动端用户的需求。前几年的文章处理这种趋势还可以采取四种策略：有所不为、修改现有的设计（用CSS）、设计一个独立的移动Web站点、设计一个负责任的网站。如今上述策略的路越走越汇聚到一点，进而出现了“移动优先”的论调，即设计网站先考虑移动的界面，在此基础上再去考虑PC界面。本书作者正是在这种环境下，对已有PC网站设计进行移动化修改，进而讨论移动端网站特点以及开发需要关注的问题，呈现给我们一个完整的移动端开发现状。

  “移动”二字，有很多应用场景如开车、走路、跑步、放松状态等等，即感觉器官处于忙碌的状态，在设计移动页面设计时，能把自己沉浸在这些体验中，注意到繁忙的程度影响着访问信息或进行操作的方式：注意力被分散时，就要让设计选项非常容易定位；处于放松心态时，执行动作变得困难。移动页面设计布局的终极目的就是：尽可能地让用户快速地找到所寻找的东西，减少这一过程的用户负担。

   闭门造车想象应用场景是远远不够的，如果开发一个网站，关注用户的需求永远都是对的，动员用户是第一位要做的，书中提出一些可行性的途径。例如组织用户访谈、请用户喝咖啡或者吃饭或者快速面谈，或者电话或电子邮件等等与用户互动。

   有了与用户的互动，掌握了原始资料，就可以进行接下来的一步了，撰写用户故事。用户故事是概要似的设计规范，但它是使用叙述手法，并关注用户行为和情景。用户故事的撰写意在找出更多的、潜在的设计解决方案，这样做能引出更多之前没关注但需要解决的问题。用户故事书写的方式仅限于描述用户的动作，以及他们使用网站或者应用程序中的行为和反应。

   这几步是循序渐进的，得到原始资料，对原始资料整理、模拟出用户故事，然后提取出用户的需求。需求出来了，但有时会发现需求很多或者没侧重点，这就需要将用户故事排列优先级了。

   排列优先级可以从三种需求层次考虑：基本型、性能型、兴奋型。基本型顾名思义，是产品的底线，如果这些需求都打不到，就不用上线了。性能型则是在基本型需求之上，可以促进用户更高的满意度。兴奋型则是超出用户预期，会给用户带来惊喜与兴奋。这种需求属于稀缺需求，需要非常优秀的创造力。这样我们也就能理解，做项目时，产品经理的B计划了即降低性能型或者兴奋型需求，保留产品基本型需求，完成上线任务。这篇文章讲解了产品经理从需求提出到细化的过程。

  书中讨论了关于重构的加载多余代码的问题，作者欲扬先抑，先说劣势，但是又懂得变通，认同加载多余代码。这种抓大放小的风格，在移动web设计中尤其重要。书中给出了几个移动设备的例子：手表、汽车仪表盘以及iPhone计算器的设计，以生动的例子讲解移动设备所要注意特定的应用场景以及用户需求，来设置设备的比例和内容设计。并由此引出移动端web设计宽度适应性、图片排列、文字行高和每行字体个数、苹果根据表单类型变换键盘类型的例子。对此书核心内容进行了讲解。知识性的不是很强，更多的体现在可用性的权衡上。这里是一篇构思网站内容架构的原则的文章。

   可用性之后，书中给了一些切实的移动化web原则：较短的标题；较短的描述、插图编号；较小的图片或者可以动态缩放；较少的图片。当然还有更加详细的原则请戳这里。

   这本书面向的对象更像是给一肩挑的站长写的。掌握一些移动化可用性原则后，就可以撰写简单的web应用了，这里给出了一个简单web应用，从构思到完成的小项目过程。