最新日志

全新办公环境谍照闪亮登场(第一批放出)!!

1

各位兄弟姐妹们,好久不见啦,这段时间由于项目任务过多,大伙都忙得不易热乎,因此很久没和大家打招呼了,再此跟大家问个好~!

这段时间虽然忙碌,但也成果彼丰,有太多好东西要和大家分享了,现在就与大家分享我们的全新新新新新~~~~~办公场所,第一批谍照放出!

总台

小型会议室

办公区

工作区

休息区

走廊
休息室一角

游戏区

第一批截至这里,敬请期待第二批哦!

35微博 | EWave出世啦~~!

在这里插播广告下(PS:嘎嘎),35EWave是35互联推出的一款企业内部沟通、交流的协作平台,大家用自己的邮箱帐号就可以注册登录啦,现在里面可是灰常热闹噢,如果是业内的朋友那可更要快快加入了,抢先体验下企业微博的乐趣~~!(PS:广告插播结束,嘎嘎~~)

35EWave地址:http://ewave.35.com  (好东西记得分享给朋友噢~~)

当然咯,除了推荐好东西给大家外,还要放点料啦...... LOGO设计方案来也:

logo_02

接着放些飞机稿:
logo_05

好了,先放这么多吧,赶紧加入我们,快噢!!!

体验新版 Google 搜索界面 (简易进入新版方法)

据部分参与测试的人员透露,谷歌将采用新的搜索结果页面设计界面。尽管目前只有部分测试人员才可以用上这种界面,但Gizmod本周三则透露了一种可以抢先体验这种新界面的方法(似乎对中文Google站点无效),该方法如下:

image 

1、在浏览器地址栏输入www.Google.com/en,进入谷歌英文站点;

2、在浏览器的地址栏中输入以下代码:
“javascript:void(document.cookie="PREF=ID=20b6e4c2f44943bb:U=4bf292d46faad806:TM=1249677602:LM=1257919388:S=odm0Ys-53ZueXfZG;path=/; domain=.google.com");”(不含引号);

3、按F5键刷新Google.com页面,稍等片刻,谷歌便可以进入新界面模式了。

Google搜索新界面最引人注目的地方便是在页面的左侧设置了新的菜单栏,而过去用户则需要点击页面顶部左侧的“百宝箱”才可以展开类似的菜单,而且新菜单的界面元素也 比原来丰富美观不少。同时界面上所使用的色彩元素也更加丰富。界面顶部搜索框右侧和底部的“Search”/“Google search”/“I‘m Feeling lucky”等按钮变成了蓝色,有兴趣的朋友可以去体验体验。

[转载]UCD年会收获:思考、积累、开放

本文中的观点为支付宝首席产品体验师“白鸦”在2009UCD大会上提出。观点分析为原文作者"00后",接下来,正文开始......

观点1:产品业务、市场运营、体验设计都必须围绕着用户进行,且三者不可分割,须融为一体。任何一个角色都需要具备另外两个角色的能力。

UCD至少有两个层面,具体层面和抽象层面。具体层面很好理解,我们每天都在念叨:要从用户角度出发。具体层面的UCD绝对必要,但这更多是从产品功能、操作和设计等细节出发,我们是在朝着一个正确的方向去UCD吗?感谢鸦总给我们带来了很多另一个层次UCD的思考:战略UCD。抽象层面的UCD,其实是很难把握的,至少要在3个方面下足功夫:

  1. 对本质的思考:用户需求的本质是什么?驱动用户使用产品的根本原因是什么?回溯原始的需求,这是支付宝的一个制胜法宝。我其实不同意提问环节一些同行提出的关于“淘宝有一个明确的方向和用户群,而很多小公司、创业团队没有”的观点。“中国网民有网购的需求,支付宝为网络购物提供最好的支付体验”,这句话并不是在互联网诞生之日就写在大家心里而成为一个共识的,淘宝支付宝之所以成功,就是因为抓住了关键和本质,提炼出了最原始最稳定的需求,并一直在这些关键上发力,才有今天的成功。如果连一个局外人都清楚一个团队的核心目标和用户群,难道这个团队本身不清楚吗?所以,能否将自己的目标提炼为一个最原始、最朴素供需模式描述,可以做为判断一个团队有没有清晰的方向和战略的指标之一,否则,小公司和创业团队始终会找不着北,始终希望有一天这个方向会自己跑到门口,做成大公司有希望了。
  2. 团队UCD观念的普及:这在下面第三点会提到。
  3. UCD的整合:产品业务、市场运营、体验设计都能以用户角度出发,已经是很理想的情况了,但是这还不够。因为我们服务的是一个复杂的用户群体,只有几个部门在设计开发的不同阶段对各自领域的做法梳理和整合,往往还要相互理解和妥协,才能让UCD成果最大化重叠。

 

观点2:互联网的竞争从入口之争转入平台之争,将转入用户之争。得民心者得天下。用户的体验,不再是一个独立环节,要贯穿全程。

一代|入口:新浪、搜狐、网易

二代|平台:阿里、腾讯、百度、盛大

三代|用户:开心、豆瓣、迅雷……

鸦总的这个总结也很好。这大概也是web1.0到2.0的一个转变过程。之所以产品传播途径从抓入口到抓平台到抓口碑(当然他们之间不是替代关系),之所以觉得用户体验越来越应该贯穿全程,我的一个补充理解是:用户的力量在web2.0时代有了一个质的增长,第三代网站之所以能够以轻产品轻网站的模式跟一、二代大网站分庭抗礼,除了网站间开放、协同、分享的理念外,用户力量的贡献也是不可忽视的,若是UGC网站就更不用说了。这时注重全程的用户体验,对用户和网站来说,是一个双赢的做法。

 

观点3:用户体验设计,将不是一个独立部门,而是全民的参与。我对于支付宝UED的愿景:不再有一个部门叫“UED”。

公司UCD、UED观念的普及。“把UED部门做没了”,这确实是一个愿景,一句豪言壮语。为什么现在很多User Center 的Design不被接受或者UE部门的工作会遇到比较多的阻力?因为UCD的观念在团队中没有被每一个人接受,大家的目标和步伐不一致,所以会存在“用户体验是UI的事情,与我无关”的误解。只有每个人在产品设计开发的每一个阶段,甚至每一个细节,都能主动站在用户去思考,以用户的逻辑去理解,以用户的习惯去模拟,才有可能让产品从能用到易用到好用到喜欢用。无论是自上而下,还是自下而上,UCD观念的普及是良性发展的一个前提。

而且,UCD观念的普及,并不是指表面化的从用户角度出发,例如“我觉得如果是用户的话会怎样怎样”,“用户会喜欢四个字而不是六个字”,还是要在多个问题和决策上不停地发问。例如你觉得用户可能会这么想,那么为什么会这么想?为什么不会那样想?哪些选择会让他不这么想?为什么这些选择会起到这个作用?选择的原因又是什么?…… 支持这个理念的,其实是背后一整套学科体系和方法,仅仅喜欢发问是远远不够的,将设计、心理、市场等相关学科的知识和方法整合运用进来,才有可能真正地UCD。

 

观点4:用户研究的根本需要围绕:“什么样的人,在什么样的环境里,有什么样的遭遇,获得了什么样的信息,希望解决什么样的问题”。

很多时候,我们的用户研究,询问的是用户对一个产品、一个功能、一个界面的“看法”,但是,为什么他会产生某个“看法”,我们不得而知,因为我们没有问他是“什么样的人,在什么样的环境里,有什么样的遭遇,获得了什么样的信息,希望解决什么样的问题”,还有,为什么来?问题是否得到解决?等等。用研那么多种方法,没有一种是完美的,定量和定性研究,一个解决是什么,一个解决为什么,都不可缺少。

 

观点5:最好的用户研究方法就是把产品做出来,给用户用。看他用,站在他的角度读懂它。

做产品不必一步到位,也不必畏首畏尾,网站和服务是我们的试验田,如果真的是一些不明确的功能,可以采用迂回的方法,进行局部试探性的尝试,方便快速反应和迭代。用户需求本身是复杂的,有时很难拿出各方都满意的解决方案,更简单的做法可能是进行试验,让市场和用户自己去选择。

 

观点6:用户需求不是偶然发现的,更不是创造出来的,而是计算出来的。对于线上定量数据的分析,往往比线下的定性数据分析更有价值。

对没有较完善数据系统的团队,这个观点简直是噩梦。但这确实是大白话。在不同部门因为对用户需求的不同理解在pk的时候,有什么比从线上数据挖掘出的用户行为更有说服力呢?偶然发现的用户需求,必定是零散不成体系的,缺乏承续性和扩展性;创造出来的用户需求 ,大多可能是拍脑袋的结果。如果有详细而易于挖掘的数据,用户需求的提取会相对简单且精准。不过,对数据的运用,也是一门艺术。有时数据也是一把双刃剑,如果仅仅是片面地想用数据证明某些观点和做法的正确性,数据沦为了断章取义的论据,也会成为产品失败的帮凶。

 

观点7:产品体验和需求的完善,是逐步实现的,有阶段、有节奏、有偶然,更有必然。

 

另外有一点印象深刻:要抓住核心用户群的核心需求。知易行难。核心的东西,要坚持正确的做法,非核心的东西,则可以稍微灵活处理。能够明确知道核心需求,本来就很难,还要一直坚持,在任何时候不犯晕,不妥协,不放弃,更难。很佩服淘宝的洞见和耐心,一下子抓住了安全和信任体系这个关键,还能忍耐用几年的时间让这个环境得以成型。换了一个小公司,有足够的耐心和成本能够坚持这么久吗?不过话说回来,要做多大的事情,就得有多大的耐心。

 

--------------------------------------------------------------------------------------------------------------------------------------------

读后感:本文中的观点都挺精炼,再加上文中作者的分析,值得好好读一读。

另,用户体验的文章数不胜数,很多观点和方法都已经业内熟知,最最重要的还是自身的实践,多看,多用,多想,多做,多交流!

原文链接:http://www.userkon.com/kidult/ucd_annual_meeting_2009.html

马化腾讲产品:让产品自己召唤人

这篇文章是比较早的一篇,相信很多人都看过,但感觉十分经典,因此加入收藏并与大家一起分享!

腾讯拥有着全国最庞大的用户群,其产品要考虑的问题也是方方面面,但是“稳定快速”这个最最核心的感觉一直从他的产品不断的传输给客户,QQ、QMail、QMusic等等,那么我们就来看看作为腾讯老大兼产品总监的马化腾对于产品的见解:

 

产品经理要把自己当一个挑剔的用户。我们做产品的精力是有限的,交互内容很多,所以要抓最常见的一块。流量、用量最大的地方都要考虑。规范到要让用户使用的舒服。要在感觉、触觉上都有琢磨,有困惑要想到去改善。如鼠标少移动、可快速点到等等。

为产品做设计最难的是订优先级和先后次序。判断功能的好坏不能写个报告统计下流量证明是完了。这是非常错误的,我们要看用户是不是需要这个功 能。所以我希望我们的产品经理在产品设计之初就想得透彻一点。产品经理需要投入更多的关注度,关注度不一样,结果出来的很不一样。

1.核心能力

任何产品都有核心功能,其宗旨就是能帮助到用户,解决用户某一方面的需求,如节省时间、解决问题、提升效率等。

很多产品经理对核心能力的关注不够,不是说完全没有关注,而是没有关注到位。核心能力不仅仅是功能,也包括性能。对于技术出身的产品经理,特别 是做后台出来的,如果自己有能力、有信心做到对核心能力的关注,肯定会渴望将速度、后台做到极限。但是现在的问题是产品还没做好。比如前段时间的网页速度 优化,优化之后速度提高很多,真不知道之前都做什么去了?让用户忍受了这么久,既浪费时间又浪费我们的资源。不抓,都没人理,很说不过去。所以说我们要在 性能方面放入更多精力。

谈到核心的能力,首先就要有技术突破点。比如做QQ影音,我们不能做人家有我也有的东西,否则总是排在第二第三,虽然也有机会,但缺乏第一次出 来时的惊喜,会失去用户的认同感。这时候,你第一要关注的就是你的产品的硬指标。在设计和开发的时候你就要考虑到外界会将它与竞争对手做比较,如播放能 力、占用内存等。就像QQ影音,它的核心性能和速度都超越了暴风影音,所以推出之后发展的势头将会很好。

硬指标选择上其实也有很多选择,如网络播放、交流、分享,这都是很好的思路。但是最后都砍掉了,我们就是要做播放器,因为这是用户的需求。并不 是所有人都需要高清,但是高端用户需要(这个后面口碑创造会再提到)。只有硬指标满足了,用户说,我这个破机器,暴风影音不能放,QQ影音能放。就这一句 话,口碑就出来了,用户知道你行,口碑要有差异性。

核心能力要做到极致。要多想如何通过技术实现差异化,让人家做不到,或通过一年半载才能追上。

很多用户评论QQ时说用QQ唯一的理由是传文件快,有群。那这就是我们的优势,我们要将这样的优势发挥到极致。比如离线传文件,以邮件方式体现 就是一个中转站,即使是超大的文件也不困难,关键是要去做。虽然真正使用的用户并不一定多,但用户会说,我要传大文件,找了半天找不到可以传的地方,万般 无奈之下用了很烂的QQmail,居然行了,于是我们的口碑就来了。

要做大,你首先要考虑的就是如何让人家想到也追不上。这么多年在IDC(互联网数据中心)上的积累我们不能浪费,高速上传、城域网中转站,支持 高速地上传 ??可能又会发现新的问题,如果不是邮件,在IM(及时通讯软件)上又该怎么实现。我们的目的是要让用户感到超快、飞快,让用户体验非常好,这些都需要大 量技术和后台来配合。

产品的更新和升级需要产品经理来配合,但我们产品经理做研发出身的不多。而产品和服务是需要大量技术背景的,我们希望的产品经理是非常资深的, 做过前端、后端开发的技术研发人员晋升而来。好的产品最好交到一个有技术能力、有经验的人员手上,这样会让大家更加放心。如果产品经理不合格,让很多兄弟 陪着干,结果就会发现方向错误是非常浪费和挫伤团队士气的。

2.口碑

做产品要做口碑就要关注高端用户、意见领袖关注的方向。以前,我们的思路是抓大放小,满足大部分“小白”用户的需求。但是现在来看,高端用户的感受才是真正可以拿口碑的。

如何提升高端用户的关注,这是在基础功能比较好的情况下需要考虑的问题。如邮件搜索、RSS聚合等,这些只有“很炫”的用户在博客和论坛里面会 提及,在有能力的情况下我们要保证。在产品已经成型的情况下,对待高端用户的心态也要不一样。比如允许用户在我们的QQmail上使用别的邮箱。之前我们 自己心里打着小九九,让别人不方便使用外部邮箱地址,好使用我们的,但是这些小九九,高端用户是看得出来的,所以要改掉,只有这样才能做到真正的方便用 户。

个性化服务,并不是大众化服务,也是要取得口碑的。

一个产品在没有口碑的时候,不要滥用平台。如像IM(及时通讯)部门要求支持,投入营销资源、要marking(市场部门)联系公关公司投放广 告,提广告位要求??等着人家砍,其实心里想着有一半也够了。我们的产品经理精力好像分配得很好,50% 产品、30%营销??当然,如果你在基础环节控制得好,这样当然可以。但多数情况下我们的人第一点都做不好。如果你的实力和胜算不到70%?80%,那么 就把精力放在最核心的地方。当你的产品已经获得良好口碑,处于上升期后再考虑这些。

产品经理要关注最最核心、能够获得用户口碑的战略点,如果这块没做透,结果只能是用户过来,失望,再花更多的精力弥补,这是得不偿失的。当用户 在自动增长(用户会主动推荐朋友来使用我们的产品),就不要去打扰用户,否则可能是好心办坏事。这时,每做一件事情,每加一个东西都要很慎重的考虑,真的 是有建设性地去增加产品的一个口碑。当用户口碑坏掉后,再将用户拉回来很难。

增加功能,在管理控制功能上也要有技巧。在核心功能做好后,常用功能是要逐步补齐的。产品在局部、细小之处的创新需要永不满足。作为一个有良好 口碑的产品,每加一个功能都要考虑清楚,这个功能给10%的用户带来好感的时候是否会给90%的用户带来困惑。有冲突的时候要聪明,分情况避免。每个功能 不一定要用得多才是好,而是用了的人都觉得好才是真正的好。

做产品开发的时候需要有较强的研发机制保证,这样可以让产品开发更加敏捷和快速。就算是大项目也要灵活。不能说等3个月后再给你东西看,这个时候竞争对手已经跑出去已经不知道有多远了。

开发人员要用心来思考产品,而不是公事公办的态度。你要知道用户、同行会关注你的产品,在这种驱动下开发人员要有责任心去主动完成。不能说等到 产品都做好了,流水线一样送到面前再做。40-50%左右的产品最终体验应是由开发人员决定的。产品人员不要嫉妒有些工作是是开发人员设计的,只有这样才 是团队共同参与的。否则出来的产品一定会慢半拍。

运营式管理:敏感才能找到不足

关键词:天天用

我们的产品不是单机版,不仅需要很强的用户感和技术功底,更重要的是服务。我们要关注一些很复杂的内容,如架构、应用等,产品需要有更好的架 构,这需要花很多精力,常态下可能看不出来,所以需要我们高层更多的从KPI(重要绩效指标)上考虑。这很考验功力,谁做的好,总办领导是看得到的,好的 设计架构不会手乱脚乱。如把核心的东西做成组件模块分发。

发现产品的不足,最简单的方法就是天天用你的产品。产品经理只有更敏感才能找出你产品的不足之处。我经常感到很奇怪,有的产品经理说找不出问 题,我相信如果产品上线的时候你坚持使用三个月,问题是有限的,一天发现一个,解决掉,你就会慢慢逼近那个“很有口碑”的点。不要因为工作没有技术含量就 不去做,很多好的产品都是靠这个方法做出来的。我们的领导不仅仅要安排下面的人去做,一定要自己做。这些都不难,关键要坚持,心里一定要想着,这个周末不 试,肯定出事,直到一个产品基本成型。

从哪个地方找问题呢?论坛、博客、RSS订阅啊。高端用户不屑于去论坛提出问题,我们的产品经理就要主动追出来,去查、去搜,然后主动和用户接 触,解决,有些确实是用户搞错了,有些是我们自己的问题。产品经理心态要很好,希望用户能找出问题我们再解决掉。哪怕再小的问题解决了也是完成一件大事。 有些事情做了,见效很快。产品经理要关注多个方面,经常去看看运营,比如说你的产品慢,用户不会管你的IDC(互联网数据中心)差或者其他原因,只知道你 的速度慢。

交互设计:做最挑剔的用户

关键词:细致

产品经理要把自己当一个挑剔的用户。我们做产品的精力是有限的,交互内容很多,所以要抓最常见的一块。流量、用量最大的地方都要考虑。规范到要让用户使用的舒服。要在感觉、触觉上都有琢磨,有困惑要想到去改善。如鼠标少移动、可快速点到等等。

像邮箱的“返回”按钮放在哪儿,放右边还是左边,大家要多琢磨,怎么放更好,想好了再上线测试。对同一个用户发信,在此用户有多个邮箱的情况下如何默认选最近用的一个账号。这些需求都小,但你真正做出来了,用户就会说好,虽然他未必能说出好在哪里。

产品的使用要符合用户的习惯,如写邮件的时候拷贝东西,更多人习惯用键盘来操作。虽然有些技术难度,但也可以解决,交互,对鼠标反馈的灵敏性,便捷性。

在设计上我们应该坚持几点:

  1. 不强迫用户。如点亮图标,如QQmail,不为1%的需求骚扰99%的用户。
  2. 操作便利。如QQ音乐,新旧列表,两者都要兼顾到,如QQ影音的快捷播放,从圆形到方形,最后因为影响性能而放弃。
  3. 淡淡的美术,点到即止。如QQmail,QQmail在UI界面上的启发,不用太重也能做得很好。图案和简洁并不是一对矛盾体。
  4. 重点要突出,不能刻意地迎合低龄化。

产品演示中心总站点正式上线

说说前因:由于公司各个产品站点、产品演示和试用入口逐步增多,导致很多客户在浏览时需要来回跳转,因此我们专门设计了产品演示中心总站点,使客户通过总站能更方便、更快速的了解和体验35产品。

说说结果:结果就是产品演示中心总站的诞生咯^_^。大伙可以在产品中心栏目链接到所有的产品站点和官方博客;可以通过演示中心栏目轻松的了解35的服务;也可以通过体验中心直接体验35的产品;最后,初识35的朋友可以通过精心编制的关于我们栏目了解35公司,这应该就是传说中的一条龙服务咯(有这个传说吗-_-)。

不废话啦,放出总站地址:http://products.35.com

总站首页
1 
产品中心
2

演示中心
3

体验中心
4

关于我们
5

十分优秀的艺术设计站点分享

blog-share

本次跟大家分享的是我们经常浏览的国际上十分优秀的部分站点,包含创意、视频、网站、平面、建筑、广告等等,希望大家喜欢:)

NewWebPick - 最权威的网络在线创意与潮流杂志
内容涉及:广告、网站、FLASH、平面、街头艺术、插画、3D、产品与包装、建筑与空间、摄影、时装、试验艺术... 展示全球最前沿的设计作品,收集国际最新的设计资讯,辨析某时期内设计艺术的动向。
http://www.newwebpick.com/


Asds of the world - 全球平面创意网
目前,国内各大小创意广告类网站上,您所能看到的国外平面创意作品,绝大多数都来自于adsoftheworld.com,我们姑且称他为:全球平面创意网吧!
http://adsoftheworld.com/


CPLUV - 最值得收藏的设计师聚集地
世界最好的创意设计师集合地之一,除了提供基本的BLOG功能及二级域名外,还有地域、活动、在线交流等超级丰富的内容。
http://www.cpluv.com/


The Fwa - 全FLASH酷站集合
外国知名的FLASH酷站收集站点,能被FWA收录的作品无论是前台能够看到的,还有新创意所带来的强大的后台功能都是处于领先状态。
http://www.thefwa.com/


2inside - 优秀的视频特效作品网站
令人震撼,威力十足,让你的眼睛无法离开屏幕,因为你不想错过任何一样东西,这里收录了Cho Hak Rae大部分视频作品。
http://www.2inside.com/


TWOTHOUSANDSTRONG - 优秀的视频特效作品网站
同样也是非常优秀的视频特效作品网站,里面收录了大量的优秀视频特效作品。
http://www.2000strong.com/


iconfinder - 优秀的图标设计参考网站
一个图标设计参考的网站,可以按关键词搜索出大量的图标下载作为参考。
http://www.iconfinder.net/


AboutCG - 视觉共和国
专业的数码视频教程提供者,各种二维,三维的优秀教程。
http://www.aboutcg.com/

 此次先放这些,下次继续分享:)

明天就是七夕情人节了,祝有情人终成眷属!

明天就是我们中国传统的七夕情人节了,各位牛郎、织女,还是相约在了那座桥上(不换下地点噢^_^),我们团队以一张七夕壁纸作为小小的礼物送给大家,祝有情人终成眷属^_^~!

desktop1

1024*768分辨率下载           1280*800分辨率下载          1920*1080分辨率下载

产品演示中心 - 被Cancel但却铭记的飞机稿之一

说到现在的产品演示中心,也就是大家之前所看到的http://demos.35.com/,在整个设计过程中经历了无数次的评审、修改、评审、再修改。被淘汰的设计方案也不下5个,那么今天要说到的是第一个、也是最完整被Cancel的一个设计方案(完美KO-_-),为了告慰设计师曾被伤害的灰常灰常弱小的心灵,请大家在看之前为其祷告:设计被灭,精神永在,阿门~~!(设计师:这个,听起来怎么这么怪…=_=)

演示动画部分飞机稿件:
35Logo展现
a_1_产品演示中心_启动界面过程1_调整大小  

我们的口号:技术造就未来……
a_产品演示中心_启动界面过程1_调整大小

35和你,隐喻35互联和客户共同成长的岁月…… 
b_产品演示中心_启动界面过程2_调整大小  

本次主题出现,开始精彩之旅
e_产品演示中心_启动界面过程5_调整大小  

代表着35互联付出的无数时间和努力的白色方块涌入主题YOU里
f_2_产品演示中心_概念平面稿(启动界面)_调整大小

当所有的方块凝聚成一点后,由YOU中爆发而出
f_3_产品演示中心_概念平面稿(启动界面)_调整大小

爆发之后,代表着所有的努力的白色方块转化成为产品
产品演示中心_概念平面稿_调整大小

35的成长是和客户相依相伴的,所有的努力转化为对客户的服务,而客户对服务的满意再次转化为35的动力i_1_产品演示中心_概念平面稿_产品列表_调整大小

点击进入可以观看具体的35产品演示
H_产品演示中心_概念平面稿_演示过程界面_调整大小

同时也提供了试用和购买通道
i_产品演示中心_概念平面稿_产品列表_调整大小

产品的更新历史都记载在上面
j_产品演示中心_概念平面稿_产品列表_单品性息_调整大小

贴图的过程正好听着张芸京的“偏爱”,忧伤的歌声配着凄凉的回忆(没这么悲惨吧0_0),整个…….不知道怎么写下去了(旁白:汗)

最后还是以开头的一句话来结束此篇吧:设计被灭,精神永在!永在~!永在~~~!(回音,然后整个屏幕灰掉)

产品演示中心_概念平面稿(启动界面)_配色方案2_调整大小

35网站首页全方位优化过程分享

blog2

一直以来我们都在寻找提高网站访问性能的方法,日益庞大的内容和页面效果使我们的网站越来越臃肿,速度越来越慢。有没有什么办法能有效的解决这个问题呢?答案是肯定的。下面是对我们公司站点优化瘦身的要点拿出来跟大家分享。

说到站点优化,各式各样的分析工具和优化方法琳琅满目,我们推荐目前较为主流的2种优化分析工具作为衡量标准:(FireFox + FireBug + YSLOW)和IE + HttpWatch。

浏览器:FireFox  3.5.1 (下载地址:http://www.mozillaonline.com/http://g-fox.cn/)
调试工具:Firebug  1.4.1 (下载地址:http://getfirebug.com/)
FF分析工具:YSlow  2.0.0b4 (下载地址:https://addons.mozilla.org/zh-CN/firefox/addon/5369)
IE分析工具:HttpWatch (下载地址:http://download.pchome.net/internet/browser/plugin/22585.html

在这里我们主要使用Yahoo的Yslow工具优化:
Yslow 是雅虎出的一款页面分析工具,他使用在firefox浏览器下,必须结合fireBug一起使用。安装好软件后按F12键就可以打开Yslow面板。好了废话少说,现在转入正题:

优化前,网站通过yeslow的评价为D级,总得分61分,页面元素65个共271K。(Yahoo:D级是不及格的说;我们:-_-!) 
image  
image

通过分析,Yslow非常人性化得为我们指出了问题的所在,请看下图:image
图片中Yslow为我们提出了22个项目6个分类的问题,我们的优化主要是针对这22个项目来进行(目标很明确):

  1. Content
    clip_image008
    从上图可以看出在这一大项里面主要包括:减少HTTP请求数、减少DNS查询、避免重定向、使AJAX可缓存、减少DOM元件数量、杜绝空链接的出现(404错误)。除了第一点其他都为A,因此主要优化页面的对外请求数。
    目前情况:
    根据分析结果来看,目前站点首页有16个Javascript外部连接数,整体连接请求过多;
    解决方案:尽可能的合并JS,减少连接数,同时将首页单独调用的小段脚本直接写入页面中,以文本方式执行,并对所有的JS代码进行压缩优化;
    这里说下调用JS的事情,页面是部分写入JS脚本还是全部外部调用,其实讨论结果是各有利弊,全部外部调用固然能使页面和脚本分离彻底,便于后期维护,但会增加外部连接数,而只将本页用到的简短JS直接写入页面里,可以降低外部的请求连接数,因此权衡之下决定将部分有用到的JS压缩后直接写入页面中。
    部分JS直接写入的必要性,可以通过Yahoo分析的看到(总体还是要尽量外调,但少许必要的可以直接写入)
    clip_image010分值N/A,已取消对于外置JS和CSS的评分。
  2. Cookie
    clip_image012
    Cookie项包括:减小Cookie体积、对组件使用无Cookie的域名两项,都是A,就此跳过。
  3. CSS
    clip_image014
    CSS项包括:将CSS放置到顶部、避免使用CSS中的Expressions、将JS和CSS外置(关闭项)、压缩JS和CSS、删除重复脚本和样式、避免使用过滤器。
    评分都是A,就不深入了,顺带说下避免使用CSS 的Expressions,主要是因为当需要渲染的元素很多的时候,会照成卡死的现象,资源消耗极大。另外如果使用透明效果,尽量避免使用过滤器,需要的话可以直接使用PNG8代替。
  4. Images
    clip_image016
    站点图片项包括:不要直接在HTML中缩放图片、长时间缓存浏览器ICON并优化到1K以下;
    以上两项没问题,另外还有两项:一个就是CSS SPRITE的使用,另一个就是PNG8格式的使用;
    关于CSS SPRITE的好处,这个在网上已经有很多文章,这里就不再详细描述。
    推荐一个合并png并自动生成css代码的站点:http://csssprites.com/
  5. JS
    clip_image018
    通过上面的图片可以看到网站JS出现的问题就是,我们没有把JS放在页面的最底部,和没有压缩js的大小。在页面载入的时候遵循从上到下的载入机制,JS的放在页面的最后可以有效的减少载入页面的速度。所以我们把JS搬到页面的最后(body的前面)同时我们也对JS进行压缩,去掉不必要的注释、换行符等等。
  6. Sever
    clip_image020
    最后这块是主要是针对服务器配置的优化。从上面的图标中可以看问题的重点出在CDN、Expires、GZIP压缩还有Etags。这几个都是涉及到服务器的配置问题,也是问题最大的一块。CDN从技术上全面解决由于网络带宽小、用户访问量大、网点分布不均等原因所造成的用户访问网站响应速度慢的问题。Expires设置过期时间,最大限度的引导浏览器使用缓存的信息。减少下载量。GZIP是对网站文件进行压缩,然后在浏览器进行解压。减少文件在网络传输的大小。

经过以上所有优化工作之后,我们再来看看站点的评分:评价从原本的D级上升到了B级,总得分为81分(我们:o~Yeah~!),页面元素缩减后剩下12个,总大小为116.7K。
 image
image

 

最后,我们总结下这次影响到页面性能的主要问题和优化经验:

• 页面的总元素数:我们应该尽量减少页面的元素,能公用或合并的元素,全部统一共用或合并。

• 是否利用了缓存:缓存是一个我们平时很容易忽略的东西,起用缓存能大大的提升我们页面的访问效率。

• 文本对象是否进行了压缩:文件对象的大小直接影响到文件的下载速度。不论是图片,CSS,还是JS我们都应该尽量的减小体积。

• 是否有大量的并发阻塞出现:由于IE限制了并发数的量(默认并发数为2)所以大量的并发数必然导致访问阻塞。应该尽量减少。

通过以上方法我们的网站性能已经有明显提高(有没有很快?:D),但是仍旧有相当多的提升空间,我们将继续努力并争取达到A级评价(超过Yahoo:D),感谢大家观看,谢幕~~~!

我们的历代文化衫 - 刺猬T-shirt

从前几年开始,我们就断断续续拥有过很多代的文化衫,虽然我们总是信奉内在的才能,但是这些外在的东西总是能带给我们震撼,每次穿在身上,看着眼前黑压压或白晃晃的一大片同族人群后,蓬勃浩瀚的团队自豪感油然而生,还真有社团的感觉(这个用词好像...,敢不敢动我一下^0^)

这次就和大家一起回忆下历代T-shirt的款式吧!

2005年,跳过,因为那时候的T-shirt实在……标准的VI款式。

2006年,记得当时很多兄弟都没衣服穿(难道是难民营-_-),所以这款T-shirt算是雪中送炭,被评为当年最受人民爱戴的T-shirt奖,直到如今偶尔还能看见有人穿着这件熟悉的款式。

1

 
2007年,更像社团了-_-,印象最深的一次,整个中心统一穿此T-shirt到东山旅游,乘车到那里已经是傍晚5点多,所有人吃晚完饭之后统一在酒店门口集合,然后------集体购物!由于东山属于县城,本来车辆就不多,于是只看见两车道的路上黑压压一大片人群朝着闹市走去,延绵好几里......(不是我们不走人行道,是因为那里的主干道就是走人来的),于是道路两旁挤满了各式各样看热闹的人群,连警察都来询问(逛个街嘛,连警察都出动-_||),然后就是风卷残云般的大扫荡,接下来的购物情景就不说了,实在是相当恐怖...罪魁祸首如下:

2

2008和2009年,这两年的T-shirt设计款式逐渐增多,就不一一细数了(旁人:偷懒-_-),毕竟大伙越来越向时尚潮人靠拢了,我们甚至都有设计全套着装的冲动:什么大开口休闲衫、热带沙滩裤啦,人字拖外加纺织草帽等等,最后再加个太阳镜,瓦哦(小样你度假上班呢-&-),好了不说了,直接放图:

3

4

是不是觉得怎么总是黑色的呢,哈,那就来几件白色的:
5

6 

来个实际效果:

71

81

最后,我们希望刺猬文化衫除了带给我们社团般的感觉外(^D^),还能带给我们不断前进的动力,继续加油~~!!

团队近期讨论和关注的话题

对于团队近期讨论和关注的话题随笔了一把,为了引发进一步的共鸣和思考:banner

创意
创意就是近来的话题之一。独特新颖的表现手法可以使设计或者演示引人注目,而拥有内涵的东西却更能进一步的加深烙印,甚至使人产生观看或使用的欲望。创意是设计的灵魂,似乎已经成为我们的共识,因此每次的设计构思也越来越往这方向靠,扩散式的头脑风暴好像是挺适合的方式。好的创意如何产生这样的问题已伴随我们很久,因此每次的沙龙慢慢变成了看大片和吃零食,不知道多久之后可以开办一个小型影院:)久而久之大伙发现,看大片、看风景、看美女(这个好像没关系-_-),关键在于怎么去看,如果都用设计、或者说专业的眼光去看,而且每次看的都是好的东西(无论是什么),那么等到质变的一天,好的创意自然手到擒来;如果不用设计的眼光去看,那么……也能看,比如看美女(怎么又拿这个举例-_-),最后也会质变,当然质变后的结果就是------色狼-o-

表现手法
静态的视觉表现手法也是近来有谈论过的话题。比如已经泛滥的Vista玻璃效果(苹果是鼻祖老大),微软的视觉手法应该是业内所关注的对象,也是我们重点观察的目标,那么再进一步的话题中,就有问题出现了。为什么微软当时能认定新一代的玻璃效果就是好的?就是主流的??或许这就是一堆天才人类汇聚在一起的优势,也或许是经过无数次的设计、推翻、设计、再推翻,最终达成的共识。当然不排除产品市场占有度为其夺得先入为主的功劳,但是我们觉得后者的比重会大一些,甚至占有决定因素------不断的尝试;这个无论在爱迪生、爱因斯坦这些伟人身上都能生效的办法,对于我们来说效果肯定是毋庸置疑的:)

团队= 一起腐败?
腐败两个字好像很抢眼的说,不过我们近来谈论的不是腐败,而是“一起”,可以是一起工作,可以是一起出游,也可以是一起睡觉(都是男的,不怕)。总之,做什么都要一起。可能是大伙的好动细胞比较多,反正每周或每两周都要活动一次,然后甲类人就会提议去KTV发泄(也不知是不是经常受委屈),乙类人就提议去海边拥抱自然,但无论是什么团队总会有宅男型的人类存在(好男人)。那么无论决定去哪里,总会有“缺席”的存在,所以为了解决此类情况,我们讨论了前面说到的“一起”文化,你可以不KTV,也可以不吃饭,但是如果大伙要去,你就得“一起”(怎么突然有奸笑声出现-_-),好了,说说正经的,“团”就是群聚在一起的才,“队”就是一起听从指挥的人,“团队”就是聚在一起听从指挥的人才;所以我们一致认为一起行动很重要,共同的活动会潜因默化的增进相互间的感觉,或者说默契,因此一起行动,我们的暂时结论是------这是必须的。

文笔水平
这个问题么,随着团队博客的诞生,成为了众多“内才”型选手的头号问题,这个……额………那个………,这些兄弟的内心世界总是相当火热,甚至在内心世界里都已演化成虚拟角色,手拿武器口放咒语,演绎得天翻地覆、精彩斑斓,而外在的表现与内心形成了强烈的对比,犹如狂风暴雨中坐在窗台里看世界,两个字------相当平静!然后抬起双手做比划状,嘴角挂着口水很委屈的重复说着:“这个……额………那个………”的词汇;无奈,提升文笔水平成为了首要的业余任务,经过大伙艰难的商议,达成一致的结论:多看、多写、多讨论。

工作环境
我们坐拥整栋35大厦的最顶层(不是天台,别误会-&-),拥有最广阔的视野。眺望远方是无边的大海,放眼近处是小山和绿树,篮球场、乒乓球室、台球室、瑜伽/拳击室应有尽有,再加上活跃的气氛和好动的成员,于是有人提议:“成功源于分享”,好吧,为了成功,我们下期的主题就是“我们的环境”。

好了,就此收笔,和兄弟们拿相机拍照去了……

35.com介绍及产品演示动画最新在线版

大家可能在2009上半年典藏版杂志里有看到35产品演示动画的截图,但是下载按钮却点击无效,实在是因为前段时间兄弟们还在辛苦的完善中,在此说声抱歉了。那么这次不敢怠慢,在第一时间给大家奉上我们的最终完成品---35互联品牌及产品演示动画(在线版),希望大家能更进一步的支持我们,鞠躬感谢!

完整演示观看地址:http://demos.35.com

35DEMO

2009 35UI团队典藏版电子杂志 - 正式开放下载

2009上半年35UI Team作品集典藏版正式提供下载,虽然有许多作品由于商业因素无法在本次发布,但经过精心挑选的内容还是十分值得分享,希望大家喜欢~~~~!

button

后续将推出在线版本:)

2009 35UI团队精选作品集之电子杂志典藏版即将推出

2009年7月7日即将推出半年度35UI电子杂志典藏版供大家下载分享,此次带来杂志的部分精彩预告:

01 
03
06
 14         19 23      29            
43
42

得到OpenID
使用OpenID提供商
35OpenID 35OpenID MyOpenID MyOpenID Flickr Flickr
Google Google Yahoo Yahoo! AOL AOL
Blogger Blogger LiveJournal LiveJournal Verisign Verisign
ClaimID ClaimID Technorati Technorati Vidoop Vidoop
OpenID OpenID 帮助
您还没有登录,请登录后继续操作。
提示:您必需打开Cookie才能使用本系统
请输入您的 OpenID OpenID 登录:
例如:http://yourname.openid.35.com
close