每天早晨，只要我起（qǐ）得早，都会拿起ipads浏览一下（xià）早间的（de）科技头条。这似（sì）乎很平常，但我经常浏（liú）览的（de）网站却很不给力。拿TechCrunch来说，这家科技博客就经（jīng）常导致（zhì）我（wǒ）的平（píng）板电脑抓狂。

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

　　如果你（nǐ）足够幸运，这种情况（kuàng）只会持续一秒，便会恢复正常。于（yú）是，你认为可能是系统有漏洞（dòng），便原谅了TechCrunch的设（shè）计师——毕竟，他们开发（fā）网站（zhàn）时，针对的是（shì）传统PC，而你使用的却是古怪的（de）平（píng）板电脑。

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

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

　　调整（zhěng）思维

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

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

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

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

　　统一设（shè）计

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

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

　　除此之（zhī）外，还要考虑钱的因素（sù）。整个网络广告行业（yè）都是围绕桌面浏（liú）览器建立（lì）的，目前最具活力（lì）的互动广（guǎng）告还无法在平（píng）板（bǎn）电脑上完美（měi）地展示。

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

　　践（jiàn）行理念

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

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

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

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

本文转自：网页设计师联（lián）盟