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

交互设计完整入门指南交互设计起源于web图形界面设计，但到今天已经发展成一个独立领域。不仅仅是处理文本和图片，交互设计师要负责创造屏幕上任何一个和用户体验相关的元素：点击、滑动、键入等。对于有兴趣更多了解交互设计的人来说，本文是一个很好的起点。为此，我们将从相关历史、指导原则、杰出贡献者和工具等方面简要介绍这个引人入胜的学科。一、什么是交互设计？二、常用设计方法三、日常工作任务和交付成果四、行业杰出贡献者五、推荐工具六、行业内知名协会七、推荐书籍一、什么是交互设计？交互设计协会（IxDA）的定义如下：“交互设计定义了交互系统的结构和行为，交互设计师致力于在人们和他们使用的产品和服务之间建立有意义的关系，从计算机到移动设备再到应用等。交互设计的实践范围与世界的发展同步。”从第一个屏幕被设计的那天起，交互设计就诞生了，从按钮、链接到表单字段都是交互设计的一部分。在过去的几十年中，出版了许多书籍从各方面来解释交互设计，并探索它与体验设计交织重叠的方式。交互设计已经发展成为促进人与环境之间关系的交互，与考虑系统内所有与用户有关的因素的体验设计不同，交互设计师只需关注用户与屏幕之间的特定交互。当然，在实践中并没有这么清晰的界限。二、常用设计方法虽然交互设计涵盖了Web站点、移动应用程序等类型，但依然存在一些可供所有设计人员借鉴的方法。这里我们将探讨一些常见的方法：目标驱动设计、可用性、五个维度、认知心理学和人机界面指南。目标驱动设计AlanCooper最早在他的著作《加巾：Wan将目标驱动设计定义为一种“把解决问题作为最高优先级”设计。换句话说，目标驱动设计首先关注的是满足最终用户的特定需求和愿望，而不是旧设计方法，后者侧重于技术方面的可行性。在今天开来，Alan提出的一些观点似乎很显而易见，因为设计师很少仅根据开发限制来选择交互。然而，从本质上讲，以“满足最终用户的需求和愿望”为设计目的在今天同样有必要。Alan认为在目标驱动设计的过程中，需要作为交互设计师的我们进行五次转变。（1）Designfirst，programsecond设计第一，程序第二。换句话说，标驱动设计首先应考虑用户如何交互以及界面如何展现，而不是从技术考虑开始。（2）Separateresponsibilityfordesignfromresponsibilityforprogramming将设计责任与编程责任分开，指的是对最终用户负责的交互设计师的必要性，而不必担心技术限制，设计师应该信任他开发人员能够处理技术方面的问题。事实上，AlanCooper认为如果不这样做，设计师就会陷入利益冲突。（3）ddesignersresponsibleforproductqualityandusersatisfaction让设计师对产品质量和用户满意度负责，虽然利益相关者或客户会有自己的考量，但交互设计师对屏幕另一侧的用户负有责任。（4）Defineonespecificuserforyourproduct为您的产品定义一个特定用户，这个特殊的想法现在已经发展成为与用户研究相关的东西：人物角色。然而，Ala提醒我们将人物角色连接回产品，并不断问：这个人会在哪里使用它？他们是谁？他们想要完成什么？（5）Worknteamsoftwo以两人一组的方式工作。最后，交互设计师不应该在孤岛中工作，与AlanCooper称之为“设计沟通者”的其他人的合作是关键。虽然Alan在1999年设想的设计传播者，通常是为产品提供营销文案的广告撰稿人，但今天已经扩展到包括项目理、内容策略师、信息构师在内的许多人。可用性可用性可能让人觉得是一个模糊的术语，但从本质上讲，设计师们只是在问：“有人能轻易地使用它吗？”书上和网络上有很多解释，我们一起回顾这些不同的解释来看看其中的共同主题和细微差别。在AlanDix、JanetE.Finlay、GregoryD.Abowd、RussellBeale等人合著的《sen和SlMoggridge的《DesigningInteractions》一■书中，交互设计领域的学者GillianCramptonSmitver又增加了第五维度：行为。文字：应该是简单易懂的，并且以一种易于与最终用户交流信息的方式书写。视觉表现：图形或图像，所有非文本的东西。它们应该适度使用，以免被过犹不及。物理对象或空间：指的是物理硬件，无论是鼠标和键盘，还是用户与之交互的移动设备。时间：用户与前三个维度交互所花费的时间，包括用户查看进度进度的方式，以及声音和动画。行为：是心丫5Silver在他的文章《We和Android，Java和Windows。它们的目标都是一样的：向潜在的设计人员和开发人员提供建议和指导，以帮助他们创建通用的直观界面和程序。三、日常工作任务和交付成果交互设计师是整个开发过程中的关键参与者，他们有一系列对项目团队至关重要的工作要完成，包括制定设计策略、确定线框图关键交互和原型交互等。设计策略虽然界限比较模糊，但可以肯定的是：交互设计师需要知道他们为谁设计，以及用户目标是什么。通常，这是由用户研究员提供的。反过来，交互设计师要评估目标并制定设计策略，要么独立完成，要么是在团队其他设计师的帮助下完成。设计策略将帮助团队成员理解，需要通过哪些交互来促进用户目标。线框图及关键交互在交互设计师很好地了解设计策略之后，他们可以开始绘制界面以及必要的交互。这里的关键在于细节：一些专业人士会在记事本/白板上记录这些交互，而另一些人会使用桌面应用程序来帮助他们完成这个过程，还有一些人会使用两者的组合。或协作完成或独立完成，这完全取决于交互设计师及其特定的工作流程。原型根据项目流程，交互设计师的下一步要做的是创建原型。团队可以运用多种方式对交互进行原型设计，这里不再详细介绍，例如：/css原型或纸质原型。保持进步成为一名交互设计师最难的部分之一就是应对行业变革的速度，每天，新的设计师都会将媒介推向不同的方向，而用户希望这些新的互动方式能够出现你的的网站上。谨慎的互动设计师会通过不断探索进行新的互动，并利用新技术来应对这种演变。但同时需要明确正确的互动或技术才是最能满足角色需求的，而不一定是哪些最新的或最令人兴奋的，交互设计师也可以通过关注社交媒体上的思想领袖以推动自己学习和进步。四、行业杰出贡献者AlanCooperAlanCooper于1992年联合创立了Cooper公司，他以在软件设计领域中人性化技术方面开创性的工作而闻名。他还著有《AboutFace:TsofInteractionDesign》（1-4版）和《Tum:WBasic之父”。他还创造了目标导向的设计方法，并发明了“personas”（角色）这种实用的交互设计工具，以创造出令用户满意的高科技产品。BradFrostBradFrost正在领导一■次变革“Deatlslsab、Styleguides.io、WTFMobileWeb和MobileWebBestPractices。Brad还提出了AtomicDesign（原子设计）的概念，并写了一本书。Wf”，除了写在自己的博客PleasurePain中，还在全球的会议和协会发表演讲。她在卡内基梅隆大学（CarnegieMellonUniversity）获得人机交互硕士学位、专业写作和人86》的作者，Kim目前为航空、消费电子和零售等不同行业的客户提供咨询服务。在过去十年的大部分时间里，她在Cooper公司担任副总裁、设计和总经理，负责交互、视觉和工业设计师的综合实践，以及著名的“CooperU”设计课程的开发。她丰富的经验和对教学的热情，使她成为世界各地会议和协会的作家和演说家。BrendaLaurelBrendaLaurel参与了人类使用计算机的几个主要变革：虚拟现实，互动叙事以及一些新的游戏和人工智能方法。她曾担任加州艺术学院设计研究生课程的创始主席和教授，她曾在Atari工作，和别人共同创办了游戏开发公司PurpleMoon，并担任多家公司的互动设计顾问，包括：SonyPictures、Apple和Citibank。MatMarquisMatMarquis是另一位互动设计师，他模糊了设计师和开发人员之间的界限。他是人ListApart的技术编辑，负责设计师和开发人员的文章，以帮助设计界的教育，他还参加过几次AnEventApart的会议。他是ResponsiveImagesCommunityGroup的主席，这是一■个在响应式设计中寻求图像解决方案的组织。他还是开源社区的积极成员，帮助其他设计师通过相互合作来推动他们的工作。Mat最近在一家建立开源项目的网络平台咨询公司Bocoup。KarenMcGraneKaren花费了超过15年的时间通过可用性、用户体验设计和内容策略使网络变得更加美好。2006年，她创立了BondArt+5^6门06，这是一家为Tantic，FastCompany，FranklinTempleton以及Fidelity等公司提供用户体验咨询的公司。Karen参与内容策略、用户体验和信息架构的工作，并在纽约视觉艺术学院的交互设计课程中教授设计管理。除此之外，Karen还担任风险投资公司IgniteVenturePartners的数字副总裁，并通过ABookApart平台编写StrategyforMobileandGoingResponsive的内容。MikeMonteiroMikeMonteiro是Mule的联合创始人，Mule是一家以探索位置领域而闻名的设计机构，包括：内容策略、在线认证、以及通过经典永恒的设计把尖端网络技术融合在一起。Mike已经写了两本书，《DesignIsaJob》和《You’reMyFavoriteClient》。在这本书中，他向世界宣扬他对努力工作的热爱，自我意识以及优秀裁缝的重要性。Mike继续在世界各地的会议和聚会上进行前卫的真诚的演讲，例如：“TdenAgeofDesign(andwe’rescrewed)”类似的主题。T丁是一位德克萨斯州奥斯汀市的用户体验顾问，自2001年以来，她主导了100多个网络，桌面和移动应用程序的设计。客户包括财富500强企业，非营利组织和奥斯汀市本地的初创企业。她与BillScott(设计师和开发人员)共同撰写了《口6$»8门＞8WebInterfaces》一■书，并撰写了加。^^DesignPatternGallery》以帮助设计人员进行移动应用和智能手机设计。她的作品可以在上看到。DonNormanDonNorman研究真实的人如何与设计互动，探索设计师的意图与普通人的实际需求之间的鸿沟，他的作品已经成为了经典书籍，包括《TInterfaces》。他的新作《Microinteractions》也于2013年出版了。BrendaSandersonBrendaSanderson是拥有50,000多名成员的IxDA协会的执行董事，IxDA是致力于全球网络的交互设计专业实践。超过15年的设计经验为Brenda带来了设计工作室、印刷店、报纸出版公司和广告公司。她因其优秀的设计工作、研究技术对创意领域的影响，而在全国范围内获得知名度。BillScottBillScott于2006年帮助雅虎创建了设计模式库，自那时起，他对模式库的研究已经影响了全世界的设计师。Bill是一名设计师和开发人员，他的工作包括创建3D图形库，为NATO做界面设计以及负责许多开源项目。他与T共同撰写了《口6$»8门＞8WebInterfaces》，并经常作为会议发言人出席活动。五、推荐工具交互设计师使用许多不同的工具来完成他们的工作，无论是在餐巾纸上绘制还是向客户展示原型，他们的目标都是相同的：通过对话进行沟通。BalsamiqMockupsBalsamiqMockups是一■款AdobeAir应用程序，可轻松实现线框图交互。Balsamiq团队的工作非常出色，为用户提供了许多与当代应用程序设计完美契合的交互设计模式。更重要的是，Balsamiq始终保持界面简单，使用手绘风格的元素和手写字体。通过消除无关的设计元素，设计师和利益相关者可以将他们的工作（以及他们客户的反馈）集中在交互上，可以把它想象成纸质原型的在线版本！InVisionInVision是一款适用于Mac和Windows的免费网络和移动原型制作工具，InVision旨在促进沟通，并可以和Pack、Jira等其他应用程序集成。设计人员可以通过网络上传线框并将它们串联在一起，形成2D导航体验。客户、利益相关者和同事，都可以直接在设计上添加评论，通过InVision的实时演示工具LiveSucidCucidCucidCeSuite、InVision、Atlassian、Slack等。该工具配置非常复杂，但同时又直观且灵活，它深受设计和用户体验团队以及IT支持团队和工程师的喜爱。Patternry没有人愿意浪费时间重新发明轮子，优秀的交互库可以节省时间和精力进行设计或编码通用交互，并确保设计的一致性。Patternry允许交互设计团队，在一个中心位置（即库）共享和存储他们的设计和代码资产。Patternry的优点在于它不仅仅是一个存储库，它还提供了一个起点，有许多常见的交互模块。Sketcin等。AxureAxureRP可以说是市场上最好的交互设计工具，拥有比Balsamiq更强大的功能，如：协作和共享，以及轻松将线框转换为原型的能力，Axure似乎提供了一切。一个缺点是它提供太多功能，这意味着它的学习曲线很慢。PrinciplePrinciple是一个开源平台，专注于功能和转换。它基于Sketce会为你提供一个可以在单独窗口播放的工作原型，它也有一个内置的屏幕录像机。六、行业内知名协会寻找其他设计师是与该交互设计领域的其他人，建立联系和学习的一种很好的方式。以下这些协会都可在美国查询到，有些也存在于国际上。1.IXDA用他们自己的话说：IxDA提供了一个在线论坛用于讨论交互设计问题，和其他平台一样供那些热衷于交互设计的人收集信息和推进该学科的发展。IxDA还为设计师提供年度会议，名为“互动周”，该会议遍布全球，为行业持续行业专家的一流内容和见解。ayerTennis到艺术展览等。icationsandDevices(2ndEdition)》byDanSafferDanSaffer介绍了我们周围的世界，以及我们每天所经历的互动，他的书打开了设计世界