每天早晨，只要我（wǒ）起得早，都（dōu）会拿（ná）起ipads浏览一下早间的科技（jì）头条（tiáo）。这似乎很平常，但我经常浏（liú）览的网站却很不给力（lì）。拿（ná）TechCrunch来（lái）说，这家科技博客（kè）就（jiù）经常（cháng）导致我的平板电脑抓（zhuā）狂。

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

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

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

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

　　调整思维

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

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

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

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

　　统一设计

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

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

　　除此之外，还（hái）要考虑钱的（de）因（yīn）素。整（zhěng）个网络广告行业都是围绕桌面浏览器（qì）建立的（de），目前最具活力的互动广告还无（wú）法（fǎ）在平板电脑上（shàng）完美地展示（shì）。

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

　　践行理（lǐ）念

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

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

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

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

本（běn）文转（zhuǎn）自：网（wǎng）页设计师联盟