指导移动式网站设计从小事做起

几年前,建立了一个移动优化网站是这样的:以常规大小的桌面网站,和挤压。

结果是,他们的更大,更好的桌面同行的步履蹒跚版本的移动网站。从设计的角度来看,移动设备是二等公民。

如今,Web开发人员都转向这个过程中发挥得淋漓尽致。

智能手机和平板电脑的日益普及带动下,越来越多的企业正在建设第一个移动优化网站,然后扩展为笔记本电脑和台式游客的东西。

在此Web战略系列早些时候,我们看到一个“移动先行”的策略,为什么是现在值得追求的 ,这类型的企业受益最多会移动。此装置提供了一些指导性的设计原则,企业应采用“移动第一”的网站战略时,请记住看看。

尽量精简

这似乎是显而易见的,但大小事宜。

“移动设备,是移动的美德,是便携式。他们有适合你的口袋或钱包,基于网页设计战略家,企业家和作家移动第一

例如,一般的智能手机屏幕上有少约80%,比标准桌面的网络浏览器的可用空间。得到一个意义上的差异,如谷歌的。“移动第一”的设计,是指作出重要决定,包括什么和如何离开一个较小的屏幕。

“它的纯粹的物理要求你重新思考什么是真​​正重要的一个网站上,”谁认为,应被视为正面的设计约束,可以有利于移动和桌面的设计,较小的屏幕尺寸。如果您的移动网站,包括简单的导航和最小的杂波,这些原则同样可以应用到您的桌面网站以及。

而不是缩小你现有的桌面网站,以适应小屏幕,从头开始设计一个移动站点应该包括风选过程。您的移动网站的功能和内容,“给您的客户提供即时的价值,最终你的公司。”

换句话说,您的移动网站应该关注的东西,让你的钱。

它快

在移动网络,毫秒之内。

“研究后,研究显示,一百毫秒的延迟,可以在网页加载花费公司巨额收入和参与。”

事实上,在2009年,Forrester咨询公司发现,“40%的消费者会等待一个网页不超过三秒钟呈现前放弃该网站。”

速度特别重要的是手机通过Wi-Fi或蜂窝数据连接到您的网站的游客。虽然无处不在,这些连接并不总是可靠或作为高速有线网络连接,在家庭和办公室的强劲。

雅虎的免费工具YSlow的和谷歌的PageSpeed ​​可以分析您的移动网站,并提出修改建议,以提高速度。

移动设备上的设计速度可以还清在桌面上,也。“如果你的移动速度不够快,它会在桌面上的大管道极快。”

利用扩展能力

移动设备经常有不在场的大多数台式机和笔记本电脑 - 如GPS,加速度计,陀螺仪和触摸屏的硬件功能。

越来越多的移动浏览器获得通过Web标准,如HTML5访问这些硬件的功能。您的网站可能会根据不同的设备,能够使用户的摄像头,GPS定位,或其他类似设备的方向信息的使用。

有效地使用时,这些额外的功能可以帮助你建立了一个移动体验,超越点和点击桌面网页浏览的范例。当你的网站,位置感知,或可以了解用户设备,就有可能创造更丰富,更吸引人的移动体验。

然而,提醒,这些类型的硬件功能支持跨设备的显着变化。仅仅因为一个智能手机具有GPS功能并不一定意味着你的网站将能够利用它(破旧的移动设备和网站提供的功能非常有用)。

“魔鬼是真的在细节上有:测试,以看到如果可用的能力,并确保它顺利运行。”

觉得像设备

“移动第一”的设计策略,从过去二十年的Web开发的重大背离。智能手机和平板电脑比笔记本电脑和台式机不同的方式融入我们的生活,并为他们的发展需要一种不同的思维。

一个成功的“移动先行”的策略,需要的设备本身的深刻理解 - “了解的情况和使用环境,了解这些设备的能力,并了解他们的约束,”他说。

有了这种理解,“你可以开始觉得像这些设备之一。”

特别环球邮报

其他的故事,可以发现Web 战略的部分小型企业网站上的报告。

加入群组全球的小型企业网络与其他企业家和讨论热点问题。

现在我们每周免费的小型企业的通讯。每个星期五的编辑团队选择从我们的博客文章,功能,多媒体和专栏作家的首选,并将它们传送到您的收件箱。如果您已经注册为全球的网站,你可以注册在这里。点击小商业简报“复选框,并点击”保存更改。如果您需要注册的网站,点击这里。