当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 网站产品交互设计要素

心得技巧
IE8 Beta 1两个地方需要大家注意
提高网站性能中内容有关的10条原则
网页设计者应该从三个方面优化网页
Web 设计 实现干净代码的12条定律[图文]
网页设计必备工具 firefox Web Developer插件 CSS工具组教程
UCenter Home 站点添加统计代码
9款很棒的网页绘制图表JavaScript框架脚本
提高网站可用性的10个小技巧
网站维护页面的列表制作技巧
B2C 网站用户体验细节设计参考
收集12个实用的网页在线工具
设计参考 漂亮和原创的博客设计
收集25个知名网站标志中使用的字体
极尽简约的网站设计实例
个性化创意鲜明的网站设计实例(30个)
水平滚动的网站设计 小结
更受欢迎 更具创造性的深底色网页设计实例
有创意的关于我们网页页面设计
整洁漂亮的网页设计的4项原则
设计参考 WordPress建站成功案例

心得技巧 中的 网站产品交互设计要素


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 149 ::
收藏到网摘: n/a

很多时候,往往以为自己理解了概念,却只有等再理解下个概念之后,才明白以前认识还不够。我们都是在某个点出发,逐渐放大试图了解全局,然后才可能正确认识自己的位置,并找到适合自己的突破口。

长久被专业名词困扰和误导,我知道它们肯定是一体的,但如何分类、组织、建立联系,让整个框架立体化,合理解释似乎并不是那么容易。基于自己现阶段知识结构,以及同行们反馈的各种观点,重点介绍新突破。

  1. 行业,在何种业务内做事?
  2. 指导理念,在哪些原则下做事?
  3. 工作方式和流程,一个人怎么做事?
  4. 团队协作,一群人怎么做事?

组织理念并分层

思想信仰——以用户为中心的设计
实现目标——良好用户体验
具体指标——可访问性、兼容性、可用性、标准化、搜索引擎友好

接受来自 IBM的概念定义 启发,依次分为思想、目标、指标三大逻辑层面。关键在于指标问题上,我认为web-based产品因为客户端多样性原因,远不止可用性这一项,经过补充排序结果如下:可访问性、兼容性、可用性、标准化、搜索引擎友好。

可以看到可访问性、兼容性、标准化、搜索引擎友好都是web-based产品独有的,这也是做web比做soft麻烦的根本原因。相对来说,我处理可访问性、兼容性、标准化、搜索引擎友好,比可用性更得心应手,这与我的背景、经验和兴趣有关。因此我不会去做soft-based的事情,并且完全有理由相信,可用性不是最重要的指标。

理念只是贯穿全局的方针原则,并不具有实操的指导意义。虽然理念都有独立中心思想,但操作层面有交集,所以容易引起各种争论。在做事角度,任何理念角度深入下去,都可能不同程度见到效果。但要把事情做到极致,需要平衡各项指标。

组织流程和方法

概念阶段——网站目标、用户需求、功能规格、内容说明
设计阶段——信息架构、交互设计、界面设计、导航设计、信息设计、视觉设计
制作阶段——原型制作、前端编程

曾在 纵深协作方式 中提出扁平结构协作初步设想,减少沟通环节避免理解缺失,用灵活性来适应互联网的快速产出和快速迭代,整个流程就分概念、设计、制作三大阶段。《用户体验的要素》所提的战略、范围、结构、框架、表现五层对理解帮助很大,但不适合走操作流程。

同时,书中观点对应提出来的各专业方法,我认为还缺少对web-based原型工作的支持,因此容易造成与开发之间的断层。这部分俗称“前端开发”工作一直都处在前后不搭的尴尬地位,补充两个关键点,第一属于产品设计范畴,第二还有原型制作、前端编程两个层级。

组织角色和交付物

产品经理——蓝图
产品设计师——文档
产品工程师——原型

曾在 模拟高效团队 中提出标配三人团队的初步设想,也是Google的行事作风。

交付物部分值得商榷,按照《Communicating Design》的总结有需求、设计、策略三类,但我认为有两大问题,第一把所有产出都叫documents欠妥,第二缺少对web-based产出的指导。按属性分为蓝图、文档、原型三类比较恰当,把蓝图从文档中独立出来,原型则是必要补充。

去年曾提出过 使用页面线框图 提速设计流程,也不止一次公开分享其成果,核心指导思想是提高灵活和可控性,用web的方式做web-based产品设计。最近更有Prototyping with XHTML 作者称之为“一个伟大的方式从xhtml原型开始。”

a great way to embark on that journey is to start prototyping with XHTML.

关联理念、流程和交付物

思想信仰——概念阶段——蓝图
实现目标——设计阶段——文档
具体指标——制作阶段——原型

理念都是前人花时间花精力总结出来的、带有哲学观点的清晰表达,是做知识传承的重要参考。肯定都是虚的,实际的东西没资格叫理念。理念只可能“引导”做事,而无法指导,易学难懂也最无趣。但为避免混淆,和更有针对性的解决问题,还得努力搞清楚。

典型如标准化,针对前端开发提出了一系列颠覆性思路,但目前互联网还是个市场占有率确定标准的时代。从操作层面看,四年前我认为 太过理想化 ,现在依然保持此观点。

各层级概念应该对应到做事流程,并有阶段性的产出。在结合流程、交付物后,从这条纵向线索中很容易看清“以用户为中心的设计、用户体验、可用性”之间的区别。同理,迭代也应尽量保证在各阶段内完成。上线后的产品,再去试图更改概念阶段的游戏规则,基本等于推倒重来。

关联交付物、角色和方法

蓝图——产品经理——网站目标、用户需求、功能规格、内容说明
文档——产品设计师——信息架构、交互设计、界面设计、导航设计、信息设计、视觉设计
原型——产品工程师——原型制作、前端编程

曾在 用户体验的误解 中提出角色对应方法初步设想,我非常不赞同专业“用户体验团队”的协作方式,难道产品经理们做事不考虑用户体验么?还是说把用户体验先留着,等某些人来做?显然不可能,因为方法一旦脱离具体业务就成了学术论证,方法不可能创造结果,只可能加速完成。

根据专业方法制定角色,或走设计流程,我觉得都不可取。做互联网设计,应该学会身兼数职。况且所谓的专业方法其实就那么点东西,上手很简单,现在全球知识共享又几乎没门槛,学会做事太容易了。在人才培养角度,懂方法再熟练业务的难度,肯定要超过懂业务再学方法。

最好的Producer,有人可以带领大家做的更好,没人自己也能抗下来。

——————————

Ver1.2 具体指标新增用户友好、开发者友好,并统一页面指标的语法。
Ver1.1 为更细致体现专业性,对专业方法做出调整,继承《用户体验的要素》所做总结。
Ver1.0 图右上增加了目标导向说明文字。