走进小作坊(十一)----移动web实现指南

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

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

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

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

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

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

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

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

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

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


  

   

走进小作坊(十一)----移动web实现指南,布布扣,bubuko.com

走进小作坊(十一)----移动web实现指南

上一篇:Android 壁纸设置代码 详解


下一篇:Android 最火的快速开发框架XUtils