每天（tiān）早晨，只要我起得早，都会拿起ipads浏览一下早间（jiān）的科技头条。这似乎（hū）很平（píng）常，但我经常浏览的网站却很（hěn）不给（gěi）力。拿TechCrunch来说，这家科技博（bó）客就经（jīng）常导致我的平板电脑抓狂。

　　首（shǒu）先，加载速度慢。整个页面元素的（de）加载顺序一点都（dōu）不合理——首先显示正（zhèng）文，然（rán）后是（shì）顶部（bù）和右侧导航栏，再艰难地等待几秒钟后，标题（tí）才会出现。到（dào）这时，我已经（jīng）郁（yù）闷（mèn）至极（jí）了。但毕竟文章出来了，所（suǒ）以，我还是平复了一下心（xīn）情，开始阅读。但是（shì），等到页面（miàn）加载完（wán）成后，过了大概半秒钟，文章的正（zhèng）文和标题（tí）突（tū）然消失了。什么？！为什么会先出（chū）现再消失？

　　如果你足够幸运（yùn），这种情况只（zhī）会持续一秒，便会恢复正常。于是，你认（rèn）为（wéi）可（kě）能是（shì）系统有（yǒu）漏洞，便原谅了TechCrunch的设计师——毕竟，他们开发网站时，针对的是传统PC，而（ér）你（nǐ）使用的（de）却是古怪的平板电脑。

　　但有（yǒu）些时候，你就没有这么（me）幸运了。文本会（huì）反复（fù）闪烁，然后，整个网站都（dōu）不见了，只剩（shèng）下TechCrunch ipads应用的广告（gào）。为了阅读（dú）文章，你不得不点（diǎn）击一个（gè）小得可怜的链接来（lái）关闭广告。到这时，为了（le）读这篇文章，你已经（jīng）等（děng）待了将近10秒钟，整个人（rén）都要气炸（zhà）了，恨不能（néng）永远（yuǎn）不看TechCrunch。

　　但你不能。如果因为某个网站在ipads上的显示效果（guǒ）不佳而抛弃它（tā），那你恐（kǒng）怕（pà）要（yào）抛弃半个互联网。TechCrunch的移动（dòng）体验的确不好，但（dàn）还（hái）算（suàn）不上糟糕透（tòu）顶。从《纽约时（shí）报》到《纽约客》，从谷歌(微博（bó）)新闻到Salon，甚（shèn）至包括Slate，很多新闻网站（zhàn）在（zài）平（píng）板电脑上的显示效果都很糟糕。事实上，不只（zhī）是新闻网站，就连亚马逊（xùn）(微（wēi）博)等大牌互联网企（qǐ）业在ipads上的显示效果同（tóng）样不好。

　　调整（zhěng）思维

　　问（wèn）题（tí）在于，很多（duō）网站（zhàn）的内容太（tài）过拥挤，不（bú）适（shì）合平板电脑的显示屏（píng）。当你在ipads上加（jiā）载（zǎi）一个网站时，经（jīng）常会看到文本、图片和视频（pín）掺（chān）杂（zá）在一起。这些网站的代码运行速（sù）度太慢、漏洞太（tài）多，不（bú）适合小尺（chǐ）寸（cùn）设备；上面的按钮和（hé）链接（jiē）太小（xiǎo），不适合手指（zhǐ）点击；网站图片在平板电脑的高分屏上显示效（xiào）果（guǒ）也不（bú）怎（zěn）么样。

　　关键问题在于，设计师（shī）并未针对平板电（diàn）脑（nǎo）做（zuò）出太多设计——他们或许针对ipads对页（yè）面做出了（le）细微调整，但这通常只是一种补救（jiù），主（zhǔ）要还是针对笔记本（běn）和（hé）台式机设计（jì）网站。

　　该换换思（sī）维了。ipads已（yǐ）经面市3年，它的（de）崛起（qǐ）似乎（hū）不可阻挡。而且（qiě），ipads并（bìng）不孤独——谷歌Nexus 7、亚马逊Kindle Fire、微软（ruǎn）(微博（bó）)Surface很快都将贡献（xiàn）巨大的流量。互联网需要适应这些（xiē）设（shè）备。设计师（shī）创建网（wǎng）站（zhàn）时不应仅仅兼容平板（bǎn）电（diàn）脑，而应以平板电脑为主。事实上，他们甚至应该首先考虑平板电脑——先针对7英寸（cùn）和（hé）9英寸（cùn）的（de）屏（píng）幕（mù）设计页面，之后再针（zhēn）对桌面浏（liú）览器调整（zhěng）。

　　为何要以平板电脑为（wéi）主？不仅是因（yīn）为（wéi）ipads及其同类产品正（zhèng）在迅速成为主要的（de）上网（wǎng）设备。(根据多（duō）方（fāng）数据（jù），移动（dòng）设（shè）备已经占到10%以上的互（hù）联网流量，这一（yī）数字还（hái）在继（jì）续增长。)还因为平板电脑的（de）种种（zhǒng）限制——小尺寸（cùn）屏幕（mù）以（yǐ）及（jí）相对较小的带宽和（hé）处理能力——可（kě）以提（tí）升桌（zhuō）面设备中（zhōng）的（de）网站效果。针对移（yí）动设备（bèi）优化（huà）的网站通常更快、更漂亮，比桌面设备（bèi）更容易导航（háng）。如（rú）果设计师首先为（wéi）平板电脑设计网（wǎng）站（zhàn），整个互联网（wǎng）都将变得更好。

　　统一（yī）设（shè）计（jì）

　　需（xū）要（yào）强调的是，我不是呼（hū）吁网站（zhàn）在桌面版（bǎn）本之外，再创建一个针对平板电脑（nǎo）或智能手（shǒu）机优（yōu）化的版（bǎn）本。很多网站都采取这种（zhǒng）措施，但由于很（hěn）多公司都没有足（zú）够的资源维护两套不同的设（shè）计，他们的平板（bǎn）电（diàn）脑和（hé）智能手机版通（tōng）常表现糟糕。这些移动版的网站无法提供与桌（zhuō）面版完全相同的功能（néng）——例如（rú），Slate的智能手机版就无法加载读（dú）者评论——而且当设（shè）计（jì）师（shī）对网站（zhàn）进行升级时，通常只会（huì）优先考虑桌面版。

　　这完（wán）全可（kě）以理（lǐ）解：对（duì）多数网站（zhàn）而言（yán），桌面贡献了大量流量和广告收（shōu）入。另外，移动网站仍然较新（xīn），而且变数颇（pō）多——有很（hěn）多采用不同技（jì）术的智能手机和平板电脑，导致设（shè）计师还不习惯为它们开发有（yǒu）吸引力的网站。

　　除此之外（wài），还要考（kǎo）虑钱的因（yīn）素（sù）。整个（gè）网（wǎng）络（luò）广告行业都是围绕桌面（miàn）浏览（lǎn）器建立的，目前（qián）最（zuì）具（jù）活（huó）力的互（hù）动广告还无法（fǎ）在平板电（diàn）脑上完美地展示。

　　出于以上原因，网络公司应当集中精力打造（zào）统一（yī）的体验，兼容所有电子设备。在理想（xiǎng）状况下，移动网站不会成为桌面网站的分支——桌面网站将与移动（dòng）网（wǎng）站一样：简洁、快速，在所有（yǒu）设备（bèi）上的效果都很好。

　　践行理（lǐ）念

　　这个想法并不激进。很多（duō）网站（zhàn）设（shè）计师（shī）都在践（jiàn）行这一理念——詹森·寇特可(Jason Kottke)和约翰·克虏（lǔ）伯(John Cruber)的博客都是针对桌（zhuō）面浏（liú）览器设计的，但由于加载速度快，而且（qiě）没（méi）有充斥太多杂（zá）乱的元素，看起来就像是（shì）专为移动设备设计的。

　　正如BuzzFeed的约翰·赫曼(John Herrman)所说，一些新的创业网站已经开始模仿这些极简主义的风格，包括博（bó）客平台Svbtle和Medium、讨（tǎo）论网站（zhàn）Branch和社交网站App.net。这些网（wǎng）站（zhàn）设计之初似乎都是优先考（kǎo）虑（lǜ）ipads，然后再移植到桌面上。不仅如此，这些网（wǎng）站的外观都很漂（piāo）亮，导航也很方便（biàn）。这（zhè）绝非巧合（hé）。

　　当然（rán），对于资金充裕的创业（yè）公司（sī）而（ér）言，很（hěn）容易以移动网络为主。但对于已经建立业（yè）务（wù）基础（chǔ）的网站而言（yán），由于十分依赖广告，便（biàn）很难直接投入（rù）移动设备的（de）怀抱（bào）。但他们（men）应当一试。今后几（jǐ）个月间（jiān），移动浏览器的流量将（jiāng）会飙升，尤其（qí）是当苹果推出（chū）价格更（gèng）低、尺（chǐ）寸更小的（de）ipads，而亚马逊也（yě）升级（jí）Kindle Fire后。

　　如今，用（yòng）平板电脑（nǎo）上（shàng）网冲浪，随（suí）时都会碰到（dào）缓慢而充满漏洞的网站。但很快（kuài），读者就不会继续忍受这（zhè）种情况。如果你的页面要花（huā）很长时间加载，如（rú）果你的图片不够清晰，如（rú）果（guǒ）你的（de）链接不容易点击，如果你不断抛出ipads应用的广（guǎng）告，我就会用平（píng）板电脑访问其（qí）他（tā）网站（zhàn）——访问那（nà）些能真（zhēn）正重视它（tā）的网站。(思远)

本文转（zhuǎn）自：网页设计师（shī）联盟