深圳网站设计师应忘记桌面:以移动设备为主

2017/6/2 11:07:56 人评论 次浏览 来源:赛车pk10现场开奖    分类:技术分享

亲身体验

  每天早晨,只要我起得早,都会拿起iPad浏览一下早间的科技头条。这似乎很平常,但我经常浏览的网站却很不给力。拿TechCrunch来说,这家科技博客就经常导致我的平板电脑抓狂。

  首先,加载速度慢。整个页面元素的加载顺序一点都不合理——首先显示正文,然后是顶部和右侧导航栏,再艰难地等待几秒钟后,标题才会出现。到这时,我已经郁闷至极了。但毕竟文章出来了,所以,我还是平复了一下心情,开始阅读。但是,等到页面加载完成后,过了大概半秒钟,文章的正文和标题突然消失了。什么?!为什么会先出现再消失?

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

  但有些时候,你就没有这么幸运了。文本会反复闪烁,然后,整个网站都不见了,只剩下TechCrunch iPad应用的广告。为了阅读文章,你不得不点击一个小得可怜的链接来关闭广告。到这时,为了读这篇文章,你已经等待了将近10秒钟,整个人都要气炸了,恨不能永远不看TechCrunch。

  但你不能。如果因为某个网站在iPad上的显示效果不佳而抛弃它,那你恐怕要抛弃半个互联网。TechCrunch的移动体验的确不好,但还算不上糟糕透顶。从《纽约时报》到《纽约客》,从谷歌(微博)新闻到Salon,甚至包括Slate,很多新闻网站在平板电脑上的显示效果都很糟糕。事实上,不只是新闻网站,就连亚马逊(微博)等大牌互联网企业在iPad上的显示效果同样不好。

  调整思维

  问题在于,很多网站的内容太过拥挤,不适合平板电脑的显示屏。当你在iPad上加载一个网站时,经?;峥吹轿谋?、图片和视频掺杂在一起。这些网站的代码运行速度太慢、漏洞太多,不适合小尺寸设备;上面的按钮和链接太小,不适合手指点击;网站图片在平板电脑的高分屏上显示效果也不怎么样。

  关键问题在于,设计师并未针对平板电脑做出太多设计——他们或许针对iPad对页面做出了细微调整,但这通常只是一种补救,主要还是针对笔记本和台式机设计网站。

  该换换思维了。iPad已经面市3年,它的崛起似乎不可阻挡。而且,iPad并不孤独——谷歌Nexus 7、亚马逊Kindle Fire、微软(微博)Surface很快都将贡献巨大的流量?;チ枰视φ庑┥璞?。设计师创建网站时不应仅仅兼容平板电脑,而应以平板电脑为主。事实上,他们甚至应该首先考虑平板电脑——先针对7英寸和9英寸的屏幕设计页面,之后再针对桌面浏览器调整。

  为何要以平板电脑为主?不仅是因为iPad及其同类产品正在迅速成为主要的上网设备。(根据多方数据,移动设备已经占到10%以上的互联网流量,这一数字还在继续增长。)还因为平板电脑的种种限制——小尺寸屏幕以及相对较小的带宽和处理能力——可以提升桌面设备中的网站效果。针对移动设备优化的网站通常更快、更漂亮,比桌面设备更容易导航。如果设计师首先为平板电脑设计网站,整个互联网都将变得更好。

  统一设计

  需要强调的是,我不是呼吁网站在桌面版本之外,再创建一个针对平板电脑或智能手机优化的版本。很多网站都采取这种措施,但由于很多公司都没有足够的资源维护两套不同的设计,他们的平板电脑和智能手机版通常表现糟糕。这些移动版的网站无法提供与桌面版完全相同的功能——例如,Slate的智能手机版就无法加载读者评论——而且当设计师对网站进行升级时,通常只会优先考虑桌面版。

  这完全可以理解:对多数网站而言,桌面贡献了大量流量和广告收入。另外,移动网站仍然较新,而且变数颇多——有很多采用不同技术的智能手机和平板电脑,导致设计师还不习惯为它们开发有吸引力的网站。

  除此之外,还要考虑钱的因素。整个网络广告行业都是围绕桌面浏览器建立的,目前最具活力的互动广告还无法在平板电脑上完美地展示。

  出于以上原因,网络公司应当集中精力打造统一的体验,兼容所有电子设备。在理想状况下,移动网站不会成为桌面网站的分支——桌面网站将与移动网站一样:简洁、快速,在所有设备上的效果都很好。

  践行理念

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

  正如BuzzFeed的约翰·赫曼(John Herrman)所说,一些新的创业网站已经开始模仿这些极简主义的风格,包括博客平台Svbtle和Medium、讨论网站Branch和社交网站App.net。这些网站设计之初似乎都是优先考虑iPad,然后再移植到桌面上。不仅如此,这些网站的外观都很漂亮,导航也很方便。这绝非巧合。

  当然,对于资金充裕的创业公司而言,很容易以移动网络为主。但对于已经建立业务基础的网站而言,由于十分依赖广告,便很难直接投入移动设备的怀抱。但他们应当一试。今后几个月间,移动浏览器的流量将会飙升,尤其是当苹果推出价格更低、尺寸更小的iPad,而亚马逊也升级Kindle Fire后。


  如今,用平板电脑上网冲浪,随时都会碰到缓慢而充满漏洞的网站。但很快,读者就不会继续忍受这种情况。如果你的页面要花很长时间加载,如果你的图片不够清晰,如果你的链接不容易点击,如果你不断抛出iPad应用的广告,我就会用平板电脑访问其他网站——访问那些能真正重视它的网站。

以上内容由知道科技为您提供!更多有关赛车pk10现场开奖、赛车pk10现场开奖、赛车pk10现场开奖、赛车pk10现场开奖、赛车pk10现场开奖、赛车pk10现场开奖等互联网应用服务都可以联系我们!

上一篇:网站添加外链原则及注意事项

下一篇:没有了

相关资讯

  • 知道科技营销型网站建设特征解密

    知道科技建设网站-结构清晰  网站结构不清晰是很多企业网站的通病,核心价值不突出、重点不明确、内容杂乱,没有引导客户的思维。用户就像在一个迷宫中转,进不去、退不了,找不到自己需要的内容。  网站结构规划主要考虑用户思维习惯,通…

    2016/9/9 8:20:11
  • 10大外贸工具分享,错过就后悔

    1、【Google Webmaster Tools】 Google Webmaster Tools提供非常多的实用工具,总而言之它可以告诉你Google是如何看你的网站的,比如索引了哪些页面,有没有死链接,搜索关键词的排名,内部链接和外部链接等等。2、【Google Analytics】 除了提供其它统计网站的统计项目外,…

    2015/4/16 12:29:50

 

 

准备开展业务? 立即创建网站 城市加盟
关于知道
知道文化
资质荣誉
公司分部
服务介绍
客户案例
知道团队
知道客户
每月最新
优惠促销
有奖活动
功能更新
免费培训
最新公告
服务与方案
服务项目
解决方案
核心优势
专业定制
建站套餐
网络营销
企业邮箱
代理加盟
建站案例
企业网站建设
营销网站建设
外贸网站建设
品牌网站建设
商城网站建设
手机网站建设
代理加盟
招商加盟
广告合作
人才加盟
帮助
在线有问必答
如何选购产品
网站建设使用
如何网站备案
业务资料&合同
索取发票
投诉建议
帐户申诉
网站地图

关注知道

知道微信

知道微博

关于知道| 联系我们|付款方式| 新闻资讯|建站报价| 模板商城|诚聘英才| 相关下载|友情链接|申请链接

版权所有 深圳市前海灵狐信息科技有限公司  粤ICP备16082429号

客户服务中心(7×24):0755-36893038 传真:0755-36893038

深圳东莞 佛山 广州 上海 香港 中山

赛车pk10现场开奖

  • 绿庭投资:股票交易异常波动公告 2018-12-10
  • 蔡鄂生:传统金融、互联网金融都要“接地气” 2018-12-10
  • 特写:中国端午节文化走进韩国校园 2018-12-04
  • 杨光斌“回到中国”的社会科学及政治学的学科性贡献 2018-12-02
  • 湿热天气毒蛇出没!蛇咋成了邪恶的化身? 2018-12-02
  • 广东摧毁两“呼死你”团伙 恶意呼叫超过12亿次 2018-12-01
  • 向西,为何成为他们的前行方向——西安交通大学“西迁精神”探秘之一 2018-11-23
  • [视频]《乡村振兴战略大家谈》第六集4分钟精编版 2018-11-23
  • 全国国象快棋超快棋锦标赛 余泱漪夺冠雷挺婕梅开二度 2018-09-14
  • 高清图集:习近平在山东考察 2018-09-10
  • 广西宣讲十九大:唱支山歌进乡村 唱到田头唱到心 2018-09-07
  • 曾文明调研赣州高铁新区建设工作 2018-09-07
  • 当然,可这免费卡可以转给他人用,而这人并非是享有免费的人[微笑] 2018-08-24
  • “最美追逐”记录新疆故事 赵磊风光摄影作品展开展 2018-08-24
  • 第523期:土鸡蛋VS洋鸡蛋,哪个好?怎样挑? 2018-08-12
  • 383| 374| 497| 970| 441| 178| 864| 645| 469| 590|