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

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

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

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

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

　　调整思维

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

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

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

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

　　统（tǒng）一设（shè）计

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

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

　　除此之外，还要考虑钱（qián）的因素。整个网络广（guǎng）告行业都是围绕桌面浏（liú）览（lǎn）器建立的，目前最具（jù）活（huó）力（lì）的互动广（guǎng）告还无法在平板电脑上（shàng）完美地（dì）展示。

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

　　践行理念

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

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

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

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

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