码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2014-08-19 22:22:05      阅读:383      评论:0      收藏:0      [点我收藏+]

标签:des   style   http   使用   strong   ar   art   问题   

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

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

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

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

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

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

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

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

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

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


  

   

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

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

标签:des   style   http   使用   strong   ar   art   问题   

原文地址:http://www.cnblogs.com/yxwkf/p/3923056.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!