2013-05-07 碳别新的艺术 参考书目 /E/D CHANGE 品 DE升 The Art DESIGN 199)n nnovatio 想电 设计创所有的艺末 The Art of Design Innovation 眵 上海交通达学1来体与设计学院工业设计专业 D 韩 Summer 序号 课程内容 时问安排 序号 课程内容 时问安排 1 一周 郑一面 用户开，司三用户消费老的心 第一同 2 户究，用户南叠者的0 第一而 地马 第二周 思阳耳 第二而 4 用手地 第二周 二烟 色新和用户体验 第三周 第三周 新设计心手学 第三而 包新和设计心理学 第三周 于生形意研究所 正调 于生形的 西调 8 设计多于和社台 第西 2十于绝9壮会 单过面 1
2013-05-07 1 设计创新的艺术 Han Ting | AR903 The Art of Design Innovation|Summer 2012 | Shanghai Jiao Tong University | SMD 设计创新的艺术 The Art of Design Innovation 上海交通大学 | 媒体与设计学院 | 工业设计专业 韩挺 Summer 2012 序号 课程内容 时间安排 1 设计创新的艺术概述 第一周 2 用户研究，洞悉用户和消费者的心灵 第一周 3 思维矩阵 第二周 4 用手来思考 第二周 5 创新和用户体验 第三周 6 创新和设计心理学 第三周 7 基于生活形态研究的创新 第四周 8 设计服务于组织和社会 第四周 序号 课程内容 时间安排 1 设计创新的艺术概述 第一周 2 用户研究，洞悉用户和消费者的心灵 第一周 3 思维矩阵 第二周 4 用手来思考 第二周 5 创新和用户体验 第三周 6 创新和设计心理学 第三周 7 基于生活形态研究的创新 第四周 8 设计服务于组织和社会 第四周
2013-05-07 设计心 学 情感化设计 good design works with natural human cognition and anticipates actual human scenarios and stores Functlons provide clues as to the operation of things (affordances). EVIT TICKET Persuasive Design bad design tnes to talk itself out of the problem (cognitive dissonance) CoINS PRESS HERE TO 2 2
2013-05-07 2 Persuasive Design
2013-05-07 Make it a game！ 田燃 ● Keep homeless people from taking a night's rest on the bench. Angles Conveyor belts Can you slant or Can you bring a angle things so feature to the some actions users,or move are easier than the users to others? where you want them to be? Feature deletion And Hia Comput Material properties What would Can you use the happen if you properties of simply took away different features you AUTO materials don't to make some want people to actions more use? comfortable than others? 3
2013-05-07 3 Make it a game! Keep homeless people from taking a night‘s rest on the bench. Angles Can you slant or angle things so some actions are easier than others? Conveyor belts Can you bring a feature to the users, or move the users to where you want them to be? Feature deletion What would happen if you simply took away features you don’t want people to use? Material properties Can you use the properties of different materials to make some actions more comfortable than others?
2013-05-07 Mazes Positioning Can get people to Can you follow the path rearrange you want them to,on things so people interact with the way to them in the reaching something they locations you want them to? want? Roadblock Segmentation spacing Can you put Can you divide things in users' your system up way,so they take into parts,so an alternative people only use route,or adjust one bit at a time? their speed? Are you sure? Conditional warnings Can you design Can you give an extra users warnings 'confirmation' based on step before an detecting the action can be To open door error they've performed? made,or might be about to make? cIH Danger 4
2013-05-07 4 Mazes Can get people to follow the path you want them to, on the way to reaching something they want? Can you rearrange things so people interact with them in the locations you want them to? Positioning Can you put things in users’ way, so they take an alternative route, or adjust their speed? Roadblock Can you divide your system up into parts, so people only use one bit at a time? Segmentation & spacing Can you design an extra ‘confirmation’ step before an action can be performed? Are you sure? Can you give users warnings based on detecting the error they’ve made, or might be about to make? Conditional warnings
2013-05-07 每 Defaults Did you mean? p:/www.goope.com/- wb1 een Xieon Mat Nevr0M随mam等 Can you make Can you detect the default CIB pdf brewer and suggest a Google recursion setting the better option to behaviour you'd users when it prefer users to Did you mean:uro looks like they're Recursion-Wkipodia,e tree encydopeda perform? making an error? d时 Interlock Matched affordances Can you set Can you make things up so one parts fit only action can't be when the right performed until way round,or another is only with the 03wuar 1 completed? products they Z6LEESO should do? O/BLCOOO/LO/SSBLSC 30VW ON Task lock-in/out Kairos Can you keep a Can you give YOUR SPEED task going that users a needs to be,or suggestion at prevent one exactly the right being started moment for SLOW inadvertently? them to change their behaviour? 5
2013-05-07 5 Can you make the default setting the behaviour you’d prefer users to perform? Defaults Can you detect and suggest a better option to users when it looks like they’re making an error? Did you mean? Can you set things up so one action can’t be performed until another is completed? Interlock Can you make parts fit only when the right way round, or only with the products they should do? Matched affordances Can you keep a task going that needs to be, or prevent one being started inadvertently? Task lock-in/out Can you give users a suggestion at exactly the right moment for them to change their behaviour? Kairos
2013-05-07 Progress bar Real-time feedback Can you let users Can you let users know their Cemplete your profle quckly know how what 8到 progress towards they're doing is 3 achieving a goal? affecting the system? Role-playing Perceived affordances What happens if Can you design your system gives the form of your users particular system to suggest roles to play,or particular actions makes them feel (or constraints on like they're action)to users? playing a role? 年@819田wD四会99百 6周 Prominence Watermarking Can you direct your Can you make a users'attention to user feel like he what you want,by or she (or CHIPS making it more someone else) prominent,obvious 'owns'or has or exaggerated? responsibility for something? e200g 6
2013-05-07 6 Can you let users know their progress towards achieving a goal? Progress bar Can you let users know how what they’re doing is affecting the system? Real-time feedback What happens if your system gives users particular roles to play, or makes them feel like they’re playing a role? Role-playing Can you design the form of your system to suggest particular actions (or constraints on action) to users? Perceived affordances Can you direct your users’ attention to what you want, by making it more prominent, obvious or exaggerated? Prominence Can you make a user feel like he or she (or someone else) ‘owns’ or has responsibility for something? Watermarking
2013-05-07 Emotional engagement Personality Can you design Can you give your your system to system a engage people's personality or emotions,or make character that them emotionally engages users, connected to their becoming a behaviour? social actor'? Personality iCat User-interface robot Exploring enjoyable interaction with iCat Philips Research Reciprocation Coercive Can you make users FREE POSTCARD Can you use feel they've been P TAKE ONE ambient sensory done a favour(by effects(sound, the system,or by light,smell,etc)to other users)and make it harder for want to return it? users to behave in certain ways? 7
2013-05-07 7 Can you design your system to engage people’s emotions, or make them emotionally connected to their behaviour? Emotional engagement Can you give your system a personality or character that engages users, becoming a ‘social actor’? Personality Personality Can you make users feel they’ve been done a favour (by the system, or by other users) and want to return it? Reciprocation Can you use ambient sensory effects (sound, light, smell, etc) to make it harder for users to behave in certain ways? Coercive atmospherics
2013-05-07 定性 定量研究 定量研究(Quantitatere®小】招的是采用数量的方法来对资料城信夏近行研究， 定常研究方法-投会经历获得形、数据预分、数据分析和分析报告四个翰慢。 可用性工程 of quae roperties and phenomen and their relatioeships Usability Engineering The objective of quantitative research is to develp and employ mathematical modds, theories aor hypotheses pertaining to phenomena.The process of measurement is 小游戏 任务（要求键盘输入） 发送短消息到手机13916099300，内容如下： “伊飒尔界面设计有限公司，地址：上海市浦东新区东方路738号裕 安大题6楼620室，地铁2号线，4号线到世纪大道站号出口，邮编： 200122,电话：021-50589231E-Ma:shanghaig@isaruid.com+姓名" 评价指标：时间+准确度 一.可用性的定义 一，可用性的定义 可用性【Ub的y)是交马式产品/统的重装质量指际，岩的是产品对用户来说有效，岩笑、高 效。好记、少相和今人其的理程度出m19938. 可用性意味着聚焦用户和使用者： 024111标对河用作了如下宠义：产品在定使用环下为持定用户用于特定用时 用户和使用者高效的使用产品； 所其有的有陵性(tfoctiveness),效率(efficiency)和用户主窥其象度(satisfaction】 用户和使用者希望快速完成任务 50199. 布效性0cn经用户完城特定任务和达列转定目标对所有的正确和克整理变： 用户和使用者希望产品好用。 效率cy用户完成任务的正和完理变与所使用变薄（时间）之的比率 满意变scc0用户在使用产品过理中所授到的主现满意口装受避度， 8
2013-05-07 8 定性研究 定量研究（Quantitative research）指的是采用数量的方法来对资料或信息进行研究。 定量研究方法一般会经历获得数据、数据预分、数据分析和分析报告四个阶段。 In the social sciences, quantitative research refers to the systematic empirical investigation of quantitative properties and phenomena and their relationships. The objective of quantitative research is to develop and employ mathematical models, theories and/or hypotheses pertaining to phenomena. The process of measurement is central to quantitative research because it provides the fundamental connection between empirical observation and mathematical expression of quantitative relationships. 定量研究 可用性工程 Usability Engineering 小游戏 任务（要求键盘输入） 发送短消息到手机13916099300，内容如下： “伊飒尔界面设计有限公司，地址：上海市浦东新区东方路738号裕 安大厦6楼620室，地铁2号线，4号线到世纪大道站1号出口，邮编： 200122，电话：021-50589231 E-Mail: shanghai@isaruid.com+姓名” 评价指标：时间+准确度 可用性（Usability）是交互式产品/系统的重要质量指标，指的是产品对用户来说有效、易学、高 效、好记、少错和令人满意的程度(Nielsen 1993.9)。 一．可用性的定义 ISO 9241-11国际标准对可用性作了如下定义：产品在特定使用环境下为特定用户用于特定用途时 所具有的有效性（effectiveness）、效率（efficiency）和用户主观满意度（satisfaction） (ISO/IEC 1998)。 有效性 effectiveness -用户完成特定任务和达到特定目标时所具有的正确和完整程度； 效率efficiency -用户完成任务的正确和完整程度与所使用资源（如时间）之间的比率； 满意度satisfaction -用户在使用产品过程中所感受到的主观满意和接受程度。 可用性意味着聚焦用户和使用者； 用户和使用者高效的使用产品； 用户和使用者希望快速完成任务； 用户和使用者希望产品好用。 一．可用性的定义
2013-05-07 一.可用性的定义 一，可用性的定义 hE-写Qmb城士了可用长北型 二.可用性工程 三.可用性研究方法 白八十年代以来，人们时产品可用性质量的重操疑进了可用性工程这一低多的壮风，开相应地死减 Analyze 了一个在学林州和工业州均十分病门的德城 方法/阶极 Design Test 卡片分类法Cad5 orting ★ ★ ★ 用性工乏拖以提离价产品可用性质量为日的的一列过、方法，技和标依 巧成去Contextual Interviews ★ 集点小阳Focus Groups ★ ★ ★ 可用性责量评价不是定量、一的特点，一直量一个点针对这一题，可用性工程领 5法n-dph1 nterviews ★ 域多年来微了许多尝敏务力，井正在取得型若的进顺，如的USR(he1nduy 几U5代时数力于提离玫件产甚可用胜项世的可见住，这主要是通边对故件产品的河两性质量透行 【在)直OnlineSurveys ★ 标准测供测的标在告格式来实的.这调叶划最线要达到三个的： 任务分折法Tb业Analysi水 ●鼓故件供应和果购商更好地理解用户的阿用胜需求和任务： 可用在评估志Usabilty Testing ★ ★ ◆建立一个通可用性质量段规范。使可用性息更加范利于阳百内和共享： ●速行洗脖试验来确它US可用性帮结提范的使用效和在软年果有+的使吧阶值. ★ ★ Format-CIF). 时地性的究方去口型省得 四.可用性评估流程 四.可用性评估流程 1定义测试的目标-目标（应该）驱动方法 在定义测妇标时二委考虑： ①设产品时能高业日标是什格？ 公用户和使河者需量用产品做什么？ ④方什么球在考娘用户和使用名的"声容？ ④鞋是测陆结的夜众”了 图些可以下为对试的刺形地？ 9
2013-05-07 9 Whitney Quesenbery提出了可用性5Es模型 Quesenbery, W. (2004). "Balancing the 5Es of Usability." Cutter IT Journal 17(2): 4-11. 一．可用性的定义 可用性定义树状图(Jokela, Iivari et al. 2003) Jokela, T., N. Iivari, et al. (2003). The standard of user-centered design and the standard definition of usability: analyzing ISO 13407 against ISO 9241-11, ACM. 一．可用性的定义 二．可用性工程 自八十年代以来，人们对产品可用性质量的重视促进了可用性工程这一概念的出现，并相应地形成 了一个在学术界和工业界均十分热门的领域。 可用性工程泛指以提高和评价产品可用性质量为目的的一系列过程、方法、技术和标准。 可用性质量评价不易定量、难以统一的特点，也一直是一个难点。针对这一同题，可用性工程领 域多年来做了许多尝试和努力，并正在取得显著的进展，例如美国的IUSR（the Industry Usability Reporting—IUSR）计划(Blanchard 1998)。 IUSR计划致力于提高软件产品可用性质量的可见性，这主要是通过对软件产品的可用性质量进行 标准测试并提供测试结果的标准报告格式来实现的．这项计划最终要达到三个目的： 鼓励软件供应商和采购商更好地理解用户的可用性需求和任务； 建立一个通用可用性质量报告规范，使可用性信息更加规范以利于相互沟通和共享； 进行先导试验来确定IUSR可用性报告规范的使用效果和在软件采购中的使用价值。 IUSR计划所开发的可用性质量测试结果的报告规范被称为通用工业规范(Common Industry Format—C1F)。 三．可用性研究方法 方法/阶段 Analyze Design Test 卡片分类法Card Sorting ★ ★ ★ 访谈法Contextual Interviews ★ 焦点小组法Focus Groups ★ ★ ★ 深访法In-depth Interviews ★ ★ ★ 原型法Prototyping ★ ★ （在线）调查(Online)Surveys ★ ★ ★ 任务分析法Task Analysis ★ 可用性评估法Usability Testing ★ ★ ★ 启发式评估Heuristic Evaluation ★ ★ 认知走查法Cognitive Walkthrough ★ ★ 可用性研究方法和适用阶段 四．可用性评估流程 1. 定义测试的目标-目标（应该）驱动方法 在定义测试目标时需要考虑： ① 设计产品时的商业目标是什么？ ② 用户和使用者希望用产品做什么？ ③ 为什么现在考虑用户和使用者的“声音”？ ④ 谁是测试结果的“观众”？ ⑤ 那些可以作为测试的刺激物？ ⑥ … … 四．可用性评估流程
2013-05-07 四.可用性评估流程 四.可用性评估流程 2.选择井确定方法 3.样本大小 考虑可选的测纺法，整于日标选择开确定最合适的方法： 可用性评档解本的大小需烫其是三个要求： 一收集志和元，保时期的想去和e出m199因)： ④爱气是的数更博示几于所有的可用性妈题： ②闲立法一一测￥受众著湾关注的事清旧止00图： ®队对的有效性有足够的白信： 一不装经号g到的德息和过理K19n0ndH0I0: ④包夏日伏裤范图内。 ④情景调直店一在工个环请中丁粮用户和装用睹的他息Bar and Holtzblat此19股 象卡片分线法一一解信意如何分失encer and的r抛200☑： 可用评 2010: 目前，关于式的用户数量有种观点， 一是lakob Nielen(isissn20m的S个电户寝点. 四.可用性评估流程 四.可用性评估流程 NielsonLand.由uer(Nilsen and landa应1羽3提出，在可乐受的测就成本花送内，使用不这过 2003年，2 ra Fauiknert做了一项研腕n0团，通过赋60个用户，机志取5个用户发我： 5个用户，即可达银好的测效果，他红提出了薄以人员的数量的公试： 平均来说，5个用户蓝了5的可用位河题，这点和Nekm的一效： 但是，机选取的5个用户，有一达到99%，有世任空55%： ProblemsFound(n)=N(1-(1-L)) 话章10个用户，平均E发司95%的可用性间题，量任的达到了80%： 智设一个可用性测储的测人男数量为，N力有可用性男发现的网起总数，是单个测赋人兴的 用户指量n 四.可用性评估流程 四.可用性评估流程 4.招特用户 4.招骑用户 为了招优秀的整与者，建议： 使用专业山的格薄代： 一个好的参与者 一个不王规的与者 开发转合利性相美者共的、所发的染与老的达， 代表产品的最使用名 乏代表，不具备但关的最用户的 贸品的企业设有关系，忘不是公如的 使甲就话闻有来内名蘑参与者： 支付合透的刺霸实业： 的表达地们验凌 安博两调的控奉时间。 对公司号有企出 来妇亮争者 不是的表达产品州直的德 有身体的限不论完城格定的任务【做设这世现材不在研究 两】 10
2013-05-07 10 2. 选择并确定方法 考虑可选的测试方法，基于目标选择并确定最合适的方法： ① 焦点小组法——收集态度和意见，探讨早期的想法和概念(Nielsen 1993)； ② 调查法——测量受众普遍关注的事情(Fink 2008)； ③ 访谈法——理解不能轻易观察到的信息和过程(Kvale 1996; King and Horrocks 2010)； ④ 情景调查法——在工作环境中了解用户和使用者的信息(Beyer and Holtzblatt 1998; Holtzblatt, Wendell et al. 2004)； ⑤ 卡片分类法——理解信息如何分类(Spencer and Warfel 2007)； ⑥ 可用性评估——测量并改善特定产品或界面的可用性(Rubin and Chisnell 2008; Krug 2010)； ⑦ … … 四．可用性评估流程 3. 样本大小 可用性评估样本的大小需要满足三个要求： ① 提供足够的数据揭示几乎所有的可用性问题； ② 让团队对数据的有效性有足够的自信； ③ 在项目预算范围内。 四．可用性评估流程 目前，关于测试的用户数量有种观点， 一是Jakob Nielsen(Nielsen 2000)的5个用户观点， 另一种是Laura Faulkner(Faulkner 2003)的15个用户观点。 四．可用性评估流程 Nielsen和Landauer(Nielsen and Landauer 1993)提出，在可承受的测试成本范围内，使用不超过 5个用户，即可达到很好的测试效果。他们提出了测试人员的数量的公式： 假设一个可用性测试的测试人员数量为n，N为所有可用性测试发现的问题总数，L是单个测试人员的 问题发现率。 ProblemsFound( ) (1 (1 ) )n n N L 84.36% 99.62% 99.94% 0% 10% 20% 30% 40% 50% 60% 70% 80% 90% 100% 0 2 4 6 8 10 12 14 16 18 20 发现的可用性问题 测试用户数量（n） 四．可用性评估流程 2003年，Laura Faulkner做了一项研究(Faulkner 2003)，通过测试60个用户，随机选取5个用户发现： •平均来说，5个用户覆盖了85%的可用性问题，这点和Nielsen的一致； •但是，随机选取的5个用户，有一些达到99%，有些却低至55%； •选取10个用户，平均能发现95%的可用性问题，最低的就达到了80%； 图 128 5-20个用户的研究结果比较 4. 招募用户 四．可用性评估流程 一个好的参与者 一个不理想的参与者 代表产品的最终使用者 缺乏代表性，不具备相关的最终用户的特征 和产品的企业没有关系，也不是公司的 雇员 和产品、团队或相关领域有特别的联系 愿意并能够明确的表达他们的体验和使 用产品的反馈 对公司另有企图 来自竞争者 不能清楚的表达产品或界面的语言 有身体的限制不能完成特定的任务（假设这些限制不在研究 范围内） 好的参与者的特点 4. 招募用户 四．可用性评估流程 为了招募到优秀的参与者，建议： •使用专业的招募代理； •开发符合利益相关者共识的、所期望的参与者的描述。 •使用筛选问卷来帮助招募参与者； •支付合适的刺激奖励； •安排两周的招募时间