Skip to main content

Home/ 互联网之'我的阅读'/ Group items tagged 界面设计

Rss Feed Group items tagged

ocean wu

科学与艺术兼顾的有效网页视觉设计 - 以用户为中心的设计 - 0 views

  • 理性 基于科学考虑的功能性图形设计也就是我们经常讨论的GUI,它主要服务于系统化平台的交互系统,协助、指导用户顺利完成期望的任务流程,一般我们接触到的视觉设计元素包括: 图片按钮; 导航设计; Banner动画或静态设计; 表单样式设计; 表格、数据、文字表现设计; logo设计 以及图形化不强的页面文字排版、空白布局设计
  • 为什么现在有很多GUI都想转行做UI或ID(interaction design),而忽视视觉设计的价值?我觉得这里面有下面几个原因: 市场恶性竞争,促使视觉审美下降,从而导致创意制作的贬值。所以,除去个别优秀的视觉设计师,处于中间或下层的设计师很容易失去自我价值的鼓舞而放弃自己的初衷,希望能够寻觅一个新的行业方向。而根据现在的市场需求,UI、ID应该是一个比如容易切入的方向,毕竟通过理论的补充,可以在很短时间内有效的提高设计师自身的设计理念而适应新的行业需求。 还有一个原因也是上面提到的市场需求决定了设计师对可用性和用户体验的关注,目前大多数设计师都服务于综合性媒体的网络公司,这样也就局限了他们创意设计的需求,取而代之的更多是对实用性,高效性的页面设计要求,所以学习相关的理论知识以适应公司发展需求是非常容易理解的, 最后就是设计师本身的自我定位,据我所知,国内目前并没有一个很好的针对网页视觉设计或用户中心设计的专业培训,所以,入行的设计师未必都有很好教育背景,大多都是因为兴趣爱好或市场需求而不断调整自己在整个行业中的角色,就业的需求,再加上诸如UCDCHINA理论资源的不断涌入,让很多本就不成熟或说对自己职业方向不明确的设计师,看到新的适合空间,所以这样的转行也是完全可以理解的。
  • 感性、个性 再说说基于视觉艺术考虑的视觉冲击设计,这类型的设计自由空间大,没有太多理论约束,更多体现出个性元素的概念,其多运用于概念产品、时尚产品、游戏娱乐等独立站点或个人Portfolio Gallery站点里。 上图是来自http://www.rhythmoflines.co.uk/   尽管我们不断推崇务实的简约设计概念,但是另类的创新艺术表现还是不时的冲击着我们不断变化的行业趋势。这类设计的好处在于: 容易创新出新型的交互设计模式; 增加产品自身的品牌价值,也就是我们所说的“化腐朽为神奇” 深刻的视觉冲击,有利于品牌形象的传播; 具有艺术收藏性,树立流派典范; 激励不同类型的设计尝试; 不过如果从实用性来考虑,它可能也会存在下面的不利之处: 生存周期相对较短,也就是高投入未必能带来长期利用率; 浏览文件大,需要更多下载时间,如果平衡的不好,很容易起到负面效果; 兼容性考虑不够,比如插件要求,分辨率要求等; 目标群体的局限性; 总的来说,根据具体运用和项目的商业策略的不同,我们在设计管理上也应该做相应的平衡,是提高有效的视觉传达?还是个性品牌的冲击? 这就如同我们在科学与艺术直接需要平衡点一样。
ocean wu

2009年海外Web设计风潮(上)_斐派精准 - 互动体验,精准营销 - 效果为先,见效付款,承诺效果 - 0 views

  • ...73 more annotations...
  • 2. 富UI 现代 Web 中的 UI 变得越来越漂亮,越来越好用。过去的一年,Web 中的 UI 有了显著提高,有了一种接近桌面的感觉。Ajax 和 Flash 被广泛使用。 特别是我们比去年看到了更多留白区域,还看到很多现代的 UI 技术会显示用户同系统之间交流的视觉状态,比如,按钮在正常和被按下时显示不同的样子,用户同系统交互时能及时得到反馈,另外,越来越多的服务可以被用户定制。
  • 1. 凸版印刷风格 这种风格有些出人意料,可能因为之前很少有人使用。该风格在在各种主题的网站中都有,但主要用于产品设计或在线服务类网站。
  • 3. 透明 PNG 使用 PNG 实现透明虽然不被 IE6 支持,却在过去的一年大行其道。设计师们似乎正在尝试将背景图片和内容融合并实现一些印刷媒体的风格。比如,将 PNG 半透明图片放到整体背景的某个区域上,用来加亮显示这个区域,如标题或声明。一些 PNG 同名技术还用来实现灯箱框效果。 Smashing Magazine 去年曾有篇使用透明效果实现创意设计的文章,很多设计师在他们的作品中开始尝试这些技巧。有趣的是,透明效果常被用于页首和页尾部分,不过也有些例外。
  • 4. 巨大字体 以前的文章中我们曾介绍过巨型字体设计,2009年,巨型字体设计还会风行,尤其是那些设计社,以及展示型,产品介绍型,或在线服务型网站,他们会使用巨型字体显示重要信息。 巨型字体设计中使用的字号往往超过36px,设计师们对字体编排注入了更多关注,以实现更漂亮,更连贯,更值得信赖的站点。
  • 6. 灯箱效果 灯箱框是第二代弹窗,它们比第一代基于 JavaScript 的弹窗更友好,可以让用户将注意力集中到最重要的部分。这些窗口一般由用户的某个行为激发,并显示在其它内容的上层,他们有时候是半透明的,并包含一个关闭按钮。
  • 5. 代用字体 设计师们还把更多注意力放到字体上,虽然经典的 Web 字体,Helvetica, Arial, Georgia 以及 Verdana 等仍占主流,一些代用字体正浮出水面(如 sIFR)。 有趣的是,这些字体会和设计无缝地衔接,设计师们似乎并非为字体而字体,而是要将字体同他们的设计结合在一起实现更漂亮的效果。
  • 7. 媒体块 随着宽带接入的普及,用户现在可以承担更丰富的内容,设计师们也借机提出更有吸引力的内容。越来越多产品网站使用媒体块显示视频,让用户更容易理解这些内容。用户只需靠在椅子上看视频,不需要一步一步往下点,这些食品通常比较短,直奔主题,虽然很正规,但也包含一些娱乐性。 不过请注意,视频应当是你内容展示方式的次要选项,并不是所有人都有宽带接入,也不是所有人都喜欢有视频播放(他们可能正在后台听网络收音机或播放音乐),另外,也不是所有人都启用了 Flash 和 Javascript。
  • 8. 杂志外观 传统印刷媒体设计中使用的编排技术也出现在 Blog 设计中,文章的编排,文字排版,图片甚至对其方式。基于网格的设计也很流行,但主要用于展示与产品页以及大型博客,极少用于公司网站或网店。
  • 9. 滚动幻灯导航 幻灯片水平和垂直滚动,可以向不同方向滚动,当前项加大加亮。这种导航技术可以让用户快速直观地浏览站点中的内容。一般常用语娱乐性网站,另外,设计者还可以使用该技术展示他们的作品。
  • 10. 在重点位置做形象展示 网站的左上方一般是一个站点最重要的区域,因为那是用户注意力最集中的地方。因此,在那个部位放上网站中最重要的信息是明智之举。 事实上很多设计师正是这样做的,不管是 Web 程序,公司网站,在线服务还是作品展示,设计师们将口号或简介性内容放在那里,并使用醒目的排版给用户以良好的第一印象。这些内容长短不一,不管哪种方式,但它们都占据可观的空间,一般横跨整个幅面,高度在250到400之间。不过这些形象展示性区域一般并不用于博客或在线商店。
  •  
    2009 Web 设计风潮 1. 凸版印刷风格 2. 富UI 3. 透明 PNG 4. 大字体 5. 代用字体 6. 灯箱框 7. 媒体块 8. 杂志式样 9. 幻灯滚动 10. 重点展示区域
ocean wu

界面设计测试规范_Yum.cn Design Studio - 0 views

  • 设计合理的界面能给用户带来轻松愉悦的感受和成功的感觉,相反由于界面设计的失败,让用户有挫败感,再实用强大的 功能都可能在用户的畏惧与放弃中付诸东流。
  • 1.易用性: 按钮名称应该易懂,用词准确,屏弃没楞两可的字眼,要与同一界面上的其他按钮易于区分,能望文知意最好。理想的情况是用户不用查阅帮助就能知道该界面的功能并进行相关的正确操作。
  • 2.规范性: 通常界面设计都按Windows界面的规范来设计,即包含"菜单条、工具栏、工具厢、状态栏、滚动条、右键快捷菜单"的标准格式,可以说:界面遵循规范化的程度越高,则易用性相应的就越好。小型软件一般不提供工具厢。
  • ...8 more annotations...
  • 3.帮助设施: 系统应该提供详尽而可靠的帮助文档,在用户使用产生迷惑时可以自己寻求解决方法。
  • 4.合理性: 屏幕对角线相交的位置是用户直视的地方,正上方四分之一处为易吸引用户注意力的位置,在放置窗体时要注意利用这两个位置。
  • 9.安全性考虑: 在 界面上通过下列方式来控制出错几率,会大大减少系统因用户人为的错误引起的破坏。开发者应当尽量周全地考虑到各种可能发生的问题,使出错的可能降至最小。 如应用出现保护性错误而退出系统,这种错误最容易使用户对软件失去信心。因为这意味着用户要中断思路,并费时费力地重新登录,而且已进行的操作也会因没有 存盘而全部丢失。
  • 6.菜单位置: 菜单是界面上最重要的元素,菜单位置按照按功能来组织。
  • 7.独特性: 如果一味的遵循业界的界面标准,则会丧失自己的个性.在框架符合以上规范的情况下,设计具有自己独特风格的界面尤为重要。尤其在商业软件流通中有着很好的迁移默化的广告效用。
  • 8.快捷方式的组合 在菜单及按钮中使用快捷键可以让喜欢使用键盘的用户操作得更快一些 在西文Windows及其应用软件中快捷键的使用大多是一致的。
  • 5.美观与协调性: 界面应该大小适合美学观点,感觉协调舒适,能在有效的范围内吸引用户的注意力。
  • 10.多窗口的应用与系统资源: 设计良好的软件不仅要有完备的功能,而且要尽可能的占用最底限度的资源。
ocean wu

用户体验与产品管理 | 黄主任 - 0 views

  • 用户体验(User Experience, UE)专业人员正逐渐从商业角度对他们的工作感兴趣,在他们的核心观念中,UE的重点是理解用户需求并创建有用和易用的产品来表达这种需求。 UE人员常常在他们的研究、设计和创意没有得到相应的尊重时感到非常失落。差不多每个UE人员都有过与那些尽管缺少交互方面的需求和流程的知识,却根据他们的感觉或毫无道理的看法来驳回一个建立在研究基础上的设计的领导者打交道的糟糕经历。 很多UE人员逐渐意识到他们有经验和洞察力来运用权威性并在帮助构建的产品中发挥更大影响力,产品管理人员也对这些希望扩大影响以保证以用户为中心的产品开发顺利进行的交互设计师、信息架构师和易用性工程师等有了更多的兴趣。 对很多UE实践者而言,成为产品经理(Product Manager, PM)是一个合理的转换,因为两者往往需要类似的技能,特点和能力。此外产品管理是很多组织共有的角色,向这样一个已存在的角色过渡是较为容易的,只是信息架构师或交互设计师如果选择用这种直接方式来影响产品的话,他们还需要学会换位思考。
  • PM的职责 PM的基本职责是理解市场并推动适应市场的产品开发,由于UE人员往往已经熟悉了设计的用户需求也具备相应市场知识,因此他们具有成为优秀PM的潜质。 PM还有如下一些较高层次的职责: • 建立产品策略,重点是对产品的未来有长远和有说服力的眼光。 • 将策略转化为产品路线,有了清晰的远景和策略后,PM就要与管理层一起确认并执行策略。 • 撰写支持商业策略和市场需要的需求书,确定主要路线,然后细化特定的可执行的需求。 • 确定以合适的顺序,在合适的时间提供合适的功能特性(features),以客户价值和市场的关联程度来划分这些特性。 • 确定与市场间有适当的沟通渠道,以合适的方式向合适的人发送合适的消息,并确认客户已了解到他们的产品。
  • 产品管理和用户体验的差异 尽管PM的职责很广也很有战略性,他们还需要负责在战术层面具化他们的战略。在一些细节上,PM可能存在与UE人员重叠的问题。正如Johathan Korman写道: 当我向那些不了解"交互设计"的人们描述我是做什么的时候,首先我说:"我观察用户的需要,确定哪类产品最适合他们,然后制定关于这个产品的行为规范,以此推动开发团队的工作。"人们常常回应说: 在我的组织里,我们称这个为"PM"。 乍一看,用户体验的角色和产品管理惊人的相似。然而你仔细观察就会发现产品管理和用户体验在职责、重点和依赖度上是有区别的。 职责: PM负责整体成功,而用户体验人员是负责界面设计能满足用户需求并易于使用。UE人员也应该像销售、营销、工程人员那样关注整体的成功,尽管并不负责这些方面。 重点: 当UE人员聚焦在界面与产品体验之时,PM会从整体市场反馈、特定市场规划、竞争力、技术、收益与损耗以及可调用的资源等方面来审视这些界面与产品体验。 依赖: 信息架构师(IA)、图形设计师、易用性专员等主要集中在界面上,使得他们依赖自身或处于类似角色的其他人一起来完成工作。PM则坚定地要求他人能执行其产品策略,他们更多地需要融合一些微妙的产品目标、策略、影响力、坚定和公平的决策等因素,这些要求多甚于UE人员。 或许Johathan Korman最好地诠释了PM与其他角色如UE之间的差异: PM负责产品应该做什么(What the product should do),而其他角色负责产品怎么做(How the product does that)。
  • ...7 more annotations...
  • PM是什么? 传统意义上PM就是一个产品的主管,为了方便讨论,我们这里将产品定义为软件、网站、网络应用、局域网或技术产品。 作为一名领导者,PM将对整个产品的成功负责,这其中包括用户体验。对技术产品而言,用户体验是产品成功中非常重要的部分,当然还包括其他方面,像产品的销售、技术、法律、商业模式、定位、品牌和营销等。 PM应该扮演一个领导者而非独裁者的形象,才能保证产品的成功,并得到各方的支持。像总统会与负责防务、交通、农业等的官员共事一样,PM团队也包括营销、技术、财务和其他领域的人。与票选民主不同,PM对用户和客户负责,通过收入、利润、用途和其他市场驱动因素来实行决定民主。 产品管理中涉及的各项任务和领域使得PM必须精通业务的方方面面。
  • 产品管理与用户体验的冲突 最常见的UE与PM间的冲突就发生在该产品应该做什么与产品该怎么做的讨论上,双方经常辩论谁应该负责定义产品特性与需求。PM感觉应该由他们负责,因为他们管理产品,但是UE人员感觉应该由他们负责,因为他们花了时间来研究用户需求并直接与客户和用户互动。 最终由于PM对整个产品的成功负责,他们也就成了决定产品做什么的最后仲裁者。好的以市场为重点的PM应能理解市场背景和客户需求,并在第一手经验和已有研究的基础上决定合适的产品特性与功能。 然而UE人员常常对此非常光火,因为他们认为自己更贴近客户和用户,理应负责产品的需求收集和定义。好的PM应该象UE人员那样贴近自己的用户,否则就会脱离用户,只知道坐在办公室里开大会,让UE人员来做此类研究。 好的PM能深知用户体验这个角色并理解其重要性,重视他们的投入并利用他们的研究和建议来创造优秀的产品。正如总统需要从自己的内阁成员那里获得建议一样,PM也应该利用自己的"内阁成员" — 用户体验、市场营销、技术等 — 去做出决策。 从UE人员向PM角色的转换远不止去操作所有的界面设计, PM一项很重要也很有挑战的任务是负责确定产品的目标与策略,树立内在和外在的产品领导能力,创造商业模式及获得资本,从小事出发又能着眼大局,并协调市场、工程技术、财务、销售当然还有UE一起向成功迈进。 在第二章,我们将向你介绍迈向产品管理的方方面面,包括你在UE岗位上不可以做而在PM角色上需要做的事情、成为PM你必须做哪些准备、UE背景的人成为PM后常有的缺陷等,来帮助你作出这中转变。
  • 平衡各方力量 确保你的产品重点是客户和用户需求非常重要,但是其他方面同样值得关注,包括但不限于: • 销售目标 • 市场/品牌目标 • 技术趋势 • 文档管理 • 预算管理 • 市场趋势 • 竞争力 • 商业模式与回报 (可能的人员浮动、变局影响、价格杠杆等) 做好一款产品需要在商业目标、用户需求和市场效应之间进行一系列权衡,作为PM,你就必须在各方之间努力做好平衡。
  • 推广产品 你必须同时在内部(包括销售、市场、管理层、开发者等)和外部(包括客户、用户、业界分析员和媒体)取得支持。仅仅只是开发出一款好的产品还不够,你还必须让人们知道它,推广它的好处。 向组织中的其他产品提供策略投入 如果你是一间中型或大型公司的PM,你在这个位置上同样需要影响其他产品。你也会同其他公司内的其他PM交流,你需要考虑公司的全部产品线,并将你的产品融合其中。 你面临的挑战与压力 PM这个新角色会让你很有荣誉感和责权感,而且新头衔带给你的影响力可能会胜过其他,但它也是”带刺的玫瑰” — 你同样必须应付挑战和压力。
  • 在前一章中,我们勾勒了PM的职责、PM与UE人员的差异以及为什么两种角色之间会产生冲突等。 现在我们来介绍当UE人员成为PM后其思考重点、职责与挑战将会发生哪些改变,离开UE工作岗位后你将有哪些收获与损失以及如何为这种转变做准备等。 在你向PM的角色纵身一跃之时,最好清楚这次跳跃对自身的影响。 作为UE人员不可以做而作为PM必须做的事情 成为PM后,你每天的工作将会发生巨大的变化! 你必须运用你的全部知识投入到整个产品中。作为UE人员你也许能同样做到这一点,但是限于行政授权你未必需要和公司内的全部决策部门打交道,以下就是你的一些"新职责": 关注产品策略以及客户和终端用户的需求(这也是你做出转换决定的原因) 你必须长期地研究客户和用户,找出用户需求与商业目标的切合点。相应地了解这方面的知识并有意识地利用它。 从产品的整体性上协助确定用户的焦点,不只是设计 沟通、政策以及定价都必须整合成为"客户体验"的整体,过去我们常常对这些方面的重要性认识不够,成为PM后你就必须对关乎产品体验的方方面面负责了。
  • 学习并准备成为PM 因此,你想成为PM? 不知道从何做起? 除了上面提到的以外, 你还应该增加你在产品管理方面的知识,从中找到你为这一角色转变所需要的东西。 想想你迈向UE之路时候所做的事吧: 书、博客、会议、小组讨论、各种组织以及导师等,它们都发挥了很大的作用。如果你想成为PM,这些方式依然有效。 成为PM最好的条件是通过培训和会议。差点忘记提了,我们在IA 2007峰会: 你想成为产品经理 上有一个预备会议,这个半天的训练营上将会集中讨论如何从UE向PM的角色转变,包括如何更好地平衡你现有的技能以及怎样避免潜在的不足等。 还有其他组织提供类似的训练营活动,包括: • 实务营销 • 280小组 • Blackbot • ZigZag营销 • 硅谷产品小组 有大量非常好的Blog在讨论产品管理,你也可以从中选择: • Roger Cauvin的博客 • 实务营销的博客 • SVPG博客 • 产品管理观察 • Tyner Blain • Michael的产品管理与营销 • 如何成为优秀的PM (它的联合作者之一便是 Jeff Lash) 还有很多从UE角度来谈产品管理的书籍,这些都应该作为PM的珍藏: • 赢在新产品: 产品从创意到启动的加速实现, 作者Robert Cooper • 软件产品管理精华, 作者Alissa Dver • 产品经理手册, 作者Linda Gorchels 此外,有志成为PM的人还应该阅读一些综合的管理类图书,包括领导力、管理、市场营销、财务、技术、策略学等。 产品管理有两个主流的社团组织: PDMA (产品发展与管理协会)和AIPMM (国际产品营销与产品管理协会)。两者都提供培训、会议、本地讨论小组及其他产品管理资源。 同时,你还可以利用你的一些职业网络,也许能从类似LinkedIn — 帮你寻找能建立联系并回答有关产品管理问题 — 这样的服务中获得帮助。在你的公司里项目管理也能指导你,况且来自其他组织的产品经理也能给予你不同的或许更真诚的帮助。 正因为你学习产品管理并思考如何迈向这一步,可以找你的经理谈谈。优秀的经理会帮助你的职业化成长,即使这也许意味着你将进入公司的其他岗位。
  • 作为PM,你的权力很有限 Guy Kawasaki形容PM是"一个背负全部职责却没有任何权力的人"。大部分为你的产品工作的人会向不同的管理层汇报,很少甚至没有人会直接向你汇报。你必须梳理这些分散的资源,指导他们的工作 — 尽管他们从各自的经理那里获得了不同的工作方向。 你必须做出决定并对此负责,而不仅仅是建议 事实上你必须做出很多的决定并为此负责,不是所有人都会认同(你的这些决定)。当然如果你的工作干的好,你可以向他们证明你的决定是正确的,明确解释你的原则,其他人也就不会显得焦急或轻视 — 但这并不容易! UE出身的PM会发现所创建的体验也许不是对用户"最好"的体验, 因为还需要考虑其他重要的因素(比如管理层的需求、商业策略、商业模式等),让这些人理解做出这样的决定或许有损用户,但最终有益于产品往往需要时间。 你将经常处在利害分歧的中心 销售人员希望有不同的功能、开发人员将你制定的时间表往回推、财务人员需要新的后端功能、商业开发人员希望能为合作伙伴做一些产品调整、设计师希望更改一些功能的实现、用户希望增加一项你的竞争对手推出的新功能、管理层希望你的产品能与公司新产品进行整合… … PM就处在这样不同的竞争中心,在一些公司中这样的处境是很不妙的。你必须调节好这些冲突的想法,制定相互之间的优先级以推动产品策略并保证皆大欢喜(至少不能让某个人动怒)。 成功的PM总是围绕着整体的目标和策略来平衡各方的要求,决定做哪些可以最大限度地支持这些目标。PM对目标与策略的理解越深,就越能做出权衡考量。有时候一点小的让步能够得到更多的收益,有时候则需要更好地梳理目标。 管理层需要从你这里得到关于产品的信息 PM不只是产品开发团队的一员,你是整个产品的象征。无论你把事情做好了或搞砸了,也无论你是否真的能驾御局面,你都必须为此负责。 作为UE人员可以做而作为PM不可以做的事情 从UE岗位转换到PM岗位的人会对新职责感到兴奋和有挑战性,与此同时,他们也会失去一些UE工作的一些方面: PM不必插手过多细节 这是很多之前习惯过问小事的人面临的最艰难的挑战。作为PM很多具体的工作都应该是委派给其他人(来做),一个花费太多时间去处理细节问题的PM注定没有做好他们的本职工作 — PM需要关注的是战略层而不是战术层。 PM并不追求尽善尽美和理论上的完美 有一个针对UE的笑话是UE人员经常回答问题的时候说"这个取决于…"。对PM来说,也许它确实取决于某件事情,但这不是紧要的。这并不是什么理论上应该发生的问题,而是在此情况下我们马上要做什么以及为什么做的问题。 你必须习惯够用即可的观念,做出在用户看来未必完美但在有限的资源下很受用的决定即可。 PM对产品的核心问题不只是建议 这一点和上面的有点背道而驰,UE实践者们提出建议,而PM需要决定策略、较高层面的用户体验、功能设置、市场规划、定价及其他方面。之所以又提到这一点,是希望促成你进行反省。如果你只是习惯建议或很难做决策,你也许不适合成为PM。 PM不是艺术家或专家型实践者 PM并不专注与产品的某个部分,而是知晓全局。他们有点类似船长或教练去驾御局面。在这个层面上,PM需要保障一起共事的人能将产品目标反映到方方面面,例如营销策略、界面设计、版权书写等。 由于不是专家,在各个方面进行调节是比较困难的,PM就必须在后面的工作中不断学习如何领导其他专家向一个共同的目标努力。 从现在起更好地配合你的PM 如果知道"幕后"产品管理,你可能已经动心了。有一条捷径能帮助你开始: 从现在开始更紧密和有效地配合你的PM! 这个办法即使对那些并没有这方面特质、技能或只是想成为PM的人来说都是值得一试的。作为一名UE实践者,更好地理解其他角色的同事所面临的责任与挑战可以帮助你调整与他人共事的方式,并且最终使你变得更有价值、更受尊敬、更有影响力。 有UE背景的人在某些领域是能够很好地与PM相处的,有些办法能很好地帮助你探路,而无论你是否迈出了这一步。 领导力 不要只知向PM或其他同事索要具体的研究和设计成果,在很多情况下,其他同事很欢迎你能有主动性和创意,不过同时他们也保留不同的观念,只要把事做起来就能迅速公开和集中地进行具体地讨论,总好过停留在理论和臆测层面。 向PM问清楚他们的产品目标是什么 问清目标非常重要,体现在两个方面:第一,PM自己有可能之前没有仔细想过产品目标,你这一问后,有可能让你成为最受信赖的顾问之一并帮助他们建立目标。 第二,如果PM已经有了目标,那么你也就能清晰地建立一系列的目标和预期。如果他们的目标存在问题,你还可进行澄清和确认,并决定怎样让它回到正确的道路上。 帮助PM评估设计的各方面因素 不要只是提出设计方案然后让PM做决定,要让自己准备好参与讨论特定设计选择的影响,向他人展现你的设计背后的原因已经他们在更广范围内与产品远景和目标的联系,聆听PM怎么说并搞清楚他们拒绝或认可的理由。 提出带有远期规划的强烈建议 你所能提供一些证据和经验将支持着你更紧密地成为产品的一份子,而不只是一个辅助的参考者。你也能从纷繁复杂的因素中做出决定的过程中得到锻炼,如果你立志想做PM的话这些很有帮助。 展现你对工作的远期规划将使你能成为团队中最重要的成员之一,并且能展现你有担负更多职责的潜力 — 不管你现在的角色是什么。 帮助PM走出办公室 PM不应该对客户和用户视而不见,尽管有人是这么干的。你应该通过询问他们最后一次见用户是什么时候来帮助他们,把他们带入到正式或非正式的用户研究中,或者给他们讲在用户访谈中的一些有意义的故事,邀请他们下次同去。如果被拒绝了,下次继续邀请。 如果PM能自愿去拜访用户,让他们带上你。除了了解用户需求之外,这也是一个你有时间向PM求教他们的观点、兴趣与目标的好机会。 如果你真的无法把PM带出办公室,那就把用户们带进来吧。在这种情况下,应该没有哪个PM(包括其他开发成员)能找借口拒绝和用户沟通。
ocean wu

用户体验与产品管理(完整版)_深耕·生根 - 0 views

  • 第一章 用户体验(User Experience, UE)专业人员正逐渐从商业角度对他们的工作感兴趣,在他们的核心观念中,UE的重点是理解用户需求并创建有用和易用的产品来表达这种需求。 UE人员常常在他们的研究、设计和创意没有得到相应的尊重时感到非常失落。差不多每个UE人员都有过与那些尽管缺少交互方面的需求和流程的知识,却根据他们的感觉或毫无道理的看法来驳回一个建立在研究基础上的设计的领导者打交道的糟糕经历。 很多UE人员逐渐意识到他们有经验和洞察力来运用权威性并在帮助构建的产品中发挥更大影响力,产品管理人员也对这些希望扩大影响以保证以用户为中心的产品开发顺利进行的交互设计师、信息架构师和易用性工程师等有了更多的兴趣。 对很多UE实践者而言,成为产品经理(Product Manager, PM)是一个合理的转换,因为两者往往需要类似的技能,特点和能力。此外产品管理是很多组织共有的角色,向这样一个已存在的角色过渡是较为容易的,只是信息架构师或交互设计师如果选择用这种直接方式来影响产品的话,他们还需要学会换位思考。
  • PM是什么? 传统意义上PM就是一个产品的主管,为了方便讨论,我们这里将产品定义为软件、网站、网络应用、局域网或技术产品。 作为一名领导者,PM将对整个产品的成功负责,这其中包括用户体验。对技术产品而言,用户体验是产品成功中非常重要的部分,当然还包括其他方面,像产品的销售、技术、法律、商业模式、定位、品牌和营销等。 PM应该扮演一个领导者而非独裁者的形象,才能保证产品的成功,并得到各方的支持。像总统会与负责防务、交通、农业等的官员共事一样,PM团队也包括营销、技术、财务和其他领域的人。与票选民主不同,PM对用户和客户负责,通过收入、利润、用途和其他市场驱动因素来实行决定民主。 产品管理中涉及的各项任务和领域使得PM必须精通业务的方方面面。
  • PM的职责 PM的基本职责是理解市场并推动适应市场的产品开发,由于UE人员往往已经熟悉了设计的用户需求也具备相应市场知识,因此他们具有成为优秀PM的潜质。 PM还有如下一些较高层次的职责: • 建立产品策略,重点是对产品的未来有长远和有说服力的眼光。 • 将策略转化为产品路线,有了清晰的远景和策略后,PM就要与管理层一起确认并执行策略。 • 撰写支持商业策略和市场需要的需求书,确定主要路线,然后细化特定的可执行的需求。 • 确定以合适的顺序,在合适的时间提供合适的功能特性(features),以客户价值和市场的关联程度来划分这些特性。 • 确定与市场间有适当的沟通渠道,以合适的方式向合适的人发送合适的消息,并确认客户已了解到他们的产品。
  • ...8 more annotations...
  • 产品管理与用户体验的冲突 最常见的UE与PM间的冲突就发生在该产品应该做什么与产品该怎么做的讨论上,双方常常争论谁应该负责定义产品的特性与需求。PM感觉应该由他们负责,因为他们管理产品,但是UE人员感觉应该由他们负责,因为是他们在花时间直接与客户和用户打交道,研究用户需求。 最终由于PM对整个产品的成功负责,他们也就成了决定产品做什么的最后仲裁者。好的以市场为重点的PM应能理解市场背景和客户需求,并在第一手经验和已有研究的基础上决定合适的产品特性与功能。 然而UE人员常常对此非常光火,因为他们认为自己更贴近客户和用户,理应负责产品的需求收集和定义。 好的PM应该象UE人员那样贴近自己的用户,否则就会脱离用户,只知道坐在办公室里开大会,让UE人员来做此类研究。 好的PM能深知用户体验这个角色并理解其重要性,重视他们的投入并利用他们的研究和建议来创造优秀的产品。正如总统需要从自己的内阁成员那里获得建议一样,PM也应该利用自己的"内阁成员" --- 用户体验、市场营销、技术等 --- 去做出决策。 从UE人员向PM角色的转换远不止去操作所有的界面设计,PM一项很重要也很有挑战的任务是负责确定产品的目标与策略,树立内在和外在的产品领导能力,创造商业模式及获得资本,从小事出发又能着眼大局,并协调市场、工程技术、财务、销售当然还有UE一起向成功迈进。 在第二章,我们将向你介绍迈向产品管理的方方面面,包括你在UE岗位上不可以做而在PM角色上需要做的事情、成为PM你必须做哪些准备、UE背景的人成为PM后常有的缺陷等,来帮助你作出这种转变。
  • 产品管理和用户体验的差异 尽管PM的职责很广也很有战略性,他们还需要负责在战术层面具化他们的战略。在一些细节上,PM可能存在与UE人员重叠的问题。正如Johathan Korman写道: 当我向那些不了解"交互设计"的人们描述我是做什么的时候,首先我说:"我观察用户的需要,确定哪类产品最适合他们,然后制定关于这个产品的行为规范,以此推动开发团队的工作。"人们常常回应说: 在我的组织里,我们管这个叫"PM"。 乍一看,用户体验的角色和产品管理惊人的相似。然而你仔细观察就会发现产品管理和用户体验在职责、重点和依赖度上是有区别的。 职责: PM负责整体成功,而UE人员负责界面设计使之满足用户需求并易于使用。UE人员同样应该像销售、营销、工程人员那样关注整体的成功,尽管并不负责这些方面。 重点: 当UE人员聚焦在界面与产品体验之时,PM会从市场整体反馈、特定市场规划、竞争力、技术、收益与损耗以及可调用的资源等方面来审视这些界面与产品体验。 依赖: 信息架构师(IA)、图形设计师、易用性专员等主要精力集中在界面上,他们需要依赖自身或类似角色的其他人一起来完成工作。PM则坚定地要求他人能执行其产品策略,他们更多地需要融合一些微妙的产品目标、策略、影响力、坚定和公平的决策等因素,这些要求多甚于UE人员。 或许Johathan Korman最好地诠释了PM与其他角色如UE之间的差异: PM负责产品应该做什么(What the product should do),而其他角色负责产品怎么做(How the product does that)。
  • PM对产品的核心问题不只是建议 这一点和上面的有点背道而驰,UE实践者们提出建议,而PM需要制定策略、较高层面的用户体验、功能设置、市场规划、定价及其他方面。之所以又提到这一点,是希望促成你进行反省。如果你只是习惯建议或很难做决策,你也许不适合成为PM。 PM不是艺术家或专家型实践者 PM并不专注与产品的某个部分,而是知晓全局。他们有点类似船长或教练去驾御局面。在这个层面上,PM需要保障一起共事的人能将产品目标反映到方方面面,例如营销策略、界面设计、版权书写等。 由于不是专家,在各个方面进行调节是比较困难的,PM就必须在后面的工作中不断学习如何领导其他专家向一个共同的目标努力。
  • 作为UE人员不可以做而作为PM必须做的事情 成为PM后,你每天的工作将会发生巨大的变化! 你必须运用你的全部知识投入到整个产品中。作为UE人员你也许能同样做到这一点,只是限于行政授权你未必需要和公司内的全部决策部门打交道,以下就是你的一些"新职责": 关注产品策略以及客户和终端用户的需求(这也是你做出转换决定的原因) 你必须长期地研究客户和用户,找出用户需求与商业目标的切合点,相应地了解这方面的知识并有意识地利用它。从产品的整体上确定用户的焦点,不光是设计。 沟通、政策以及定价都必须整合成为"客户体验"的整体,过去我们常常对这些方面的重要性认识不够,成为PM后你就必须对关乎产品体验的方方面面负责了。 平衡各方力量 确保你的产品重点是客户和用户需求非常重要,但是其他方面同样值得关注,包括但不限于: • 销售目标 • 市场/品牌目标 • 技术趋势 • 文档管理 • 预算管理 • 市场趋势 • 竞争力 • 商业模式与回报 (可能的人员浮动、变局影响、价格杠杆等) 做好一款产品需要在商业目标、用户需求和市场效应之间进行一系列权衡,作为PM,你就必须在各方之间努力做好平衡。 推广产品 你必须同时在内部(包括销售、市场、管理层、开发者等)和外部(包括客户、用户、业界分析员和媒体)间取得支持。仅仅开发出一款好的产品还不够,你还必须让人们知道它,推广它带来的好处。 向组织中的其他产品提供策略投入 如果你是一间中型或大型公司的PM,在这个位置上你还需要影响其他产品。你也会与其他公司内的其他PM交流,思考公司的全部产品线,并将你的产品融合其中。 你面临的挑战与压力 PM这个新角色会让你很有荣誉感和责权感,而且新头衔带给你的影响力可能会胜过其他,但它也是"带刺的玫瑰" --- 你同样必须应付挑战和压力。 作为PM,你的权力很有限 Guy Kawasaki形容PM是"一个背负全部职责却没有任何权力的人"。大部分为你的产品工作的人会向不同的管理层汇报,很少甚至没有人会直接受命于你。你必须梳理这些分散的资源,指导他们的工作 --- 尽管他们从各自的经理那里获得了不同的工作方向。
  • 你必须做出决定并对此负责,而不仅仅是建议 事实上你必须做出很多的决定并为此负责,不是所有人都会认同(你的这些决定)。当然如果你的工作干的好,你可以向他们证明你的决定是正确的,明确解释你的原则,其他人也就不会显得焦急或轻视 --- 但这并不容易! UE出身的PM会发现所创建的体验也许不是对用户"最好"的体验,因为还需要考虑其他重要的因素(如管理层的需求、商业策略、商业模式等),让这些人理解作出这种或许有损用户,但最终有益于产品的决定往往需要时间。 你将经常处在利害分歧的中心 销售人员希望有不同的功能、开发人员将你制定的时间表往后推、财务人员需要新的后端功能、商业开发人员希望能为合作伙伴做一些产品调整、设计师希望更改一些功能的实现、用户希望增加一项你的竞争对手推出的新功能、管理层希望你的产品能与公司新产品进行整合... ... PM就处在这样不同的竞争中心,在一些公司中这样的处境是很不妙的。你必须调节好这些冲突的想法,制定相互之间的优先级以推动产品策略并保证皆大欢喜(至少不能让某个人动怒)。 成功的PM总是围绕着整体的目标和策略来平衡各方的要求,决定做哪些可以最大限度地支持这些目标。PM对目标与策略的理解越深,就越能做出权衡考量。有时候一点小的让步能够得到更多的收益,有时候则需要更好地梳理目标。 管理层需要从你这里得到关于产品的信息 PM不只是产品开发团队的一员,你是整个产品的象征。无论你把事情做好了或搞砸了,也无论你是否真的能驾御局面,你都必须为此负责。 作为UE人员可以做而作为PM不可以做的事情 从UE岗位转换到PM岗位的人会对新职责感到兴奋和有挑战性,与此同时,他们也会失去一些UE工作的一些方面: PM不必插手过多细节 这是很多之前习惯过问小事的人面临的最艰难的挑战。作为PM很多具体的工作都可以委派给其他人来做,一个花费太多时间去处理细节问题的PM注定没有做好他们的本职工作 --- PM需要关注的是战略层而不是战术层。 PM并不追求尽善尽美和理论上的完美 有一个针对UE的笑话是UE人员经常回答问题的时候说"这个取决于…"。对PM来说,也许它确实取决于某件事情,但这并不要紧的。这并不是什么理论上应该发生的问题,而是在此情况下我们马上要做什么以及为什么做的问题。 你必须习惯够用即可的观念,作出在用户看来未必完美但在有限的资源下很受用的决定。
  • 第二章 在前一章中,我们勾勒了PM的职责、PM与UE人员的差异以及为什么两种角色之间会产生冲突等。 现在我们来介绍当UE人员成为PM后其思考重点、职责与挑战将会发生哪些改变,离开UE工作岗位后你将有哪些收获与损失以及如何为这种转变做准备等。 在你向PM的角色纵身一跃之时,最好清楚这次跳跃对自身的影响。
  • 从现在起更好地配合你的PM 如果知道"幕后"产品管理,你可能已经动心了。有一条捷径能帮助你开始: 从现在开始更紧密和有效地配合你的PM! 这个办法即使对那些并没有这方面特质、技能或只是想成为PM的人来说都是值得一试的。作为一名UE实践者,更好地理解其他角色的同事所面临的责任与挑战可以帮助你调整与他人共事的方式,并且最终使你变得更有价值、更受尊敬、更有影响力。 有UE背景的人在某些领域是能够很好地与PM相处的,有些办法能很好地帮助你探路,而无论你是否迈出了这一步。 领导力 不要只知向PM或其他同事索要具体的研究和设计成果,在很多情况下,其他同事很欢迎你能有主动性和创意,不过同时他们也保留不同的观念,只要把事做起来就能迅速公开和集中地进行具体地讨论,总好过停留在理论和臆测层面。 向PM问清楚他们的产品目标是什么 问清目标非常重要,体现在两个方面:第一,PM自己有可能之前没有仔细想过产品目标,你这一问后,有可能让你成为最受信赖的顾问之一并帮助他们建立目标。 第二,如果PM已经有了目标,那么你也就能清晰地建立一系列的目标和预期。如果他们的目标存在问题,你还可进行澄清和确认,并决定怎样让它回到正确的道路上。 帮助PM评估设计的各方面因素 不要只是提出设计方案然后让PM做决定,要让自己准备好参与讨论特定设计选择的影响,向他人展现你的设计背后的原因已经他们在更广范围内与产品远景和目标的联系,聆听PM怎么说并搞清楚他们拒绝或认可的理由。 提出带有远期规划的强烈建议 你所能提供的一些证据和经验将支持着你更紧密地成为产品的一份子,而不只是一个辅助的参考者。你也能从纷繁复杂的因素中做出决定的过程中得到锻炼,如果你立志想做PM的话这些很有帮助。 展现你对工作的远期规划将使你能成为团队中最重要的成员之一,并且能展现你有担负更多职责的潜力 --- 不管你现在的角色是什么。 帮助PM走出办公室 PM不应该对客户和用户视而不见,尽管有人是这么干的。你应该通过询问他们最后一次见用户是什么时候来帮助他们,把他们带入到正式或非正式的用户研究中,或者给他们讲在用户访谈中的一些有意义的故事,邀请他们下次同去。如果被拒绝了,下次继续邀请。 如果PM能自愿去拜访用户,让他们带上你。除了了解用户需求之外,这也是一个你有时间向PM求教他们的观点、兴趣与目标的好机会。 如果你真的无法把PM带出办公室,那就把用户们带进来吧。在这种情况下,应该没有哪个PM(包括其他开发成员)能找借口拒绝和用户沟通。
  • 学习并准备成为PM 因此,你想成为PM? 不知道从何做起? 除了上面提到的以外, 你还应该增加你在产品管理方面的知识,从中找到你为这一角色转变所需要的东西。 想想你迈向UE之路时候所做的事吧: 书、博客、会议、小组讨论、各种组织以及导师等,它们都发挥了很大的作用。如果你想成为PM,这些方式依然有效。 成为PM最好的条件是通过培训和会议。差点忘记提了,我们在IA 2007峰会: 你想成为产品经理 上有一个预备会议,这个半天的训练营上将会集中讨论如何从UE向PM的角色转变,包括如何更好地平衡你现有的技能以及怎样避免潜在的不足等。
ocean wu

开发新产品所需要的十类文档 - 0 views

  • 《Communicating Design》里面也有10种~ Personas 角色设计文档 Usability Test Plan 可用性测试计划 Usability Reports 可用性报告 Competitive Analysis 竞争分析 Concept Model 概念模型(概念图) Content Inventory 内容清单 Site Maps 站点地图 Flow Charts 流程图(交互流程图) Wireframes 线框图 Screen Designs 视觉设计、原型设计等
  • 5、6、7可以在小型项目中结合,大型的项目中还是要适当分开。 交互原型可以以交互设计说明书的附件形式存在
  • 1、产品概念文档(项目策划书) 主要是对市场需求进行合理的科学的推导,得出新产品机遇,并对产品定位以及未来的发展方向进行概念性阐述。产品概念文档主要用来对新产品进行宣讲,让项目团队对将要开发的产品有一个概念上的理解,在思想上达成一致。 2、用户调研报告 主要有两类,一类是产品概念形成之初,研究人员进行的需求调研而输出的报告。主要是为产品概念的提出提供科学的依据,为需求的推导寻找佐证。另外一类是项目开发过程中,对设计中不确定以及有分歧的地方进行用户测试,得出结果并输出用户测试报告。 3、产品需求列表 这个列表并不一定是文档,但是他非常重要。它是将新产品拆分成几个大的模块,并将这几个大模块再细拆分成各个功能点后形成的功能列表。它的用途是将整个产品的工作量化,利于设计师、开发人员、测试人员评估自己的工作量,利于开发过程中对各个功能点进行跟踪,不遗漏,利于产品测试时对产品进行全面覆盖。 4、产品说明书 产品说明书是目前很多公司中最常见,他主要包括产品功能的详细描述,产品所需要的开发、运行环境,性能要求等等。准确的讲,这份文档并不应该包含具体的交互内容。这个文档面向的是项目的全体成员。 5、交互设计说明书 交互设计说明书对整个产品的界面结构、交互流程进行详细的描述。它一般包括需求分解、竞争产品分析、流程说明、页面布局说明等内容。交互设计说明书的格式众多,灵活性也相当高,但目的都是将产品的结构和及流程形象化。交互设计说明书主要面向开发人员和测试人员。 很多公司将交互设计说明书和产品说明书结合在一起进行撰写,其实这种做法并不是十分合理。通常情况下,产品和设计结合的文档结构非常庞大,非常不利于查阅,也不利于撰写,而且这种结合文档的很多内容对特定人员是无用的。 6、交互设计规范 交互设计规范主要是用来规范新产品中常规的功能、操作等内容,比如页面的标题规范、界面快捷键操作的规范、提示反馈信息的规范等等。 7、视觉设计规范 视觉设计规范主要是规范新产品中一些视觉元件的样式、页面边距相对边距、通用界面的页面框架等等,开发人员根据规范就可以自行开发一些通用界面。 8、开发文档 开发文档包括一些需求分析、系统架构分析、数据库分析、开发日志等等内容。开发文档主要用来作为开发团队的技术沉淀。 9、测试用例 测试用例指对新产品进行测试任务的描述,体现测试方案、方法、技术和策略。内容包括测试目标、测试环境、输入数据、测试步骤、预期结果、测试脚本等,并形成文档。 10、产品评估报告 产品开发完成后,应由测试人员撰写一份评估报告,对产品功能的实现情况、性能情况、bug解决率等问题进行综合说明和评估,来确定新产品是否符合发布标准。 上面的这十类文档是非常理想化的项目中才具备的,也并不是适用于所有的项目开发,但是,产品说明书、交互设计说明书、测试用例等几类文档是一个项目中不可能缺少的,他们是一个项目有效运行的核心文档。
ocean wu

创业产品的界面文字优化 - 0 views

  • 第二步,让所有在工作中需要撰写界面文字的同事熟悉该”行文风格”。每一个往界面上写字的人都要很清楚自己写出去的字是否符合这个”风格”。 杜绝这种现象:不同的技术人员各自按照自己的”风格”在界面上写字,今天你写”对不起,你还没有登录。”,明天他写”抱歉,还没有登陆吧?”,后天她又写”哎呀!我们好像还不认识你耶,赶快登录吧…”
  • 以”文字是否容易阅读、是否能准确表达信息、是否能够准确的传达产品气质”为其工作的基本原则,以”让所有在界面上写字的人具备一致的风格和文字表达能力”为其工作目标。
  • 第三步,在执行”行文风格”的初期(一般需要两个星期),每一个确定后的界面都交给”负责人”审核。由其修改并指出问题,同时对一致的问题做出书面总结,慢慢整理成书面的统一”行文指南”。“规范是在工作中慢慢形成的,并不是一开始总结好的“,其实这个审核和总结的过程不用花费太多时间,三个人一个星期完成的界面只需要三个小时应该就能审核完所有界面上出现的文字。这个”指南”一般会比较具体。比如,就算确定了”表达要简洁,语言要直白不用问句,风格不要过于卡通或显’幼稚’”,这时一样有可能出现”对不起,你还没有登录。”、”抱歉,请马上登陆”、”登录后才能进行操作,请赶快登陆吧”等不同语言。那么在这个阶段,文字的负责人就可以给统一的总结成一种了。
  • ...3 more annotations...
  • 第一步,由产品管理者总结产品应该传达给用户的”形象和气质”,作为关于文字工作的基本准则。(比如,Robin提出百度的产品气质是”简单,可依赖”)。“负责人”根据这个准则,再去翻翻书或者看一些关于界面文字表达基础原则的文章,总结出自己产品一些大原则的”行文风格”。(因为是’行文风格’,所以无需太具体,一般在WORD上不超过二页即可,尽量简洁以免耽误应用的效率和质量)比如:(以下是某项目中的部分段落摘抄,切勿照搬)“说明性和提示性的语言不得超过两行,不超过50字”“界面上不得体现大片的专业术语作为帮助信息”“保持文字的一致性,本产品界面中所有和ID相关的信息都叫’帐户’,..”;“使用通用语言,不搞一些特殊化的文字,让用户一眼就能看懂”“保持语言的简洁,既定事实不做重复。如,’你的好友列表中没有好友,请立即添加’改为’立即添加好友’,….”;“如果系统出错,则明白准确表述错误,同时以积极的语调给出建议。如,’抱歉xxx,您可以xx再试一下’,….”;……..
  • 第四步,经过一段时间的”审核”和”规范总结”基本上产品的文字就可以有完善的统一指南了。一般情况下,不超过一个月一个创业产品的系统性的文字风格和规范就可以形成了。这之后”文字工作负责人”的工作除了简单过一眼要展示出去的界面,基本山已经不需要做什么类似工作了。这个时候,其实规范不规范已经不是最关键的了,可贵的是”所有在界面上写字的人都有了统一的行文风格和习惯”,我们的界面文字越来越专业友好。。
  • 最后,按照我上面的方法算一下成本:(创业团队里面,很多事情都牵连在一起的,这里未算管理成本)一个文笔好的女孩”负责”:假设她的薪水是4000,这个工作需要占据他20%的工作时间,那么是800;会直接在界面上写字的假设有4个(20人产品团队):假设他们的薪水是5000,这个工作平均需要占据他们5%的工作时间,那么总共是1000。一个月的总共成本:1800。 6、文字是产品情感传达的一个重要因素,特别是互联网产品,需要保证用户在不同情景中的角色感,需要迅速高效的转达准确信息。中文的世界上一些糟糕的文字表达屡见不鲜,啰啰嗦嗦的风格尤为突出。
ocean wu

Web2.0创新应用服务发展趋势与概况-- 上海情报服务平台 - 0 views

  • Web2.0的基本精神包括:以Web为平台、强调从使用者的角度来考虑、让使用者自己掌握自己的信息…,尤其特别强调软件的重要性以及群体智慧的运用。
  • Web2.0创新应用服务发展趋势   Web2.0可视为泛指Web近几年在观念上、技术上以及商业应用上的进步与新想法。比较Web1.0与Web2.0,归纳出Web2.0的主要进步,体现在以下4个C上。见图下,除了Wiki、Folksonomy、Blog是创新的应用模式外,大体上能看出主要进步的具体所在。
  • (一)   内容(Content)   在Web1.0时代内容主要由厂商提供,使用者仅单方面接受信息。而在Web2.0时代则强调提供双向交流,由使用者参与并贡献内容。简言之,在Web2.0时代用户不只是消费者,更是内容的提供者。分析由使用者贡献内容的众多案例,可看出应用范围非常的广泛。由具有高度知识性的百科全书Wikipedia到仅只是由使用者投票决定新闻重要性的Digg.com都是有名的成功案例。   (二)   社群(Community)   社群经营的理念早在Web1.0时代就有。通常以加入会员,共享部分特定资源(如公告栏、讨论版、聊天室、下载空间)为主要经营方式。但Web2.0的经营方式则更为多元且活泼,在各种服务上都对社会网络的功能进行强化,见表下,大量建立人际连结的接点,不论是现实中的人脉、书签、相薄、地理位置甚至愿望清单等都可以成为建立人际网络的起点。通过大量的社会网络功能,促进分享也强化服务对使用者的黏性。                 Web2.0社群服务案例与人际接点 服务名称 人际连结接点 Linkedin.com Del.icio.us Flickr 43. Places、Platial 43 Things Last.fm 现实世界人脉 网络书签 相片 地理位置 愿望清单 歌曲清单   (三)   消费者使用体验(Customers Experience)   良好的使用者体验有助于降低学习门槛,并提升使用者对服务的接受度。在强调以使用者为中心的Web2.0概念实践过程当中,良好的使用体验更是鼓励用户参与的基本动力之一。   举例来说,在地图界面广为普及之前,当使用者想要描述地点位置时,往往只能写地址,并用文字极力描述附近的地标。不但提供信息的人麻烦,阅读信息的使用者也不好理解。但现在随着Goolge Maps等地图的流行,使用者能够直接在地图上点选地点,大大降低了使用上的负担,也造就了如Platial.com等由使用者共同创造生活地图或景点指引的服务。   除了前述有关地图界面造成的使用体验差异之外,地图服务自身界面的进步其实也是极具代表性的。过去的地图服务在界面设计上往往局限于所谓的「8个小箭头」的设计,使用者必须通过上、下、左、右、左上、右上、左下、右下8个箭头来操作地图界面。而现在的地图服务如Google Maps等几乎都提供了直接以鼠标拖拉的操作界面。表面上差异似乎不大,但在操作体验上却截然不同。   除了良好的设计之外,界面相关技术对创造良好的使用者体验也相当重要。过去的Java Applet、Flash等技术都是Web1.0时代为了强化使用者体验而作出的努力。Web2.0时代则是以AJAX为主流应用,让使用者在不需要安装额外plug-in的状态下,能够在Web上享受到便利且具有高度互动性的使用界面,改善使用体验。   (四)   跨服务的互动与整合(Cross-Service Integration)   由于技术的进步、成熟与经营理念的改变,Web2.0时代的服务,往往开放程序开发界面(如Web Service)及资料聚合界面(如RSS)。借开放界面来带动社群与第3方开发者投入,发挥Web2.0服务的网络效应。同时也创造出混搭这样的新开发风格。所谓的混搭,便是利用现有服务开放的界面,重新组合创造新服务。典型的案例如,将Craigslist上的租屋/售屋信息与Googe Map提供的地图服务整合而成的Housing Map地图找屋服务。
  • ...1 more annotation...
  • 三、Web2.0创新应用服务发展概况   Web2.0时代最容易被识别的特征之一就是博客的崛起。不论是个人日记或个人观点评论,在网络上都已经有相当多的网页供人阅览。以下介绍几个成功的Web2.0代表案例。   1.   Wikipedia   维基百科提供开放的平台环境供使用者编写百科全书。截至2007年6月止已有200多种语言的版本,合计超过350万个词条,其中规模最大的英文版已拥有100多万个词条。相较于大英百科全书等以专家为主体的传统编辑方式,维基百科将编写百科全书的权利开放给所有的志愿者。借着鼓励使用者参与以及使用者贡献内容,维基百科集合了众人的力量,成为善用集体智慧的典范。也是第一个C—内容产生方式上的标准范例。   2. Linkedin   Linkedin.com是一个基于6度分离(Six Degrees of Separation)理论的社交人脉网站。它提供了一个平台让使用者输入自己的人脉信息,之后Linkedin.com便能基于这些人脉信息提供一个介绍人机制(Referral System)。当使用者需要接触某个本身不认识的人时,介绍人机制便能协助使用者通过类似「朋友的同学的朋友」这样的人际连结路径去接触对方。截至2006年底,Linkedin已经拥有遍布全球420万名用户。通过这样更为精致的社会网络连结机制,Linkedin为中高阶商务人士提供了有价值的人脉介绍服务,成为Web2.0第2个C—社群上的成功典范。   3. Flickr   Flickr是Ludicorp公司在2004年2月推出的相片分享服务。当时外界普遍认为线上相薄服务已经定型,且市场已然饱和。然而推出之后靠着使用者的互相流传,以25%~50%的用户增长率跌破众人的眼镜,迅速成为Web2.0世界中的经典服务之一。Flickr在4个C上都具有相当的代表性:在第一个C—内容这部分Flickr通过使用者上传照片并填写标示信息,建成了庞大的图片资料库。在第2个C—社群这一块则是通过诸多社会网络功能,将使用者彼此相连,增强Flickr对用户的黏性。而在第3个C—用户体验部分则是将AJAX技术发挥的淋漓尽致,提供了用户简洁、直觉化、且操作性良好的界面。最后,由于Flickr开放了服务平台的API,因此产生了大量的跨服务整合应用,譬如结合Flickr与Google Map的GmiF(Google Map in Flickr)服务,见图下。这便是第4个C-跨服务整合的体现。     4. Salesforce.com   Salesforce.com是Web2.0在企业市场发挥的经典案例。它是一家提供线上CRM服务的SaaS(Software as a Service)厂商,该公司开放了程序界面给开发者,让软件开发商能开发出与Salesforce.com平台紧密结合的服务软件,也就是第4个C:跨服务整合表现。并提供了AppExchange线上软件平台,让软件开发商将软件上传,借此形成一个基于品牌策略的生态体系,见图下。通过这样的机制,该公司的CRM企业用户可以在AppExchange网站上直接寻找自己需要的企业应用软件,并进行即时的线上安装,迅速扩充自己使用的线上CRM服务的功能。
ocean wu

Taobao.com UED Team » Blog Archive » 心流与情感设计(上) - 0 views

  • 我们使用网站,这一切的活动事实上都是在围绕着一个东西:信息。扩展开来,我们的一切活动都是在围绕着信息做交互。
  • 心理学家齐客森米哈里(Mihaly Csikszentmihalyi)将这种关注的注意力称为“精神能量 psychic energy”。就像我们日常生活中的能量一样,没有能量就没法工作,每次工作就会消耗能量。我们都应该有过这样的体验:有段时间,我们会全身心地投入到 某种事情中,将我们的集中注意力完全集中在这件事情上,所谓的废寝忘食。齐客森米哈里把这个状态称为“心流 flow”。心流是:忘我、忘记时间、忘记其他所有不相关的东西,完全沉静在某项事物或情境中。
  • 我们并不需要去学习专门的课程或者使用新的软件来为心流而设计。事实上你也许已经踏上了为心流而设计的道路。开始心流设计之路,就是去考虑每一步交互之后应该出现的结果,然后,去掉那些影响用户达到这个预期结果的所有阻碍。
  • ...6 more annotations...
  • 为所有用户行为提供即时反馈能够减少用户的焦虑感。有效地使用布局、信息设计、排版、交互设计和信息架构可以平衡挑战感和用户的技能等级。
  • 心流:当用户在完成交互行为时需要高技能水平,并且通知感知到高挑战,且两者达到某种平衡时就会有心流的体验产生。最生动的例子莫过于玩游戏。任何游戏一定会提供一定的难度给玩家,并常常伴有过关打boss等设计来让玩家感知挑战。 控制:在驾车的时候,是需要高的技能——驾驶的,但是挑战感并不强,这时,能够感觉的就是控制感。当然,提高挑战感,例如赛车,能让某些人着迷,从图上可以看出原因,因为他们进入了心流状态。 放松:放松性的阅读和品美食就属于高技能和低挑战。 无聊:做家务,需要有一定的技能水平,但是却不能让人感觉到挑战,所以做家务事一件很无聊的事情。 冷漠:当交互行为的技巧低而面对的挑战也低的时候,但是这样就无法产生持续上升的心流,也会出现心流体验。这种情况下是一种冷漠。例如看电视,我们沉浸于其中,但事实上整个身体、心理并没有很激动地参与,而表现出了冷漠、无感情。 忧虑:在不参加太多逻辑的争论的过程中(当然不是参加辩论赛),有一定的挑战却没有要求很高的技能。表现出的就是忧虑的情感。 焦虑:在做一些例如重复性的工作,死记硬背文章的时候,由于技能水平低却完成高挑战的任务,就会出现焦虑。 激励:当工作技能提升或者学习水平提高等,有一定的驾轻就熟之感,这时,工作和学习就有一种激励的感觉。
  • 心流通道的概念。
  • 将心流理论应用到我们的实践中去,我在这里根据心流产生的原因来一一阐述。 清晰的目标 首先,我们要理清我们设计的流程,将我们的逻辑信息构架、导航、搜索路径尽可能清晰地展示给用户。尽量的让每一个页面只完成一个目标,且清晰。减少选择,让用户能够很快地做决策。强大的网站应该是像在一个高档的餐厅,客户用餐,除了体验到美食,也同时体验到了优质的服务。可惜,现在的大多数网站都像是在做自助餐,在你面前摆上无数种选择,认为这是在尊重用户意愿。就像自助餐一年难得吃几次一样(大部分人认为自助餐是性价比高,在利益的驱动下去吃。),这样的自助餐模式网站开始看起来不错,但他们忽略了用户总是懒惰的这个事实,用户总是期望有人一步步告诉他该做些什么,于是慢慢地用户就会失去兴趣——因为他们总是不知道该干些什么。 提供及时的反馈 Donald博士在《设计心理学》这本书中 在说明执行/评估周期(Excution/Evaluation Action Cycle)时,有对反馈做比较深入的阐述。在这个周期的评估阶段,用户会去比较现实发生的和他们预期发生的事件之间的差别。及时的反馈有助于用户评估之 前所作的操作是否有助于更进一步地接近目标,以便用户重新调整操作或者进入下一个操作步骤。所以在页面上我们会关注页面加载速度,加快反馈时间。另外,我们应当尽量及时且清晰地让用户了解计算当前在做些什么,用户刚才的操作有哪些影响。例如在进行某些操作的时候,用户总能获得刚才的操作成功与否的反馈。 尽量设计相应的挑战以迎合用户的操作技能 在上述关于心流通道的概念中,我们已经解释了在一定的挑战感结合一定的用户的操作技能下,用户才能进入“心流”状态。在《软件观念革命》中 所述的针对新手、中间用户和专家用户设计的观点与这点其实是类似的。这就要求我们在每个流程、每个页面设计之初要理解该页面为谁设计,以便来制定界面的复 杂程度。对新手访问的页面,设计简单、清晰的结构,以便他们迅速学会界面。对于专家用户,除了增加页面的复杂度,同时可以加入页面定制的功能。在白鸦的只把20%拿出来中,白鸦说:“不要试图一下子把什么都抛给用户,他们根本接受不了。需要用你20%的对用户最有吸引力的东西在0.3秒内搞定她的神经,然后勾引她自己去发现另外的80%”。这也是在平衡挑战感和用户操作技能。广泛地,《和谐界面》提出的“5W+H启发式(5W+H heuristic)”中的“谁/为什么(Who/Why)”也如出一辙。
ocean wu

2009年海外Web设计风潮(下)_斐派精准 - 互动体验,精准营销 - 效果为先,见效付款,承诺效果 - 0 views

  • 反 Box 式布局 单页布局 多栏布局  巨型插图与多变背景 更多留白 社会网络元素 讲解式导航菜单 Status elements (Flickr, Twitter et al) 动态 Tab  超大搜索框 Category visuals 作者头像图标 (这也算?-译者) 图标和视觉引导 Tag 索引 (取代 Tag 云) 插图风格 水彩风格 手写风格 怀旧风格 有机纹理或照片背景 证章风格 价格标签风格  条带风格
  • ...51 more annotations...
  • 2. 单页布局 单页布局是使用一个单一的页面展示站点的全部内容,这并不意味着站点内容少,这个页可能很复杂,包含了大量图形和动画效果,加载的时间也会有些长。比如,用户点击导航菜单后,该栏目下的新内容会在旧内容处通过渐入渐出,滑入滑出等动画效果显示出来,而页面其它部分始终保持不变。(白宫的最新网站的首页就有这个意思 - 译者)
  • 3. 多栏布局 多栏布局(大于3栏)通常比较复杂,但通过适当设计,会对访问者带来更好的访问体验。最近几年,Web 内容爆炸,用户停留在一个网站的时间越来越少,就要求  Web 设计者尽可能有效地展示数据,既要让访问者多停留,又要让他们更容易发现他们希望看到的内容。
  • 多栏设计一般用于杂志布局或展示型布局站点,一般使用网格布局技术实现。多栏布局一般使用概述/细节式结构,首先用多栏展示概述式内容,然后进入详细内容的展示。Mozilla Labs 就是一个很好的例子。
  • 4. 巨型插图式与多变背景设计 象巨型字体主导当前 Web 设计一样,巨型插图风格设计似乎也正流行起来,巨型插图可以和巨型字体的结合使用,带来更吸引人,更生动的效果。 另外,设计师们越来越喜欢使用那些色彩鲜艳的图形提供背景,包含各种风格,抽象画,剪贴画,剪贴簿,装饰画,怀旧,水彩,有机纹理以及照片背景等。
  • 5. 更多留白 这是近年来最值得期待,也是最有意义的 Web 设计风潮,设计师们在页面留白方面越来越慷慨。(这也是我非常欣赏的一种风格,只可惜在我们国内,仍有大量的客户认为满当当的页面说明你的公司实力雄厚 - 译者。)
  • 6. "社会"网络元素 任何人都喜欢流量与认可,在 Web 设计中加入社会网络元素,可以鼓励你的访问者参与进来。(不过在 Web 2.0 日渐式微的今天,也许满页花里胡哨的社会网络元素正逐渐变得让人厌烦 - 译者)
  • 7. 解释风格的导航 传统的水平导航条,一般是一些标题连接或图标链接,用户很难从这些短短的信息中真正知道这些导航所代表的内容,解释性导航会在栏目导航菜单上提供进一步解释内容,让用户更好地理解这些栏目代表的内容。
  • 这类导航一般使用更容易表达内容的大图标,加解释性文字,鼠标 Hover 效果也必不可少。
  • 8. 动态 Tabs 这类设计一般在页面加载时,将多个 Tab 中的内容一次性加载,通过 Javascript 或 CSS 效果,实现鼠标指向某个 Tab 时,该 Tab 中的内容立即显现。(微软官方站近一年来一直是这个设计风格的代表。- 译者)
  •  
    1. 反 Box 式布局 2. 单页布局 3. 多栏布局 4. 巨型插图与多变背景 5. 更多留白 6. 社会网络元素 7. 讲解式导航菜单 8. Status elements (Flickr, Twitter et al) 9. 动态 Tab 10. 超大搜索框 11. Category visuals 12. 作者头像图标 (这也算?-译者) 13. 图标和视觉引导 14. Tag 索引 (取代 Tag 云) 15. 插图风格 16. 水彩风格 17. 手写风格 18. 怀旧风格 19. 有机纹理或照片背景 20. 证章风格 21. 价格标签风格 22. 条带风格
ocean wu

30+ Professionally Designed & Useful Mac Applications | Web Resources | WebAppers - 0 views

  • FontcaseFontcase是一个优雅的字体管理软件。它综合了所有下一个精简的工作流程简单,原材料的权力。它举办了强大的标签系统,可自动处理您安装的字体。喜欢 iTunes的 音乐是Fontcase是字体!
  • 邮箱邮箱,由Mozilla技术驱动是一个强大的邮件管理与尖端已为新标准的电子邮件客户端软件的功能。它有一个强有力的信息,并自动完成功能,内容搜索。它提供了一个聪明的信息,并简化了邮件的机构,以及追踪他们的内容交换意见。它具有优越的消息处理和组织的功能,以及强大的安全功能。
  • DropzoneAptonic推断的拖放Mac功能,无限的可能性。利用核心动画功能,自适应网格系统,可以培养安装的应用程序都接受拖放。例如,通过删除一个文件到您的FTP客户端图标,FTP客户端将执行操作上载文件。或者,如果您要安装不做秀一个程序,则只需将安装到网格,软件将被安装。它提供了一个特殊的Flickr上传,您可以拖动图像的网格,它会立即上传到Flickr或保存它下降到区域中的文本。是有特殊的复制和移动网格文件功能以及 邮编 和电子邮件功能。由于Dropzone是在Ruby编码,任何人都可以编辑它以满足您的要求。
  • ...21 more annotations...
  • QueriousQuerious是一个SQL数据库管理应用程序在Mac OS X量身订做它提供了一个新的角度来理解和使用您的SQL数据库。功能丰富的查看,搜索,编辑,输入,输出,数据和结构; Querious提供几个点击的SQL工具域。它还提供CSV或标签文件,以便您可以查看speradsheet风格数据库的易用性,同时还支持数据导出多种工具。
  • 这份暗杀名单纠正的暗杀名单,以创新创造落实这项名单的混乱的生活。命中名单易于使用,您的文章,并有大量的热键,如果你想更有效。它有不同的卡一样,能够帮助你集中在一个时间或今天的名单提供了一个为某一天的事情的清单中列出一个工作的意见。它还与iCal同步,因此让你计划在咨询活动。由于计时器功能,您可以让您的活动跟踪Quickentry使得从任何设备和从任何地方名单不容修正。它还提供的AppleScript插件,扩大应用范围。
  • 时报你的新闻,您的方式。时报改造提出了新闻的艺术。 RSS阅读器不同,它表现为电子邮件消息,时代提出的一个地方,作为各种新闻和图片新闻。这使用户不同的和令人振奋的经验,使您的文件真正的个人文件。
  • 领结您的iTunes经验的提高。它允许您控制您的iTunes使用快捷键,并更新您的last.fm帐户。这是制定了一个JavaScript,CSS和XHTML添加了主题到您的领结。新增样式与领结您的iTunes。
  • 专业代码收藏家总之,代码收藏家Pro是你的代码段的钱包。它提供了易于片段组织工具,以及全球搜索键,可以通过与步枪非常有效的片段。它拖动文件到柬允许你创建一个文本文件拖动到其接口片段。它共享和传输功能使本守则收藏家临护照和一个钱包,来帮助你。
  • 科达一个硬编码的软件。科达是软件,可帮助您在从头开始建立一个网站,并协助与已知的传输FTP功能档案的管理。开发的恐慌,这是一个所有开发一站式解决方案。您可以管理文件,编辑代码,预览和调试从终端由科达提供的所有。调试是外包到Subversion,一个流行的调试工具。如果您仍丢失,已包括在程序员的软件服务台参考来指导你。
  • 直板Norml图标的混乱。此外,他们让你的Mac电脑局势一片。可以支配的直板机凭借其创新的图标您的桌面。设计您的Mac图标,以适应你的风格。它的包装,如iContainer,迅速下降,快速码头等它也可以连接为获得新的图标集iconfactory的功能。把你的计算机到您的涂鸦。
  • RapidWeaverRapidWeaver四是最好的工具,集成了所有的 网页 设计 特征。其屡获殊荣的特性提供了简单但最强大的接口,使网站的建立容易。这是斑驳陆离数据库包含任何网站类型的格式,由播客企业网站创建工具。它最大特点是一按出版社已出版的网站被吸入的痛苦了。您可以发布在网站的支持,内置的FTP,SFTP和MobileME部门。
  • 社会名流以前称为事件箱后,苹果软件的实时收购了3页的声誉有所增加。这个强大的软件,结合了来自Flickr,简易信息聚合,Twitter和其他帐户的社会账,在一个界面,您可以使这一次软件更新一次团伙。该社会名流2即将在11月推出!
  • 比林斯3在2009年苹果设计奖得主,符合网站的计费要求,即当您创建一个购物网站。它可以管理好你的钱比你还添加到它的风格。它的实时计费功能,可跟踪的时间和金钱。它可以使用这些数据自动发送发票到客户端谁欠你的钱。它还创建报表,这使得一个完整的会计配套服务,满足您的基本需要。发票的发言和可定制的同步与您的网站。
  • ExpanDriveExpanDrive是最终的USB你是否曾经想过,而不必担心它可能属于你的口袋里了。该ExpanDrive允许您远程访问您的文件,编辑和保存他们到自己。 ExpanDrive适合每程序数据,因此可以节省的任何程序数据。这好比一个硬盘驱动器从硬盘驱动器了。该ExpanDrive是由MACFuse由谷歌,这使得它易于处理任何本机Mac程序开发。它还具有耗电量的连接功能集支持的SFTP,FTP和亚马逊三取景。可笑吧?
  • 西尔弗贝克大猩猩是一个用户的测试软件,对所有适合Mac的软件。它提供了现场屏幕活动的可用性,参加视频采集,音频意见和飞行记录反馈功能的开发与出口。这真使大猩猩软件,均码!流动流是一个简单的FTP客户端的MAC支持,如FTP,SFTP发布,亚马逊三,WebDAV和MobileME部门iDisk的多方面的协议。它还港口,如快看,快看雾滴等一个直观的多种功能允许用户无需打开它得到的雾滴允许甚至没有运行的应用程序上载文件的文件内容。这些接口已流夺取文件传输客户端类的奖项地段upperhand。
  • PixelmatorPixelmator是一个美丽的设计工具,整合了简便和功能,以形成强大的图片编辑器。它提供了多种精确 选择 工具,产品组合的各种工具,绘画工具,所有匹配层basedimplementation。它还具有快速的校正工具和特殊效果的工具,它将打击你的脑袋。版本版本是一个颠覆,功能强大的调试客户前端应用程序。同一引擎为基础,让Subversion版本可用的新手,以及性感的用户。它包含了多种工具,可让您简化您的项目,与其他projectmembers,并提供方便的工具图标,Subversion的同步。其主要功能包括时间表,恢复到修订,固体SSH支持,书签分组和仓库工具。
  • 焦虑焦虑在这里为你做一些事情,减轻了一些麻烦你。重量轻做的列表管理软件,即可以同步iCal和邮件造成了一个精简的,易于访问的界面。这是伪装在任何环境你有你的系统,将出现在您召唤,或在需要时。Skitch阿有趣的图像采集和共享只需点击一下软件。通过媒体寺的支持,这是叽叽喳喳的图像。它使图像共享只需一次点击即可与您的网络谁可以发表评论,标签或分享,从而重新定义图像共享概念股了。这是新时代的相机 互联网.
  • 的CSS编辑CSSEdit帮助所有用户的青睐。它可以帮助您设计美观和创新以及业绩为中心的网站。该CSSEdit能够提供这些功能,由于其对样式表的重点,同时还具有功能,按照你的舒适程度。在选择生成器和先进的可视化编辑器将帮助您了解CSS和取得的惊人的敏捷完成工作。它还包括实时预览和智能源环境,减少时间的帮助。它还包括万能的X射线检查的网页,最好的CSS整个万维网调试套件。咖啡我们都醒来了一杯咖啡,同样的开发人员可以醒来Macrabbit的咖啡这是一个良好酿制的网站开发工具软件的完美结合杯所有。它为您提供了在开发过程中的统一,从而使其成为强大的,华丽而时尚的工具,可以让你上瘾的工作流程跳跃。
  • DeskShade安排桌面是坏的清理你的房间。有了Deskshade,你可以改变,因为它会帮助您清理。 DeskShade添加到您的桌面生活通过除去不需要的图标,提供了多样的调色板,可以恢复您的桌面。此外,它的动态背景,能够活跃您的桌面。其中一个DeskShade特色是DeskMovie,这里您可以玩而不被通知纠缠电影。CleanMyMac这是一个很好的桌面宠物。 CleanMyMac可以去除不需要的桌面文件和数据,只是趴在你的系统有两个左右的点击。 CleanMyMac功能,您可以顺利的系统性能相结合的埋地从你的应用程序不再使用超薄通用二进制代码,清洁不需要的语言,记录旋转,清洁缓存,快速和安全擦除,应用卸载,和杀死垃圾留下了这样的基本特征。总之,这可以帮助您保存的RAM容量和磅吨麦角让您的系统运行速度比它应该。
  • 涂鸦Scibbles可以帮助您将在您的涂鸦艺术涂鸦。这简化了绘图软件,并为每个用户级别的功能特性。它革命性的用户界面的方式否定二十年正常的做法,采取由图像 编辑 软件 并充分利用了新时代系统的力量。它提供了无限的空间,让绘画素描你想要的任何地方和中风的渲染工具把它转换到一个美丽的艺术。它还提供了1点击共享设施,能适应片剂接口。事情事情是又一个简单而强大的任务管理软件与设备的一系列的Mac兼容:iMac电脑,MacBook Air的,iPhone等它为我们提供了这样的项目,搜索,iCal的强大的管理工具的结合提供了简单直观的用户界面同步,iPhone同步,文件徽章,快速查询,聚光灯和巨大的AppleScript列表,可以添加到改变软件到您的特殊需求。诚然,是当之无愧的苹果软件设计奖2009年得主。
  • 续集专业续集Pro是SQL数据库管理软件,为用户提供良好的用户界面。这是定制的Web开发中的作用作出的同伴。它还提供广泛的连接解决方案。这是一个和蔼可亲的支持MySQL的应用程序的意见,充分表管理指数和多卡接口。它集成了一个强大的查询编辑器来突出你的错误,也有自动完成功能。没有后遗症临,因为它与任何形式的SQL数据库兼容的续集。DiscoApp如果你真的想与CD刻录应用到迪斯科,那么你需要一个像迪斯科专业软件。它创建了一个唱片,这是所有被烧毁的文件数据库。它横跨功能可以自动分割文件到多个燃烧会话如果数据不适合在一个光盘。迪斯科是通过每一个有明晰而不是由任何其他软件的领域划定敏锐的步骤,它指导您在与互动grapic用户界面应用程序界面的十字路口。对于高级用户,有电动工具,可以帮助确定多会话的支持和其他先进的功能。在烟雾功能显示进展情况,每一次您激活使用您的麦克风。
  • 美味图书馆2图书馆的美味多汁的2是一个软件,可以导入您的Mac iSight摄影机任何东西。它甚至会变得更加美味多汁的奖项,因为它sweeped一切已经找上门来。它可以导入任何东西的图书馆和分享上,让一个网络摄像头iSight摄像酒吧类似超市的代码在你的照片互联网上。由于其独特的向量处理器的代码重新调整图像,图像反卷积;美味图书馆是唯一的软件,该软件具有这种能力,扫描,只需在您的iSight前大量刷卡。仓库仓库是一个基于网络的应用为Subversion。这是简单的浏览器,让你对你的Subversion储存库控制以及分享您的信任与点击几组了。通过ssh代码没有更多的麻烦,仓库应用为标志点外围的行为,使你不会在代码的复杂性丢失。茶清
  • 茶清2.0让您对您的个人财务的完全控制。您可以输入数据的swish中,更容易理解分裂交易以及跟踪功能的智能采集和国旗交易功能理财。它也可以管理法案和打印报告,使你对你的财务状况慎重。它可以与iCal同步,并提醒您经常性支出以及与iPhone同步及时提醒你。它也有一个风格,它声当你有低结余警告。通知因为我们都使用的是谷歌邮件,但我们大多数人都没有与谷歌对话通知功能是很迟高兴。雅歌,填补这一空白,是由通知这是对谷歌邮件最好的通知应用程序。它有一个优雅的标签式界面,支持多个帐户,可以随时将您的邮件帐户的所有轨道。它也支持咆哮!
ocean wu

7在移动应用程序的设计热门趋势 - 0 views

  • 1。 在“Instagram”效应
  • Instagram 已经证明自己是Tweetie的或2011年上注册。 照片共享应用程序是正确的爆炸了,Instagram是领导用户界面包的功能和条件。
  • 2。 大胆的,小学的色彩和光泽度最小梯度 色彩正在成为一种日益流行的开发方法,使他们的应用程序脱颖而出的竞争中脱颖而出。
  • ...8 more annotations...
  • 我们完全有理由相信看到照片的应用程序以及通过到2011年Instagram的导航结构,饲料浏览显示和即时预览效果。
  • 3。 复古照片取景器 如应用 Hipstamatic 和 8mm的老式相机 [iTunes的链接]是一个很好的例子,过去现代科技如何改造可以。 background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: tra
  • 4。 纹理,纹理,纹理 随着大胆原色的趋势,应用开发商也转向使用他们的应用背景纹理和图案。 木质板是一个非常受欢迎的选择,半透明的菜单项经常看大背景,对这些类型。 应用程序,像一些 杰米的食谱 重叠元素的使用,以及在纹理。 纹理驱动程序设计经常使用的文字和插图各级的透明度。
  • 5。 平整,清洁渐变和阴影的深度
  • 利用阴影,创造出深度知觉可以给这些按钮和界面元素更“触摸”外观和感觉,同时也出现更加突出。 这些影子也可以工作,特别是在应用程序,没有一个简单的列表视图界面。 例如,在 XfinityTV程序 ,左声道栏可以独立移动从主编程部分。 而不是只用一个网格,Xfinity添加阴影,明确划定两个部分。 用户可以立即感觉到,元素是独立的,可以独立控制。
  • 6。 文本驱动的接口
  • 现代移动应用程序不需要依靠文本,但微软已经向我们表明,若使用得当,文本驱动的接口,高度可用和可对眼睛很大。 最好的应用程序,拥抱文本为中心的方法是那些在上下文中使用适当的文字。 文字作品时,最好是大,易于阅读和其他界面元素的束缚。
  • 7。 薄饰线字体 随着移动应用服务发展,开发商转向远离标准的应用程序的字体和利用更多的用户砝码,样式和大小。 像阴影和深度轮廓,在移动应用程序版式设计线索很多来自网络。 薄无衬线字体 - 通常与一些阴影的水平 - 在桌面上越来越多的网页设计共同的地方。 在移动设备上,天拿水型,高解析度的屏幕组合常常使一个更可读的经验。 它也有助于区分应用程序。 薄无衬线字体常常与文本驱动的设计或与设计,利用背景纹理。 background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-size: 100%; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; outline-width: 0px; outline-style: initial; outline-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: baseline; display: inline; background-position: initial initial; background-repeat: initial
ocean wu

ui花园 - 编织可用性与文化: 创新的用户界面 - 0 views

  • 几种有趣的用户界面设计,它们是: • 滑块筛选 (Slider-based Filtering) • 鱼眼菜单 (Fisheye Menus) • 树图 (Treemaps) • 拖放(Drag-and-drop)
  • 滑块筛选 Amazon’s Diamond Search (亚马逊的钻石搜索)的用户界面采用了点击-拖拽的滑块,这样用户可以扩大和缩小搜索的筛选标准。用户通过滑动来变更用户选择的标准时,该页面可以自动的更新搜索结果。 这个界面具有直观和信息丰富的特点,用户可以很容易的在大量信息中搜索所需要的结果:
  • 鱼眼菜单 鱼眼菜单(Fisheye menus )对于帮助用户浏览很长、但有序的列表很有用处。该菜单可以动态的变换菜单条目的尺寸,将鼠标所在区域放大。这样便可以在一个屏幕上显示并操作整个菜单了,而无需传统的按钮、滚动条、或分级浏览结构。
  • ...2 more annotations...
  • 树图 树图(Treemaps)可以将多列数据以方块组的形式展现出来,这些方块还可以加以不同颜色、以不同大小组织起来,从而以图形的方式来揭示数据内在的模式。这种用户界面可以用来表现复杂的数据关系(比如层次关系等)。 在网站Smartmoney website上,便有一个这样的例子。通过这种用户界面,浏览者可以一目了然的看到数百种库存的信息。下面的图例中,库存货物信息根据不同行业被分组,进而按照其市场资本的大小以不同大小的矩形 表示出来。而颜色则用来表示价格的升(绿色)降(红色)。 要了解一个公司的详细情况,则可将鼠标移至该公司所在矩形的上面(下图展现的是通用电气公司的情况)。
  • 拖放 拖放(Drag-and-drop)这种用户界面设计采用了使用者所熟知的移动元素的操控方法(使用者可能有过使用微软视窗应用的经验)。在恐怖小屋的在线商店(Panic Room’s online store)的网页上,要将物品放入购物车中,浏览者可以点击带有加号图标按钮,亦可通过拖放动作来完成。 拖放动作比较简单,先点击你要加入购物车的物品:
ocean wu

如何用正确的方法管理高效率的开发团队 - 0 views

  • 1. 你们的项目组使用源代码管理工具了么?MVM:应该用。VSS、CVS、PVCS、ClearCase、CCC/Harvest、FireFly都可以。我的选择是VSS。 2. 你们的项目组使用缺陷管理系统了么?MVM:应该用。ClearQuest太复杂,我的推荐是BugZilla。 3. 你们的测试组还在用Word写测试用例么?MVM:不要用Word写测试用例(Test Case)。应该用一个专门的系统,可以是Test Manager,也可以是自己开发一个ASP.NET的小网站。主要目的是Track和Browse。 4. 你们的项目组有没有建立一个门户网站?MVM:要有一个门户网站,用来放Contact Info、Baselined Schedule、News等等。推荐Sharepoint Portal Server 2003来实现,15分钟就搞定。买不起SPS 2003可以用WSS (Windows Sharepoint Service)。 5. 你们的项目组用了你能买到最好的工具么?MVM:应该用尽量好的工具来工作。比如,应该用VS.NET而不是Notepad来写C#。用Notepad写程序多半只是一种炫耀。但也要考虑到经费,所以说是“你能买到最好的”。 6. 你们的程序员工作在安静的环境里么?MVM:需要安静环境。这点极端重要,而且要保证每个人的空间大于一定面积。 7. 你们的员工每个人都有一部电话么?MVM:需要每人一部电话。而且电话最好是带留言功能的。当然,上这么一套带留言电话系统开销不小。不过至少每人一部电话要有,千万别搞得经常有人站起来喊:“某某某电话”。《人件》里面就强烈谴责这种做法。 8. 你们每个人都知道出了问题应该找谁么?MVM:应该知道。任何一个Feature至少都应该有一个Owner,当然,Owner可以继续Dispatch给其他人。 9. 你遇到过有人说“我以为…”么?MVM:要消灭“我以为”。Never assume anything。 10. 你们的项目组中所有的人都坐在一起么?MVM:需要。我反对Virtual Team,也反对Dev在美国、Test在中国这种开发方式。能坐在一起就最好坐在一起,好处多得不得了。 11. 你们的进度表是否反映最新开发进展情况? MVM:应该反映。但是,应该用Baseline的方法来管理进度表:维护一份稳定的Schedule,再维护一份最新更改。Baseline的方法也应该用于其它的Spec。Baseline是变更管理里面的一个重要手段。 12. 你们的工作量是先由每个人自己估算的么?MVM:应该让每个人自己估算。要从下而上估算工作量,而不是从上往下分派。除非有其他原因,比如政治任务工期固定等。 13. 你们的开发人员从项目一开始就加班么?MVM:不要这样。不要一开始就搞疲劳战。从项目一开始就加班,只能说明项目进度不合理。当然,一些对日软件外包必须天天加班,那属于剥削的范畴。 14. 你们的项目计划中Buffer Time是加在每个小任务后面的么?MVM:不要。Buffer Time加在每个小任务后面,很容易轻易的就被消耗掉。Buffer Time要整段的加在一个Milestone或者checkpoint前面。 15. 值得再多花一些时间,从95%做到100%好MVM:值得,非常值得。尤其当项目后期人困马乏的时候,要坚持。这会给产品带来质的区别。 16. 登记新缺陷时,是否写清了重现步骤?MVM:要。这属于Dev和Test之间的沟通手段。面对面沟通需要,详细填写Repro Steps也需要。 17. 写新代码前会把已知缺陷解决么?MVM:要。每个人的缺陷不能超过10个或15个,否则必须先解决老的bug才能继续写新代码。 18. 你们对缺陷的轻重缓急有事先的约定么?MVM:必须有定义。Severity要分1、2、3,约定好:蓝屏和Data Lost算Sev 1,Function Error算Sev 2,界面上的算Sev 3。但这种约定可以根据产品质量现状适当进行调整。 19. 你们对意见不一的缺陷有三国会议么?MVM:必须要有。要有一个明确的决策过程。这类似于CCB (Change Control Board)的概念。
  • 20. 所有的缺陷都是由登记的人最后关闭的么?MVM:Bug应该由Opener关闭。Dev不能私自关闭Bug。 21. 你们的程序员厌恶修改老的代码么?MVM:厌恶是正常的。解决方法是组织Code Review,单独留出时间来。XP也是一个方法。 22. 你们项目组有Team Morale Activity么?MVM:每个月都要搞一次,吃饭、唱歌、Outing、打球、开卡丁车等等,一定要有。不要剩这些钱。 23. 你们项目组有自己的Logo么?MVM:要有自己的Logo。至少应该有自己的Codename。 24. 你们的员工有印有公司Logo的T-Shirt么?MVM:要有。能增强归属感。当然,T-Shirt要做的好看一些,最好用80支的棉来做。别没穿几次就破破烂烂的。 25. 总经理至少每月参加次项目组会议MVM:要的。要让team member觉得高层关注这个项目。 26. 你们是给每个Dev开一个分支么?MVM:反对。Branch的管理以及Merge的工作量太大,而且容易出错。 27. 有人长期不Check-In代码么?MVM:不可以。对大部分项目来说,最多两三天就应该Check-In。 28. 在Check-In代码时都填写注释了么?MVM:要写的,至少一两句话,比如“解决了Bug No.225”。如果往高处拔,这也算做“配置审计”的一部分。 29. 有没有设定每天Check-In的最后期限?MVM:要的,要明确Check-In Deadline。否则会Build Break。 30. 你们能把所有源码一下子编译成安装文件吗? MVM:要的。这是每日编译(Daily Build)的基础。而且必须要能够做成自动的。 31. 你们的项目组做每日编译么?MVM:当然要做。有三样东西是软件项目/产品开发必备的:1. bug management; 2. source control; 3. daily build。 32. 你们公司有没有积累一个项目风险列表?MVM:要。Risk Inventory。否则,下个项目开始的时候,又只能拍脑袋分析Risk了。 33. 设计越简单越好MVM:越简单越好。设计时候多一句话,将来可能就带来无穷无尽的烦恼。应该从一开始就勇敢的砍。这叫scope management。 34. 尽量利用现有的产品、技术、代码MVM: 千万别什么东西都自己Coding。BizTalk和Sharepoint 就是最好的例子,有这两个作为基础,可以把起点提高很多。或者可以尽量多用现成的Control之类的。或者尽量用XML,而不是自己去Parse一个文 本文件;尽量用RegExp,而不是自己从头操作字符串,等等等等。这就是“软件复用”的体现。 35. 你们会隔一段时间就停下来夯实代码么?MVM:要。最好一个月左右一次。传言去年年初Windows 组在Stevb的命令下停过一个月增强安全。Btw,“夯”这个字念“hang”,第一声。 36. 你们的项目组每个人都写Daily Report么?MVM:要写。五分钟就够了,写10句话左右,告诉自己小组的人今天我干了什么。一则为了沟通,二则鞭策自己(要是游手好闲一天,自己都会不好意思写的)。 37. 你们的项目经理会发出Weekly Report么?MVM:要。也是为了沟通。内容包括目前进度,可能的风险,质量状况,各种工作的进展等。 38. 你们项目组是否至少每周全体开会一次?MVM:要。一定要开会。程序员讨厌开会,但每个礼拜开会时间加起来至少应该有4小时。包括team meeting, spec review meeting, bug triage meeting。千万别大家闷头写code。 39. 你们项目组的会议、讨论都有记录么?MVM:会前发meeting request和agenda,会中有人负责主持和记录,会后有人负责发meeting minutes,这都是effective meeting的要点。而且,每个会议都要形成agreements和action items。
  • 40. 其他部门知道你们项目组在干什么么?MVM:要发一些Newsflash给整个大组织。Show your team’s value。否则,当你坐在电梯里面,其他部门的人问:“你们在干嘛”,你回答“ABC项目”的时候,别人全然不知,那种感觉不太好。 41. 通过Email进行所有正式沟通MVM:Email的好处是免得抵赖。但也要避免矫枉过正,最好的方法是先用电话和当面说,然后Email来确认。 42. 为项目组建立多个Mailing GroupMVM: 如果在AD+Exchange里面,就建 Distribution List。比如,我会建ABC Project Core Team,ABC Project Dev Team,ABC Project All Testers,ABC Project Extended Team等等。这样发起Email来方便,而且能让该收到email的人都收到、不该收到不被骚扰。 43. 每个人都知道哪里可以找到全部的文档么?MVM:应该每个人都知道。这叫做知识管理(Knowledge Management)。最方便的就是把文档放在一个集中的File Share,更好的方法是用Sharepoint。 44. 你做决定、做变化时,告诉大家原因了么?MVM: 要告诉大家原因。Empower team member的手段之一是提供足够的information,这是MSF一开篇的几个原则之一。的确如此,tell me why是人之常情,tell me why了才能有understanding。中国人做事喜欢搞限制,限制信息,似乎能够看到某一份文件的人就是有身份的人。大错特错。权威、权力,不在于 是不是能access information/data,而在于是不是掌握资源。 45. Stay agile and expect changeMVM:要这样。需求一定会变的,已经写好的代码一定会被要求修改的。做好心理准备,对change不要抗拒,而是expect change。 46. 你们有没有专职的软件测试人员?MVM:要有专职测试。如果人手不够,可以peer test,交换了测试。千万别自己测试自己的。 47. 你们的测试有一份总的计划来规定做什么和怎么做么?MVM:这就是Test Plan。要不要做性能测试?要不要做Usability测试?什么时候开始测试性能?测试通过的标准是什么?用什么手段,自动的还是手动的?这些问题需要用Test Plan来回答。 48. 你是先写Test Case然后再测试的么?MVM:应该如此。应该先设计再编程、先test case再测试。当然,事情是灵活的。我有时候在做第一遍测试的同时补上test case。至于先test case再开发,我不喜欢,因为不习惯,太麻烦,至于别人推荐,那试试看也无妨。 49. 你是否会为各种输入组合创建测试用例?MVM:不要,不要搞边界条件组合。当心组合爆炸。有很多test case工具能够自动生成各种边界条件的组合——但要想清楚,你是否有时间去运行那么多test case。
  • ...3 more annotations...
  • 50. 你们的程序员能看到测试用例么?MVM:要。让Dev看到Test Case吧。我们都是为了同一个目的走到一起来的:提高质量。 51. 你们是否随便抓一些人来做易用性测试?MVM:要这么做。自己看自己写的程序界面,怎么看都是顺眼的。这叫做审美疲劳——臭的看久了也就不臭了,不方便的永久了也就习惯了。 52. 你对自动测试的期望正确么?MVM:别期望太高。依我看,除了性能测试以外,还是暂时先忘掉“自动测试”吧,忘掉WinRunner和LoadRunner吧。对于国内的软件测试的现状来说,只能“矫枉必须过正”了。 53. 你们的性能测试是等所有功能都开发完才做的么?MVM:不能这样。性能测试不能被归到所谓的“系统测试”阶段。早测早改正,早死早升天。 54. 你注意到测试中的杀虫剂效应了么?MVM:虫子有抗药性,Bug也有。发现的新Bug越来越少是正常的。这时候,最好大家交换一下测试的area,或者用用看其他工具和手法,就又会发现一些新bug了。 55. 你们项目组中有人能说出产品的当前整体质量情况么?MVM:要有。当老板问起这个产品目前质量如何,Test Lead/Manager应该负责回答。 56. 你们有单元测试么?MVM:单元测试要有的。不过没有单元测试也不是不可以,我做过没有单元测试的项目,也做成功了——可能是侥幸,可能是大家都是熟手的关系。还是那句话,软件工程是非常实践、非常工程、非常灵活的一套方法,某些方法在某些情况下会比另一些方法好,反之亦然。 57. 你们的程序员是写完代码就扔过墙的么 ?MVM:大忌。写好一块程序以后,即便不做单元测试,也应该自己先跑一跑。虽然有了专门的测试人员,做开发的人也不可以一点测试都不做。微软还有Test Release Document的说法,程序太烂的话,测试有权踢回去。 58. 你们的程序中所有的函数都有输入检查么?MVM:不要。虽然说做输入检查是write secure code的要点,但不要做太多的输入检查,有些内部函数之间的参数传递就不必检查输入了,省点功夫。同样的道理,未必要给所有的函数都写注释。写一部分主要的就够了。 59. 产品有统一的错误处理机制和报错界面么?MVM: 要有。最好能有统一的error message,然后每个error message都带一个error number。这样,用户可以自己根据error number到user manual里面去看看错误的具体描述和可能原因,就像SQL Server的错误那样。同样,ASP.NET也要有统一的Exception处理。可以参考有关的Application Block。 60. 你们有统一的代码书写规范么?MVM:要有。Code Convention很多,搞一份来发给大家就可以了。当然,要是有FxCop这种工具来检查代码就更好了。 61. 你们的每个人都了解项目的商业意义么?MVM: 要。这是Vision的意思。别把项目只当成工作。有时候要想着自己是在为中国某某行业的信息化作先驱者,或者时不时的告诉team member,这个项目能够为某某某国家部门每年节省多少多少百万的纳税人的钱,这样就有动力了。平凡的事情也是可以有个崇高的目标的。 62. 产品各部分的界面和操作习惯一致么?MVM:要这样。要让用户觉得整个程序好像是一个人写出来的那样。 63. 有可以作为宣传亮点的Cool Feature么?MVM:要。这是增强团队凝聚力、信心的。而且,“一俊遮百丑”,有亮点就可以掩盖一些问题。这样,对于客户来说,会感觉产品从质量角度来说还是acceptable的。或者说,cool feature或者说亮点可以作为质量问题的一个事后弥补措施。 64. 尽可能缩短产品的启动时间MVM:要这样。软件启动时间(Start-Up time)是客户对性能好坏的第一印象。
  • 65. 不要过于注重内在品质而忽视了第一眼的外在印象MVM:程序员容易犯这个错误:太看重性能、稳定性、存储效率,但忽视了外在感受。而高层经理、客户正相反。这两方面要兼顾,协调这些是PM的工作。 66. 你们根据详细产品功能说明书做开发么?MVM:要这样。要有设计才能开发,这是必须的。设计文档,应该说清楚这个产品会怎么运行,应该采取一些讲故事的方法。设计的时候千万别钻细节,别钻到数据库、代码等具体实现里面去,那些是后面的事情,一步步来不能着急。 67. 开始开发和测试之前每个人都仔细审阅功能设计么?MVM:要做。Function Spec review是用来统一思想的。而且,review过以后形成了一致意见,将来再也没有人可以说“你看,当初我就是反对这么设计的,现在吃苦头了吧” 68. 所有人都始终想着The Whole Image么?MVM:要这样。项目里面每个人虽然都只是在制造一片叶子,但每个人都应该知道自己在制造的那片叶子所在的树是怎么样子的。我反对软件蓝领,反对过分的把软件制造看成流水线、车间。参见第61条。 69. Dev工作的划分是单纯纵向或横向的么?MVM:不能单纯的根据功能模块分,或者单纯根据表现层、中间层、数据库层分。我推荐这么做:首先根据功能模块分,然后每个“层”都有一个Owner来Review所有人的设计和代码,保证consistency。 70. 你们的程序员写程序设计说明文档么?MVM:要。不过我听说微软的程序员1999年以前也不写。所以说,写不写也不是绝对的,偷懒有时候也是可以的。参见第56条。 71. 你在招人面试时让他写一段程序么?MVM:要的。我最喜欢让人做字符串和链表一类的题目。这种题目有很多循环、判断、指针、递归等,既不偏向过于考算法,也不偏向过于考特定的API。 72. 你们有没有技术交流讲座?MVM:要的。每一两个礼拜搞一次内部的Tech Talk或者Chalk Talk吧。让组员之间分享技术心得,这笔花钱送到外面去培训划算。 73. 你们的程序员都能专注于一件事情么?MVM: 要让程序员专注一件事。例如说,一个部门有两个项目和10个人,一种方法是让10个人同时参加两个项目,每个项目上每个人都花50%时间;另一种方法是5 个人去项目A,5个人去项目B,每个人都100%在某一个项目上。我一定选后面一种。这个道理很多人都懂,但很多领导实践起来就把属下当成可以任意拆分的 资源了。
  • 74. 你们的程序员会夸大完成某项工作所需要的时间么?MVM:会的,这是常见的,尤其会在项目后期夸大做某个change所需要的时间,以次来抵制change。解决的方法是坐下来慢慢磨,磨掉程序员的逆反心理,一起分析,并把估算时间的颗粒度变小。 75. 尽量不要用Virtual HeadsMVM: 最好不要用Virtual Heads。Virtual heads意味着resource is not secure,shared resource会降低resource的工作效率,容易增加出错的机会,会让一心二用的人没有太多时间去review spec、review design。一个dedicated的人,要强过两个只能投入50%时间和精力的人。我是吃过亏的:7个part time的tester,发现的Bug和干的活,加起来还不如两个full-time的。参见第73条。73条是针对程序员的,75条是针对 Resource Manager的。
ocean wu

Principles Of Effective Search In E-Commerce Design - Smashing Magazine - 0 views

  • 良好的设计高级搜索有几个好处,可不仅仅是一个笨拙的,复杂的工具。首先,有效的搜索可以加速销售过程。销售可以更快 增加转换,因为你不会失去客户谁放弃试图寻找的产品。此外,快速,准确,成功的搜索增加您的客户的信任。在本文中,我们会检讨如何建立一个接口,为用户提供 权力的高级搜索 同时保持 清晰的简单的搜索.还要考虑我们以前的文章:设计搜索结果:最佳实践和设计模式设计神圣搜索框:实例和最佳做法15个常见错误的电子商务设计
  • 1。拆除壁垒虽然几乎每一个电子商务网站拥有先进的搜索,旅客不使用它。首先,人们只使用的工具,他们看到的。高级搜索通常是很难被检测到。这个链接通常是太小和丑陋,所以华而不实简单的搜索按钮附近制伏它。因此,即使用户倾向于执行高级搜索,他们没有这样做的动机。这个词本身是可怕的:“先进的。”这意味着我们将要遇到的事情复杂化。很多时候,我们做的。但即使我们看到先进的搜索链接,并没有因为它吓倒,我们不使用它,因为我们 看不到好处。谁做的少数使用它看到,一旦他们执行搜索,所有的“先进性”都将丢失。因此,要帮助我们的用户利用先进的搜索能力,我们必须解决的可用性问题,实施新办法,改进我们的搜索术语。2。方法有几种方法,提高检索。对先进典型的做法是搜索 参数搜索。用户设置参数的使用文本框,经营者和下拉菜单。何时 可用性大师告诉你不使用高级搜索,它们通常指的是这种类型。它通常有一个复杂的接口,但可以是非常简单而有效的,只要最重要的字段显示,你坚持形式设计的基本准则。Momondo 优雅,有效地坚持最重要的投入领域,使参数搜索用户友好。Trulia的's参数搜索是较为复杂,但通过输入提示周到的支持和提示。选项更是隐藏在“更多搜索选项”高级用户的联系。一个好办法,避免畏惧的人,是变相的参数搜索的复杂性。只显示片段接口的使用 响应披露/使反应模式。当用户设置一个参数,他们沿着,然后下一个过滤器显示。该解决方案可以用来指导新用户,但它可以刺激孔和高级用户。论 MyBankTracker,用户必须选择“是”的“比较的”什么是您目前的APY?“的问题,显示您的银行APY”选项。分层搜索 电子商务正在成为事实上的标准电子商务网站。用户执行一个简单的搜索第一,但在结果页上,然后,他们可以通过缩小钻链接(单一选择)或1(对于多个不重叠的选择)复选框选择搜索。这可以高于进步披露/有利的模式,易于使用普通高级搜索。 亚马逊 采取了类似但略有修改的方法:当用户开始搜索时,他们可以像一些缩小设置过滤器“,只有书”在一开始。过滤 亚马逊.过滤的搜索 加+ 是一个比较复杂,但仍然容易使用。又是支持输入提示和提示。
  • ...3 more annotations...
  • 结论相反,人们普遍认为,高级搜索是不是老伐木过去的怪物。如果考虑到实用性和关键结构和概念所作出的修改,它可以是一个有效的工具 增加转换 并帮助用户访问更多的产品。当然,不是每一个电子商务网站需要先进的搜索。您可能太少产品或你的产品可能是独特的,难以区分。高级或分层搜索,较有利于当你有各种各样的产品。
  • 更多资源有益的,好的搜索界面的例子推进高级搜索彼得莫维尔搜索模式3快速设计模式的更好的分层搜索10规则的分层搜索的旅游网站最佳实践设计分层搜索过滤器过滤排序:提高产品findability电子商务面导航搜索和高级搜索用户体验需求高级搜索:是的名称问题?
ocean wu

Designing Websites for Kids: Trends and Best Practices - Smashing Magazine - 0 views

  • 您希望如何设计一个漂亮的,五颜六色,刺激的网站,很迷人,令人难忘,并允许您让您的创造性思维流,而无需担心传统的可用性和最佳做法太多了?在今天的网页设计市场,这是罕见的,这样一个项目将提出本身-除非你被要求设计一个适合儿童的网站!为儿童设计的网站上长期被忽视的文章的网页设计和设计综述,但也有许多美丽和有趣的设计元素和儿童的网站,是值得讨论和分析,提出了布局。还有 最佳做法是独有的网络儿童设计的网站数量 -应该通常不会在一个典型的网站试图做法。这篇文章将展示一个数字的针对儿童的流行的商业网站,有一个趋势,元素分析,用来帮助保持儿童的兴趣,刺激技术。
  • 可用性测试最后,最好的方法来帮助孩子建立一个成功的在线经验之一就是通过观看儿童浏览和与网站互动的游戏和其他独特的功能。并不是所有的公司将具有广泛的测试预算,但几乎所有有能力这样做至少有小量的测试- 即使它只有一个孩子。这将允许您查看通过一个孩子的眼睛的网站进行必要的修改,相同会在任何可用性测试工作。像迪斯尼,芝麻街公司,和PBS当然,一直在研究多年的儿童行为,所以上述例子展示了许多可以利用的形式作为成功的儿童网站的基础上,即使没有可用性测试完成。
  • 常规和非常规的最佳设计一个孩子网站的做法总结。传统的最佳实践创建元素,视觉上令人难忘的大使用明亮,鲜艳的颜色刺激感官从自然因素纳入在设计中创建深入地址是导航元素大,很容易找到使用视频包括打印内容打破网格可用性测试的基础上进行修改非常规最佳实践创造幸福,令人疑惑使用动画人物使用图形重型导航栏使用Flash动画十分嵌入议案和声音触发负载页包括一个“游戏”一节更改光标作出贡献的主题添加声音导航翻车事故负责对儿童和家长一个网络设计师,谁已就儿童的网站工作很可能会说,这是一个最有趣的和有趣的项目,他们已经有工作的特权。如果你有机会创建一个用户体验,是针对儿童,一定要按照有关的网站都展示了一些行之有效的方法,在这里讨论,你的网站将有很好的机会成为一个有孩子的巨大成功。
ocean wu

界面内容优化的层次 - 0 views

shared by ocean wu on 07 Nov 07 - Cached
  • 1,界面上的文字应该做到:清楚而准确的向用户传达信息。其实这是内容优化的最基本要求,本应该是所有产品都可以做到的。但往往是越熟练的人越容易在这里出现问题。常见表现:过份的向非专业用户展示专业词汇、信息提示本身误导了用户。 比如,某视频网站突然蹦出来一个“bps超出,链接失败。”(查了资料我才明白bps大概是每秒链接数的意思)比如,有些网站用户没有注册也去登录的时候反馈提示为“密码错误”。其实直接提示没有此用户,然后给个链接“注册此用户”,你会发现转化率相当高,注册量有了用户也方便了。
  • 3,整个产品不同位置的文字应该统一。大家都讲普通话,不能一会中国话一会外国文。这是一个最简单的问题,却是大部分网站都未能避免的问题。(特别是在中文网站,大概是因为中文说法太多了)比如,作一个IM软件,一开始是“添加好友”,接下来“联系人列表”,然后又是“不在线的朋友”;一开始是“注册用户名”、然后是“登录ID”、还有“您的账户”、“管理帐号”、
  • 2,界面上的文字应该便于用户阅读并快速理解其含义。最常见的问题表现是:语言过于罗嗦、信息排列混乱。 比如,某门户网站在注册blog的时,“您的登录名”旁边这么写辅助说明:“4-16个字符(包括4、16),英文小写、汉字、数字、下划线,不支持空格,不支持全角英文,不支持纯数字,不能使用下划线开头和结尾。”。(大致推算了一下,一个IQ小于200的普通用户如果认真读完并完整理解这句话的意思需要近1分钟时间)比如,另一门户的blog和他旗下的校友录网站,东边一个下划线、西边一个icon加文字、南边一个按钮加文字、北边一个红色、中间还有一个红色加粗。我进去之后真不知道什么地方可以点什么地方不可以点,什么地方能点什么地方不能点…再比如,某电子邮件服务在注册的时候这样排列:“用户名:___、密码:___、密码强度:[][][]、重复密码:___”。吓的我还以为可以自定义密码强度。。。
  • ...4 more annotations...
  • 5,文字的视觉设计应该完整的融入整个产品视觉中。很多视觉设计师喜欢把文字融入到界面的造型中去,得到非常棒的视觉效果,这个很值得学习。从最基础来说,我们的文字在界面上和图形一样应该有主次有深浅,关于这个部分潇潇同学已经有了很好的表述,我只补充一个例子: 图片网站本身应该表现的是“图”,文字只是其辅助信息。flickr在个人首页里每个图片下面都有四行的文字,但我从未感觉到他碍眼或者多余,因为flickr用的是很柔和的粉红和几乎可以让我第一视觉点忽视掉的灰色;而yupoo在个人首页里每个图片下面只有三行文字,可每一个我都觉得他们扎眼,因为yupoo用了重灰色粗体、绿色粗体、重灰色、绿色四种表现方式,而且字体都还不一样。
  • 6,尽量让文字自身可以起到“推销”产品的作用,而且”推销”的不只是产品气质。文字其实可以像图形设计一样在情感上给用户以触动,从而积极的达到对于产品的“推销”。比如,很多人已经把“注册”改成了“立即注册”、“马上注册”;比如,baidu.com的“更多”页面最上面以前是“推荐使用”后来改成了“试试看”,虽然只是少了一个字,但给用户的感受和尝试欲望马上就很不一样;比如,某电子商务网站会在注册要完成那里说:“太好了,你还需一步就能成为我们的注册会员”比如,… .
  • 4,界面上的文字应该具备该产品需要传达给用户的气质。 这里往往遇到的是怎么做的问题:怎么确定产品要表达什么样的气质?怎么确定什么样的语言风格才算是表达了这样的气质?在稍微大型的企业我们一般有很多种方法可以做到,比如找很多用户让他们说出他们需要的、比如通过情绪板、比如通过颜色分析等等。但在创业公司我一般建议大家实用一点:1>N个很了解产品定位的人坐到一起,每人一个贴纸写下来一个你认为可以描述该产品的句子或者事物;2>把所有人的描述拿出来大家讨论,把每一个用二维分析的方式摆出来,最终得到一个大家都认可的结果就是这个产品应该表达的气质;3>每人N个贴纸,根据刚才得到的结果,结合自己产品的环境写下来你认为要表达这种气质需要什么样风格的语言;4>用第2点中同样的方法得到一个统一的结果,(比如:严肃、简练、..)5>安排一个专门的人写一份简单的指南,描述这个结果具体执行时一些需要注意的常见问题和原则。(比如:既定事实不再重复、不用反问语句提问用户、即时说明文字不得超过20字、…)
  • 交互设计
ocean wu

越减越妙:简单表格的再设计 - JunChen - 0 views

  • 设计小结: 如果用户是想一览所有的数据,那么 Luke 的设计较好,视线垂直移动且范围集中; 如果用户是想查看某个确定的值,那么 Deva Prasad 的设计较好,突出重点; 如果所有数据没有权重,那么增大字号或者改变颜色会增加干扰; 原则:根据具体情况,通过降低干扰和视线移动的距离来减少用户的视觉疲劳。
  • ...1 more annotation...
ocean wu

10 Useful Usability Findings and Guidelines - Smashing Magazine - 0 views

  • 可用性是一个网页设计的一个重要方面。无论你是工作在一个投资组合的网站,网上商店或Web应用程序使网页便于和您的访客使用乐趣,是关键。许多研究已经做了关于网络和接口设计的各个方面这些年来,其结果是在帮助我们改进我们的工作很有帮助。这里有 10有用的可用性和准则的调查结果 可以帮助您改善在您的网站的用户体验。
  • 研究已进行了以找出正是影响人们对网站的公信力的看法:史丹福Makovsy网站可信度研究2002年:调查什么做网站可信的今天什么原因导致Web站点可信吗?是大型的定量研究报告计算机要件诚信
  • 最近的研究证明,用户相当滚动,在某些情况下,他们愿意滚动到页面底部的舒适。许多用户都更愿意与比1分页滚动,和页面的最重要的信息,许多用户并不一定是放置倍以上“,”(这是因为现有的各种显示分辨率相当陈旧,过时术语)。因此,它是一个好主意,分为扫描,方便的分隔它们很多空白,部分布局。如需进一步信息,请看一看看的文章 展开的折叠 (Clicktale), 寻呼队滚动 (威奇托大学-氓), 爆破的褶皱神话 (框和箭头)。
  • ...6 more annotations...
  • 研究发现, 平均搜索框18字符宽。数据显示,27%的查询太长,以适应它。 扩展到27个字符框可容纳90%的查询。请记住,您可以设置宽度使用EMS,不只是像素点。一时间是宽度和一个“米”字高(使用任何一个网站的字体大小设置为)。因此,使用这种措施的规模文本输入字段宽度为27字符宽。
  • 版式研究:行高(像素)÷体复制的字体大小(像素)= 1.48 1.5通常建议经典印刷书籍,所以我们的研究印证了这样的经验法则。很少有网站使用任何低于这一标准。而网站的数量减少到了1.48,你从这个值进一步。线路长度(像素)÷行高(像素)= 27.8 平均线长度为538.64像素(不包括利润和填充),这是相当大的考虑,很多网站仍然在身体副本是12至13日在字体大小像素。之间的空间段(像素)÷行高(像素)= 0.754 原来,段间距(即两者之间的一个段落的最后一行,并在第一行的空间下),很少等于领导(这将是完美的垂直节奏的主要特征)。很多时候,段落间距只有75%,领先段。原因可能是,领导通常包括由下伸了空间,而且由于大多数字符没有下伸,额外的空格线下创建。每行的字符数是55最优至75 根据经典的印刷书籍,每行的字符之间的最佳人数是55和75,但75至85每行的字符在实践中更受欢迎。
  • 博客设计研究:布局通常有一个固定的宽度(基于像素)(92%),通常为中心(94%)。固定布局宽度不等的951和1000像素(56%)。首页显示10到20个(62%)的摘录。58一个网站的总体布局%用于显示的主要内容。
  • Web窗体设计研究:登记环节的题目是“注册”(40%),并在右上角上。注册后便形式简单的布局,以避免分散注意力的用户(61%)。在输入字段,标题是粗体(62%),田间地头,是垂直排列超过他们的水平排列(86%)。设计师往往包括一些强制性的领域和一些可选字段。电子邮件确认没有获得(82%),但密码确认(72%)。“提交”按钮为左对齐(56%)或中心(26%)。
  • 组合设计研究:89%的水平布局集中,其中大部分有一个较大的水平导航菜单。47.2%的投资组合有一个客户端页面,67.2%,有一些独立的网页服务的形式。63.6%的人对每个项目的详细页,包括案例研究,鉴定,与截图,汇票和草图幻灯片。联系页面包含行车路线,电话号码,电子邮件地址,邮寄地址,电子名片和在线的形式,
  • 其他资源15宝贵的可用性你从来没有听说过PDF文件15个重要研究结果你应该知道10其他研究结果你应该知道良好的可用性介绍11惊人的发现从眼动研究25个非常有用的可用性作弊表和清单10可用性调查结果提高销售和客户忠诚度Web窗体设计准则:1眼跟踪研究
ocean wu

CSS 设计中的黄金分割率应用 - 0 views

  • 希腊Web 设计师Christos Chiotis 发表在 CssGlobe 的一篇文章,讲述了黄金分割率在 CSS 中的应用。黄金分割率是一个应用广泛的数学常数,大约为 1.6180339887。黄金分割率用在 Web 设计中,可以为设计带来更多视觉上的和谐。在一个简单的两栏式页面布局中,使用两个容器,第一个容器用来显示主要内容,第二个容器显示侧条。比如,页面宽度为 960 px,使用黄金分割率,主内容容器的宽度应该为 960 / 1.62 = 593 px,而侧条的宽度为 960-593=367 px。
  • 在 Web 排版与布局中可以使用以下基本 CSS 设置line-height = font-size * 1.62paragraph margin = paragraph line-height * 1.62 / 2header’s margin-top = headers line-height * 1.62
  • ...3 more annotations...
  • 对中文而言,至少 font-size 和 line-height 之间使用黄金分割率是不适合的,假如中文字体使用 12px 的话,最佳行高是 22px,如果字体使用 14px 的话,行高应该使用 24px 。另一个例子,在表单中,输入框的宽度应该是标签文字的宽度乘以 1.62。而对于显示在 Web 上矩形来说,它的宽度应该是高度乘以 1.62。
  • Web 设计师同时需要很好的计算能力,至少要在旁边放一台计算器,为了节省时间,作者建议在设计中随时记住一个 62/38 原则,在任何需要分割的地方,都使用 62% 和 38% 作比例。对于需要分割成三份的场合,可以先按 62%,38%原则分成两份,再将那份大的按 62% 和 38% 的比例分割
  •  
    对中文而言,至少 font-size 和 line-height 之间使用黄金分割率是不适合的,假如中文字体使用 12px 的话,最佳行高是 22px,如果字体使用 14px 的话,行高应该使用 24px 。 另一个例子,在表单中,输入框的宽度应该是标签文字的宽度乘以 1.62。而对于显示在 Web 上矩形来说,它的宽度应该是高度乘以 1.62。
1 - 20 of 43 Next › Last »
Showing 20 items per page