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最重要的指导方针是要注重网站的功能和速度。

  • 相关阅读:
    leetcode Super Ugly Number
    leetcode Find Median from Data Stream
    leetcode Remove Invalid Parentheses
    leetcode Range Sum Query
    leetcode Range Sum Query
    leetcode Minimum Height Trees
    hdu 3836 Equivalent Sets
    hdu 1269 迷宫城堡
    hud 2586 How far away ?
    poj 1330 Nearest Common Ancestors
  • 原文地址:https://www.cnblogs.com/aiwz/p/6154505.html
Copyright © 2011-2022 走看看