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

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

大家好,又见面了,我是全栈君,祝每个程序员都可以多学几门语言。

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

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

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

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

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

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

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

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

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

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


  

   

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/118583.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 十大it博客_中国it名人

    十大it博客_中国it名人IT名人博客推荐(15个)1.李彦宏百度公司总裁博客地址:http://hi.baidu.com/liyanhong2.张朝阳搜狐董事局主席兼CEO博客地址:http://charles.blog.sohu.com/3.马云阿里巴巴集团主席兼首席执行官博客地址:http://yunma.blog.china.alibaba.com/4.雷军曾任金山…

    2022年8月30日
    0
  • 浮点数的二进制表示

    浮点数的二进制表示

    2021年9月15日
    59
  • log4cpp深度封装[通俗易懂]

    log4cpp深度封装[通俗易懂]简介关于log4cpp的介绍与好处就不再赘言了,百度一搜一大把。主要是对于log4cpp的使用如果不封装一下,感觉还是挺麻烦的,例如不少函数名挺长的。所以自己动手把它的日常使用进行了封装,可以让使用log4cpp就像调用一句printf()函数一样简单快捷。封装目标不需要用一次就调用一次getInstance,只需要在main文件中引入一次即可封装成需要使用时只需简短的一举logError(“s

    2022年7月13日
    11
  • decide your linux OS is GUI or not「建议收藏」

    decide your linux OS is GUI or not

    2022年2月4日
    37
  • pdf下载插件tcpdf

    pdf下载插件tcpdfThinkphp框架引用tcpdf一:引入tcpdf整个文件夹到项目如下目录/ThinkPHP/Library/Vendor/tcpdftcpdfv6.2.12版本百度网盘下载链接:http://pan.baidu.com/s/1kVhrQoJ密码:bfh4二:简单的使用 三:关于下载PDF时,插件把中文文件名屏蔽了的解决方法四:把tcpdf中的插件引入到项目中

    2022年9月8日
    0
  • javascript返回上一步,后退的代码

    javascript返回上一步,后退的代码第一种方法:<ahref=”javascript:history.go(-1)”>返回上一步</a><ahref=”javascript:”οnclick=”history.back();”>返回上一页</a>第二种方法:<scriptlanguage=”javascript”>window.history.back(-1);</script>…

    2022年7月25日
    6

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号