交互設計完整入門指南交互設計起源于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年設想的設計傳播者，通常是為產品提供營銷文案的廣告撰稿人，但今天已經擴展到包括項目經理、內容策略師、信息架構師在內的許多人?？捎眯钥捎眯钥赡茏屓擞X得是一個的術語，但從本質上講，雕塑家們只是在問：“有人能輕易地使用它嗎？”書上和網絡上有很多解讀，我們一起回顧這些不同的解釋來看看其中的共同主題和細微差別。在AlanDix>JanetE.Finlay、GregoryD.Abowd、RussellBeale等人合著的《HumanComputerInteraction》一書中，可用性有三個原則：]同時，Nielsen和Schneiderman解釋說可用性是由寫道五個原則共同組成的：國際標準（ISO9241）也將可用性分解為五個六個原則：［顯然，有界面一些共同的切入點構成了界面“可用”的含義。穩定度無論設計師遵循什么樣的可用性原則，對任何界面來說，它非常重要都是一個重要的考慮風險因素。五個維度在BillMoggridge的《DesigningInteractions》一書中，交互設計重要領域的學者GillianCramptonSmith介紹了“交互設計語言”的四個維度的術語。換句話說，這些維度構成了交互本身，因此它們構成了用戶和屏幕之間的。最初的四個維度是：文字、視覺表現、物理對象或空間、以及時間。最近，IDEXX實驗室的高級交互美術設計KevinSilver又增加了第五維度：行為。［使用這五個維度，交互設計師可以更關注在與系統溝通和連接時的體驗。認知心理學認知社會心理學所研究研究的是大腦如何工作，以及在那里發生了什么心理過程。根據美國心理學協會認知科學的說法，這些過程包括：“注意力、語言使用、記憶、感知、解決問題、創造力和思考”。雖然心理學是一個非常廣泛的領域，但有幾個關鍵元素是特別值得重視的，事實上一定程度上助推了于交互設計領域的形成。DonNorman在他的書《TheDesignofEverydayThings》中提到了許多。下文是其中一部分：1人機界面指南這個描述可能有點不恰當，實際上并沒有術語表一套確定的人機界面指南。然而，創建人機界面指南背后本身就是一種方法論。大多數主要技術研發企業都制定了指南，包括Apple和Android,Java和Windowso它們的目標都是一樣的：向潛在的人員和開發人員提供建議和指導，以幫助他們創建通用的直觀界面和程序。交互設計師是整個開發過程中的參與者，他們有一系列對項目投資團隊至關重要的工作要完成，包括制定設計策略、確定線框圖關鍵交互和原型交互等。設計策略雖然條條框框比較模糊，但可以肯定的是：交互搞清楚設計師需要知道他們為誰設計，以及用戶首要目標是什么。通常，這是由用戶研究員直接提供的。反過來，設計師要評估目標并制定設計策略，要么獨立完成，要么是在團隊其他設計師的幫助下完成。新策略設計策略將幫助團隊成員理解，需要通過哪些交互來長遠目標推動用戶目標。線框圖及關鍵交互在交互很好地了解設計策略之后，他們可以制做開始繪制界面以及必要的交互。這里的關鍵在于細節：一些專業人士會在記事本/白板上記錄這些交互，而另一些人會使用桌面應用程序來幫助他們完成這個過程，還有一些人會使用兩者的組合?；騾f作完成或獨立完成，這完全取決于交互設計師室內設計及其特定的工作流程。原型根據項目流程，交互設計師的下一步要的是創建原型。團隊可以多種方式對交互進行原型設計，這里不再詳細介紹，例如：html/css原型或紙質原型。保持進步成為一名交互設計師的最難部分之一就是應對行業變革的速度，每天，新的設計師都會將媒介推向不同的方向，而用戶希望這些新的互動方式能夠出現你的的網站上。謹慎的互動設計師會通過不斷探索進行新的互動，并利用新技術來應對這種演變。但同時需要明確正確的互動的技術才是最能滿足角色需求或，而不一定是哪些最新的或最令人興奮的，交互設計師也思想通過關注社交媒體上的可以領袖以推動自己讀書和進步。AlanCooperAlanCooper于1992年聯合創立了Cooper公司，他以在軟件設計各個領域中人性化技術方面開創性的教育工作工作而聞名。他還著有《AboutFace:TheEssentialsofInteractionDesign》（1-4版）和《TheInmatesAreRunningtheAsylum:WhyHigh-TechProductsDriveUsCrazyandHowtoRestoretheSanity》等書，被認為是“VisualBasic之父”。他還創造了長遠目標導向的設計方法，并發明了“personas”（角色）這種實用的交互設計工具，以創造出令用戶滿意的高科技產品。BradFrostBradFrost正在領導一次變革“DeathtoBullshit”（死于廢話）?！癉eathtoBullshit”的目標是“呼喚讓世界擺脫胡說八道的吶喊，以及尊重用戶和他們的的需求體驗。”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的界面也可以輕松實施新組。與交互附注設計相關的書籍清單特別多，在這里，我們將列表縮小經典之作為幾本經典兒童讀物。但是，如果您真的想要擴展您的庫，請查看我們為您推薦的用戶體驗書籍?！禗esigningforInteraction:CreatingInnovativeApplicationsandDevices(2ndEdition)》byDanSafferDanSaffer介紹了我們周圍的世界，以及我們每天所際遇的互動，他的書打開了設計世界，并以一種更易理解的方式展現理解出來。它同時是一本模板書，以及創建可用產品和后處理設計