千亿平台-千亿(中国)一站式服务平台
蚌埠网(wǎng)络公司电话:0552-3711772 15255232273
千亿平台-千亿(中国)一站式服务平台 工(gōng)作机会(huì) | 售后服务 | 网站(zhàn)地图(tú) | TAG标签
网站首页 关(guān)于千亿平台和华迅 新闻动态 网站建设 服务(wù)项目 案例展示 合作(zuò)流程(chéng) 联(lián)系我们
千亿平台-千亿(中国)一站式服务平台
千亿平台-千亿(中国)一站式服务平台
专注:蚌埠网站建设-致力成为蚌埠网络公司首选(xuǎn)企业!蚌埠(bù)网站制(zhì)作、蚌埠做网站?当然千亿平台和华迅网(wǎng)络!
千亿平台-千亿(中国)一站式服务平台
千亿平台-千亿(中国)一站式服务平台
您当前(qián)的位置 > 主页 > 新闻动(dòng)态(tài) > 行业资(zī)讯 > 正文 文化传承源动力、市(shì)场传(chuán)播影响(xiǎng)力、品牌传(chuán)递(dì)思想(xiǎng)力
千亿平台-千亿(中国)一站式服务平台
千亿平台-千亿(中国)一站式服务平台 行业(yè)资讯
千亿平台-千亿(中国)一站式服务平台
网站设计师应忘记桌面:以移动设备为主
时间:2012-08-25 10:04   作(zuò)者:admin   点(diǎn)击:
核心提示:每天早(zǎo)晨,只要(yào)我(wǒ)起得早,都会拿起ipads浏览一下早间的科技头条。这(zhè)似乎很平常,但我经常浏览的网(wǎng)站却(què)很不给力。拿(ná)TechCrunch来说,这家(jiā)科技博客就经(jīng)常导(dǎo)致我的(de)平板电脑抓狂。 首先,加载(zǎi)速(sù)度慢。整(zhěng)个页面(miàn)元素的加载(zǎi)顺序一点都不合理首(shǒu)先显示正文,然后是顶部

  每天早晨,只(zhī)要我起得早,都会拿起(qǐ)ipads浏览一下早间的科技头条。这(zhè)似乎很平常(cháng),但我经(jīng)常浏览(lǎn)的网站却很不给力。拿TechCrunch来说(shuō),这(zhè)家科技博客就经常导致我的平板电脑抓(zhuā)狂。

  首先,加载速(sù)度慢。整个(gè)页面元(yuán)素(sù)的加载顺序一点都不合理——首先显示正文,然(rán)后是顶部和右侧导航(háng)栏,再(zài)艰难(nán)地等待(dài)几秒(miǎo)钟后(hòu),标题才会出现。到这(zhè)时,我已经郁闷至极了。但(dàn)毕竟文(wén)章出来了,所以,我还(hái)是平复了一下心情,开始阅读。但是,等到页面加载完成后,过了大概半秒钟(zhōng),文(wén)章(zhāng)的正(zhèng)文和标题突然消失了(le)。什么?!为什么会先出(chū)现再消失?

  如(rú)果你足够(gòu)幸运,这种情(qíng)况只会持续一秒,便会恢复正常。于(yú)是,你认为可能是(shì)系(xì)统有漏洞,便原谅了TechCrunch的设计师——毕(bì)竟,他们开发网站时(shí),针对的是传统PC,而你使用的却是古怪的平板电脑。

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

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

  调整思(sī)维

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

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

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

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

  统一设(shè)计

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

  这完全可(kě)以理解:对(duì)多数网站(zhàn)而言,桌面(miàn)贡献了大量流量(liàng)和广(guǎng)告收入。另外,移动网(wǎng)站(zhàn)仍然较新,而且变(biàn)数颇(pō)多——有很多(duō)采用不同技术的(de)智(zhì)能手机和(hé)平板电脑,导(dǎo)致设计师还不习惯为它(tā)们开发有吸引力的(de)网站。

  除(chú)此之外,还要考虑钱(qián)的因素(sù)。整个网络广告行业都是(shì)围绕桌(zhuō)面(miàn)浏览器建立的,目(mù)前最具活力的互(hù)动广告还无(wú)法在平板电脑上完美地展(zhǎn)示。

  出于以上原(yuán)因,网络公司应当集中精(jīng)力打造统一的体验,兼容(róng)所有电子设备。在理(lǐ)想状况下,移动网(wǎng)站不会成为(wéi)桌面网站的分支——桌(zhuō)面网站将与移(yí)动网站一样:简洁、快速,在所(suǒ)有设备上的效(xiào)果都很好。

  践(jiàn)行理念

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

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

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

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

 

 

本文转自(zì):网页(yè)设(shè)计师联盟

分(fèn)享(xiǎng)到:
公(gōng)司动态(tài)
行(háng)业资(zī)讯
社(shè)会动态
技术(shù)文章
 
千亿平台-千亿(中国)一站式服务平台
千亿平台-千亿(中国)一站式服务平台
COPYRIGHT 2011-2015 www.tongliao.weihai.cd.xinxiang.zz.pingliang.ww38.viennacitytours.com 千亿平台和华迅(xùn)网络出品(蚌埠全搜索项目网(wǎng)站). All rights reserved. | Email :119868485@qq.com
专业提供(gòng)网页设计及其他相关服(fú)务,形象决定一切 | 咨询热线:0552-3711772 15255232273 | 皖ICP备12013552-2号
关(guān)键词:
 蚌埠网站建设 蚌埠(bù)网站制作 蚌埠网站改(gǎi)版 蚌埠网站(zhàn)策(cè)划(huá) 蚌埠网站(zhàn)推广
千亿平台-千亿(中国)一站式服务平台
收缩
  • 电话咨询(xún)

  • 15255232273

千亿平台-千亿(中国)一站式服务平台

千亿平台-千亿(中国)一站式服务平台