月归档:十一月 2009

让页面变得更快一点(一)

Web页面运行在各种各样的浏览器当中,浏览器载入、渲染页面的速度直接影响着用户体验。非常不幸的是,效率最低的IE浏览器仍然占领者绝大多数市场份额,这已经严重制约了互联网的发展(感叹一下:“马赛克和IE——阻碍人类文明发展的绊脚石!”)。 简单地说,页面渲染就是浏览器将html代码根据CSS定义的规则显示在浏览器窗口中的这个过程。先来大致了解一下浏览器都是怎么干活的: 用户输入网址(假设是个html页面,并且是第一次访问),浏览器向服务器发出请求,服务器返回html文件; 浏览器开始载入html代码,发现<head>标签内有一个<link>标签引用外部CSS文件; 浏览器又发出CSS文件的请求,服务器返回这个CSS文件; 浏览器继续载入html中<body>部分的代码,并且CSS文件已经拿到手了,可以开始渲染页面了; 浏览器在代码中发现一个<img>标签引用了一张图片,向服务器发出请求。此时浏览器不会等到图片下载完,而是继续渲染后面的代码; 服务器返回图片文件,由于图片占用了一定面积,影响了后面段落的排布,因此浏览器需要回过头来重新渲染这部分代码; 浏览器发现了一个包含一行Javascript代码的<script>标签,赶快运行它; Javascript脚本执行了这条语句,它命令浏览器隐藏掉代码中的某个<div>(style.display=”none”)。杯具啊,突然就少了这么一个元素,浏览器不得不重新渲染这部分代码; 终于等到了</html>的到来,浏览器泪流满面…… 等等,还没完,用户点了一下界面中的“换肤”按钮,Javascript让浏览器换了一下<link>标签的CSS路径; 浏览器召集了在座的各位<div><span><ul><li>们,“大伙儿收拾收拾行李,咱得重新来过……”,浏览器向服务器请求了新的CSS文件,重新渲染页面。

发表在 设计之外 | 标签为 , | 573 条评论

让你的产品更具响应性

在最开始,有两个问题? 既然人脑是世界上最智能的东西,为啥我们还需要电脑? 为啥如今web技术发展理论上已经能够实现所有的客户端功能,为什么我们还需要客户端? 原因都很简单,因为后者比前者更快,响应更迅速。 什么是响应性? 过去的几十年当中累积的大量证据表明,响应性(即软件应用程序跟上用户、不让他们等待的能力)是确定用户满意度的最重要因素。相比安全性,稳定性,易用性,响应性无疑是最容易最方便被用户所感知的。在使用计算机或者手持设备的时候,用户对于等待的憎恶比对其他任何事情的喜爱程度都要深。 然而,用户对于响应性的感知其实包括两个因素的: 速度:指的是机器自身的计算能力,机器性能越强,速度越快。 流畅感:使用时系统的反馈能否满足用户的时间支配需求。

发表在 交互设计 | 标签为 , | 605 条评论

UCD年会收获:思考、积累、开放

从广美的UCD年会会场回来,趁着还没有忘记,赶紧记一下今天的收获。 对产品设计的认识 年会的开场着实让我激动了一下,再次听到了好多熟悉的名字,而且,见到了他们本人…… 鸦总的发言很精彩,很多话都重重地压在我心上,很过瘾,很惶恐。下面简单回顾一下吧,观点是直接来自鸦总blog~ 观点1:产品业务、市场运营、体验设计都必须围绕着用户进行,且三者不可分割,须融为一体。任何一个角色都需要具备另外两个角色的能力。 UCD至少有两个层面,具体层面和抽象层面。具体层面很好理解,我们每天都在念叨:要从用户角度出发。具体层面的UCD绝对必要,但这更多是从产品功能、操作和设计等细节出发,我们是在朝着一个正确的方向去UCD吗?感谢鸦总给我们带来了很多另一个层次UCD的思考:战略UCD。抽象层面的UCD,其实是很难把握的,至少要在3个方面下足功夫:

发表在 产品 | 标签为 , , | 92 条评论

使用信息提示提高系统的功能可见性

什么是信息提示(Infotips)? 信息提示,用于对一些较为隐性的页面上的元素进行补充说明。通过鼠标悬停来表现。 在这个示例中,用信息提示对链接进行说明 在各种提示当中,信息提示是最有效且实现成本最低的一种提示:他的干扰性很小,容易实现,并且不存在平台或者浏览器兼容问题,实在是居家旅行杀人放火必备提示。 有效的利用信息提示,能够快速提高系统的反馈机制,同时,他还能有效的增强一下系统功能的可见性。

发表在 交互设计 | 标签为 , | 46 条评论

高度认知与低度认知

这是爱情公寓的注册页面,看到这幅图片您一定会乐了,因为两个按钮上的文字;但我们所关注的并不是其情感化的贴心语句,而是其所包含的对于高度认知与低度认知的差异化设计。 高度认知与低度认知是对用户的分类的一种维度,他对按照熟练度区分而出来的新手用户与专家用户既有相同性但也存在差异。高度认知与低度认知的差异的原因更多是文化以及生活习惯的沉淀,他们之间的相互转化也比较困难。在设计上,有必要考虑对两种用户的差异化而进行设计。 什么是高度认知与低度认知? 有些人对于大部分信息都了然于胸,在操作的时候,更加依赖自己的经验或者习惯,因此,他们对于信息的需求量非常的少,有时候他们只需要很少的信息就能了解系统的状态。但有时候他们也容易过渡遵循自己的习惯于经验,即使出错也会一次次的重复操作下去。

发表在 交互设计 | 标签为 , , | 71 条评论

从邮箱积分活动看提高电子商务转化率的关键

邮箱积分,相对于邮箱聊天、邮箱阅读等香饽饽的新功能而言,是一位看似平凡却对邮箱发展功不可没的老前辈。利用邮箱积分进行各种各样的营销活动,是国内各大邮箱惯用的推广方法。搜狐邮箱对连续5天或7天登录邮箱的用户进行奖励性抽奖;QQ邮箱联通QQ积分利用自身产品整合优势对邮箱用户进行QQ业务奖励;网易邮箱则是牵手各大商家连续不断地开展各种创意性积分活动,有大家熟悉的力士“SOS秀发紧急修复号召令”、清扬“万人去写大挑战”、支付宝“炫酷1元行动”等等。 据闻,近期新功能频频亮相的网易邮箱,下周将会推出另一优势产品—-携手30多家B2C商城共同打造的“网易邮箱积分商城”。传说中网易邮箱年底将会发布秘密计划,现貌似已初露倪端了,看来网易邮箱不但有借新功能频频发力势保国内邮箱霸主地位之意,也颇有借助“网易邮箱积分商城”进军B2C市场之心。 邮箱积分活动尽管形式各异,但对于活动参与各方来说都是各取所需:邮箱用户—是为了享受各种优惠;邮箱服务商—-是提高邮箱用户活跃度和忠诚度、以及邮箱广告收入;合作商家—是为了提高电子商务转换率。本文就邮箱积分活动,进一步阐述提高电子商务转化率的关键因素。

发表在 产品 | 标签为 , , | 635 条评论

从如何制定经营模式想到的

刚刚看到阮一峰关于经营模式的文章,有这么一段话 如何制定经营模式 制定经营模式的窍门,就是使用倒推法,从最终消费者开始一步步倒推到生产阶段。你可以按下面的顺序,向自己提问: 第一步:谁来购买你的产品?为什么购买?市场有多大? 第二步:客户愿意付多少钱购买你的产品?竞争对手是什么价格? 第三步:客户在什么地方能买到你的产品? 第四步:为了让客户买到你的产品,你要付出多少销售成本? 第五步:你要生产出这些产品,能够负担的最高生产成本是多少? 通过这一系列的步骤,你就可以整理出经营模式的大概轮廓,其中包括这样几个要点:产品定位、原料、生产过程、定价、经销渠道、营销、市场的进入壁垒、规模的扩大等等。      这段的话的可扩展性颇强,用在互联网产品,即便是免费产品,也基本适用:

发表在 产品 | 标签为 , | 558 条评论

情绪测量~(1)

首先,我承认自己懒惰~~总要拖欠到最后一刻才落笔,如非有破财风险,恐根本无法成文~ 前有00后的《情感化设计》读书笔记,我这里开头就好说了。其实,大家都可以理解应当设计能让用户感到愉悦的产品,因为积极的情绪体验一方面能够让用户容忍产品的一些缺陷,另一方面可以提升品牌价值。 但是,究竟如何衡量用户在面对产品或使用产品中的情绪变化,从而对产品进行评估,就是用户研究人员需要关心的问题了(这里说明一下,我个人坚信方法为王,所以发表的大部分文章应该都是围绕方法展开的,内容较为枯燥,请介意的同学绕行)。

发表在 设计之外 | 标签为 , | 66 条评论

设计中的本土化

看幻灯片不说话。刚进公司的时候的第一份PPT。恶搞了一下。 看不见的同学点这里传送门。

发表在 交互设计 | 标签为 | 71 条评论

论“网易缺乏产品运营人才”之说

今晚在某兄台博客看到一篇标题为《眼前一亮的邮件设计》的文章,以评价魔兽最新推广邮件设计为引,进而阐述了网易目前产品运营水平和产品设计水平不对等的看法,其中有下面这么一段话: “一项产品,设计固然重要,但假如缺失同等水平的运营功夫,那么优秀的设计便很容易沦为曲高和寡的嫁衣,无法被推送到大众用户跟前,让他们来接受更好的服务。相比于设计师的才华济济,网易缺乏运营人才的劣势始终如同一块短板,钳制着产品往市场方向的发展。” 今晚是中秋月圆之夜,本想搁笔陪家人看中秋晚会,但是上面那段话特别是那句“网易缺乏运营人才的劣势始终如同一块短板,钳制着产品往市场方向的发展”不但让我始终无法释怀,而且犹如电击般,触动着那根埋藏在我内心已久的心弦…… 以下观点绝无褒贬之意,只是想表达埋藏心中已久的对目前“产品运营”职位状况和发展的看法,欢迎各位拍砖!

发表在 产品 | 标签为 , | 62 条评论