zoukankan      html  css  js  c++  java
  • 移动Web开发的10个重要准则

    移动设备的快速发展给用户带来了很大的便利,用户使用Android、iPhone和其它移动设备很容易接入互联网。最近的一项研究表明,超过6300万的用户使用移动设备访问不同的移动网站,这个数据预计到明年年底会达到2亿左右。由于人数在不断增长,所以产品经理和设计师们要及时追踪移动用户访问的移动网站,了解移动网站发展的最新动态。但说到底该如何良好恰当地追踪?这是每个产品经理和设计师都要认真思考的问题,在此,本文作者归纳出10点重要准则并对其进行阐述以供大家参考。

    1.初始分析

    分析用户的关注点非常重要。首先分析你的网站中哪些页面是主要的,那些页面的访问量最大,这将有助于你设计移动网站中的网页分布。其次一定要查找用户正在使用的关键字,因为用户往往通过它们到达你的网站。这些分析结果将对移动开发起到重要的作用。

    2.用户特征

    和桌面用户比起来,移动用户必然会有不同的需求。在开发和设计移动网站时,一定要考虑用户特征。如果你的目标用户是年轻人,要确保他们在开车、购物或参加其它活动时都能够非常容易的访问你的网站。所以分析用户特征在移动网站的开发中也很重要。

    3.少使用图像

    事实上,在移动网站上使用图像是无益的,所以不建议大量使用图像。原因如下:

    • 移动用户使用的网络连接通常比较缓慢,它们很难下载大量的图像,如果图像很大,也需要很长时间来加载。所以,尽量避免使用图像。
    • 每个图像都需要一个新的HTTP链接,这个链接会使网页的加载速度更慢。
    • 在开发过程中,由于设备的分辨率不同,图像的尺寸大小就会不同,所以添加大量图像会增加额外的工作量。
    • 如果真的需要在网站上使用图像,一定要使用CSS Sprite。CSS Sprite能适时提高加载速度。

    4.不依赖JavaScript

    由于移动设备的浏览器不能很好的支持JavaScript,所以不能依赖JavaScript开发移动网站。但是如果在未来几年内,Apple、Android和Blackberry等系统有完美支持JavaScript的可能性,那么这个问题就能得到解决。

    5.避免弹出下拉列表

    避免在移动网站中弹出下拉列表。下拉列表仅适用于桌面的网站,因为用户可以将光标移动到任何选项卡以查看下拉列表。下拉列表可以使用,但是不建议在移动网站上使用。

    6.压缩JavaScript和CSS代码,优化下载速度

    正如前面提到的,不要依赖JavaScript。如果必须使用JavaScript,那么建议将JavaScript和CSS代码进行压缩。JavaScript和CSS的压缩工具使用起来也很简单。

    7.水平和垂直布局

    近期,我们看到很多移动网站既支持水平布局又支持垂直布局。这两种布局在iPhone和Android平台上运用的很好,但不是对所有的智能手机都适用。在开发移动网站时,应该设计单一方向的布局格式。也就是说只允许用户在单一的方向以滚动形式来查看内容。默认情况下,单一的方向应该是垂直的,因为这是用户期望的自然形式。如果页面有正在使用的图像,它们也应该支持垂直滚动。在移动设备中不建议同时使用垂直和水平布局。

    8.了解移动设备功能

    开发移动网站的一个很好的方法是了解移动设备最流行的功能。然后,你可以将这些功能融合到你开发的网站中,这将会是你网站的一个亮点。

    9.提供常规网站链接

    移动网站所包含的信息是非常有限的,如果想容纳更多的信息,可以在移动网站主页上提供一些常规网站的链接。

    10.网站的速度

    在开发移动网站时,网站速度是要优先考虑的。你的网站应该快速的传送网站的内容。如果你想做到这一点,就要尽量避免使用JavaScript和Flash。移动Web最重要的指导方针是要注重网站的功能和速度。

  • 相关阅读:
    linux从入门到精通(五)(更改文件的所有者,所属组)
    【洛谷】4180:【模板】严格次小生成树[BJWC2010]【链剖】【线段树维护最大、严格次大值】
    CF980E The Number Games【树链剖分/线段树】
    【POJ】1419:Graph Coloring【普通图最大点独立集】【最大团】
    【HDU】2866:Special Prime【数论】
    【BZOJ】1415: [Noi2005]聪聪和可可【期望】【最短路】【记忆化搜索】
    【BZOJ】2561: 最小生成树【网络流】【最小割】
    【洛谷】3966:[TJOI2013]单词【AC自动机】【fail树】
    【10.17校内测试】【二进制数位DP】【博弈论/预处理】【玄学(?)DP】
    【洛谷】2602: [ZJOI2010]数字计数【数位DP】
  • 原文地址:https://www.cnblogs.com/aiwz/p/6154505.html
Copyright © 2011-2022 走看看