每天早晨,只(zhī)要我起得早,都会拿起(qǐ)ipads浏览一下早间的科技头条。这(zhè)似乎很平常(cháng),但我经(jīng)常浏览(lǎn)的网站却很不给力。拿TechCrunch来说(shuō),这(zhè)家科技博客就经常导致我的平板电脑抓(zhuā)狂。
首先,加载速(sù)度慢。整个(gè)页面元(yuán)素(sù)的加载顺序一点都不合理——首先显示正文,然(rán)后是顶部和右侧导航(háng)栏,再(zài)艰难(nán)地等待(dài)几秒(miǎo)钟后(hòu),标题才会出现。到这(zhè)时,我已经郁闷至极了。但(dàn)毕竟文(wén)章出来了,所以,我还(hái)是平复了一下心情,开始阅读。但是,等到页面加载完成后,过了大概半秒钟(zhōng),文(wén)章(zhāng)的正(zhèng)文和标题突然消失了(le)。什么?!为什么会先出(chū)现再消失?
如(rú)果你足够(gòu)幸运,这种情(qíng)况只会持续一秒,便会恢复正常。于(yú)是,你认为可能是(shì)系(xì)统有漏洞,便原谅了TechCrunch的设计师——毕(bì)竟,他们开发网站时(shí),针对的是传统PC,而你使用的却是古怪的平板电脑。
但有些(xiē)时候,你就(jiù)没有这么幸运了。文本会反复闪烁,然后,整个(gè)网站都(dōu)不见了,只剩下TechCrunch ipads应用的广告。为了阅读文章(zhāng),你不得不点击一个小得可怜的(de)链接来关闭广告。到这时,为了(le)读这(zhè)篇文章,你已经(jīng)等待了(le)将(jiāng)近(jìn)10秒钟,整个人(rén)都要气炸了,恨不能永(yǒng)远不看(kàn)TechCrunch。
但你不能(néng)。如果因为(wéi)某个网站在ipads上的显(xiǎn)示效果不佳而抛弃它,那你恐怕要(yào)抛弃半个互联网。TechCrunch的(de)移动体验的确不好,但还算不上糟糕透顶(dǐng)。从《纽约(yuē)时报》到《纽约客》,从谷歌(微博)新闻到(dào)Salon,甚至包括Slate,很多新闻网站(zhàn)在(zài)平板电脑上的显示效果(guǒ)都(dōu)很糟糕。事实上(shàng),不只(zhī)是新(xīn)闻网站,就连亚马逊(微博(bó))等大(dà)牌互联(lián)网企业在ipads上的(de)显示效(xiào)果同样不好。
调整思(sī)维
问题在于,很多(duō)网站(zhàn)的内容太过拥(yōng)挤,不适合(hé)平板电脑的显示屏。当(dāng)你在ipads上(shàng)加载一(yī)个网站时,经常会看到文(wén)本、图片和视频(pín)掺杂在一起。这些(xiē)网站的(de)代码运行(háng)速度太慢、漏洞太多,不适合小尺(chǐ)寸设备;上面的按钮和链接(jiē)太小(xiǎo),不适合手指点击;网站图片在平板电(diàn)脑的高分屏(píng)上显示效果也不(bú)怎么样。
关键(jiàn)问题在于,设计师并未针(zhēn)对(duì)平板电脑做出太多设计——他们或许针(zhēn)对(duì)ipads对页(yè)面做(zuò)出了(le)细微调整(zhěng),但这通常(cháng)只是一(yī)种补救,主要还是针对笔记本和(hé)台式机(jī)设计网站(zhàn)。
该(gāi)换换思维了。ipads已经面市3年,它的(de)崛起似乎不可阻挡。而且,ipads并不孤独——谷歌Nexus 7、亚马逊Kindle Fire、微软(微博)Surface很快都将贡献巨大的(de)流量。互联网需要适应这些设备。设计师创(chuàng)建网(wǎng)站(zhàn)时不(bú)应仅仅兼容平板电脑(nǎo),而(ér)应以平(píng)板电脑(nǎo)为主(zhǔ)。事实上,他们甚至应该首先(xiān)考虑平板电脑(nǎo)——先针对7英寸和9英寸的屏幕设计页面,之后再针对(duì)桌面(miàn)浏览器调整。
为(wéi)何要(yào)以(yǐ)平板电脑(nǎo)为主?不仅是因为ipads及其同类产品(pǐn)正在迅(xùn)速成为主(zhǔ)要(yào)的上网设(shè)备(bèi)。(根据多(duō)方数据,移(yí)动(dòng)设备已经占到10%以上(shàng)的互联(lián)网流量,这一数字还在继续增长。)还因为平板电脑的种(zhǒng)种限(xiàn)制——小尺寸屏幕(mù)以及相对(duì)较小的带(dài)宽和处(chù)理能力——可以提升(shēng)桌面设备中的网站效果。针对(duì)移动设备优化的网站通常更快、更漂亮,比(bǐ)桌(zhuō)面设备更容易导航。如(rú)果设计师首先为平(píng)板电(diàn)脑(nǎo)设计网站,整个互联网都将(jiāng)变得更(gèng)好(hǎo)。
统一设(shè)计
需要强(qiáng)调的是,我不是呼(hū)吁网(wǎng)站在桌面版本之外,再创(chuàng)建一个针对平板电脑(nǎo)或(huò)智能手机优(yōu)化(huà)的版本。很多网站都采(cǎi)取这种措施,但由于很多(duō)公司都没有足够的资(zī)源维(wéi)护两(liǎng)套不同的(de)设计(jì),他们的平板电脑和智能手机版通常表(biǎo)现糟糕。这些移动版的网(wǎng)站无(wú)法提供与桌面版(bǎn)完全(quán)相(xiàng)同的功能——例(lì)如,Slate的智能手机版就无法加载(zǎi)读者评论——而且当设(shè)计师对网站进行升级时,通常只会优先考虑桌面版。
这完全可(kě)以理解:对(duì)多数网站(zhàn)而言,桌面(miàn)贡献了大量流量(liàng)和广(guǎng)告收入。另外,移动网(wǎng)站(zhàn)仍然较新,而且变(biàn)数颇(pō)多——有很多(duō)采用不同技术的(de)智(zhì)能手机和(hé)平板电脑,导(dǎo)致设计师还不习惯为它(tā)们开发有吸引力的(de)网站。
除(chú)此之外,还要考虑钱(qián)的因素(sù)。整个网络广告行业都是(shì)围绕桌(zhuō)面(miàn)浏览器建立的,目(mù)前最具活力的互(hù)动广告还无(wú)法在平板电脑上完美地展(zhǎn)示。
出于以上原(yuán)因,网络公司应当集中精(jīng)力打造统一的体验,兼容(róng)所有电子设备。在理(lǐ)想状况下,移动网(wǎng)站不会成为(wéi)桌面网站的分支——桌(zhuō)面网站将与移(yí)动网站一样:简洁、快速,在所(suǒ)有设备上的效(xiào)果都很好。
践(jiàn)行理念
这个想(xiǎng)法并(bìng)不激进。很多网站设(shè)计师(shī)都在践(jiàn)行这一理念——詹森·寇特(tè)可(Jason Kottke)和约翰·克虏伯(bó)(John Cruber)的博客(kè)都是针对桌面(miàn)浏览器设(shè)计的,但由于加载速度快,而且没有充斥太多杂(zá)乱的元素,看起来就像是专为移(yí)动设备(bèi)设计的。
正如BuzzFeed的约(yuē)翰·赫(hè)曼(John Herrman)所说,一些新的创业网站已(yǐ)经(jīng)开始模仿这些极(jí)简主义的风(fēng)格,包括博客平台Svbtle和Medium、讨论(lùn)网站Branch和(hé)社交(jiāo)网(wǎng)站App.net。这些网站设计之初似乎都是优(yōu)先考虑ipads,然后再移(yí)植到桌面上。不仅如此,这些网站的外观都很漂亮,导(dǎo)航也很方便。这(zhè)绝非巧合。
当然,对于资金(jīn)充裕的(de)创(chuàng)业公司而(ér)言,很容易以(yǐ)移动(dòng)网络为主。但对于(yú)已经建(jiàn)立业务基础的网站而言,由于十(shí)分依赖广告,便很难直接投入(rù)移动设备(bèi)的怀抱(bào)。但他们应当一试。今后(hòu)几个月间(jiān),移动(dòng)浏(liú)览器(qì)的流(liú)量将会飙升,尤其是当苹(píng)果推出价格更低、尺寸更小的ipads,而亚马逊也升级Kindle Fire后。
如(rú)今,用平板电脑上网冲浪(làng),随时(shí)都(dōu)会(huì)碰到缓慢而充满漏洞的网站。但很(hěn)快,读者就不(bú)会继(jì)续忍受这种情(qíng)况(kuàng)。如果你的页面要花(huā)很长时间加载,如果你(nǐ)的图(tú)片(piàn)不够清晰,如果你(nǐ)的链接不容易点击,如(rú)果(guǒ)你不断抛出ipads应用的广告(gào),我就会用平板电脑访问其(qí)他网站——访问那(nà)些(xiē)能真正重视(shì)它的网(wǎng)站。(思远)
本文转自(zì):网页(yè)设(shè)计师联盟
|