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