第八讲：用户需求与原型设计计.ppt

一、初级原型 4、模拟界面 它其实就是“制作卡片”，只不过这次的卡片不是纸做的，而是在计算机上显示。 当然，这些界面同样也不是真正的产品，它们都是事先“画”出来的。在这里面也没有真正的交互。用户坐在计算机前“操作”这个原型，就好像看到的是真正的产品界面，但实际上这台计算机被连接到另一台计算机上。在那边有一个操作员通过用户的举动来选择需要展现的界面，然后在用户的机器上显示。这种响应其实都是人为的。 这其实就跟卡片模拟一样，只不过你没有说“好，稍等，我找找现在应该给你看的卡片”。这一切都隐藏在那台机器上面，用户并不知道下一个界面出现的过程。 Page ? * 一、初级原型 模拟界面的好处是，直接面对计算机“操作”比卡片更为真实，有助干用户更顺利地“代入”自己的情感，就好像确实在使用一样。 通过上述的这些初级原型，你就能判断用户使用时的心理，而且可以验证界面元素是否合适、功能是否充分。但是，它们毕竟是初级的、低保真度的原型，你不能通过它们体现出用户使用时的速度，效率（例如软件的响应时间）。其他一些方面的特征也无法体现，例如声音和美术设计等等。 不过，初级原型最大的优势就是简单方便，你能快速地获得反馈意见。所以它们仍然有很高的价值。 Page ? * 二、高级原型 2高级原型同样重要 相对于初级原型来说，高级原型与最终的产品更为接近。如果说木头方块是掌上电脑的初级原型，那么它的高级原型就是带有按键的高精度模型。 在你去逛手机店的时候，售货员小姐不会直接就把真机给你看。她会递给你一个手机的精模，外观几乎和真机一模一样。很明显，这么一个精致的模型肯定比木头块要好得多。这就是用户体验高级原型的方式——除了功能之外，其他一切都模拟得惟妙惟肖。 既然需要做到惟妙惟肖，那么仍然使用纸张或卡片就显然达不到要求了。你需要用到一些工具。常用的原型制作工具有Axure等等。这些软件拥有很完善的开发环境，功能强大，制作起来也能得心应手。你甚至可以只需简单地拖放图形元素就能组建图形界面，而不必编写任何代码。 Page ? * 二、高级原型 当用户进行了某个操作之后，原型能够自我响应，而不再需要有人在背后操纵。其实系统仍然不是真的在工作，这一切也还是模拟出来的效果——它其实还是一个木偶，只不过我们事先花了一些精力使它能够进行自我控制。 通过这些软件制作高级原型，其实也就是通过软件告诉这些界面，在用户的什么操作后需要出现什么结果。这些都是事先制定好的。但在用户的眼睛里．它基本上就是最终的产品。 Page ? * 二、高级原型 对于Web或Web-based产品来说，制作高级原型则更为方便。因为它们本身都是通过Web浏览器来使用，使用超文本链接来连接各种界面和元素。甚至可以说，制作高级原型和真正的网页产品使用的工具都是一样的，例如Dreamweaver。你只需有一点网页制作的基本功就能够制作 高级原型，所用到的元素也无非就是表格、超链接和按钮之类。当然了解一点JavaScript会更加合适。 此外．Macromedia的Flash也是一个强有力的工具。软件提供了非常强大的图形设计功能，而且自身就提供很多界面控件，根本不用你去制作。最重要的是，它的脚本控制能力对于简单的模拟界面交互简直易如反掌。 Page ? * 二、高级原型 在Flash中，你只需要把每个可能显示的界面绘制出来，然后逐一放到每一帧中去。你可以用很简单的脚本控制界面中的按钮，告诉它们当用户点击时应该跳到哪一帧。那一帧所显示的就是应该出现的界面。你还能够加入声音、动画等其他界面元素。 例如下面的Flash模拟界面。在第一帧我放了一个系统的登录界面，而第二帧则是系统的首页。在第一帧里面，“登录”按钮的脚本告诉它“当用户点击后，场景跳到后面一帧”．就这么简单。 Page ? * 二、高级原型 Page ? * 二、高级原型 虽说高级原型有种种的优势，但也有一些专家认为它仍然存在很多问题。比如说： 制作时间长 高级的东西总是要花费大把的时间。 评估的时候更容易专注于表面问题，而不是问题本质 高级原型做得太“以假乱真”的话，用户可能会过多注意那些图形、美术和表现力等方面。但是你的目的是为了让用户判断产品是否满足其使用的需要。 开发人员不愿意修改花了很长时间才制作出的东西 很自然，我花了十天时间和无数心血做了这么精美的一个玩意，你们说不好用就给否决了？然后我要再花十天？ Page ? * 二、高级原型 高级原型有可能会把目标定得过高 一切愿望都是美好的。制作原型的时候不需要考虑真正的实现问题，所以原型越精致，就越会投入精力，同时也就更加容易加入自己的想法，哪怕是天马行空。但最后很可能实现不了。 高级原型中的一个错误就可能打断整个评估过程 精密的东西总是更有可能出错，越高级的东西很明显也越难