每天早晨，只要我起（qǐ）得早，都会拿起ipads浏览一（yī）下早间（jiān）的科技头条。这似乎很平常，但我经常浏览（lǎn）的网站却（què）很（hěn）不给力。拿TechCrunch来说（shuō），这家科技博客就（jiù）经常导致（zhì）我的（de）平板电脑抓狂。

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

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

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

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

　　调（diào）整思维

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

　　关键问题在于，设计师并未针对平板电脑做（zuò）出太多设计——他（tā）们或许（xǔ）针对ipads对页面做出了细微（wēi）调整，但这通常只是一（yī）种补救，主要还是针对（duì）笔记本和台式机设计网站。

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

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

　　统一设计

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

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

　　除此之外，还要考虑钱（qián）的因素。整个网络广告行业都是（shì）围绕桌面浏览（lǎn）器（qì）建（jiàn）立的，目前最具活力的互动（dòng）广（guǎng）告还无法在（zài）平（píng）板（bǎn）电（diàn）脑上完美（měi）地（dì）展示。

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

　　践行理念

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

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

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

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

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