百度空间 | 百度首页 
 
文章列表
 
2008-12-25 12:21

这是网上流传很广的一篇文章,很好很精辟

猪通过勤劳致富有了50元钱存在老鼠开的钱庄里。
猪打算拿这50元钱建一个小窝,按实际成本,估摸着大概需要花20元卖地,花30元搭窝。
王八是搞工程的,得到这个信息,他就想到了在猪身上挣更多的钱的念头,于是找来当投资顾问的狐狸想办法……
狐狸说:这好办,找狼啊!
于是它们找来管地盘的狼和开钱庄的老鼠一起来商议……
结果王八从老鼠那里借来200元,用100元买了狼的地,花了30元把猪窝盖好,花了50元给了狐狸咨询服务费……
猪没有地,只好求王八把窝卖给它,王八要价500元,老猪说只有50元买不起……
这时候狐狸便说服猪去向老鼠借钱,老鼠答应借500给猪,前提是要他连本带利还800元,可以分10年或20年还清,并且产权证拿来抵押。
猪思前想后,这是唯一能实现有个自己的窝的办法,结果成交。猪咬咬牙最终花了800元买来了猪窝,比他原来的计划高了16倍,勤劳的猪喜滋滋地努力着用十几年时间去挣钱还贷。
在这场交易里面,狼,老鼠,狐狸还有王八都挣了钱。尝到甜头后,他们就如法炮制,鼓动更多的猪去贷款买窝了……
这时候,当商人的猴子看到有机可乘,就到老鼠那里贷了好多好多的款,把王八盖的窝都买下来,然后以更高的价格卖给了猪们。
猪们的还贷期就越来越长,吃的越来越差,小猪崽子也不敢生了。
由于猪们的数目越来越少,狼觉得这样下去自己没有猪肉可吃了,非饿死不可,于是开始调控,不让老鼠再向外借钱了。但是王八还没有停止盖猪窝,把自己挣的钱和贷的钱全投入生产了。猴子手上的猪窝囤积的很多,卖不动了被套牢了。
结果,老鼠,王八,还有猴子都挣了好多的猪窝。
钱到最后集中到狼手上。
如今,谁都在等着狼把钱拿出来救命。

于是4万亿就这么出来了……

下面是我跟同学的讨论

任:狼为了让猪买房,进一步扩大城乡差距,巩固户籍歧视。农村的猪娃考大学要多考50分才能上。
后来猪终于明白自己上当了,于是回到农村自己盖房,把买房的钱,省下来 自己盖医院 盖大学。从此猪们过上了幸福的生活

雷:如果猪们都去了农村那工作怎么办?孩子的学习怎么办?人生会过的幸福嘛?

任:猪们都moho了 在家办公。 而且不一定给中国人打工。而是给外国人打工,猪们都学会了外语,都会用paypal国际支付,猪们给外国人设计一个标志 就够孩子一学期的学费饿了

雷:那猪们在农村怎么跟国际接轨,信息比城市晚,资讯比城市晚,连生活的过的不那么时尚啦

任:因特网 村村都通,隔壁网二傻都上淘宝给媳妇 买lv了 有什么不时尚的

雷:那你小子怎么还不去农村盖房子,过的多自在啊

任:主要是设计水平还不能跟国际接轨,外语水平还不牛逼。要不煞笔才在这儿呢

任:不过这在不远的将来,在伟大祖国的洋奴教育获得伟大成功的时候,一定会实现的

雷:那咱鼓动下大家都去农村盖房子,估计低价又该涨的一塌糊涂咯

任:短时间内不可能,农村的整体繁荣尚需时日,农村搞房改无异于把9亿农民往死路上逼。会起义的

任:我们可以回海南找个一线海景买块地,搞个“村中城”

类别:默认分类 | 评论(2) | 浏览()
 
2008-12-25 11:35
在我们这个自由的国度里,有一些异端在影响和谐的时代背景,给这个歌舞升平的社会添堵。我涉猎有限就只认识那么两个角色,其中最杰出的有两个一个是韩寒另一个是《我爱摇滚乐》。
最近韩寒跟湖南卫视杠上了,湖南卫视纯属没事找抽型,稍微看几篇韩寒的blog就知道这是一个刁民不能随便惹,你想找他过来做个节目策略上说没错,你要造假也没错。错在你造的太像假的了一点挑战性都没有,技术含量之低劣让人不竭发你都觉得不好意思。 你这不是侮辱刁民韩寒的智商吗,有辱娱乐圈伟大的造假传统吗。可能你们已经习惯了你们是老大,别人即使看出来,也不会犯傻跟你们的利益集团杠上。偏偏这次这位比较楞,还比较有影响力。湖南卫视shability了吧!
事件进行中,详情请关注韩寒blog五毛现行记
类别:默认分类 | 评论(3) | 浏览()
 
2008-11-16 21:46

原文链接

价目表在网站中扮演着一个相当重要的角色,每家公司提供的产品或服务。它对设计和易用性都是一个挑战。它们必须是简单的,但同时明确区分功能和价格不同的产品和服务。

价目表应帮助用户选择最适当的产品。一个公司应认真审查其产品,并挑选最重要的功能,在其价格的计划。我们应当将访问者最感兴趣内容呈现在他们面前。经验是:你的表格中每一个不必要元素都会增加你失去潜在客户的概率,因为那会使客户更难以比较各种计划的优劣并在其中选择最好的一个。


一旦你确定了最重要的特点,继续为感兴趣的客户创造一个有更多细节的清单。用户必须知道他花钱买了个什么东西。

为了弄清怎样设计好一个价目表,让我们看一下其他设计师是从哪些方面考虑的:

设计:色彩,样式,字体,图标

易用性:如果css和js失效,它是不是依然可用


最佳做法和指导方针

设计价目表是一个复杂的工作,它要求设计师清晰精确的传达信息,展示尽可能多的特点,并尽可能的使它们简洁直观,以便于用户做出最好的选择

1. Communicate not too much and not too little

信息沟通不多不少,恰到好处

一般人可能会认为价目表中传达的产品细节多会给潜在客户带来更好的印象。但事实是,是你提供的信息越多用户就有越多的信息需要去忽略

TypePad (截图如下)使用了相当长的价格表。虽然它提供了丰富的产品细节和他们之间的差异,但这个表格很难扫描:用户需要记住每一列代表什么产品。此外,虽然该计划标题在底部被重复了,但没有价格。因此,用户滚动到顶端看每个产品的费用。

ConceptShare

这是一个简明表格的例子,注意它的第四行包含了用户和查看者两个方面,避免了不必要的第五行。

访问者理解不同产品间的差异也很重要,在很多产品既有相同之处也有不同之处的情况下,我们应该优先表现哪一方面?这就涉及到了我们的第二点原则。

2. Communicate differences, not similarities

沟通差异,而不是共性。

用视觉元素区分类似的功能(适用于所有项目)和特殊功能(适用于部分项目)往往是一个好主意 。为了实现这一目标,您可以将最鲜明的特点放在表格的上方,而留下共同特征在表格的底部。

老婆催我睡觉了……明天继续翻译

Take a look at eTribes.com’s pricing table (screenshot below). The design manages to communicate the differences effectively while conveying additional information. The choice of icons fits the overall design and supports, rather than distracts, the visitor. This is effective and user-friendly.

3. Make the price stand out

Price is the first thing users want to see when they visit a product or service website, and leaving it out is the number one design mistake on B2B and B2C websites. So, you had better make sure you show it to your visitors as quickly and as clearly as possible.

Font selection usually depends on the type of product or service offered, and it also must be consistent with the overall design. On many pricing tables, the font size of prices, titles and important headlines are larger and stronger to make them stand out. As a designer, you need to make sure that the price is given the appropriate weight, both visually and semantically.

It is also a good idea to sort pricing plans by price, from highest to lowest or vice versa. Because users scan websites in an F-shape, some designers put the cheapest offer on the left side of the table, so that users see it first. It’s in designer’s best interest to make sure that users see the most attractive offer first.

4. Use visuals sparingly

Unfortunately, many of the designs we are considering in this showcase have one major shortcoming: they use overly vibrant visuals too often and often for the wrong purpose. Designers try to make pricing plans look as attractive as possible, and, apparently, numerous green check marks and red crosses are supposed to help to achieve this effect.

And if these icons are spread widely across the table, then with each additional feature it becomes increasingly harder for visitors to read the table and identify differences between plans.

Beanstalk communicates its information effectively while avoiding the visual noise. The support of a feature is indicated by a neutral circle that doesn’t distract the eye but conveys the message. Plans that do not have a particular feature simply do not have a circle in the corresponding cell.

Planhq.com uses green check marks but not red crosses. In fact, why should crosses be used at all? If you can remove unnecessary elements from your design, you should remove them, right?

Goodbarry.com uses color to indicate the main details in the table. Notice how the font-size is used to make the different pricing plans more distinctive. Also notice how well green is used to animate the visitors into trying out the product.

So, use visuals sparingly and avoid visual noise. Feel free to use icons if you are sure they are not too vibrant and if they help a user’s understanding of the table and, more importantly, convey some information. For instance, a green check mark next to the word “Unlimited” does not convey any information.

It’s important also that icons and thumbnails be extremely useful. For instance, if a table compares physical products, then thumbnail of those products should be present.

Almost all of the pricing tables we’ve examined use different background colors to differentiate pricing plans. Designers use color theory and vivid colors to keep the visitor’s focus on the specific plan that the company wants the most sales on.

5. Illustrate the difference vividly

Some designers use illlustrations and vivid images to clearly illustrate the difference between various plans in a memorable way. Metaphors (e.g. cartoons) are used very often. For instance, if a company is offering the poll service in several various plans, you may want to use a “lightweight” box with tools for a lite version and a bigger, larger toolbox for the corporate version. In fact, that’s what wany designers do.

6. Be consistent in your design

All website elements, not only pricing tables, should be consistent with the overall design. BigFilebox.com makes the mistake of breaking this rule:

The second pricing table’s design is not consistent with the website’s whole design.

7. Don’t lose your customers

On a product or service website, pricing tables play an important role in making a successful sale. Pricing tables are the window to a product; therefore, it is important that they be usable and accessible to everyone.

Pricing tables should support not just modern Web browsers, but all forms of Web browsers, screen readers, etc. Companies can create pricing tables that are rich in features and effects, but they should make these features unobtrusive for users with browsers that do not have CSS or JavaScript enabled.

This is one example of how a pricing table should look when CSS and JavaScript is disabled:

An example of a pricing table that uses JavaScript obtrusively is on mailchimp.com:

If you go to this pricing table and click on the “View plan details…” links, you will see a JavaScript accordion effect showing hidden elements. If we disable JavaScript in our browsers, the links don’t work anymore. One solution to this problem would be to show all hidden elements when JavaScript is disabled.

Best Practices: Summary

  • All elements, including pricing tables, should be consistent with the overall design of your website.
  • Use background colors to visually separate different plans, but sparingly.
  • Just as photographers draw attention to where they want in their images, so with price tables, make the sections that you want to draw attention to stand out.
  • Use different font sizes and colors for titles and important headlines.
  • Place important features at the top left of the table, according to the F-pattern
类别:原创译文 | 评论(1) | 浏览()
 
2008-11-14 22:14

http://www.colourlovers.com/

正像logo下面的那行小字说得,这并不仅仅是一个配色网站,它支持几乎所有跟色彩相关的创意行为,是一个激发创意的色彩设计社区。

它从各种视觉元素(油画,老邮票,日本浮世绘,火柴盒……)中提取出色板,并提供psd,ai,gse,html等格式的色板文件下载,

还提供图案模板可以根据你自定义的配色,生成漂亮的图案。

它提供了一个强大色彩搜索引擎,你不但可以搜索出优秀的配色方案,还可以通过色彩范围选出与之相关的配色优秀的印刷品,和网页设计作品。

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

工程方法论往往没有充分利用界面设计的成果,产生这种忽视的原因是在提高用户和产品之间的交互质量的机会几乎已经丧失以后才去考虑界面设计者的建议。设计在项目刚开始的时候具有最大的灵活性。

----Jef Raskin 人本界面(The humane interface)

产品设计的流程问题,是普遍存在的,淘宝现在实行的是产品经理制,产品流程规范里有明确规定,产品经理在撰写PRD文档的时候必须是和交互设计师一起完成的,产品需求文档评审的时候设计师也是要在场的,但是实际操作中,产品经理往往并不善于利用交互设计师的价值,他们可能认为交互设计师是一把好枪,但不太会使用它的自动瞄准系统。大部分时候还是自己瞄准。所以大部分时候产品到交互设计师的手里的时候,产品基本思路和框架已经定下来了,接下来的工作就只是把在使用RadioButton 还是用tab标签这类问题交给交互设计师解决。

即使淘宝的产品开发流程里已经给交互设计师的角色一个明确的定位,但我们还是不能很好的掌握话语权,很多时候交互设计师的正确意见得不到采纳或足够的重视,

一方面,这个开发流程里交互设计师也只是得到一个参政议政的权利,并没有真正的影响产品方向的决策权,即使发现严重问题,如果产品方和需求方坚持的话,以交互设计师的力量是不能从根本上改变产品方向的。

另一方面,因为交互设计师的建议往往缺乏刚性,既不会看到明显的商业动机,又不存在技术层面的加快执行效率和节约开发成本等优势。大部分是一些可有可无,细枝末节的“人文关怀”。有时候甚至会大大增加开发工作量,自然不会招人喜欢。

乐观点说,即使交互设计师的意见的到了很好的贯彻,产品上线后也很成功,别人也会认为这是产品做的好跟交互设计师关系不大。

那我们就没办法了吗?还是有的,目前我了解到的就有两种方案,

一,领导层对用户体验和商业利益之间的关系有深入理解。这个领导层要大到什么程度呢,并不一定都要想腾讯那样可以直接找马化腾,但最起码要能直接影响产品决策。交互设计师在发现产品方向上的严重问题时可以通过这个渠道影响产品。当然这种情况并不经常会发生。

二,通过用户研究的支持,一步步进行用户测试,从小样本测试到线上beta测试,用数据来支持交互设计师的判断。假如你发现产品上的明显漏洞,并通过用户研究证实了你的判断是正确的,这也是交互设计师争取自己话语权的一个很好的机会。

类别:默认分类 | 评论(0) | 浏览()
 
2008-10-13 23:50

视觉:这里线框图里一行放了5张图,我做950的宽度,最多能放下4张,能不能去一张?
交互:可以
视觉:这个线框图,布局不合理,mockup出来肯定不好看,我能不能调一下?
交互:……
视觉:我能不能把这个栏目放到右边来?
交互:不能
视觉:侧边栏能不能再窄一点?
交互:可以
视觉:你能不能告诉我什么地方能改,什么地方不能改?老这样问你也不是办法啊!
交互:…………

在这次对话中我们会发现视觉设计师从交互设计师手里拿到线框图以后,会有无从下手的感觉,要通过反复沟通才能解决问题。视觉设计师在想办法使内容清晰化的过程中难免要踏足交互设计师的领地,就免不了一次一次的询问沟通。有没有办法减少这种沟通成本呢?

矛盾在于,在项目分工中交互设计师是信息结构的构建者对这种结构的理解理解比视觉设计师更强,但清晰表达这种信息结构却是视觉设计师的专长,交互设计师如果把这种信息结构用视觉元素(线框图)表现出来难免会限制视觉设计师发挥自己的想象,但如果用文字说明来表述内容层级关系太抽象又很繁琐。所以交互设计师免不了要做一些‘排版’的工作。需要明确的是,视觉设计师应该清楚的认识到交互设计师的这种“排版”,只是用来表述内容之间的关系的一种手段,视觉设计师只需遵循这种关系就可以了,只要这种关系不变他的表现方式是可以变化的。还有一个问题就是交互设计师在用图形表述内容之间的关系时,有时候会表达不到位这时候交互设计师的交付物就需要附上文字说明了。比如在某个帮助页面的设计上,提问和回答是这个页面里最重要的两个按钮,只是在线框图里把它们放在左上角还不足以表示出它们的重要程度这时候就需要附上文字说明了。文字说明也说不清楚的时候,就要及时进行口头沟通了。总之交互设计师要想办法把自己对页面内容的层级关系,任务流程等的理解传达给视觉设计师,让视觉设计师完成一些交互解决不了的问题这些问题中可用性的问题可能只是一部分,还有使用愉悦和产品形象品牌形象等因素。所以说我们还是不能定出一个标准化的交互设计师交付物的规范,只能在工作中通过交互设计师的和视觉设计师的默契来解决了。

类别:工作上的事 | 评论(0) | 浏览()
 
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-08-27 21:23
提到一大堆增长的数据,感谢某某团队等等,那些数据看似很乐观,又好像我们都是企业的主人,我们在分享我们的企业成长中的快乐,但我又觉的这种做主人的感觉有点不踏实,知道这些我也没有分享到什么成长的快乐。我想可能是这些数据太官方了,明显不符合事物的两面性。我想知道,这些增长的数据有多少是新业务产生的增长有多少是淘宝品牌积累产生的自然增长,分得再细一些,可能还会有一些不合理的业务,导致的增长放慢。也许这样我们才能明确我们在接下来的工作中做什么,怎么做。还有哪些事情应该叫停。
类别:默认分类 | 评论(1) | 浏览()
 
     
 
 
文章分类
 
 
 
 
Ue(2)
 
 
 
 
 
     
 
文章存档
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
     
 
最新文章评论
   

这样也能弹吉他么,真勥啊
 
 
 

有些改变为你好! maybe 你的改变 也应了TA的改变呢.....
 
 
     


©2009 Baidu