提取11对战平台改键工具
[问题点数：20分，结帖人stillhere163]
提取11对战平台改键工具
[问题点数：20分，结帖人stillhere163]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
匿名用户不能发表回复！|网易对战平台如此冷清的原因是什么，它该如何发展起来？ - 知乎8被浏览<strong class="NumberBoard-itemValue" title="分享邀请回答23 条评论分享收藏感谢收起13 条评论分享收藏感谢收起为什么亚马逊中国的界面那么丑？ - 知乎812被浏览<strong class="NumberBoard-itemValue" title="9,059分享邀请回答554 条评论分享收藏感谢收起32738 条评论分享收藏感谢收起11对战平台UI为什么会这么丑，软件还做的如此之差？ - 知乎4被浏览<strong class="NumberBoard-itemValue" title="分享邀请回答0添加评论分享收藏感谢收起0添加评论分享收藏感谢收起写回答革命性的UI - 《UI的革命》文字版
我的图书馆
革命性的UI - 《UI的革命》文字版
革命性的UI - 《UI的革命》文字版
演讲者：UIPower创始人、勇进软件CEO阙海忠
=========================================================================
《UI的革命》第一部：《UI的思想、方法、工具》，共分三讲：
第一讲：《UI决定了软件的成败》视频地址：
第二讲：《传统的UI开发》视频地址：
第三讲：《革命性的UI开发》视频地址：
=========================================================================
小编的话：时间一晃已经到了2013年的元旦，距过去的2011年10月份UIPower启动的《UI的革命》全国巡回演讲已经过去了1年多的时间。在这1年多的时间里，每天都能接到很多有关与演讲相关的电话和邮件。为了方便广大网友在不打开视频的情况下也可以了解演讲的内容，本站小编认真聆听并整理了演讲的内容形成了完整的演讲稿。现在将这些稿件发到本站的新闻栏目里面来，以供查阅。
一、开场白
1，问候：大家好！
2，内容纲要：今天很高兴能和大家一起探讨UI的革命– 思想、方法和工具。具体按以下三个部分讲解：1.UI的重要性,2.传统的UI开发存在的问题3.革命性UI开发的优势
好，接下来让我开始讲第一部分：UI的重要性。
二、UI决定了软件的成败
&&&&&&&& 1）重要的事情：对于企业来说，什么才是重要的事情？凡事在很大程度上决定企业经济效益的事情都是重要的事情，否则企业不以效益为导向来确定事情的轻重缓急就不太符合企业天生的使命，企业存在的目的就是在为社会创造价值的同时赚取利润。
2）利润公式：我们看这条公式：利润= 销售收入– 开发与运营成本。要提升我们的利润首先我们得提升我们的销售收入，而且我们希望能几倍、几十倍的提升。
3）一般提升销售收入的途径：那么我们如何做到呢？大家一定会想到通过增加销售渠道、树立品牌、采用各种推广的手段来加大产品的知名度。以上这些手段，我想在座的各位领导一定经常在做。我想问一下各位，效果如何？销售收入成倍增加了吗？
4）产品研发的投入更容易提升销售收入：
a) 注重产品本身的投入：为什么效果不明显呢？对于用户来说，他想购买的是您公司的软件本身，给用户提供服务的是软件的功能。大家在公司企业网站，公司门面上的投入固然会增加用户对您企业的好感，但绝对没有您对产品本身进行的投入效果来的明显。
b) 调查举例：有个企业管理组织曾经做过一项调查，用户对产品的关注程度与对企业其他部分的关注程度的比例分别在86.7% 和13.3%
c) 结论：由此我们可以看出，作为企业更应该注重对产品研发的投入。
5）产品的高价值必须通过用户体验来体现：
a) 让用户对产品产生兴趣：而如果我们软件的功能无法以一种最直接最友好的方式向用户呈现的话，用户就没有办法在最短的时间内对您的软件产生兴趣。
b) 举例说明：经常遇到一些找到我们的客户说，他们的软件需要看帮助文档才能知道如何使用，而用户一般都没有耐心看完帮助文档，所以导致用户的大量流失。强大的功能只有在以一种最合适的方式呈现出来后才可能被用户接受并认可。切忌用户小看了你的软件产品，小看了你的软件也就是低估了你的软件产品的价值。
c) 用户体验坐标图：我们看一下这个图（用户体验坐标图），纵坐标是易用性、横坐标是友好性，大家很容易发现对于同一款软件来说，易用性和友好性越是好,用户量就越高。
d)UI与软件收益成正相关的关系：我们知道易用性可以通过UI的交互设计来得到改善与提升，而友好性可以通过UI的视觉设计来获得变革。所以UI与软件用户量成正相关的关系，而我们又知道软件用户量与软件收益是成正相关的关系，所以我们得到如下一个结论：UI与软件收益成正相关的关系，
6）UI决定了软件的成败：所以UI在很大程度上决定了软件的收益，所以UI决定了软件的成败！
7）举例浩方对战平台曾总:
现在举一个我的亲身经历，记得那是一个2003年的7月，当时我还在一家公司上班，第一个作品Skin++通过1年多的业余时间开发出来后请了朋友帮忙做了个比较简单的网站免费发布，曾总找到了我：在短短的一个月后，浩方的创始人曾总找到我，他让我对浩方对战平台进行一次全面的UI改造。时间要求非常紧，需要在2周内完成。当时我的第一反应是2周完成是一项比较艰巨的任务。我有点为难又略带好奇地问他：“曾总，为何不延迟到下个版本发布？或者，为何不提前2个月准备UI的开发？”曾总说：“关于UI，他们内部之前一直不太重视，包括他自己。最近2个月，对战平台由最高峰的200万用户量直线下降到80万用户量，他们对软件连续做了20多天的跟踪调查，在软件的后台服务器、前端程序的稳定性方面都没有发现什么死机、崩溃和其他出错的问题。而且整个系统的响应速度都非常的快，达到了业内最好的水平。经过逐个的排查，最终发现，问题出在最近几个升级版本中的游戏大厅和游戏房间的操作流程和UI贴图都做的非常的不好。和之前的老版本相比，确实难用了许多。”，我还略带疑虑地问：“UI的操作流程繁琐和UI贴图不到位真有那么严重的后果吗？”
曾总举例说明了问题：
1）曾总运行系统，举例：曾总运行了他们研发的系统，举了个例子告诉我：
2）在大厅找不到合适的房间：“你看，如果用户在大厅里选择房间时，却找不到最适合的，用户一般会感觉很纳闷，耐心好点的人才可能继续一个一个地点进去。
3）在房间里找不到启动游戏的按钮：最要命的是，终于找到了房间，却在房间内找不到快速启动游戏的按钮，而且在房间内与别人聊天也不是很容易的操作。&&
4）房间的视觉风格灰突突的：在房间的整个风格上也没有一点娱乐的感觉，还是Windows 98灰突突的颜色，让人看了就心烦。
5）对战平台靠游戏黏住用户：我们的平台就是靠游戏来黏住用户，如果用户都不进去玩游戏，用户量自然就下降了。
6）UI是制约对战平台发展的障碍：可以说现在的UI就是制约我们发展的最大障碍了，所以必须在最短的时间内完成他。
7）通过网络发现了Skin++：而且我们在网络上搜索发现你的Skin++，经过评估后发现它比较适合快速的UI改造，所以我们想2周应该可以完成。”
听完曾总的描述，我略有所悟。经过我和浩方朋友的2周多的努力终于在2003年8月份发布出了全新UI的浩方对战平台。在那之后的1个月用户量飙升到400万。
大家看，目前从他们官网上下载的对战平台在交互框架上还保持着当初我们开发的样子。
8）举例说明Windows界面的三次革命：Windows的成功在很大程度上要归功于其特别易用和友好的用户体验。从DOS年代的黑白屏幕命令式驱动到当今Windows图形化用户事件驱动，无不佐证着微软以用户为中心的设计思想，Windows的普及也证明了只有关注用户体验度产品才可能被广泛接受。我们看一下这个图，Windows98是第一次UI革命，由原来计算机专业的学生需要背厚厚一本DOS命令，到Windows98 5-6岁的小孩都可以通过点击鼠标来玩电脑游戏。这次是微软对操作系统做的最具创新性、最彻底和最系统的用户交互的革命。这次革命与其他操作系统拉开了距离，彻底改变了微软的命运。Windows XP 是第二次UI革命。Windows 7 是第三次革命。
9）Vista的失败原因：微软是非常注重产品的UI，不过也有它失误的时候，我们知道Vista是微软做的非常失败的一个版本。大家看一下这个网页：
这是国外的NeoWin网站，给Vista总结的导致失败的五大错误。其中就有三项与UI交互有关的错误：
1）UAC（用户账户控制）弹出安全提示窗口的次数实在太多。某些计算机用户认为要使普通用户觉得Vista是“安全”的方法是提供更多的弹出信息。Vista中实在会出现太多的提示，就算是以管理员身份登录后也经常会收到弹出信息。虽然用户可以关闭这个功能，但这就违背了拥有更高安全性的宗旨了。所以结果是，有经验的用户把它关闭了，而一般用户则学会了忍受不断弹出的对话框。
2）开始菜单一改XP的样式，以固定窗口形式出现，对于那些喜欢严谨的开始菜单组织方式的用户来说，Vista的新开始菜单带来的是巨大的痛苦。
&&&&&&&& 3）拷贝进度对话框，估计拷贝所需用时的对话框就需要几秒才能计算完成，但实际的文件拷贝时间可能只需一两秒。
&&&&& Vista就是因为这样的问题最终导致在相当长的时间里没有很快的普及，最后微软放弃了该版本，重新发布了名为Windows 7的版本。在Windows 7中一改Vista的几大交互上的设计错误，最后很轻松地迅速占领了市场。根据微软的官方报道，平均一秒钟卖出一套Windows 7。
10）当今最流行软件的用户体验图：现在我们来整体看一下当今互联网最流行的各种软件UI在我们的体验度坐标系中的具体位置。
a) QQ、迅雷,在易用性友好度方面都做的比较好，
b) 绿坝：而绿坝软件则在以上2个方面都做的比较差。也难怪绿坝在后面的发展中就夭折了，从绿坝开发商对UI的态度也可以看出他们做事风格，对于众所周知的产品发布如此低劣的产品用户体验，也着实证明它失败的必然性。如果一款软件连起码的外在都无法做到令用户满意的程度，凭什么向用户证明企业的开发实力呢？！！&&&&
11）总结并承上启下：大家对UI的重要性有了一致认识，UI是软件开发中不可忽视的决定成败的环节。那么我们如何将UI的易用性和友好度提升到用户期望的程度呢。我们来看一下的目前软件开发企业是如何进行UI开发的，同时他们存在的弊端又是什么？请听下讲“传统的UI开发”。
三、传统的UI开发
&&&&& 这里我们讲传统的UI开发，就是软件开发企业目前最普遍的UI开发方式。
1、三大弊端：大家都知道传统UI开发存在以下三大弊端：
UI设计的用户体验度不高，具体体现在易用性和友好性两个方面；
UI程序实现的效果不够完整和彻底；
UI开发与维护的成本高，时间长、费用大。
用一句话概括：花费很大的成本开发出的UI效果不尽人意！也就是说传统UI开发方式的性价比不高。那么究竟是什么原因会导致传统UI开发的那些弊端呢？
首先，让我们了解一下，要把UI做好必须具备哪些要素，传统UI在这些要素上面又是如何满足的呢?
1、成功UI的三要素：
1）三要素与比方：做好UI要满足以下三个要素：专业的设计、功能强大的UI开发工具、富有经验的UI开发人员。我们来打个比方，乐谱、钢琴和钢琴家。乐谱就好比专业的设计、钢琴好比UI开发工具、钢琴家好比富有经验的UI开发人员，而弹奏出来的美妙的音乐就好比满足要求的UI。
2）没有专业的设计：如果没有专业的设计，界面开发工具再强大，开发人员再有水平，都不可能做出好的UI。就像没有乐谱，就不可能弹奏出美妙的音乐。
3）没有界面开发工具：如果有了专业的设计，而没有功能强大的界面开发工具，那么我们开发人员实现各种控件与窗体的效果将会非常吃力，工期会大大延长，最终运行效果也大打折扣。就像没有钢琴，弹奏出来的音质也不尽人意。
4）没有UI开发人员：如果我们既有专业的设计也有功能强大的界面开发工具，而没有富有经验的UI开发人员。这种情况下，一般公司都会安排原来做业务开发的人员来接手UI开发的工作。但由于业务开发与UI开发的思维方式和专业基础等存在较大的差别，往往不能开发出满足需求的UI。这就像让一个不会乐理不会弹琴的人去弹琴，结果可想而知。
2、传统的UI开发企业如何满足三要素：现在让我们来看一下，当前软件开发企业能否很好地满足以上三个条件。
a)专业的设计：
a.1) 举例说明美工能否做出专业的设计：我先来看第一个要素：专业的设计。大多数的软件开发企业都是安排美工来完成设计工作。我们来看看美工能否做出专业UI设计？我们来看这道题：art is breaking the rule 艺术正在打破规则（这道题来自于互联网，作者对美工和设计师的差别分析的比较经典，我在这里引用进来，现在让我们一起来看一下美工和设计师的具体区别到底在哪里？）。美工一般会给出下面的效果。从这个效果图中我们发现美工最容易犯的三大错误：
&&&&&&&& 第一、设计的时候没有去理解这句文字想要表达的内容，至少从设计作品里不能体现出来他对内容理解了：“art is breaking the rule(艺术正在打破规则)”。可以看出图中用了心思去排布文字，体现特殊的平衡感，但是设计如果不能服务于内容和主题，这样的作品一样是没有灵魂；
第二、过多地注重文字细节特效的表现，未能从全局去平衡设计的整体效果，这个图虽然没有很大的错误或漏洞，但是整个作品缺乏统一的整体感
第三、对个性、风格的诠释，不犯错误、中规中矩往往会落入俗套而缺乏新意，设计、特别是视觉设计，用什么方式让欣赏者通过视觉感官留下深刻的印象？
&&&&& 我们再来看看设计师给出的效果图，大家仔细琢磨一下，是不是有很大的不一样！设计师对rule的破解技巧要显得专业和切合主题一些，而且对排布也有很细致的构思，比较独特。
通过效果图的比较，我们知道要做出专业的UI设计必须由设计师而且是UI设计师。深谙UI规则的设计师才可以做到。
a.2 ) 结论：所以基于以上的讨论，我们发现一般软件开发企业都无法做到专业的设计。
a.3) 美工做不好UI的原因：那我们看看美工做不好UI的原因是什么呢？一般企业里面的美工：
第一，不具备UI背景，基本上都是从广告设计、海报设计、网站设计转过来的，接触UI的机会很少；
第二，美工只是会操作Photoshop等各种制图软件的工程师，而对用户研究、交互设计等都不作关注。
a.4 ) 美工能否转成UI设计师：那么美工能否通过一定的培训与训练培养成UI设计师呢？答案是肯定的。
UIPower有一套《三天两夜打造UI设计高手》培训课程，可以在一周内将没有UI背景的美工提升为专业的UI设计师。
以上是我们对成功UI三要素中的第一个要素进行的讨论。接下来，我们讨论第二个要素：功能强大的UI开发工具。
b) UI开发工具：
b.1) 没有工具，实现效果大打折扣：
I) 一般企业都没有这样的工具：由于一般的软件开发企业不具备这样的工具，自行研发的代价都相当的大，很少有企业会投入财力去开发。&&&&&&&&
II）没有工具还是需要做UI：但是，没有这样的工具企业还是需要做UI的，所以都有业务开发人员兼做UI的开发工作。
III) 没有工具效果大打折扣：在没有工具的情况下，程序员只能通过编写自定义扩展控件来实现对界面的改造。由于经验和积累不足，往往实现出来的效果都大打折扣。所以一般的软件开发企业都不具备成功UI的第二个要素。好，我们再来看第三个要素：富有经验的UI开发人员。
c) UI开发人员：目前有一项人才市场的权威统计表明：做过1年以上的UI开发人员非常少。原因是很少有企业招聘专业的UI开发人员，而且UI开发人员在公司内部的地位一般都不高，得不到领导的重视或重用。这样的后果是市场上真正会UI开发的人员非常的稀少。所以一般公司都是安排业务程序员临时来兼带着做UI工作。大家想想结果会怎么样？可想而知了。
d) 结论，效果不尽如人意：从上面的讨论中，我们发现无论是一些大公司还是刚创业的公司在三个要素方面都存在不能充分满足的情况，所以UI最终实现的效果就不尽人意了。
3、举例说明飞信在三要素上的满足程度：我现在举例说明一下飞信在成功UI三要素上面的满足程度。
&&&&&&&&& 飞信: 飞信是在2011年4月份与我们合作的。在这之前，他们缺少专业的设计和UI开发工具两个要素，合作后我们向他们提供了UI设计和DirectUI界面开发工具，同时为他们做了为期1周的UI团队开发能力的企业培训。最新的飞信版本可以从它官网下载到。大家亲自体验一下飞信在2010年及之前发布的版本和今天下载到的版本在UI上的巨大变化。目前我们正在与他们打造2012年的V5版本，相信到时会给大家更大的一个震撼，将彻底扭转飞信在即时聊天领域里面的UI颓势。
4）传统UI开发的协作：
a) 传统UI开发协作图：现在我们再来看看大部分的软件开发企业如何进行UI开发的，我们看一下这个协作图。产品部门或市场部门提出UI开发任务以后，先由美工理解需求，在后面的几天内给出一套设计效果图，设计效果图提交给程序开发部门进行UI的实现。
b) 提出问题：大家对这个流程有没有发现什么不对的地方？
I) 美工脱离实现的设计易于实现吗：大家仔细想想，美工在不了解程序实现能力的情况下去做设计，设计出来的效果图让程序员来实现，会遇到什么问题呢？
II）UI程序员的实现难度高：由于程序员实现自定义控件需要花费很大的时间与精力，而且对程序员的能力要求很高，一般程序员很难胜任ＵＩ开发工作。
III）效果与进度的取舍：通常情况下，企业给ＵＩ开发小组的时间非常有限。在面对要ＵＩ效果还是要时间进度的问题上，一般的程序员都会选择牺牲效果来确保开发进度，所以在控件实现上会放弃很多灵活的ＵＩ特性而采用相对比较固化的模式。比如，窗口可拉伸和不可拉伸对ＵＩ开发的要求有非常大的差别。所以从这个流程中遇到是美工设计的效果图，程序员无法在很短的时间内实现出来。
IV）美工与UI程序员耦合度高：
IV.1) 忙：由于市场的不确定性导致ＵＩ设计任务的不稳定性，经常会遇到需求来的时候特别忙，每天都要加班，
IV.2) 闲：没有需求的时候，美工闲的无所事事或安排做别的与ＵＩ无关的事情。这样就无法对ＵＩ设计的成果进行积累与沉淀。
V）美工职能划分：由于对美工的职能划分存在问题，导致一个美工既要完成交互又要完成视觉，同时对视觉的方方面面也必须由一个人来全部负责，所以就要求美工是一位全才，既能做交互又能对图标、控件、窗体等都能做到很好。很明显这样的人在国内非常罕见。
VI)UI程序员手动开发效率底下：由于程序员采用的是手动自定义开发方式，所以只能通过不可见方式来开发界面，这样的开发效率非常低下。
VII）界面与业务逻辑无法做到分离：当在维护期间，用户想要修改UI的某些控件、图标等，必须由美工和程序员的同时参与才可以完成而且UI的一点小小的变化都会导致程序的重新编译。
7）承上启下：
a) 对传统UI革命的必要性：目前UI开发的需求越来越强烈，而且UI效果的要求也越来越高，如何在最短的时间内开发出用户体验度最好的UI？这就急需要我们对传统UI开发方式进行一次彻底的革命。
b)分析传统UI失败的深层原因：从上面的ＵＩ团队协作的讨论可以发现，导致传统ＵＩ存在诸多弊端最深层的原因是传统UI在思想、方法和工具上缺乏科学合理性。所以，在革命性UI开发一讲中，我们将重点对UI的思想、方法和工具进行一次全面的剖析和由此带来的巨大优势。
四、革命性UI开发
&&&&& 4.0 概述：
&& a) 传统UI向革命UI过渡：从传统的ＵＩ团队协作的讨论可以发现，导致传统ＵＩ不满足成功UI三要素的最深层原因是传统UI在思想、方法和工具上缺乏科学合理性，所以我们必须对传统的UI思想、方法和工具进行一次彻底的革命！
&&&&&&&& 4.1 革命性的UI思想：
1）传统的UI思想:我们来看一下传统的UI思想，以功能为中心的UI设计。在大多数的公司里一般都重视功能点的展示而轻视软件的用户体验。大家想想，最终是谁出钱来购买我们的软件？对，是用户！既然是用户为何不以他们为目标来规划和设计我们的软件呢？可能大家要说了，功能也是为用户考虑的，其实问题在于大家站的角度不同。以功能为中心的设计往往是站在软件开发者的角度，而以用户为中心的设计往往是站在用户的角度。尽管最终达到的目标是一致的，但给用户的使用感受是极不一样的。
2) 革命性的UI思想：显而易见，革命性的UI思想是以用户为中心，以实现为目标！
a）以实现为目标的重要性：有过UI设计经验的人，可能经常听说以用户为中心的设计思想，而很少听到以实现为目标。（这也是我们UIPower区别与其他UI设计公司的最大的一个地方。）当我们拿到一项设计任务后，本着以用户为中心的设计思想可以有很多种设计方案，而哪套设计方案更加符合软件的需求和用户真实操作时的需要呢？
b) 举例说明我们与一般UI设计公司的区别：经常听客户说，之前找过几家公司做过UI设计，但根本无法用到他们的软件中来。原因是只以用户为中心的设计不会去考虑程序如何实现？而且一般的设计公司都不具备UI软件开发人员，对他们来说，这个可是跨行业的问题，UI设计公司是属于设计行业，而软件开发属于IT行业。如何衡量哪套方案或如何设计才能满足用户要求呢？必须来关注UI的实现，也就是UI的程序开发。只有UI交互设计师、视觉设计师知道了什么样的交互与视觉效果可以使用现有的控件可以实现，而且能够实现到什么样的程度。那么他们就可以有的放矢地设计方案了。这样的设计才不至于返工而浪费很多沟通的时间。
c) 举例说明用户失败的原因:可能在座的想说了,我们之前也安排过美工来熟悉我们的软件能支持哪些控件，但最后他们还是没有把设计做好。听到你们这样问，我很高兴，因为说明你们已经具备了革命性的UI思想。没有做好的原因是，你们公司缺少一套UI开发工具。你让美工去熟悉本来就不怎么灵活而强大的控件，对于他们的设计创建实质是个很大的限制。告诉他们这也不能做那也不能，最后美工会问，那能做什么？一套强大的UI开发工具是设计师和软件开发人员协作的纽带。
d) 工具的更多信息：关于工具的讨论我们会在下面的第三点中会详细讲解。
&&&&& 4.2 革命性的UI方法：
1) 传统的UI方法:我们再来看看传统的UI开发方法，在上讲中我们已经讲过传统的UI方法会导致很多的弊端。现在让我们回顾一下：美工完成所有的设计工作，角色单一没有分工，没有严格区分交互、视觉。程序员完成所有的控件贴图工作，控件开发、窗体开发功能局限不够灵活，在实现上无法做到界面与业务逻辑的彻底分离，这样给开发与维护增加了很大的重复的工作量。
2) 革命性UI开发的三步曲：革命性UI开发的三步曲是，交互设计-&视觉设计-&界面开发 。我们先来看第一步，交互设计。
第一步，交互设计：
1）交互设计的重要性：革命性的UI分工更加科学合理，将UI设计划分成交互与视觉设计两大部分。交互设计目标就是让我们的软件变的更加易用，所以交互设计在整个UI设计中起到举足轻重的作用。如果我们的交互设计做的不到位，极有可能会导致后道工序的返工和达不到预期的最终结果。
&& 2)交互流程：我们一起来看一下UIPower的交互设计流程。
&& 3)交互测试：大家发现没有，在这个流程中我们特别重视交互测试！一般软件开发企业在形成交互设计文档后交互设计的工作就算完成了，但是，革命性的UI交互设计却远没有结束。我们大家来回答以下几个问题:我们讨论好的交互设计方案怎么证明是符合用户操作习惯的？每一个功能点的交互操作的时间点是最短的吗？交互方案给用户真实的心理感受是什么？交互方案中选择的控件是不是最恰当的？等等。这样的问题似乎很难回答。再有经验的交互设计师设计的方案也必须经过类似以上几个问题的考验。如果我们的方案没有经过实践的验证是无法肯定地回到以上诸多问题的。所以我们必须要有交互测试。而作为交互测试来说，关键要具备两个条件：第一个是要有可执行的交互原型，第二个是要有眼动议。我们先来看第一个条件，可执行的交互原型。
4)可执行交互原型：用DirectUI Designer制作的交互原型更具优势，DirectUI Designer是UIPower特有的一套快速原型开发工具，也是一套界面开发工具，只要通过拖拽相应的控件与窗口，简单设置一些事件与属性，可以不用写代码就可以轻松地将文档类的交互设计稿转化成可执行的文件。大家想一想一个交互方案好不好，只有在执行起来后才能体验他的优劣。对一大叠文档的一百次的讨论总没有运行一次来得直观！我们再来看交互测试的第二个条件，眼动议。
5)眼动仪，上面有了可执行的交互原型程序，那我们如何准确地评价呢？这里我们要采用国际上比较先进的眼动议来对用户的眼球轨迹进行客观的记录。眼动仪目前只有国外才有，一个眼动议的价格在40万人民币左右。所以具有这样设备的UI设计公司不多。测试操作完毕后收集所有被测人员的数据进行统计学上分析，最终得出交互修改的建议。以上是革命性UI开发的三步曲的第一步，交互设计。关于更多的交互设计内容，大家可以观看《革命性的交互设计》讲座。 现在让我们看看三步曲的第二步，视觉设计。
第二步，视觉设计：
在视觉上根据人员的不同专业特长分别安排窗体、控件、图标的设计。在传统UI开发一讲我们提到美工负责UI设计的所有工作，当然也包括窗体、控件和图标的设计。在实践中发现，并不是每个设计师同时擅长三者的设计。有些设计师擅长整体的把握，对窗体的设计可以做的很到位。而有些设计师擅长控件的设计，可以对控件提出很多开拓性的创新。还有些设计师特别擅长图标的设计，能够用极少的颜色在极小的空间中创造出各种形象的图标。所以，革命性的UI强调发挥每个设计师的特长。另外，革命性视觉设计还有一套强大工具PSD主题库的支撑，可以将我们UI视觉设计中遇到的各种风格的窗体和控件， 形成一个仓库。设计师可以直接选用其中已经做好的窗体和控件，当然也可以根据自己的需要进行PSD文件的修改。这个革命性视觉设计的最核心的一款工具。关于这个部分的内容，大家可以观看《革命性的视觉设计》讲座。以上我们讲的是革命性UI开发三步曲的第二步，视觉设计。现在我们讲三步曲的第三步，界面开发。
第三步，界面开发：
1）UI程序实现的目标：革命性的UI在实现上要达到的目标是界面与业务逻辑的彻底分离。&&&
2）分离的意义：传统的UI开发，界面和业务之间是一个紧耦合的关系。就是只要界面一变化，程序也会随之做相应的调整。由此产生设计与程序实现协作困难、程序开发困难、维护困难等问题。
3）DirectUI分离模型图：我们看一下DirectUI的界面与业务分离的模型图。
a) 分离精灵：我们对客户原有的程序采用分离精灵DetachAgent将原有的业务代码与界面代码进行分离，形成UI抽象层。抽象层将业务中用到UI的地方全部生成抽象接口。这样业务就不必关心UI实现的细节了。
b) UI实现层：具体的UI实现细节由UI实现层完成，它派生自UI抽象层，采用DirectUI SDK和DirectUI Designer对各种抽象的接口进行实现，比如UI中的资源（图片、文字）、配置信息、UI逻辑等进行统一的可视化的管理。
&&&&& 以上我们讲的是革命性UI开发的界面开发所要达到的目标，关于更详细的内容，大家可以观看《革命性的界面开发》讲座。
4.3 革命性的UI工具：上面我们谈到了首先要革命传统的UI思想，其次是革命传统的UI方法。最后我们再谈谈如何革命传统的UI工具！
１）传统的UI工具：先来看看传统的UI工具在整个UI设计开发中起到的作用。我们来回顾一下UI设计开发的整体流程：交互设计、视觉设计、UI的程序编码实现、UI调试与维护。在交互设计阶段，一般的公司都采用Axure或Photoshop或Word文档记录下交互设计的原型。视觉设计师通过阅读交互设计文档来进行窗体、控件和图标的设计。UI程序员在拿到视觉设计效果图后开始进行自定义控件的开发并进行各种控件和窗体的贴图工作。
２）传统的UI开发环节的交付物：大家注意到没有，这里提到3个环节的交付物：交互设计稿、视觉设计稿、UI程序。每个环节我们都是通过大量的沟通和理解来对前一个环节的交付物进行消化。而且每个环节的交付物无法重用，这样就导致了上一个环节向下一个环节过渡的信息误差。实践表明，这样的信息传递非常容易导致信息走样甚至失真。另外，由于环节的交付物的逻辑性，注定了环节之间无法并行的工作。无法并行工作也就限定了无法通过增派人员来使得工期缩短。
３）革命性的UI工具DirectUI：
a) DirectUI介绍：现在让我们看一下革命性的UI工具是如何解决传统UI各环节交付物信息传递的问题？革命性UI工具DirectUI是一套可视化的快速的UI开发软件，在视图区通过鼠标的拖拽即可完成整个窗体和控件的设计与定义。可视化与快速是DirectUI最大的特色与亮点。而且革命性UI中将DirectUI工具贯穿与UI设计开发的各个环节。
b) 交互设计稿：在交互设计阶段，交互设计师采用DirectUI Builder将讨论后的交互原型制作成可执行的程序，并在交互测试阶段经过反复迭代后形成交互设计交付物。大家发现没有，革命性UI早在交互原型出来后就已经开始可执行程序的测试。这在传统UI中是无法想象的。由于交互设计是整个UI的第一阶段，后面的阶段都是依赖于该阶段的工作成果，所以交互设计的成功与否直接决定着整个UI改造的成败。而且要确保交互设计的成功必须要有可执行的交互原型来进行反复的测试，停留在文档级别的就根本谈不上测试了。所以交互原型的可执行程序的制作就成为整个UI开发成败的关键！
c) 视觉设计稿：视觉设计阶段，设计师根据可执行交互原型进行整体风格、窗体、控件、图标的设计，完成后将对各种效果进行切图，采用DirectUI Builder将切好的图逐一替换到交互原型的UI皮肤文件中。替换完毕后，我们就可以得到一个高保真的可执行的UI最终程序。在这一步中，大家发现没有，视觉设计师直接替换交互原型中各种控件的切图，也是就说沿用了交互设计师的工作成果文件。而且视觉设计在理解交互原型上也比传统UI的文档式交互原型要直观的多，而且不会产生歧义。
d) 程序代码关联：最后，UI程序员在拿到视觉设计师的高保真的UI程序后，就可以进行UI实现层的编码，最终完成界面与业务逻辑的集成工作。这里，大家也很容易地发现，传统模式的UI程序员需要对大量的自定义复杂控件进行很长时间的编码，而革命模式的UI程序员只需要做一些简单的事件关联就可以了。这也大大降低了UI程序员的工作难度和复杂度。
e) Directui总结：从上面我们可以看出，DirectUI既是一款强大的界面开发工具也是一款快速的原型开发工具，更是一款内容丰富的PSD主题库。正是有了像DirectUI这样的工具，革命性的UI才可能成为现实。由于在传统UI的各个环节中没有采用统一的工具来作为中间的纽带，所以传统UI无法做到并行开发。而革命UI可以做到并行开发，原因是革命性UI采用DirectUI作为环节之间交流的媒介。所以一般在交互设计原型完成后，可以同时进行视觉设计和程序实现。这样将大大缩短UI开发的工期。
4.4 总结：
1）革命性的UI从成功UI的三要素角度来看，可以很好的满足三要素。
a) 通过交互设计和视觉设计可以得到专业的设计;
b) DirectUI是功能强大的界面开发工具；
c) 培训后成为富有经验的UI开发人员：经过对现有的美工和UI程序员进行革命性UI思想、方法和工具的培训后，就可以提升他们UI开发的整体水平，成功富有经验的UI开发人员。
2）革命性的UI存在以下两大优势：
&&&&&&&& a) 大大提高了软件UI的用户体验度，从而对软件的销售起到了非常积极的促进作用；
&&&&&&&& b) 大大降低了软件UI开发与维护的成本，从而极大地节约了开发与运营成本。
从这两个优势来看，UI革命的目的是为了帮助软件开发企业实现最大程度的“开源”和“节流“！
3）DirectUI是UI革命的核心：上面我们讲到了对传统的UI思想、UI方法和UI工具进行了革命。可以看出，革命性的UI思想需要由UI方法来支撑，而UI方法则需要UI工具DirectUI的支撑。所以，DirectUI是UI革命的核心！
4）DirectUI是UIPower的核心技术：DirectUI是UIPower在UI行业中立于不败之地的最核心的技术。关于DirectUI的详细介绍，请看《革命性的界面开发》讲座。
我演讲的部分是《UI的革命》的整体介绍，关于交互设计、视觉设计、界面开发三部分的详细情况，请看相应的视频讲座。我的演讲就到这里，谢谢大家！
5）最后，我们看一下传统UI与革命UI的对比：&&&&&&&
TA的最新馆藏
喜欢该文的人也喜欢