原型构建与设计评估原型构建与设计评估1.原型的意义与类型1.1原型的概念与意义在交互设计中,所谓的原型是对产品概念的形象化和具体化,是设计师构想的一种体现。设计师通过原型来传达设计意图,用户则通过原型对未定型的产品进行评估。在交互设计过程中原型设计是不可或缺的一个必要过程。可视性可触摸性可操作性客观性全面性合理性原型基于原型的评价原型模型原型构建与设计评估1.原型的意义与类型1.1原型的概念与意义完善需求分析完善完善产品交互设计过程中的原型设计具有多重性和递进性。基于原型的迭代过程多重性反映了设计过程中为了评估需要多个原型;递进性则说明了后一个原型是前一个的改进。既然强调用户与产品的交互,那么在对原型的评估必然包含对交互行为的评估。原型构建与设计评估1.原型的意义与类型1.2原型的分类与类型选择按原型的表现形式(1)实体原型。用一种或多种材料经过加工、塑造和组合等手段来构建可以触摸的产品雏形。(2)外观原型。外观、手感和材质与产品极为相似的原型。(3)概念验证原型。用来快速验证某个创意的原型。(4)实验性硬件原型。用于快速验证产品的功能的原型。(5)数字化原型。用数字化方式表达产品,使用这类原型,设计师关注的是视觉效果和产品特性等,如计算机仿真和计算机三维模型等。原型构建与设计评估1.原型的意义与类型1.2原型的分类与类型选择按原型制作的材料(1)油泥原型。(2)纸板原型。(3)聚苯乙烯泡沫塑料原型。(4)石膏原型。(5)树脂原型。(6)塑料原型。(7)金属原型等。原型构建与设计评估1.原型的意义与类型1.2原型的分类与类型选择按原型表达产品的真实程度(1)低保真原型。用简单的方式来快速、近似地表示产品概念。(2)高保真原型。构建的原型更接近于最终产品。按原型表达产品功能的完善程度(1)水平原型。原型只表示系统顶层的功能,不表示下级功能,这种原型主要用于了解功能的概况,而不是了解功能执行的细节。(2)垂直原型。构建的原型具有某些特定功能的全部细节,可用于较为真实的测试,以便于评估执行该项功能的所有子功能。原型构建与设计评估1.原型的意义与类型1.2原型的分类与类型选择由于原型设计以快速、低成本和准确表达设计概念以及便于测试为目标,因而在交互设计中更受关注的将是低保真和高保真原型。设计低保真原型时,通常选用便于快速组合到一起的材料,如直接绘在纸上的草图、利用软件简单绘制并打印的图稿等纸面原型、利用现成的部件或从旧产品上拆下来的部件拼凑的实物模型等。这类原型对交互性要不高,以静态为主,可用辅助手段来表示交互性,如通过人工移动纸面或部件表示切换的动作等。设计高保真原型时,需要更多的时间和资源,与产品更为接近。高保真原型并不是指在所有方面都与产品相似,可以是外形的相似,也可以是功能的相似而形态并不一定相似。高保真原型具有较高的交互性和可操作性。原型构建与设计评估2.原型设计工具2.1LEGOMINDSTORMSNXT工具LEGOMINDSTORMSNXT是丹麦乐高公司和美国麻省理工学院共同开发的可编程积木套件,可用来构建可操作的、能感知声、光和距离等物理量的交互式产品原型,并可以通过图形编程工具对动作等进行自动控制。LEGONXT组建的原型原型构建与设计评估2.原型设计工具2.1LEGOMINDSTORMSNXT工具NXT蓝牙套装9797的组成(共431个组件):1个NXT可编程的微型电脑1块可充电的锂电池3个侍服电机2个触动传感器1个光电传感器1个超声波传感器1个声音传感器乐高积木等安装4个传感器和3个侍服马达的LEGONXT原型构建与设计评估2.原型设计工具2.1LEGOMINDSTORMSNXT工具基于LEGOMINDSTORMSNXT的原型制作包括概念构思、选择部件、组装、联接、图形编程、调试和运行等基本过程。其中的图形编程软件可用LEGO本身提供的系统NXT-G,软件操作简单、功能强大、利用交互界面提供的命令图标,可以方便快速地实现对NXT的编程,使用者不需要专业的编程知识。原型构建与设计评估2.原型设计工具2.2Arduino工具在Arduino的官方网站上提供了有关Arduino的详细信息,主要栏目及内容包括以下内容。(1)Download(2)GettingStarted(3)Learning(4)Reference(5)Hardware(6)BuyArduino是源自意大利的一个开放源代码的硬件项目,该平台包括一片具备简单I/O功效的电路板以及一套程式开发环境软件,是一种制作交互原型、互动作品、人机接口、体感互动、数字艺术等的接口工具。Arduino资源原型构建与设计评估2.原型设计工具2.2Arduino工具Arduino的硬件(1)Arduino可编程I/O开发板。提供写人和存储控制程序、数字量和模拟量的输入/输出,DC电源输出等功能,是Arduino的关键硬件。ArduinoUNO(2)Arduino外围部件。主要有扩展板、各类传感器、开关、连线、LED灯和面包板等。扩展板方便了Arduino可编程I/O开发板与外接传感器、输入/输出等器件的联接,面包板用于接线。原型构建与设计评估2.原型设计工具2.2Arduino工具基于Arduino的原型构建构建交互式产品原型需要开发环境(ArduinoSoftware)和Arduino的硬件,后者需要购买。用Arduino构建原型的基本步骤包括概念构思、选择传感器与Arduino开发板的联接、编程、程序上传到开发板、运行和调试等过程。如果有配扩展板,传感器与Arduino开发板的连接非常方便。关于程序设计,官方网站提供了详尽说明与实例,易于理解,具有良好的可学习性和可操作性,可以边学边做。原型构建与设计评估2.原型设计工具2.2Arduino工具基于Arduino的原型构建多彩流星雨原型构建与设计评估2.原型设计工具2.3用于交互界面的原型制作工具纸面原型纸面原型属于低保真原型,以纸和笔作为原型设计工具。设计师用笔直接在纸上描绘,通过图形、符号和少量的文字来快速表达产品的概念,绘出界面的元件和布局。纸面原型可以是一个界面或一个界面的不同状态。手机界面纸面原型原型构建与设计评估2.原型设计工具2.3用于交互界面的原型制作工具纸面原型纸面原型并不等同于草图。草图是表达产品概念的一种手段,可以突出主题,如外形、结构、色彩等;作为交互界面原型,需要表达操作界面,因而界面的元素、布局与尺度尽可能符合实际要求,要便于评估。原型构建与设计评估2.原型设计工具2.3用于交互界面的原型制作工具原型制作软件(1)MicrosoftOfficeVisio和CorelDRAW。Visio除了可以用来绘制流程图、网络图、工作流图和数据库模型图之外,还可能用来制作UI界面原型,具有Windows风格的窗口、对话框、按钮、列表框选项卡等各类控件的图形及图标,使用非常方便。与Visio相比,用CorelDRAW制作的原型更为逼真,但需要制作者具有一定的绘图技能。Visio适合制作低保真原型,而CorelDRAW可用于制作高保真模型。用CorelDRAW制作的手机界面原型构建与设计评估2.原型设计工具2.3用于交互界面的原型制作工具原型制作软件(2)BalsamiqMockups。由自加利福尼亚州的Balsamiq工作室开发,是一款具有手绘风格的产品原型设计工具,具有9类50多个常用的UI控件。可用于桌面应用程序、手机软件界面以及web的原型设计。其特点是:易用、手绘风格、控件多(包含iPhone元素、支持快捷键和可使用XML语言保存元素),也可以导出PNG图片、跨平台支持(Window、MacOS和Linux)。用BalsamiqMockups制作的手机界面原型构建与设计评估2.原型设计工具2.3用于交互界面的原型制作工具原型制作软件(3)Mockflow。基于AdobeFlex技术开发在线原型设计软件,提供了与BalsamiqMockups基本相似的功能,基于web的存储的文件可以在任意电脑上打开,以便于其他人进行的分享,并收集在线反馈意见,适合虚拟团队的原型设计交流。MockFlow内置了许多常用控件,如:按钮、图片、文字面板、下拉式菜单和进度条等,可用于人机交互界面(窗体、iPhone、iPad和Android等)应用程序的原型的设计。用Mockflow制作的网页界面原型构建与设计评估2.原型设计工具2.3用于交互界面的原型制作工具原型制作软件(4)AxureRP。美国Axuresoftwaresolution公司的原型制作软件。AxureRP提供了丰富的组件样式,能够创建低保真和高保真界面。丰富的脚本模式,可以通过点击和选择快速完成界面元素的交互,如链接、切换和动态变化等效果,Axure借鉴了office的界面,用户可以快速学会使用。AxureRP的界面原型构建与设计评估3.交互过程中的评估在概念设计阶段,评估的目的是判定产品概念包含的内容是否与用户的需求相符,何种方案更能满足用户需求在物理设计阶段的评估为了测试交互式产品在可用性和用户体验两个层面存在的差距,发现其中的问题,寻求改进意见。总之,评估就是为了通过原型与直接用户或间接用户进行沟通,以便更透彻地了解用户需求,改进设计。原型构建与设计评估3.交互过程中的评估3.1DECIDE评估体系Preece提出的评估体系对交互设计过程中的评估很有参考价值,核心内容包括评估的4种范式、5类技术和6步DECIDE框架。4种评估范式快速评估可用性测试实地研究预测性评估5种评估技术观察用户征求用户意见征求专家意见用户测试构建用户执行任务模型6种评估框架确定总目标挖掘具体问题选择评估范式与技术确认需要处理的问题决定如何处理道德问题评估Preece提出的评估体系原型构建与设计评估3.交互过程中的评估3.2启发式评估启发式评估或译为经验式评估,是由JakobNielsen和RolfMolich在1990年提出,之后JakobNielsen进行了改进。其基本思想是通过评估者根据可用性原则和自己的经验对用户界面进行测试,发现设计中存在的可用性问题。这种评估方法目标明确、针对性强、评估效率高、操作性好,适用于网站、软件以及涉及交互界面的产品设计过程之中的评估。启发式评估的概念原型构建与设计评估3.交互过程中的评估3.2启发式评估可用性原则(1)Nielsen提出的可用性原则主要针对软件系统,具体内容包括以下10条原则。1)系统状态的可视性2)系统与现实相匹配3)用户控制和自由4)一致性5)防错措施6)识别而不是回忆7)灵活和有效的使用8)美观和简约的设计9)帮助用户识别、判断和从错误操作中恢复10)帮助和说明文档原型构建与设计评估3.交互过程中的评估3.2启发式评估可用性原则(2)Apple公司针对i0S开发者提出了关于Apple应用程序用户界面的设计原则,主要包括以下6条原则:1)审美的完整性2)一致性3)直接操作4)反馈5)隐喻6)用户控制原型构建与设计评估3.交互过程中的评估3.2启发式评估评估人员的选择与评估过程Nielsen认为,由多个评估人员进行评估以提高效率,也可避免单个评估人员的局限性。研究表明,每个评估人员可发现大约35%的可用性问题,5名评估人员可发现约75%问题,合适的评估人员为3~5人。发现可用性问题的百分比P可按下式计算:式中λ为评估者发现问题的概率。不具备可用性知识的新手发现问题的概率为0.22;具可用性专业知识但不是相关领域专家发现问题概率为0.41;具可用性专业知识和相关领域专业知识的专家发现可用性问题的概率为0.60,通常可取λ=0.31进行测算。原型构建与设计评估3.交互过程中的评估3.2启发式评估评估人员的选择与评估过程在评估过程中,评估人员单独多次查看和检测界面,并与可用性原则进行比较,逐项进行评估,并根据可用性原则说明理由。在所有评估结束之前与其他评估人员不进行交流,以确保每个评估人员独立的无偏见地逐项进行评估。评估观察者可回答评估人员的问题或在评估人员遇到问题时给予提示,从而充分利用评估时间。评估结果