小电池和小屏幕手机网站设计。

2019-08-02    分类: 网站设计

人们开始在一个网站失去兴趣,如果他们没有在三秒钟内得到响应。履行这一预期为手机用户使用分析,设计和测试需要不同的方法。。

我们将演示的方法来确定人们如何与网站互动的移动设备上的不同,可以设计决策基于这样的认识。我们的目标是不仅要提高Web性能,但提高客户的投资回报率。

技术,我们会展示中心的手机的两个独特的特点,这是不会改变的,任何时间很快:小电池和小屏幕。

小型电池

手机使用所有的通信,无线电和他们有一点需要认真加以管理,以避免电量耗尽的电池。其结果是,无线电关闭速度非常快,在不使用时,增加了一个网页出现的知觉时间。2G和3G无线电最多可能需要两秒钟,以建立一个运作的HTTP连接。如果我们接受用户开始失去兴趣,三秒钟后,一个网站只有一个第二个回应。认为这是“黄金第二。” 大化“黄金第二次”。


小屏幕

在物理世界中,制作广告牌和杂志的内容和定制占介质的大小和观看距离。在数字世界中,一个典型的中档智能手机拥有屏幕周围6平方英寸房地产。与15英寸显示屏的MacBook Pro的将有超过100平方英寸,。因此,我们不仅可以优化网站性能通过发送到手机的内容减少了,但我们可以优化业务流程,提高了网站所有者的投资回报率。

本文中的代码示例。NET中提供。现金等价物是可能的,我已经在PHP,Java和C或Python使他们在同伴文章。我会解释为什么我用。NET在这篇文章的结尾。

大化的“金二”

网站设计师和开发人员经常使用具有高带宽无线网络连接和固定线路连接的带宽是理所当然的。(RWD)响应性的Web设计限制了创意的过程,迫使提交相同的内容,导航和业务流程上的每一台设备,无论其物理能力。

解决方案,以确保性能,监控用户的行为特点的设备的基础上,我们可以很容易地测量和优化的网页,需要大限度地提高黄金第二低带宽的设备。

模拟真实世界

移动Web性能测试是一个基本的方法来模拟现实世界的移动带宽条件。许多无线路由器的成本低于100美元的支持带宽限制。这仅仅涉及LAN侧客户端的上行链路和下行链路的带宽限制。如果路由器不支持此功能开箱,然后DD-WRT,一个开源的固件升级,可以被用来限制带宽在许多流行的路由器来替换默认的操作系统。

我使用了DD-WRT的Linksys E3000路由器修改。路由器升级的过程是非常简单的,和DD-WRT的网站上提供完整说明。

一旦安装了DD-WRT,去“的QoS(服务质量)菜单,并启用带宽限制。然后,设置在上行链路和下行链路的值。我更喜欢256 kbps的下行和上行28 kbps的模拟移动平均带宽连接。


限制带宽“品质服务”的选项。

现在任何Wi-Fi或以太网电缆连接到路由器设备的带宽将被人为降低。随着时间的推移所使用的实际带宽也可以被监视。


监控带宽使用DD-WRT。

虽然这种方法不引入随机掉落出局,可变带宽条件或相关的延迟,无线电唤醒,它是优于一个快速低延迟宽带连接上执行所有的测试。当介绍网站开发周期的开始,这是一个简单的方法,以非正式的测试在开发过程中的表现,并确保你没有得到任何讨厌的意外,在正式测试。

你不能管理你无法衡量

,管理顾问,彼得·德鲁克曾经说过一句名言,“如果你不能衡量的东西,你就无法管理。”


平均屏幕尺寸的增长,随着时间的推移。

连续监测的内容,用户可以查看根据设备的特点(如支持的收音机或物理屏幕大小),将帮助你识别或多或少手机上流行的内容和服务。也许你会看到没有什么区别,但是,除非你衡量的话,有没有办法知道肯定。

我现在饲料:一个例子

一个全球性的快餐特许经营想要大屏幕的网站创建一个移动优化版本。移动优化的网站创建的第一次迭代之前,进行分析,以确定哪些用户在小屏幕设备上选择大屏幕的网站上被访问。主菜单,特殊优惠和商店取景器是最流行的,这样一个移动优化网站的创建,专注于这些领域。

工作并没有就此停止。分析结果显示,续店取景器是最流行的选择。移动主页被篡改,再次把重点放在店取景器。续监测显示多少游客选择其他选项,网站将不断完善,以确保最流行的结果是尽可能简单的方式照顾。

本文作者来自北京网站建设公司-创新互联,转载请注明出处:创新互联(www.cdcxhl.com)

当前文章:小电池和小屏幕手机网站设计。
文章URL:https://www.cdcxhl.com/news/80210.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有网站设计

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

h5响应式网站建设