-
大家好，欢迎回来！
-
前面的课程中，我简要的概述了一些用于早期快速探察的设计方法。
-
现在让我们一起来学习如何真正实现它。
-
在这集影片中，我们将深入三个技术制作快速原型（prototype）。
-
在你的项目的过程中，创建原型的保真度将会增加，
-
你在设计中使用的工具，是要反应整个设计过程，
-
而在早期不要使用太高保真(high-fidelity)和费时的东西。
-
所以，举个例子来说，你可能开始使用故事板（storyboard）——我们今天将要学的第一个技术
-
故事板会给你一种任务感，提供你想去支持它的任场景（scenario）
-
然后你可能会转移到纸面模型（paper prototype）,从而得到数字化模型（digital mockup）
-
接着，如果你对网页在行，做些静态HTML().
-
然后，加上数据库和其他漂亮的部分，得到动态网页。
-
选用合适的工具帮助你解决问题
-
在设计的特定阶段。
-
所以，在这集影片中，我们要讨论故事板，
-
创建和测试纸面原型，
-
然后移植到数字模型。
-
在界面设计中，一个最简单的错误
-
就是在关注用具界面之前关注如何去支持这些界面
-
如果你得到一件故事板之外的东西，
-
你要知道的是故事板全是关于任务的。
-
这里有一个我2011年秋季在斯坦福人机交互课程中的“Lifeayfics”项目小组的例子。
-
他们对用户行为跟踪非常感兴趣，
-
这里是一些他们他们早期的故事板。
-
多么棒的故事板啊！
-
几个版面就能帮助传达用户界面怎样帮助人们传达任务。
-
一个好的故事板总是要有一个人在里面。
-
另外你可以从故事板看见他们的沟通流程：
-
像漫画一样，它及时的在关键时刻展示发生了什么事情。
-
创建故事板的时候一个最大的焦虑就是他们常常告诉我“我不会画画！”
-
但是故事板不是关于漂亮的画作，而是关于传达想法，
-
我相信所有人都能学会如何通过视觉传达思想。
-
某些程度上，画画不好是一种优势，因为这样可以专注于内容本身。
-
我说好的故事板通常能涵盖一个人真实使用界面的情况，
-
这样，为了帮助你开始，我愿意教你一些我自己制作故事板的技巧。
-
我是从Bill Verplank那里学来这些技巧的，Bill和我一起在斯坦福执教多年。
-
Bill，一代代的教育学生从“星星人”画起，他（星星人）长得像这个样子
-
[Klemmer 教授开始画“星星人”了]
-
我们称他为“星星人”因为他的身体长得像一颗小星星，
-
你能让他做任何事情，所以某些人可以拿东西[画一支笔，拿住]
-
或者他们可以是在接触什么东西，或许是屏幕。
-
你可以添加任何你想要的动态效果。
-
如果你愿意，你可以展示他们在向哪里看。
-
如果你需要，你可以在屏幕上区分不同的人——
-
可以改一下颜色，或者加一个警徽。
-
如果你要把他们放在一起，你可以得到这个样子。
-
这些就是故事板指南里的一些图像，我们从指南链接到你的任务。
-
创建故事板的第一件事：我们应该描绘一个目标。
-
像这个故事板就是“让我们核对一下SF的位置！”
-
你可以展示任务怎样被展开，这里可以看到我们的“星星人”，
-
他们在解释他们在干什么，所以这里就说“我们在旧金山。"
-
故事板的最后，你要展示他们怎么完成他们的任务，
-
或者，在故事板的最后有个令人满意的结局。
-
如商场显示，
-
及时一个简单的视觉语言，也足够使你得到你想要的点。
-
所以，故事板需要完成三件事：
-
第一，你要完成如下设置：谁是参与人群？
-
环境是什么？他们准备做什么任务？
-
接下来展示顺序：他们准备完成什么任务？——
-
不需要在界面上展示具体的按钮和小工具，
-
但是要展示界面扮演的角色——帮助他们完成目标。
-
其中的第一步就是：为什么要用这个应用（App）?
-
在这个商场的例子中，是由某个人的“让我们查查在旧金山的地方吧！”
-
这清楚地激励人们去应用程序的跳板。
-
然后应用就能简单明了的显示你的想法和支持的任务。
-
最后，你得到了满意的解决方案——
-
如何驱使他们将这个应用摆在首位，
-
如何衔接使得用户可以按照顺序完成任务？
-
故事板能帮助你思考的问题有：
-
什么需要人们去完成，什么需要你的应用去填充的？
-
我真的非常喜欢故事板的全局观；
-
它让你通盘思考如何支持一项任务
-
不需要确认具体的某一个用户界面——
-
这就是它的魔力，当你作为设计团队进行时，这点表现的尤其重要，
-
因为你脑中的想法不一定和其他人的一样。
-
或者，可能你有一个特别好的想法，但是别人不知道你在说什么。
-
一旦你把它画在纸上，就非常容易让大家达到共识，
-
并且同一如何去推进。
-
当你在做故事板的时候，我建议非常严格的控制时间，
-
比如10分钟一个。
-
即使只用纸和笔，让所有东西变得好看也很容易，
-
但是这不是重点！
-
一旦你有一个关于你的应用实现的粗略想法，
-
你就可以开始去思考如何实现它了，
-
这里的实现，我指的是“对于用户而言这个东西长什么样，感觉如何？
-
真正的用户界面应该是什么样的？
-
在弄清用户洁敏的最起先的阶段，
-
我所知的最好的方法就是纸面模型法。
-
纸面模型和它听起来差不多：
-
当你准备制作用户界面的实体模型，为了替代在计算机里完成这个，
-
这项实体模型的过程会花费很长的时间促使你让他美丽和精确，
-
你准备使用纸，即时贴，和标记去快速建模。
-
这里是一个例子，又是“Lifealyfics”项目小组。
-
这里是他们做的纸面模型：
-
（Lifealyfics / 发现是什么让你开心/）
-
这就是它怎么工作的 1.按照你选择的频率，我们一整天向你发送随机文本 2.输入。。。
-
3.周末，我们会给你结果，然后你就会知道什么让你这么开心的满足了
-
步骤1/3 输入电话号码，然后
-
你输入的越多，个人的图表就会越准确/ 你每天希望接收多少条信息？[下拉框]
-
步骤2/3 你每天希望接收多少次信息？
-
步骤2/3 你每天希望接收多少次信息？
-
下拉框-> 下拉框
-
这有一些高效制作纸面模型的建议
-
首先，把所有的材料放到一起
-
你需要有一些标签，比如即时贴或者索引卡。
-
如果你在模拟一个移动设备，你甚至可以做成这样的原型，
-
你可以在不同的界面滑来滑去
-
正如故事板所说，快速非常重要。
-
如果你需要用一种经常使用的小工具——
-
比如单选框或滑动条或类似的——
-
有时，复印他们会更加的快速，
-
你可以做一个版本，然后阴影一打。
-
有时，好的纸面模型像是假扮成孩子一样。
-
所以如果你有什么非常复杂或高交互性的东西
-
你可以想象他长什么样，
-
这样你就可以扮演人们如何使用你的应用。
-
这对把一些工具放入框架非常有用。
-
现在我们有了一个手机框架。
-
你可以在设备右端粘贴东西，
-
所以，如果你想做一个手机屏幕截屏。。。
-
手机界面！
-
或者，如果你有一个桌面终端用户界面，你可以那这种11/14 的板面，
-
将你的元素放进去。
-
好的纸面模型也有点像拼贴画——你可以混合或匹配保真度。
-
所以你可以用打印出来的结果或真实的屏幕截图；在顶部画上和注释上——
-
任何你想快速得到的观点。
-
然后帮助正在使用原型的人
-
进行纸面和交互系统间的思维跳跃。
-
你可以在你的用户界面上加一点小工具和色彩，
-
来传达这是大的操作系统中的一部分。
-
直面模型不只是快速和有效；
-
同时也非常有趣，你可以真正有创造性地得到传达交互的不同方法。
-
如果你有用户界面的图层，你可以用透明胶片来呈现他们。
-
如果你有弹出菜单，你可以将返回做的有粘性，
-
所以他可以在顶端的主界面中的正确位置。
-
只要你愿意，你可以用任何标记或笔；
-
你可以把东西涂色，或只有黑白两色——任何只要你想得到。
-
你可以用海报板（像这种），或者硬纸板，索引卡片，泡沫——
-
任何你觉得可以用来做基底材料的。
-
胶带这些东西随手既得。
-
如果你想让用户重复输入，你可以用白板笔或透明的笔，
-
并且准备白板或透明材料的纸片可以让用户持续输入，
-
这样你做好之后就可以带走了。
-
为了能给你的用户界面加上结构，你可以用不同粗细的线宽来表示。
-
所以，你可以用粗线表示主要元素，细线表示次要元素。
-
你可以把它叠起来，可以用即时贴/指示卡片去展示用户界面标签窗格。
-
所以，不同的图层可以放在纸片的下面。
-
这就是你们看到的不可思议的来自“Lifealyfics”组的工具，
-
他们在手机模型里做了一个可滑动的窗口
-
作为传达如何去多次改变和响应用户输入的方法。
-
还有一件事我这里要说，这节课我也提及多次了，
-
就是尝试做多样化的模型的重要性
-
是得到用户更有价值的反馈的方法。
-
所以针对一个在线登陆的系统这里集中有不同可供展现的方法。
-
另外一个我非常喜欢纸面模型的原型是所有人都能够参与。
-
所以，如果你要尝试和用户的参与式设计，给他们一支笔，然后帮助他们修改界面!
-
或者只要他们在哪里卡住或某方面思考的比较奇怪，
-
拿起一张纸，在上面做出你需要的改动。
-
你可以将纸面模型工具放在会议室等公共场所，亦可以把他们带给客户——
-
任何参与用户界面设计的股东，
-
你都可以让他们加入纸面模型。
-
这可以帮助他们得到系统的想法
-
并且让他们在设计过程中更加活跃。
-
一旦你准备从纸面模型迈进一步，下一步就是做一个数字模型。
-
这里是一些数字模型的例子
-
这是我研究团队为斯坦福医学院麻醉医学系做的项目。
-
首先我要说的是
-
你满看到这个模型花费了更多时间
-
比起之前讨论的直面模型。
-
这就是为什么我说直面模型重要的原因
-
但是你终究需要讨论细节和更精确的东西，
-
这是数字模型就能扮演一个重要的角色了。
-
你的模型是用来增加保真率的——从故事板，到纸面模型，到数字模型——
-
你同时从将要参与的人中得到这些评估和反馈。
-
所以，早期，你可能会提及场景。
-
然后，纸面模型，
-
你可能正在做这些非正式的“试一下吧，这里有三个选项”的测试。
-
这些模型同时也能作为你设计团队非常有用的评判。
-
随着你模型的保真率越来越高，
-
你有机会去尝试更正式的实验技术。
-
快速的模型技术可能是你将焗油的最有价值的武器
-
在以人为中心的设计过程中。
-
如果你感兴趣，想学的更多，这里有些推荐的资源。
-
下节课见。
