产品经理-交互设计完整入门指南

交互设计完整入门指南交互设计起源于web图形界面设计，但到今天已经发展成一个独立领域。不仅仅是处理文本和图片，交互设计师要负责创造上任何一个和用户体验相关的元素：点击、滑动、键入等。对于有兴趣更多了解交互装配设计的人来说，本文是一个极佳的起点。为此，我们将从相关现代史、指导原则、杰出贡献者和工具等方面简要介绍这个引人入胜的。交互设计协会（IxDA）的定义如下：［“系统内交互模块化定义了交互系统的结构和行为，交互设计师致力于在人们和他们使用的产品和产品与服务之间建立有意义使用的关系，从计算机到移动设备再应用领域到应用等。交互设计的实践范围与世界的发展同步。”从首个屏幕被设计的那天那天起，交互外观设计就诞生了，从按钮、链接到表单字段都是交互设计的一部分。在过去的几十年中，出版了许多书籍从各方面来解释设计，并探索它平行与体验设计交叠重叠的方式。］交互设计已经发展成为促进人与环境之间关系的交互，与考虑系统内所有与用户有关的因素的体验设计各不相同，交互设计师只需关注用户与某类屏幕之间的特定交互。当然，在实践中并没有这么实践证明模糊的界限。虽然交互模块化涵盖7Web站点、垂直应用程序等类型，但依然存在一些可供所有设计人员借鉴的方法。这里我们将探讨一些罕见的方法：目标驱动设计、可用性、五个维度、认知心理学和人机界面指南。1目标驱动设计AlanCooper最早在他的著作《TheInmatesAreRunningtheAsylum:WhyHigh-TechProductsDriveUsCrazyandHowtoRestoretheSanity》（1999年出版）中才提出了目标驱动的设计方法。Alan将目标驱动设计定义为一个“把解决问题作为最高优先级”设计。换句话说，目标驱动设计模块化首先关注的是满足最终用户的特定需求和愿望，而不是旧人体工学方法，后者侧重于技术方面的可行性。在今天开来，Alan提出的一些观点非常似乎很事实上，因为设计师很少仅根据开发交互式限制来选择交互。然而，从本质上讲，以“满足普通用户的愿望需求和愿望”为设计出发点目的在今天同样有必要。Alan认为在目标驱动设计的过程中，需要作为交互人机交互设计师的我们进行五次转变。n（1）Designfirst，programsecond”设计第一，程序第二。换句话说，目标驱动设计首先必须考虑用户如何交互以及界面如何展现，而不是从技术考虑开始。（2）Separateresponsibilityfordesignfromresponsibilityforprogramming：将设计者责任与编程编程责任分开，指的是对最终用户负责的交互设计师的必要性，而不宜担心技术限制，设计师应该信任他开发人员能够处理技术方面的问题。事实上，AlanCooper认为如果不这样搞，设计师就会陷入利益冲突。（3）Holddesignersresponsibleforproductqualityandusersatisfaction让设计师对产品质量和用户室内设计满意度负责，虽然利益相关者或客户会有自己的考量，但交互设计师对屏幕另一侧的用户负有责任。n（4）Defineonespecificuserforyourproduct]为您的产品定义一个特定用户，这个特殊的想法现在已经发展成为与用户相关的东西：人物角色。然而，Alan提醒我们将人物角色连接回产品，并不断问：这个人会在哪里采用它？他们是谁？他们想要基本完成什么？（5）Workinteamsoftwo]以两人一组的方式此项工作。最后，交互设计师不应该在孤岛中真实世界工作，与AlanCooper称之为“设计沟通者”的其他人的业务合作是关键。虽然Alan在1999年设想的设计传播者，通常是为产品提供营销文案的广告撰稿人，但今天已经扩展到包括项目经理、内容策略师、信息架构师在内的许多人。可用性可用性可能让人觉得是一个的术语，但从本质上讲，雕塑家们只是在问：“有人能轻易地使用它吗？”书上和网络上有很多解读，我们一起回顾这些不同的解释来看看其中的共同主题和细微差别。在AlanDix>JanetE.Finlay、GregoryD.Abowd、RussellBeale等人合著的《HumanComputerInteraction》一书中，可用性有三个原则：]同时，Nielsen和Schneiderman解释说可用性是由写道五个原则共同组成的：国际标准（ISO9241）也将可用性分解为五个六个原则：［显然，有界面一些共同的切入点构成了界面“可用”的含义。稳定度无论设计师遵循什么样的可用性原则，对任何界面来说，它非常重要都是一个重要的考虑风险因素。五个维度在BillMoggridge的《DesigningInteractions》一书中，交互设计重要领域的学者GillianCramptonSmith介绍了“交互设计语言”的四个维度的术语。换句话说，这些维度构成了交互本身，因此它们构成了用户和屏幕之间的。最初的四个维度是：文字、视觉表现、物理对象或空间、以及时间。最近，IDEXX实验室的高级交互美术设计KevinSilver又增加了第五维度：行为。［使用这五个维度，交互设计师可以更关注在与系统沟通和连接时的体验。认知心理学认知社会心理学所研究研究的是大脑如何工作，以及在那里发生了什么心理过程。根据美国心理学协会认知科学的说法，这些过程包括：“注意力、语言使用、记忆、感知、解决问题、创造力和思考”。虽然心理学是一个非常广泛的领域，但有几个关键元素是特别值得重视的，事实上一定程度上助推了于交互设计领域的形成。DonNorman在他的书《TheDesignofEverydayThings》中提到了许多。下文是其中一部分：1人机界面指南这个描述可能有点不恰当，实际上并没有术语表一套确定的人机界面指南。然而，创建人机界面指南背后本身就是一种方法论。大多数主要技术研发企业都制定了指南，包括Apple和Android,Java和Windowso它们的目标都是一样的：向潜在的人员和开发人员提供建议和指导，以帮助他们创建通用的直观界面和程序。交互设计师是整个开发过程中的参与者，他们有一系列对项目投资团队至关重要的工作要完成，包括制定设计策略、确定线框图关键交互和原型交互等。设计策略虽然条条框框比较模糊，但可以肯定的是：交互搞清楚设计师需要知道他们为谁设计，以及用户首要目标是什么。通常，这是由用户研究员直接提供的。反过来，设计师要评估目标并制定设计策略，要么独立完成，要么是在团队其他设计师的帮助下完成。新策略设计策略将帮助团队成员理解，需要通过哪些交互来长远目标推动用户目标。线框图及关键交互在交互很好地了解设计策略之后，他们可以制做开始绘制界面以及必要的交互。这里的关键在于细节：一些专业人士会在记事本/白板上记录这些交互，而另一些人会使用桌面应用程序来帮助他们完成这个过程，还有一些人会使用两者的组合。或协作完成或独立完成，这完全取决于交互设计师室内设计及其特定的工作流程。原型根据项目流程，交互设计师的下一步要的是创建原型。团队可以多种方式对交互进行原型设计，这里不再详细介绍，例如：html/css原型或纸质原型。保持进步成为一名交互设计师的最难部分之一就是应对行业变革的速度，每天，新的设计师都会将媒介推向不同的方向，而用户希望这些新的互动方式能够出现你的的网站上。谨慎的互动设计师会通过不断探索进行新的互动，并利用新技术来应对这种演变。但同时需要明确正确的互动的技术才是最能满足角色需求或，而不一定是哪些最新的或最令人兴奋的，交互设计师也思想通过关注社交媒体上的可以领袖以推动自己读书和进步。AlanCooperAlanCooper于1992年联合创立了Cooper公司，他以在软件设计各个领域中人性化技术方面开创性的教育工作工作而闻名。他还著有《AboutFace:TheEssentialsofInteractionDesign》（1-4版）和《TheInmatesAreRunningtheAsylum:WhyHigh-TechProductsDriveUsCrazyandHowtoRestoretheSanity》等书，被认为是“VisualBasic之父”。他还创造了长远目标导向的设计方法，并发明了“personas”（角色）这种实用的交互设计工具，以创造出令用户满意的高科技产品。BradFrostBradFrost正在领导一次变革“DeathtoBullshit”（死于废话）。“DeathtoBullshit”的目标是“呼唤让世界摆脱胡说八道的呐喊，以及尊重用户和他们的的需求体验。”BradFrost以网页设计师的经验鼓励同行作为作家、顾问和演讲者参与到这次变革中。虽然Brad在技术上是一名前端开发人员，但开发人员和交互设计师之间的界限本就不明显，他的工作对交互设计社区产生了巨大，当前部分原因在于他创建成因的工具和资源。这些资源包括：ThisIsResponsive、PatternLab、Styleguides.io、WTFMobileWeb和MobileWebBestPractices。Brad还提出了AtomicDesign(原子设计)的概念，并写了一本书。WhitneyHessWhitneyHess给自己的人生使命是"让人性重回商业”，Whitney致力于推动“DesigningYourself”，除了写在自己的博客PleasurePain中，还在全球的会议和协会发表演讲时。她在卡内基梅隆大学(CarnegieMellonUniversity)获得人机交互硕士学位、专业写作和HCI学士学位，并于2021年成为NewVenturesWest的认证教练。［KimGoodwinKimGoodwin是畅销书《DesigningfortheDigitalAge》的我，Kim目前为航空、消费电子和零售等不同行业的客户咨询服务。在过去十年的大部分时间里，她在Cooper公司担任副总裁、设计和总经理，负责交互、美感和工业设计师的综合综合实践，以及著名的“CooperU”设计课程的开发。她丰富的经验和对教学的热情，使她世界各地会议和协会的作家和演说家。BrendaLaurelBrendaLaurel参与了人类使用计算机的几个主要变革：虚拟现实，互动叙事以及一些新的游戏和算法。她曾加州艺术学院设计研究生课程的创始主席和教授，她曾在Atari工作，和别人共同创办了游戏开发公司PurpleMoon，并担任多家公司的互动几家设计顾问，包括：SonyPictures、Apple和CitibankoMatMarquisMatMarquis是另一位互动设计师，他模糊了设计师和开发人员之间的界限。他是AListApart的技术编辑，负责设计师和开发人员的文章，以帮助万雅的教育，他还参加过几次AnEventApart的会议。他是ResponsiveImagesCommunityGroup的主席，这是一个在响应式设计中寻求图像解决方案的组织。他还是开源社区的积极成员，帮助其他设计师通过相互合作来推动他们的工作。Mat最近在一家建立开源项目的网络平台咨询公司Bocoup。KarenMcGraneKaren花费了超过15年的时间通过可用性、用户体验设计和内容新策略策略使网络变得更加美好。2006年，她创立了BondArt+Science，这是一家为TheAtlantic，FastCompany，FranklinTempleton以及Fidelity等公司提供用户体验咨询的公司。nKaren参与内容策略、用户体验和信息架构的视听享受其他工作，并在纽约视觉艺术学院的交互设计课程产品设计中教授设计管理。除此之外，Karen还担任系统风险投资公司IgniteVenturePartners的数字副总裁，并通过ABookApart平台编写ContentStrategyforMobileandGoingResponsive的内容。MikeMonteiroMikeMonteiro是Mule的联合创始人，Mule是一家以探索位置领域而闻名的设计，包括：内容策略、在线认证、以及通过经典永恒的设计把尖端网络技术融合在一起。Mike已经写了两本书，《DesignIsaJob》和《You’reMyFavoriteClient》。在这本书中，他向世界宣扬他当今世界对努力工作的热爱，自我意识以及优秀裁缝的重要性。Mike继续在世界各地的会议和聚会上进行前卫的真诚的演讲，例如：“ThisistheGoldenAgeofDesign(andwe’rescrewed)”类似的主题。TheresaNeilTheresaNeil是一位德克萨斯州奥斯汀市的体验顾问，自2001年以来，她主导了100多个网络，桌面图形用户界面和移动应用软件的设计。客户包括财富500强企业，非营利性非营利组织和奥斯汀市本地的初创企业。她与BillScott（设计师和开发者）共同撰写了《DesigningWebInterfaces》一书，并撰写了《MobileDesignPatternGallery》以帮助设计人员进行移动应用和智能手机设计。上看到。DonNormanDonNorman研究真实的人如何与设计互动，探索设计师的意图与普通人的实际需求的鸿沟，他的作品已经成为了经典书籍，包括《TheDesignofEverydayThings》在内，这本书设计被认为是用户畅享设计经典的入门书籍。DanSafferDanSaffer在Twitter工作，负责战略设计项目。他以前是Jawbone的新产品创意市场总监，在那里他为穿戴可设备和消费电子产品设计了下一代产品和服务。Dan撰写了许多关于设计的书籍，包括《DesigningDevices》、《DesigningforInteraction》、《DesigningGesturalInterfaces》他的新作《Microinteractions》也于2021年出版了。［BrendaSandersonBrendaSanderson是拥有50,000多名成员的IxDA协会的执行董事，IxDA是致力于全球网络的交互设计者设计专精实践。超过15年的设计经验为Brenda创造了设计工作室、印刷店、报纸出版公司目前和广告公司。她因其优秀的设计工作、研究技术对趣味领域研究的影响，而在全国范围内获得知名度。BillScottBillScott于2006年帮助雅虎创建了设计模式库，自那时起，他对梅埃模式库的研究已经影响了全世界的雕刻家。Bill是一名雕刻家和开发人员，他的工作包括创建3D图形库，为NAT。做界面设计以及负责许多开源项目。他与TheresaNeil共同撰写了《DesigningWebInterfaces》，并经常作为会议发言人出席文娱活动。交互设计师换用许多设计师不同的工具来完成他们的工作，无论是在餐巾纸上绘制还是制做向客户展示原型，他们的目标都是相同的：通过对话或进行沟通。BalsamiqMockupsBalsamiqMockups是一款AdobeAir应用程序，可轻松构建线框图交互。Balsamiq团队的工作非常出色，为提供用户了许多与当代应用程序设计完美契合的交互设计模式。更重要的是，Balsamiq保持界面简单，使用手绘风格的元素和手写字体。通过消除无关的设计元素，设计师和利益相关者可以将他们的工作（以及他们客户的反馈）集中在交互上，可以把它想象成纸质原型的在线版本！2.InVisionInVision是一款适用于Mac和Windows的免费网络和自助式移动原型制作工具，InVision旨在促进沟通，并可以和Photoshop、Sketch、Slack、Jira等其他应用程序嵌入式。］设计人员可以通过网络上传线框并将它们串联在一起，形成2D导航体验。客户、自身利益相关者和同事，都可以直接填充在设计上才添加评论，通过InVision的实时演示工具LiveShare,该应用程序可实现实时白板。］LucidChartLucidChart是一款灵活的图表软件，适用于从Android和iOS体验设计到流程图、站点地图、线框所有和网站数学方法的所有内容。LucidChart提供服务了许多有用的集成，包括GoogleSuite、InVision、Atlassian、Slack等。该工具配置非常复杂，但同时又直观且灵活，它深受设计和用户体验团队以及IT支持创业团队和工程师的喜爱。Patternry没有人愿意浪费时间重新发明滑轮，优秀的交互库可以节省时间和精力进行设计或编码通用交互，并确保产品设计的一致性。Patternry允许交互设计小组，在一个中心位置（即库）共享和存储他们的设计和代码资产。Patternry的优点显而易见就是它不仅仅是一个存储库，它还提供了一个起点，有许多常见的交互模块。5.SketchSketch是一种设计工具（仅限Mac），最适用于最图标或中立体声模型。作为AdobePhotoshop的轻量级替代品，Sketch提供图层，网格和画板等功能性。简而言之，交互设计师可使用其中的视觉元素三维快速创建线框和模型。Sketch还有许多插件，如：Zeplin等。］AxureAxureRP可以所说是市场上最好的交互设计设计工具，拥有比Balsamiq更强大的功能，如：协作和共享，以及轻轻松松将线框转换为原型最初的能力，Axure似乎提供了一切。一个小毛病是它提供太多功能，这意味着它的学习曲线很慢。PrinciplePrinciple是一个开源平台，专注于功能和类比。它基于Sketch画板进行布局，并提供各种各样的动作。这是一个免费，易于学习的界面，提供一整套YouTube教程和帮助文章。最酷的部分是，当你将画板构建成一个令人难忘构建的，有凝聚力的东西时，Principle会为你提供一个可以在单独窗播放的工作服务台原型，它也有一个内置的开关电源界面录像机。寻找其他设计师是与该交互设计领域的其他人，建立联系和学习的一种很好钻研的方式。如下这些协会都可在美国查询到，有些也存在于当今。］1.IXDA用他们自己的话则表示：IxDA提供了一个在线论坛用于讨论交互设计提供支持问题，和其他平台一样供那些热衷于交互设计扎实推进人收集信息和的该学科的发展°IxDA还为设计师提供支持年度会议，名为“互动周”，该会议遍布全球，为行业在短期内行业专家的一流内容和见解。AIGA虽然AIGA（AmericanInstituteofGraphicArts哥伦比亚图形艺术学院）最初是为平面设计师创立的，但该组织意识到平面设计师更频繁地为新媒体设计作品，其中交互设计起着重要关键性作用。会员遍布美国各省，并举办各种活动，从PhotoshopLayerTennis到艺术展览等。］AnEventApart在过去的13年里，AnEventApart在美国各地举办，汇集了最新的网络和聊天室设计的声音。这个会议以密集的三天单轨形式提供，最多有18个演讲嘉宾。主题清晰易懂，涵盖开发人员、设计人员、用户体验和用户界面领域专家、客户经理、项目经理等相关内容。AnEventApart一直拥有一些业界领先的和实干家。］3.Meetup坦白说没有一个Meetup小组，这就是它的绚烂之处：在Meetup界面上搜索“交互设计”您将找到大量的网络组、教育组和社交组。如果您碰巧生活在尚未存在交互设计(或用户体验设计)聚会的区域，那么现在是时候开始了！碰巧，Meetup的界面也可以轻松实施新组。与交互附注设计相关的书籍清单特别多，在这里，我们将列表缩小经典之作为几本经典儿童读物。但是，如果您真的想要扩展您的库，请查看我们为您推荐的用户体验书籍。《DesigningforInteraction:CreatingInnovativeApplicationsandDevices(2ndEdition)》byDanSafferDanSaffer介绍了我们周围的世界，以及我们每天所际遇的互动，他的书打开了设计世界，并以一种更易理解的方式展现理解出来。它同时是一本模板书，以及创建可用产品和后处理设计