百度首页 | 百度空间
 
文章列表
 
2008-10-11 21:57

Designing interface
  这本书对一些我们常用的交互工具作者称之为“模式”进行了细致深入的分析,有助与加深我们对这些工具的理解。可以作为一个工具书来用。但如果真想在里面找到一些问题的答案或解决方案,几乎是不可能的。
  我的建议可以先通读一下没必要死扣,了解一下作者对这些模式的分类思想,做到想找关于某个模式的章节时可以很快找到。你会知道一些平时出现比较少的模式的优势在那里,需要的时候就可以拿来用,但是还是要小心,因为这些模式对初级用户会产生比较高的学习成本。
  
  碰到自己感兴趣的地方深入读一下,可以武装自己的头脑,深入对某些问题的认识。
  记住一些名词术语,以后在和运营pd沟通的时候搬出一点理论支持你的观点底气会足一些。
  
  读完之后把书收起来了,等以后在遇到什么问题或不知道选择那个模式更合适的时候可以再找出来翻一下,找到相应的章节温习一下,它可以帮你做出更明确的判断。

类别:默认分类 | 评论(0) | 浏览()
 
2008-09-24 11:01

信息搜寻理论中最著名的概念就是information scent:用户会根据一些踪迹来估计他们搜寻成功的可能性,并判断他们的路径是否显示除了一些很想要的结果有关的迹象。只要这些搜寻信息的人感觉到他们越来越靠近了,他们就会一直点击

08-9-13

web作为一个整体正在成为一个凝聚在一起的资源,人们可以是使用搜索引擎在其中挖掘和特定需求有关的一些特定的页面,而不再关心是那个网站提供了他。搜索引擎的任务不再是发现资源,而是回答问题。搜索引擎的质量提高时,他就推动着搜索引擎朝回答引擎的方向发展。
这一点对用户和搜索引擎来说都是好的,但对网站确实不利的。

08-9-14

信息搜寻————找到新的资源越容易人们花在每个资源上的时间就越少,

信息搜寻理论中最著名的概念就是information scent:用户会根据一些踪迹来估计他们搜寻成功的可能性,并判断他们的路径是否显示除了一些很想要的结果有关的迹象。只要这些搜寻信息的人感觉到他们越来越靠近了,他们就会一直点击——信息必须越来越明显,否则他们就会放弃。他们的进步必须要显得足够快速,这样才能让他们感到值得努力去达到他们的目标。

08-9-13

在未来关键字价格的提高将会和网站的可用性 ,可用性越高,转化率越高,网站也就能承受更高价格的关键字推广。(30

08-9-13

对于公司来说,那些点击了较低排名的广告的用户 倾向于更积极的为他们的问题寻找解决方案。

类别:默认分类 | 评论(0) | 浏览()
 
2008-09-04 21:47

Nytimes.com 是我看到的最淋漓的表现信息本身的魅力和美感的网站之一。这篇访谈让我获益良多,希望对你也一样。

1,如何把一份纸质的报纸转换成网络版?


答:如果说纽约时报网络版对于读者来说是一个资讯丰富有用的网站,其根本在于我们并不是把读者在印刷版上能够获知的信息原样转换到网络上去。
我们更希望充分利用媒介自身的特点,从而使得印刷版上的优势在网络版上也得以实现。

因此,我们非常关注读者如何在网络上获取信息。这就是说不仅关注文章内容的呈现,同时也要了解他们如何“利用”这些信息:比如他们可能会快速扫射页 面而不是勤奋地从上到下乖乖地阅读,他们会先看哪一部分,最后看什么,他们在一次一次访问这个网站的时候希望哪些信息会不断更新,他们的阅读遵循怎样的视 觉线索,哪些设计对于他们仅仅是视觉的累赘?

有很多这样的因素,我们在不断地对之进行衡量。事实是我们和其他一些新闻网站还有些不同,我们要保持这份成立150年的报纸的品牌效应。我们可能和印刷版的美术设计面对不同的问题。但总的原则是,我们要尝试利用技术,使其符合纽约时报的视觉标准。

2,网站的设计总监的工作是怎样的?


当人们把“设计”和“纽约时报网站”这两个词汇联系在一起的时候,大家都会想到互动图表、多媒体图片故事,等等这些我的同事和图表多媒体组成员的作品。我 们这个团队当然会他们合作,提供支持,但是这不是我们的核心工作。如果把这些人看做是对信息内容的一种设计,将之视觉化的工作,我们的工作则是为这些视觉 化的内容提供一个总的视觉框架。我们创作的是整个网站内容的一个内在的表现平台。

我们的网站的架构是在不断地改动过程中,不断对网站的各个版块的架构进行改动,增加各种工具帮助读者阅读,除去那些给读者的阅读造成障碍的设计。

作为设计总监,我的工作就是对以上这些设计方面的变革进行督导和推动。这些革新有的非常快且迅速,有的则要持续几个月。我们有这样几个团队共同合作展开工作:
信息建构组(负责组织特写版块以及信息的更新,保证读者可以和这些信息形成互动)
设计技术组(利用Html,css,javascript,flash等等工具将设计的需要从技术方面实现)
视觉设计组(负责整个网站的视觉感受,包括版式、字体字号、色彩等等)

所有这些小组,总的工作就是要强调“用户体验”。

我并不需要亲自去动手做一些事情,通常情况下我要不就是和设计团队讨论我们目前的设计工作,要不就是在会议室里开会,商讨最近要开展的设计方面的改 变,以及如何实现。其实我作为一个设计总监的工作并不是去做一个伟大的设计,而更是去创造和保持一个良好的环境,使伟大的设计能够得以实现。

类别:好文推荐 | 评论(1) | 浏览()
 
2008-09-04 08:23

以前做东西感性的成分居多。现在需要转成理性居多,这个转型还是有一定难度的,但是我喜欢这种转型,我潜意识始终认为设计师应该是有良好艺术修养的科学家。我的艺术修养没有进化完全,又要钻研设计科学。我现在需要怎么做呢?提高艺术修养,掌握科学的设计方法,以前做线下产品的时候,方法是这样的,先向面 临的项目要达到什么目的,然后大量的找相似的案例,看别人是怎么达到这个目的。找的过程中思考自己的解决方法,这时候头脑中会逐渐形成对最终完成的产品的 心理预期,可能会产生N中解决方案这时候需要画出每个方案然后从中选一个最佳的展开,最佳的意思是要考虑实现成本和执行难度的,比如说我们会遇到搜集素材 的困难,个人技术的限制等等因素。然后就是搜集素材,一般是flickr,google,或者topicphoto等商业图片库,在小公司的时候不用太多 考虑图片的版权问题,在大公司就要考虑这些因素。接下来就是利用各种素材把你的作品最终实现出来,这个阶段就要靠你的艺术修养,和对大众审美偏好的理解 了。web设计中多了很多因素。+网站一致性原则+用户习惯+不同显示设备的显示差异。这些问题一时也难说清楚,待以后思路清晰了再跟大家交流。
类别:默认分类 | 评论(0) | 浏览()
 
2008-08-27 21:23
提到一大堆增长的数据,感谢某某团队等等,那些数据看似很乐观,又好像我们都是企业的主人,我们在分享我们的企业成长中的快乐,但我又觉的这种做主人的感觉有点不踏实,知道这些我也没有分享到什么成长的快乐。我想可能是这些数据太官方了,明显不符合事物的两面性。我想知道,这些增长的数据有多少是新业务产生的增长有多少是淘宝品牌积累产生的自然增长,分得再细一些,可能还会有一些不合理的业务,导致的增长放慢。也许这样我们才能明确我们在接下来的工作中做什么,怎么做。还有哪些事情应该叫停。
类别:默认分类 | 评论(1) | 浏览()
 
2008-08-03 20:26

最近遇到一个事儿,运营提过来一个需求说,我们现在的有一些卖家已经到了现有信用级别的顶峰,也即5皇冠,所以我们需要一个更高级别的信用等级,让我们搞一个比皇冠更高的级别,于是内部开始讨论这个比皇冠更高的级别是什么级别,什么王座,殿堂,骨灰级…………等等等,但同时我们也发现一个问题。就是再过三五十年,甚至是一二百年,那时候我们的买家,卖家会有比现在有更大的等级落差,难道让我们的用户去记住数十个等级分别代表什么意思吗?这显然是不现实的。这样无限升级毕竟不是办法,

这时我想到了我刚做完的淘宝vip项目的商业规则,淘宝vip卡只有3个级别即金卡,白金卡和钻石卡。它们的商业规则,是会员卡的级别只反映一段时间内的买家活跃度。规则如下:
——————————————————————————————————————————————————
淘宝网会员满足以下交易规则即可获得相应级别VIP卡:
:在1个自然月内至少完成3笔有效支付宝交易,且总交易金额≥150元。
白金卡:在2个自然月内至少完成20笔有效支付宝交易,且总交易金额≥1000元。
钻石卡:在3个自然月内至少完成50笔有效支付宝交易;且总交易金额≥2500元。
淘宝VIP卡降级、冻结使用等说明:
淘宝网会员在获得VIP卡后任何1个自然月度内没有完成1笔有效支付宝交易,则对相应级别的VIP卡做降级处理,方式如下:
钻石卡降级为白金卡;
白金卡降级为金卡;
金卡冻结,不能享受相应折扣;………………详见 淘宝帮助中心
——————————————————————————————————————————
————————

说实话这招真够绝的哈哈,这样可以持续刺激和奖励那些网购达人

如果淘宝的诚信体系也借鉴此类规则的优势,信用级别可以反映卖家最近的服务质量,激励卖家提供持续优质的服务,也许会是一种更好的解决方案。

现有的诚信体系是在累加卖家以往的交易成功数量,并不能真实准确的反映卖家当前的服务状态,比如某卖家过去的某段时间靠优质货源和优良的服务积累了皇冠级的信用积分。但最近他的货源出问题了,有很多买家投诉,但由于以往的基础,他目前出现的问题,是不会马上从信用等级上体现出来的。
类别:默认分类 | 评论(0) | 浏览()
 
2008-07-30 23:04
社会化网络不像传统媒体,它是一种用于自我展示的新媒体,内容由观众自己制作和拥有。这是一种需要新规则的新模式…对广告来说,最重要的规则是开展使用户和广告商结合 的计划,而不是隔离他们。通过使他们的兴趣一致,就会创造出信任,社会化网络将能给广告商和用户带来这种新媒体独一无二的价值。

因此说到赚钱,信任将给社会化网络带来有可持续价值的商业模式。

原文链接
类别:好文推荐 | 评论(0) | 浏览()
 
2008-06-30 22:43

(第4期碳酸饮料会分享内容大揭秘,最初做这个课题的时候没想到那么多,结果在分享的过程中碰撞出了一些意料之外的成果,最重要的一点就是,大家在分享会上就开始讨论交互动画创新的具体实施细节,虽然没有达成完全一致但这个事情已经在可预测范围内,相信不久的将来大家能看到淘宝网上有这方面的创新)


交互动画的应用在手机领域的应用已经非常普遍,其实在IPHone之 前的手机上交互动画的设计也已经初见端倪,但那时交互动画设计还只是做为锦上添花的点缀出现,Iphone是第一个把交互动画融入到手机的基本功能上充分发挥动画在交互易用性方面的优势的产品,iphone推出之后各大手机厂商都做出很多试图把动画与交互融合应用到手机上的努力,因为这样能使自己的手机操作看起来更酷,更炫,当然最重要的还是这样做促成了流畅的用户体验。这也是IPHone成功的最根本原因。我们做不到逆向推测出Iphone交互动画的设计方法。出于商业利益的考虑Apple的团队暂时也不会公开这方面的信息。但我们已经可以预见到交互动画的广阔应用前景,有必要对其进行深入的研究。甚至第一批开拓者会留下像今天我们用的交互模式一样的,交互动画的设计模式,由于硬件条件的限制,以及任务的复杂程度桌面系统和web环境中的交互动画设计的应用还非常谨慎,以下内容主要是针对桌面系统,尚未设计嵌入式系统中的交互动画设计。

苹果的MAC OS X有一个显著的特点就是动画的应用提升了用户体验,比如在最小化窗口的时候动画允许用户跟踪物体的轨迹,帮助他们理解他们的动作产生的影响, 动画允许用户跟踪事件的动态过程。而且给屏幕上的虚拟环境增加了有机的真实感,总得来说对于以下两个方面来说动画是理想的工具,

1 提供有意义的实时反馈
2 使一个概念或过程清晰化

最重要的是知道如何聪明的利用动画这一工具,作为一个微妙的提升用户体验的工具,但它不是作为用户体验的核心。例如,你可能会在以下这些情况中使用动画。


什么时候你会需要交互动画的帮助

当用户浏览集合时


当导航类似熟悉的,真实世界的活动,如翻看书页或在架子上找一张DVD光碟,用户就能够更好地把握这种集合的组织方式。当集合中的项目具有真实世界的维度甚至重量的时候,他们就能够被更好的分类和组织,他们很容易被识别,一目了然。

当他能帮助用户预见自己的行为将造成的结果时
在用户完成行为之前把结果展示给他们,使他们能更确定自己的行为避免出错。例如,当用户把一个东西拖动到任务栏中时它所占据区域的图标会移向两边告诉用户当他松开鼠标时这个图标将要停放的位置。

当用户进入一个不同的交互模式时

从标准模式进入时间机器模式的时候运用动画巧妙的消除了用户的突兀感

当用户进入一个不同的交互模式,例如全屏模式,动画可以提供一个线索引导他们进入下一种模式,例如时间机器的开始动画支持了用户体验的一种平滑过度,正是动画的运用帮助用户使用户在标准模式和时间机器模式之间切换的时候没有突兀的感觉。

*当一个对象改变它的属性时
动画可以用来展示一个对象从一种状态转换成另外一种状态的过程,而不是只显示开始状态和完成后的状态。这样可以帮助用户理解发生了什么而且给他们一种控制整个过程的良好感觉。例如在一个允许用户同时改变某文件的多种属性的程序中 ,如果有一个图标平滑的显示出这种文件属性的改变造成的变化这将是一种非常有意义的反馈。

当一个行为发生的特别快,用户不能跟踪的时候

os x系统中展示的最小化窗口的动画

尽管速度和效率对软件来说是非常重要的,但有时候一个行为发生的太快以至于它发生的情境和结果对用户来说有点模糊不清。当理解行为的过程对用户来说至关重要的时候,动画可以帮助用户观察到行为发生的整个过程。例如,当用户最小化窗口的时候,这个窗口不是简单的从桌面上消失,在任务栏里出现。而是平滑的从桌面上滑动到任务栏上。这样用户可以清晰地知道这个窗口到了哪里。例如os x系统中展示的最小化窗口的动画。

用户在一个很大的虚拟空间中移动时

右图是左图放大后的结果,如果没有动画的帮助很难有人能在短时间内找到对应的位置

例如一个大图像,电子表格,所有这些类型的转换都有可能让用户失去在虚拟空间中的位置感。例如完成的太快的放大或缩小。或者是长页面的滚动,如果是跳跃前进的。也会让读者丧失位置感。
但如果这种转换用动画的形式,制作出平滑的过度情况就会好很多。这种转换使用户的眼睛有机会跟踪到这些视图变化时的位置。而不是努力在自己的头脑中构建变化前后的关系,已找到自己的位置。如果用得好还可以给观众非常酷的感觉。

如果你决定用动画了,你就要确保你运用的动画巧妙的提升了你的程序关注的任务的可执行性而不是把用户的注意力分散到动画上。用户关注的仍然是任务本身。尽管动画可以使隐藏的令人费解的事件过程变得清晰并提供有价值的反馈,但是不必要的不合逻辑的动画会对用户体验造成伤害,另外还会降低程序的执行效率。

所以你应该尤其注意以下几个方面:

避免到处用动画
尽管大家都趋向于认为更多的动画就意味着更清晰的操作过程和更好的反馈,而事实却并非如此。在一个程序中的很多任务行为最好是快速反应,将中间环节减到最少。

不要在要求很多用户输入(尤其是文本输入)或内容创建的界面上应用动画效果。这时用户专注于内容创建,动画会分散用户的注意力,例如:早期的office上出现的小助手动画。而且再有动画的情况下用户会担心自己的输入会丢失。

动画应该迅速而准确

google的看图软件picasa里有很多动画应用,建议大家装一个玩玩

在用户开始动作的时候,动画就应该马上开始,最好不要有延迟。动画只限于屏幕中受到操作影响的那一部分。不要让整个窗口都动起来。而且动画时间要短,研究表明300微妙的动画在平滑滚动的时候最理想。最好做些用户测试看看大家的容忍时间大约是多少。据我个人的经验来看,动画设计的过程最好由一个有动态设计经验的人参与让他来把握。

处理多个连续动作之间的关系
还有一点需要特别注意的是,如果用户连续操作引发了多个动作,要注意处理好这些动作之间的关系,例如多次按下箭头按钮来滚动窗口,把它们结合到一次动画中去。否则,用户不得不坐在那里看好几秒钟的动画,作为他点了10次按钮的惩罚。

遵循
现实世界中的物理运动规律


动态设计的具体细节上要尊重用户的心智模型,尽量接近现实世界中的物理运动规律(牛顿三大定律),这样容易让用户产生熟悉感,对自己进行的操作更有信心。他还可以一定程度上预见自己的操作结果。

避免对系统提供的标准行为做动画控制
我们要尽量克制自己的创新冲动触及系统的标准行为,尊重用户习惯,比如
转换标签
打开或关闭视图
点击工具栏中的对象
用户清楚这些常见的界面元素是如何工作的,他们也不愿在每次点击按钮的时候,被迫花费多余的时间去看那些不必要的动画。


技术平台 Apple core animation; Microsoft silverlight; Adobe air

参考资料:
Jenifer TidwellDesigning interfaces   apple os x HIG

希望以后能和对这个领域感兴趣的同学一起研究。


类别:Ui Design | 评论(0) | 浏览()
 
2008-06-28 01:38
06年10月受崔的邀请从天津来到北京两个亲如兄弟的设计师走到了一起,我们将成为公司的主要设计力量,我们为即将实现的设计理想而激动。从开始的满怀激情,以革命理想主义的心态去规划雷石的形象,到面对领导的折衷妥协,到后来的改良主义策略,再到最后的黯然离开,我们曾经倾注心血,曾经通宵达旦,曾经据理力争……又想起了雷石,是的,在这里抛洒的激情,并没有结果。到最后遗憾的离开,甚至走的有些不愉快,这些都已经不重要了,还是祝雷石一路走好……
有一段时间我和崔几乎包揽了这个不小的公司的所有设计任务,到了后期我们还可以几乎不受干扰的做日常项目的设计决策,但状态显然并不理想,我面临的压力不允许我继续留下去了只能选择离开。现在的崔依然在雷石,我走了之后又招了3个设计师(好像是3个),崔做了主管,虽然当时我们说好都要走的,但他最终还是留下了。我知道,是他放不下,他对雷石有感情,也不像我有家庭的压力,所以他想继续守候下去,由于公司规模的扩大,领导逐渐不再参与设计上的事情,现在他的空间也大了很多,也许我们当初挤在罐头公交里的革命理想真的会实现^-^……“崔,油(哈哈,我乖女儿的叫法,她现在还不太会说话,把加油简化成了油)!!!!”……
类别:自言自语 | 评论(0) | 浏览()
 
2008-06-28 00:49
今天下午百年淘宝的课程结束了,强度很大,有一点点辛苦,但课程还是很有意义的,学到了很多东西,发现了自己很多的不足。上完百淘,我更喜欢淘宝了,喜欢这里的文化,氛围和其它更多我说不出来的东西,也许这种喜欢可能是暂时的一厢情愿,也许淘宝的真实和我的想象存在偏差……谁知道呢?现在喜欢就好了。
每一个淘宝ued的新人都有一个师父带,我很庆幸我的师父是随然,在这里我要感谢她老人家(尊称,师父可是很年轻漂亮滴)给我的信任,支持,压力和批评……^_^
类别:自言自语 | 评论(1) | 浏览()
 
     
 
 
文章分类
 
 
 
 
Ue(2)
 
 
 
 
     
 
文章存档
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
     
 
最新文章评论
   

是不错哦 ~~~
 
 

哈.我看到了.领了
 

鼓掌!!!人气不旺阿,炒炒~~
 
     


©2008 Baidu