35 followers 0 articles/week
5173首页前端性能优化实践

从制定计划,到前后端的开发,最后到测试以及上线,历时4个月,5173首页前端性能优化项目终于顺利上线,并达到了预期的性能优化目标。这次的项目并不是改版,而是原来首页的设计和功能不变,只做重构和优化。虽然项目名叫前端的性能优化,但也并不仅仅是前端单方面的工作,要想彻底的把优化做好,还是需要前后端的通力配合。 历史背景 老首页应该是09年上线的,首页也是各部门争夺资源的地方,大家都想在首页有一席之地,各部门在首页都有各自的小豆腐块,如果有新项目的上线,大多是打补丁的方式,并且唯一的规范就是能保证功能正常运行,至于性能方面,那是很遥远的事。苦逼的是开发人员,每次有首页的修改都是担惊受怕的,怕改了这个那个又出问题,历史原因造成的问题越来越多。 最先看不下去的应该是前端人员,因为首页在不断的修修补补中,性能已经差到前端人员觉得很没面子的地步了。但是看不下去也仅仅是看不下去,没法采取实质性的措施来改善,因为这牵涉到各部门的利益,也如上面说的,优化不仅仅在于前端,于是前端人员也只能向上面反映问题。到了今年,终于领导也看不下去了,某领导在海外访问我司的818和5173首页,对比起来前者首页很快(插播一句,818首页前端开发人员也正是我^_^),后者...

Thu Jun 7, 2012 17:04
浅析淘宝网首页信息架构的变迁

一石能激千层浪,何况是一巨石?作为亚洲电商巨头,淘宝的一举一动总是牵动着广大网民的心。上至宏观战略的转向,下至一个频道的换装,都会引来大大小小的淘宝买卖家和竞争对手的密切关注,分析、评论文章连篇累牍,各种应对措施更是层出不穷。毕竟,在硝烟弥漫的电商大战中,我们都不是看客。 从汽车、电脑到彩票、点卡,从机票酒店到外卖服务,从租房、买房到水电煤缴费,从C2C到B2C,淘宝的商品、服务和业务范围一直在不断扩展。关于淘宝的一招一式,网上的分析文章不计其数,从公司战略到页面设计都有涉及,本文将抛开过于宏观和过于微观的方面,尝试着从信息架构角度去观察淘宝网首页,分析其组织海量信息、提高信息的可用性和可寻性的方式,欢迎大家批评。 1信息架构的概念、重要性及其组件(已有概念的同学可略过) 概念 “架构”能引起人的最自然的联想,可能就是与我们朝夕相处的建筑物了。我们既在有形的建筑物中穿梭,也在无形的信息群里徜徉。信息架构的概念源自建筑结构,但因为信息空间的维度更多、更复杂,它的研究范围也延伸得更为广阔。根据Peter...

Tue Feb 28, 2012 20:26
浅析韩国团购网站

前段时间看过SocialBeta里的一篇文章,叫“由韩国团购网站引发的一些讨论”,让我忽然想起5月初我写过的关于韩国团购网站的文章,现在与各位童鞋分享,若有不足之处请多多包涵。 团购,相信这个词大家并不陌生。国内去年开始的团购热,对广大网民来说又带来了一波新鲜的冲击。延续去年的火爆发展势头,截止到目前,国内团购网站数量已超过了5000多家。然而竞争激烈的团购网站前段时间纷纷开始了一轮的“砸钱营销战”。开始找明星代言,大量投放媒体广告等投入高额的费用来试图奠定自己在行业上的龙头之位。但是业界上也有《高额广告费止不住团购颓势》,《不如把精力投入到顾客服务》等声音。 和国内团购网站相比,我们的近邻,韩国的团购网站是什么样的呢?让我们熟悉一下韩国团购网站概况与设计。团购在韩国叫- Social Commerce。...

Fri Aug 5, 2011 10:41
让网页设计有规律可循

随着开放平台日益增多,衍生出来的各类应用服务也就呈不断增长的趋势。这些应用服务的站点设计也可谓是五彩斑斓,灿若繁星。 我们可以来找找这些网站的设计是否有规律可循。 通常一个网站,都会有许多目标需要完成,而像应用服务或程序类网站其最主要的目标就是吸引访客去购买或者注册他们的产品。 可以从几个方面来分析 色彩 Amoderneden 从它的整体色彩配图元素构建等不难看出,这是一个关于儿童教育有关的网站,推的就是寓教于乐的产品服务。   Paraply 他们为用户的当前位置提供降雨预报服务。忧郁的蓝色预示着雨雪的降临,与雨伞保护感强烈的红色相对比显得相得益彰。   MailChimp 他们专门为客户公司提供强大的电子邮件营销服务。鲜亮的色彩预示这是家充满激情活力的公司。   色彩的应用组合预示了这些信息。   布局...

Fri Mar 4, 2011 11:46
漫谈互联网产品商业需求文档(BRD)的设计(2)

上篇谈到BRD撰写之前的决策模型,其目的就是为了让大家明白一点,写BRD,不应该站在自已的角度来写这份报告,充分了解决策层,也就充分把握到了报告编写的要点。站在评审方的角度来写报告,你的报告成功的可能性就已经占了很大一部分了。 BRD报告要素 前篇中我们谈到决策的角色分类有资本型、市场型、研发型、战略型,我们现在就针对这几个角色,定义出BRD报告的要点。 资本型:假设你现在是一个财务管理人员,大家都知道,管钱的人对数字敏感,对“付出”抠门,因为对财务来说,付出都是负资产;对“进入”欢喜,最好的方式是只进不出,那样就是只有利润没有成本。哈,天下自然没有这么便宜的事,所以退一万步说,追求投入产出比是他们的首要关键,不在乎投入多少钱,而最在乎的是投入产出的比率,也就是追求利益的最大化。所以在BRD中,要专门针对这一方面,做一份详细的报告。而通常而言,做一个互联网项目,主要的投入在于“人力成本”“运营或营销成本”“时间成本”“软硬件成本”“环境成本”,如果单给出成本计划,财务肯定不乐意了。所以,一定要明确给出收益预测,而有时候项目不是关注短期效益,更多的项目在初期通常不大可能获得大的效益,这就需要报告中体现出长远的效益预测。设想一下,如果...

Wed Mar 2, 2011 11:25
用户及用户特征

要创建1个可以与用户有效交流的网站,必须考虑到与你交流的用户。理解用户的需求对我们决定网站内容、信息量、用户以及内容结构至关重要。 用户不是被动的接受网站提供的信息,所有人都会不断的地根据自身经验和猜测来理解。自己在屏幕上看到的内容,即使我们认同是相同语言,但是每个人的理解含义不会完全相同。 我们都会根据自己的知识和经验来理解所看到的内容,(如果你不住再伦敦,就不知道Oyster卡,Oyster卡是乘坐公交交通时用的旅游储值卡)。 成功的内容编写者会以他们的用户为中心 用户的需求:          在编写的过程中,牢记用户的哪些特征?          人们为什么来看你的网站?          他们有哪些问题和任务?          他们处在何种背景之下?          正确的理解用户的需要可以帮助你以用户的语言和方式编写他们需要的内容。弄清访问者的目的有助选择和组织内容,使内容更加满足你和用户的目标。 下面介绍下如何获取和利用“用户及其使用网站原因的信息”   ...

Sun Feb 13, 2011 03:28

Build your own newsfeed

Ready to give it a go?
Start a 14-day trial, no credit card required.

Create account