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