信息交互设计- 课件 第3、4章 设计定义、信息架构

信息交互设计第三章-设计定义从用户需求到设计定义在产品生命周期中，需求分析的下一个重要环节是如何将需求作为输入，转换成设计元素。从设计管理的角度，能否将庞杂和结构性差的需求点有效转化成目标产品的设计元素或属性是设计定义阶段的重点。数量收敛与质量提升找到设计定义阶段的重点是一个从数量上收敛需求的过程，也是一个从质量上结合企业能力、竞争对手表现、行业趋势与用户洞察等将需求与设计进行连接、对需求进行分类和取舍的过程。从第一阶段发现的各类问题与需求出发，进行设计创意与创新，为解决问题和满足需求提出合理的方案。创意方向的影响因素设计创意与创新时需要考虑多个因素，如公司的战略、设计对象在整个产品体系中的位置、竞争对手表现、可用的技术解决方案、商业利益等.在众多因素中，目标客户的需求是核心。需求的表现形式-I型需求I型需求是以相关利益者尤其是目标用户体验视角来描述的，这类需求通常是以客户而非设计师的语言表达出来的，有时具有一定的模糊性。对于I型需求，重要的是能从设计师的专业角度，为这类模糊性的需求找到可能的具体设计方案，将模糊需求落实到具体的产品设计中。需求的表现形式-II型需求II型需求是以设计语言或技术语言来描述的，比如用户说喜欢“扁平化设计”“卡片式布局”。对于II型需求，避免陷入“凡是用户讲的都要满足”的误区，不要因用户提出的具体需求“一叶障目，不见森林”。福特汽车的启发以福特汽车的观点为例，“如果我问用户他们想要什么，他们会说一匹更快的马”。在这个例子中，客户不只提出了需求“更快”，也提出了设计解决方案“马”。从为需求提供设计解决方案的角度，“更快”是设计创意发散的出发点，“马”则是设计解决方案之一，但不是唯一的解决方案。福特汽车的启发这种需求有两个受限条件，一是在当时的条件下“马”的速度已经达到了“马”这类物种的生理极限；二是当时的用户作为乘客其思维与认知受到当时的交通工具形态的限制，能想出的满足自己需求的设计形态囿于各种“马”中。设计师的天职提出问题和期望是用户的天职，而提供解决方案来处理用户的问题和期望则是设计师的天职。正如乔布斯所讲，“你需要从客户体验出发倒推需要什么技术，而非在技术开发出来之后才思考怎么把技术卖给客户”。需求到设计的转化困境在将需求转化为设计解决方案时，容易遇到需求遗漏和需求放大的问题，导致先前需求分析的结果没有得到充分的挖掘和利用。需求遗漏是指需求项被主动或被动地忽略，因此在最终的设计创意中缺少针对这些需求项的解决方案。质量功能部署为了高质量地完成从需求到设计的转化，需求管理领域的专业人士探索了多种方法，质量功能部署（QualityFunctionDeployment,QFD）是其中经实践证明最为有效的方法之一。QFD是一种将客户的需求转化为服务或产品的设计、功能、品牌、生产、制造、运营等方面的定量参数，继而部署到产品创意、设计、开发、制造、营销、服务等产品生命周期各阶段中特定要素的产品质量管理方法。质量功能部署QFD方法最早由日本质量管理专家赤尾洋二和水野滋在20世纪60年代提出。1945年之后的几十年间，日本汽车行业通过对汽车客户需求的敏锐洞察，发现美式大排量汽车受石油危机影响对普通消费者而言使用成本高，找到了一条高性价比的汽车发展道路。日本工业崛起的过程中，日本企业对于消费者需求的关注，以及日本质量管理界提出的一系列消费者洞察相关的方法论无疑起到了重要作用。模糊前端设计过程的一个特点是，在开始阶段用户的需求和设计的目标往往是模糊的，称为模糊前端（FuzzyFrontEnd）。因此，能否将模糊的需求清晰化，并转化为设计属性至关重要。质量屋（HouseofQuality）质量屋是QFD方法论体系中的一个重要部分，其为将客户需求转化为设计属性提供了一种简捷、易用的方法与工具。HoQ适用于完成需求分析之后的阶段，这时需要考虑如何将需求分析的结果转化为设计师等企业内部人员可理解的专业语言，从而变成工作的一部分。从设计创新的角度，HoQ或QFD的整套方法论既可以用于改善性设计活动，也适用于突破性设计创新活动。质量屋（HouseofQuality）如图所示，HoQ以客户需求-设计创意（产品需求）关系矩阵为中心，包括客户需求集（列表）与权重，设计创意集（列表）及创意关系矩阵、客户需求满足程度、设计机会点、设计创意对解决客户需求的权重等构成。用户需求列表在将需求转换成设计解决方案前，需要先梳理好需要转换的需求列表，即需求分析阶段形成的需求集。需求集中的需求项为I型需求，即从用户视角表述的需求，可以是体验上的痛点与期望等，如“流程烦琐”“界面杂乱”“更小清新些”等。用户需求的权重分析通常一个产品或服务所承载的功能与设计创新点有限，无法充分满足所有的用户需求。当需求点两两之间可相互比较且数量较少时，可采用层次分析法（AnalyticalHierarchyProcess，AHP）来确定需求项的相对权重；当两个或以上需求点无法直接比较或需求点数量多时，可采用对需求点的可比较性无要求的卡片分类、卡诺法等对需求的重要性进行分析。竞品分析与红海需求有的需求点竞品已经提供了比较多的解决方案，这类需求可称为红海需求。进入红海需求的可能是由思维定势引起的需求点。比如，“想喝水”这样一个需求点，从马斯洛需求层次来看，既可能是一个低层次的“生理需求”，也可能是看到其他小孩子在喝水，从众行为驱动的需求；因此，在遇到红海需求时，也可以突破思维定势，思考是否可以超越需求的“原始属性”，提出与竞品有所不同的差异化设计创新方案。针对需求点的创意发散用户需求始终是HoQ中设计创意方案发散的约束条件。这意味着在提出每个设计创意方案时都要思考：这样的一个方案、功能或设计元素对于满足对应的用户需求是否有帮助？以及通过什么方法满足用户需求？可以对设计创意点的互吸/互斥情况进行分析，以检验互相之间的关系。设计创意点与用户需求的关联度分析可以用定量的方法描述个需求点和设计创意方案的关联性。本书用表示第i个需求点和第j个设计创意点的关联性。基于可以计算某个用户需求点和所有设计创意点的关联性总和，以及某个用户需求点所处行的总和。

理论最小值为0，若为0则说明目前通过设计创意找到的所有设计解决方案与这个用户需求点都没有关联性，如果这个用户需求点很重要，就需要有针对性地再次进行设计创意。关联性总和

设计创意点与用户需求的关联度分析冗余度计算

可以计算（）的分布情况分析设计解决方案在某个需求点上的冗余度。若标准差为0，意味着所有设计解决方案与某个用户需求点关联性相同，若平均值比较小，说明还未找到有效设计方案，若平均值较大，说明设计方案已经达到饱和状态。这些指标还可以用来分析设计解决方案是否冗余，计算公式如下：标准差较大，意味着目前的设计解决方案与某个用户需求点的关联性差异较大，这时如果平均值

比较小，说明多数设计解决方案都无法有效解决用户需求。设计创意点与用户需求的关联度分析还可以检验各个设计创意点（）对解决用户需求点的贡献性大小之和（），若和为0，说明属于无效创意。当两个设计创意点贡献大小之和相等，标准差更大的仅解决部分问题，标准差更小的则属于“普惠性”创意；但要注意，“普惠性”创意也可能是由于不够聚焦导致，还需要做二次创意发散。创意的贡献机会分析在质量屋的右侧加一个房间，可以分析直接、间接与潜在竞争对手对每个用户需求点的满足程度，可以据此分析解决这个用户需求点能给企业带来多少机会。在质量屋的底端加一个房间，可以分析直接、间接与潜在竞争对手在每个创意解决方案上的实现程度，之后据此分析采用各创意解决方案能给企业带来多少机会。创意点到解决方案最后需要结合企业的前端技术平台、终端形态、运营需要等，将这些设计创意点组合为一个可供用户使用的信息交互产品。可以使用一些相对成熟的产品模型来验证设计创意点的合理度，比如使用用户体验的5要素模型，分析各设计创意点在战略层、范围层、结构层、框架层和表现层上的分布情况。平衡计分卡平衡计分卡（BalancedScorecard,BSC)为评价一个设计方案提供了一个由多维指标构成的方法。如图所示，可以借用平衡计分卡来对设计方案从财务与非财务两个角度进行收益分析，结合公司的整体战略选择合适的方案。特点是能将企业的长期愿景和宏观发展战略与内部职能部门的行动计划与业绩评价指标联系起来。卡诺模型（KanoAnalysisModel）在将用户需求点转化成设计创意点后，可以基于这些设计创意点对用户满意度的影响对其进行分类。卡诺模型就是一种可以从情感反应角度测量和分析用户对设计创意点满意度的方法。卡诺模型由日本东京理工大学教授狩野纪昭（NoriakiKano）在20世纪80年代提出，也被称为“客户满意度与实施投资”方法。它是一种分析工具，可以帮助设计师了解如何衡量和探索客户对产品或功能的情感反应。卡诺模型（KanoAnalysisModel）在卡诺模型中，一个设计创意的卡诺属性取决于用户对这个创意点在两个问题上的回答结果。正面：当产品具备此功能，你的感觉如何？反面：当产品不具备此功能，你的感觉如何？五级量表：沮丧不满意中性满意开心双向提问机制卡诺模型的属性分类必须属性（Must-beFeatures）是用户认为一个产品或服务所必须具有的属性，比如一个视频类网站产品中，调节播放窗口大小模式功能就是一个必须属性。当用户对产品具有某个设计创意点的情感反应是中性，对产品不具有某个设计创意点的情感反应是负面（沮丧或不满意）时，这个设计创意点对产品而言就属于必须属性。从对产品满意度贡献的角度，必须属性不会提升产品的满意度，但会损害产品的满意度。必须属性卡诺模型的属性分类绩效属性（PerformanceFeature）是用户期望一个产品所具有的属性。绩效属性是直接决定用户对一个产品满意或不满意的属性，与产品的满意度线性相关，因此又称为“一元属性”。当用户对产品具有某个设计创意点的情感反应是正面（满意或开心），对产品不具有某个设计创意点的情感反应是负面（沮丧或不满意）时，这个设计创意点对产品而言就属于绩效属性。从对产品满意度贡献的角度看，绩效属性既可提升产品的满意度，也可损害产品的满意度。绩效属性卡诺模型的属性分类魅力属性（AttractiveFeature）是能给用户带来兴奋与喜悦的属性。当用户对产品具有某个设计创意点的情感反应是非常正面，对产品不具有某个设计创意点的反应是中性时，这个创意点对产品而言属于魅力属性。卡诺属性会随时间推移变化，出现属性下沉现象，比如吹风机的调节风速功能，当某产品制造商刚推出此项功能时，相对竞争对手而言属于绩效属性甚至魅力属性，但随着其它竞争对手陆续推出此项功能，就会下沉为必须属性。魅力属性卡诺模型的属性分类无关属性（IndifferentFeature）是对用户满意度不会产生任何影响的属性。当用户对产品具有某个设计创意点的情感反应是中性，对产品不具有某个设计创意点的情感反应也是中性时，这个设计创意点对产品而言就属于无关属性。无关属性过多时意味着设计创意阶段提出的设计创意点偏离了大方向，这时需要思考是否创意点背离了产品的定位。无关属性卡诺模型的属性分类反向属性（ReverseFeature）是仅能给用户带来沮丧与不满意的设计属性，这种属性是用户不希望某产品或服务会提供的。反向属性对产品满意度的贡献与绩效属性正好相反。视频类网站中的广告是非常典型的反向属性，是为了产品的商业利益而损害用户体验的功能。这时就需要在商业利益和用户满意度间权衡利弊。反向属性卡诺模型的属性分类用户对产品具有某个设计创意点的情感反应是开心，对产品不具有某个设计创意点的情感反应也是开心时，我们就可以怀疑用户有可能没有理解或认真思考这个问题，可以将其列为无效数据。无效属性卡诺属性的统计计算方法二维矩阵分类：通过交叉分析正反向问题的答案，将每个用户的反馈归类。频数统计：举一个具体的例子，以250位用户调研为例，其中：必须属性：125人绩效属性：78人魅力属性：27人其他：20人（无关、反向）原始数据解读卡诺属性的统计计算方法如何验证抽样调查的结果能推广到用户总体？→使用卡方检验或非参数检验（数值＜5时）来验证分类结果是否具有显著性。需要对比实际观察值与理论期望值的差异。假设前提：零假设：用户将创意点归为5类属性的人数是相等的（即纯随机分布）。卡方检验卡诺属性的统计计算方法以刚才250人的例子为例，可以计算得到卡方值为203，计算结果如下：查表可知自由度df=4，该结果出现的概率p小于0.01。结论：有极高的把握推断，在该案例中，样本数据的分布并非随机产生，该设计点确实主要表现为“必须属性”。卡方检验卡诺属性的统计计算方法上述提到的归类法较为单纯，忽略了其他类别中包含的满意度信息（例如部分用户认为是魅力属性，这个信息本身就具有价值）。MikeTimko方法：引入满意度系数（Better）和不满意系数（Worse）。目的：量化当功能“提供”或“缺失”时对用户情感具体的冲击程度。满意度系数分析卡诺属性的统计计算方法变量说明：A=魅力（Attractive）O=绩效（One-dimensional）M=必须（Mandatory）I=无关（Indifferent）R=反向（Reverse）用户对产品的满意程度提升系数和损害系数的计算公式如右图所示。通常情况下，Better和Worse的取值范围为[0,1]。当一个需求点的用户对产品的满意度提升系数小于0，这些需求点只会带来损害。满意度系数分析卡诺属性的统计计算方法为了更准确地判断某个属性的Better与Worse系数在用户总体中的情况，可以看各自的置信区间（ConfidenceInterval,CI）处于什么范围。其计算公式右图：各参数说明：p为Better或Worse值n为调查的样本量CV通常为选择的某置信水平对应的t分布的双尾区间点或关键值。CV值可通过查t分布表或使用Excel函数获得自由度为n-1，使用excel函数时probability为1-CL。置信区间卡诺属性的统计计算方法以先前提到的250人统计数据为例计算Better和Worse系数，并计算置信区间：可以看出，此设计创意点的损害大于提升。置信区间卡诺属性的统计计算方法基于以下公式计算p值：再把计算得到的Z值和人口总数250代Excel表格的NORM.S.DIST函数，则可得到p值小于0.01。可以认为此设计创意点的满意度提升系数小于其损害系数具有统计学意义。显著性验证卡诺属性的可视化基于满意度提升/损害系数以及具有/不具有时用户的满意度评分结果，还可以将设计创意点放在一个如图所示的二维空间中，快速地了解各设计创意点在卡诺属性分类上的分布情况。信息交互设计第四章-信息架构信息架构

在互联网时代，人们通过网站和移动应用等交互产品来获取大量信息。这些产品通过有效的信息组织、导航、标签、搜索设计，能够为用户呈现合理、有意义的信息架构，给用户带来良好的体验。设计者在进行信息架构设计时，需要考虑用户的需求和行为，为信息建立明确的组织结构，提升产品的可用性和用户满意度。信息架构

信息架构

组织系统(Organizationsystems)如何组织信息，例如，依据主题、用户或字母顺序导航系统(Navigationsystems)如何支持用户在内容间移动搜索系统(Searchsystems)如何搜索信息标签系统(Labelingsystems)如何表示信息，例如科学术语或通俗术语组织体系－精确性组织体系

按时间组织体系－精确性组织体系

按字母顺序组织体系－精确性组织体系

按地理位置组织体系－精确性组织体系

按类别组织体系－精确性组织体系

按层次组织体系－模糊性组织体系

模糊性组织体系通常比精确性组织体系更重要、更有用，以典型的图书馆目录为例，有三种主要的组织体系：你可以用作者、书名或主题搜索图书。作者和书名的组织体系具有精确性，然而，深入研究后发现，图书馆的使用者通常使用基于主题的模糊性组织体系构建模糊性组织体系比较费功夫，而且会引入相当多的主观性成分，然而，其对用户的价值往往超过精确性组织体系严格的用户测试是必要的举措组织体系－模糊性组织体系

按主题组织体系－模糊性组织体系

按主题组织体系－模糊性组织体系

按用户有时候，网站或企业网络会有两组以上可以清楚界定出来的用户。这个时候采用以用户为主体的体系就有其意义。组织体系－模糊性组织体系

按隐喻隐喻时常帮助用户以熟悉的东西了解新的东西。台式电脑的文件夹、回收站等都是实例。探索用隐喻设计的组织体系过程中，也会对网站的设计、组织和功能产生新奇和令人惊叹的想法。对Teletubbies而言，因为多数目标用户都不识字，包罗万象的视觉隐喻法是很棒的办法。组织体系－模糊性组织体系

慎重使用，如MSBOB它是微软于1995年推出的一款产品使用前必须用户登录，点击门环再从用户列表中选出自己。如果列表中没有，必须注册，看上去用户具有“私人”空间组织体系－模糊性组织体系

组织体系－混合组织体系

混合体系混合体系相当常见，这是因为我们很难全都认同某种体系，所以我们会把多种体系组合起来当多种体系要放在一张网页上时，设计者最好将各种体系放置于网页上不同的位置，为用户保留住心智模型。使网站提供灵活性，同时不会造成困惑组织体系－混合组织体系

组织体系－混合组织体系

信息架构形式

导航系统

在现实生活中，迷路不是好事，那会伴随困惑、沮丧、愤怒和恐惧。为了应对这种危险，我们开发了导航工具，以避免迷路，从面包屑到罗盘、地图、街上的路标，以及全球定位系统。人类在导航工具和寻路策略的设计与应用方面展现了十足的创意。对Web而言，导航还不是生死攸关的问题。然而，如果在网站上迷了路，也是很令人困惑和沮丧的结构和组织与建造房间有关，而导航设计则是增加门窗和标识结构、组织、标签、浏览以及搜索系统，都对有效的导航做出贡献导航系统

导航系统

导航系统

导航系统

导航-全局导航

全局导航是指出现在网站顶部或移动应用底部的导航条，用于显示网站或移动应用的主要功能、页面或区域，用户可以从产品中的任何位置访问它们。全局导航通常以水平的导航条的形式呈现，并且在产品的不同页面上具有相同的结构和位置，以提供一致的用户体验。全局导航可以提高用户的使用效率和体验，使用户更容易找到所需的功能和内容，从而提高网站或移动应用的可用性和用户满意度。然而，全局导航的空间有限，可能无法容纳所有功能和内容，设计者在实际应用时需要对其进行筛选和优化。同时，全局导航要求用户先了解和熟悉导航的结构和功能，这对新用户来说可能存在一定的学习成本。此外，在移动端设备上，全局导航的空间更为有限，需要设计者进行更多的优化。导航-全局导航

导航-全局导航

导航-局部导航

局部导航用于辅助全局导航，能够帮助用户快捷地访问网站或移动应用的各个部分。网站或移动应用的局部导航通常放在页面的特定位置，例如页面的顶部、侧边栏、底部等位置。值得注意的是，设计者需要考虑局部导航的布局和排版，以确保它们不会分散用户的注意力，同时避免它们在页面上占用过多的空间，导致页面混乱。导航-局部导航

导航-情景导航

情景导航是指在特定场景下提供的导航方式，其目的在于帮助用户完成特定的任务或浏览特定的内容。通常，情景导航会在特定页面或功能模块中出现，并根据用户当前的环境和目的来提供相应的导航和操作方式。情景导航的优点在于可以提高用户的操作效率，让用户更容易找到和使用相关功能。在特定场景下，情景导航还可以提供更加精细的操作方式，帮助用户更加方便地完成任务。导航-情景导航

导航-面包屑导航

面包屑导航是一种辅助性导航，用于显示当前页面在网站结构中的位置，以及提示如何返回上一级页面。它通常位于页面顶部或者页面主要内容的下方，并以线性方式展示出从网站首页到当前页面的路径。面包屑导航不仅提供了导航功能，还有助于提升用户对网站结构的理解。然而，在页面结构复杂的情况下，面包屑导航的路径会变得很长，不同页面的路径长度也会不一致，这可能会给用户带来混乱感。导航-面包屑导航

导航-站点地图

站点地图是一种提供网站内容和结构的完整视图的导航方式，使用户可以轻松地找到所需信息。它通常以树形结构呈现，展示网站的所有主要内容，如主页、分类目录、文章列表等。站点地图的优点在于它可以提供一个简单的、易于访问的网站结构视图，为用户提供一种直观、快捷的方式来了解网站内容的组织结构。同时，站点地图也可以帮助搜索引擎更好地理解网站结构，从而更好地索引网站内容，提升网站在搜索引擎中的排名。然而，在网站内容非常丰富、结构复杂的情况下，站点地图很容易变得复杂、臃肿，难以有效地传达网站结构和内容信息。导航-站点地图

导航-抽屉导航

抽屉导航/图标式导航/隐藏式菜单导航汉堡图标/三道杠最早出现在1981年的个人工作站XeroxStar许多移动端应用纷纷使用了这样的导航方式，一时之间成为一种设计的趋势导航-抽屉导航的问题

首先，给导航增加了额外的操作原本一次点击就可以到达具体页面，现在需要两次。当然，这不仅仅是汉堡图标的问题，它是所有隐藏式风格导航的问题。其次，隐藏了导航的内容从用户体验的观点来看，用户不应该为了解自己能做什么，而做出任何动作。“分享到Twitter”或“付款”这些操作若不是近在眼前，太容易被用户忽略。用户根本不会去找他们不知道的链接最后，汉堡图标隐藏了网站的当前状态，还有用户所在的位置菜单中的按下状态为用户提供了前后关联信息，而抽屉导航则使它变得隐晦标签

标签(Label)的命名是一种表达形式。就像我们使用口头语言来表达概念和想法那样，我们用标签代表网站上的许多信息例如，“联系我们”就是一种标签，代表一块内容，通常会包括联系人姓名、地址、电话、传真和电子邮箱。你不可能在相当拥挤的网页上把这些信息全部描述出来。文字标签

文字标签主要分为以下几种类型：上下文链接、标题、导航系统、索引词。上下文链接是出现在文档正文或信息块中的文本，通常用于在站点的不同页面之间创建链接，这些链接依赖于上下文。为确保上下文链接标签具有代表性，设计者需重点思考用户期望看到的信息内容。标题标签用于在文本中建立层次结构，这些层次关系通常通过编号、字体大小、颜色、样式、空格和缩进等方式直观地建立。保持标题标签的一致性很重要，因为用户需要它们来指导下一步该从哪里开始，以及在一个完整操作流程中每一步将涉及哪些动作。图标标签

图标标签最常被用作移动端交互系统中导航系统的标签，有时也被用作标题。由于图标标签所表达的意义比文本更加有限，因此它们主要用于导航系统或选项列表。此外，图标标签受限于用户的文化程度与文化背景，这就要求在设计时尽可能采用多数用户能理解的符号隐喻，从而压缩信息传达的空间。标签系统-可能问题

标签的代表性不够标签无法代表它们所链接的内容或者没有把相似的东西编组在一起标签行话成分重，没有以用户为中心像SuperGraphics这一类的标签，是网站以公司内部的行话设计的，可能公司的员工会觉得那些标签十分清晰和明显，而且具有启发性，但用户并不能理解标签不一致风格、用法、粒度标签系统-约定俗成术语

主页/首页——Main,MainPage,Home搜索(Search),寻找(Find）,浏览(Browse）网站地图(SiteMap),内容(Contents),目录(TableofContents),索引(Index)联系我们——Contact,ContactUs帮助——Help,FAQ,FrequentlyAskedQuestions新闻——News,News&Events,News&Announcements,Announcements关于我们——About,AboutUs,About<companyname>,WhoWeAre搜索

搜索是信息交互产品中经常使用的功能，它可以