网站设计师应忘记桌面:以移动设备为主

每天早晨,只要我起得早,都会拿起iPad浏览一下早间的科技头条。这似乎很平常,但我经常浏览的网站却很不给力。拿TechCrunch来说,这家科技博客就经常导致我的平板电脑抓狂。

首先,加载速度慢。整个页面元素的加载顺序一点都不合理——首先显示正文,然后是顶部和右侧导航栏,再艰难地等待几秒钟后,标题才会出现。到这时,我已经郁闷至极了。但毕竟文章出来了,所以,我还是平复了一下心情,开始阅读。但是,等到页面加载完成后,过了大概半秒钟,文章的正文和标题突然消失了。什么?!为什么会先出现再消失?

如果你足够幸运,这种情况只会持续一秒,便会恢复正常。于是,你认为可能是系统有漏洞,便原谅了TechCrunch的设计师——毕竟,他们开发网站时,针对的是传统PC,而你使用的却是古怪的平板电脑。

但有些时候,你就没有这么幸运了。文本会反复闪烁,然后,整个网站都不见了,只剩下TechCrunch iPad应用的广告。为了阅读文章,你不得不点击一个小得可怜的链接来关闭广告。到这时,为了读这篇文章,你已经等待了将近10秒钟,整个人都要气炸了,恨不能永远不看TechCrunch。

但你不能。如果因为某个网站在iPad上的显示效果不佳而抛弃它,那你恐怕要抛弃半个互联网。TechCrunch的移动体验的确不好,但还算不上糟糕透顶。从《纽约时报》到《纽约客》,从谷歌(微博)新闻到Salon,甚至包括Slate,很多新闻网站在平板电脑上的显示效果都很糟糕。事实上,不只是新闻网站,就连亚马逊(微博)等大牌互联网企业在iPad上的显示效果同样不好。调整思维

问题在于,很多网站的内容太过拥挤,不适合平板电脑的显示屏。当你在iPad上加载一个网站时,经常会看到文本、图片和视频掺杂在一起。这些网站的代码运行速度太慢、漏洞太多,不适合小尺寸设备;上面的按钮和链接太小,不适合手指点击;网站图片在平板电脑的高分屏上显示效果也不怎么样。

关键问题在于,设计师并未针对平板电脑做出太多设计——他们或许针对iPad对页面做出了细微调整,但这通常只是一种补救,主要还是针对笔记本和台式机设计网站。

该换换思维了。iPad已经面市3年,它的崛起似乎不可阻挡。而且,iPad并不孤独——谷歌Nexus 7、亚马逊Kindle Fire、微软(微博)Surface很快都将贡献巨大的流量。互联网需要适应这些设备。设计师创建网站时不应仅仅兼容平板电脑,而应以平板电脑为主。事实上,他们甚至应该首先考虑平板电脑——先针对7英寸和9英寸的屏幕设计页面,之后再针对桌面浏览器调整。

为何要以平板电脑为主?不仅是因为iPad及其同类产品正在迅速成为主要的上网设备。(根据多方数据,移动设备已经占到10%以上的互联网流量,这一数字还在继续增长。)还因为平板电脑的种种限制——小尺寸屏幕以及相对较小的带宽和处理能力——可以提升桌面设备中的网站效果。针对移动设备优化的网站通常更快、更漂亮,比桌面设备更容易导航。如果设计师首先为平板电脑设计网站,整个互联网都将变得更好。统一设计

需要强调的是,我不是呼吁网站在桌面版本之外,再创建一个针对平板电脑或智能手机优化的版本。很多网站都采取这种措施,但由于很多公司都没有足够的资源维护两套不同的设计,他们的平板电脑和智能手机版通常表现糟糕。这些移动版的网站无法提供与桌面版完全相同的功能——例如,Slate的智能手机版就无法加载读者评论——而且当设计师对网站进行升级时,通常只会优先考虑桌面版。

这完全可以理解:对多数网站而言,桌面贡献了大量流量和广告收入。另外,移动网站仍然较新,而且变数颇多——有很多采用不同技术的智能手机和平板电脑,导致设计师还不习惯为它们开发有吸引力的网站。

除此之外,还要考虑钱的因素。整个网络广告行业都是围绕桌面浏览器建立的,目前最具活力的互动广告还无法在平板电脑上完美地展示。

出于以上原因,网络公司应当集中精力打造统一的体验,兼容所有电子设备。在理想状况下,移动网站不会成为桌面网站的分支——桌面网站将与移动网站一样:简洁、快速,在所有设备上的效果都很好。践行理念

这个想法并不激进。很多网站设计师都在践行这一理念——詹森·寇特可(Jason Kottke)和约翰·克虏伯(John Cruber)的博客都是针对桌面浏览器设计的,但由于加载速度快,而且没有充斥太多杂乱的元素,看起来就像是专为移动设备设计的。

正如BuzzFeed的约翰·赫曼(John Herrman)所说,一些新的创业网站已经开始模仿这些极简主义的风格,包括博客平台Svbtle和Medium、讨论网站Branch和社交网站App.net。这些网站设计之初似乎都是优先考虑iPad,然后再移植到桌面上。不仅如此,这些网站的外观都很漂亮,导航也很方便。这绝非巧合。

当然,对于资金充裕的创业公司而言,很容易以移动网络为主。但对于已经建立业务基础的网站而言,由于十分依赖广告,便很难直接投入移动设备的怀抱。但他们应当一试。今后几个月间,移动浏览器的流量将会飙升,尤其是当苹果推出价格更低、尺寸更小的iPad,而亚马逊也升级Kindle Fire后。


网页标题:网站设计师应忘记桌面:以移动设备为主
分享网址:http://csdahua.cn/view/261009.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流