交互設(shè)計(jì)(完整版)

交互設(shè)計(jì)教InteractionDesign1-What/

什么是交互設(shè)計(jì)？2-How/

交互設(shè)計(jì)的程序是什么？3-Do/

展開優(yōu)秀的交互設(shè)計(jì)？What那一個(gè)網(wǎng)站的內(nèi)部結(jié)構(gòu)是什么呢？交互設(shè)計(jì)側(cè)重于設(shè)計(jì)層面中的第二層：行為設(shè)計(jì)交互設(shè)計(jì)與產(chǎn)品設(shè)計(jì)有著一樣的設(shè)計(jì)流程與方法普通青年文藝青年本能水平的設(shè)計(jì)(Visceral)

>

外形行為水平的設(shè)計(jì)(Behavioral)

>

使用的樂趣和效率反思水平的設(shè)計(jì)(Reflective)

>

自我形象、個(gè)人滿意、記憶這里翻譯成“層面”而不是“層次”，就是因?yàn)檫@三者是一樣的重要同樣的理論

映像到界面設(shè)計(jì)(1)UCD設(shè)計(jì)心理學(xué)(2)產(chǎn)品：人機(jī)工學(xué)，造型美學(xué)，產(chǎn)品體驗(yàn)，(3)市場：V=F/C1.用之前：看——想用：界面美觀，圖標(biāo)有很好的語義引導(dǎo)；2.用之中：用——容易：原型架構(gòu)邏輯性強(qiáng)；3.用完后：想——黏度：習(xí)慣；時(shí)間軸的行為設(shè)計(jì)所以一樣的開始：問題導(dǎo)向型解決方案；一樣的過程：交互設(shè)計(jì)與產(chǎn)品設(shè)計(jì)的流程是類似的；一樣的終點(diǎn)：實(shí)用性-易用性-愉悅性；基于理性，成于感性；幾個(gè)概念A(yù)bout

ConceptWhat’sUI軟件設(shè)計(jì)分為：編程與UIUI設(shè)計(jì)則是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。UI=User'sInterface

=用戶界面/人機(jī)界面

好的UI設(shè)計(jì)？軟件的操作變得舒適、簡單、自由、個(gè)性、充分體現(xiàn)軟件的定位和特點(diǎn)。UI設(shè)計(jì)從工作內(nèi)容上分3個(gè)方向研究人；研究人與界面的關(guān)系；研究界面。原型設(shè)計(jì)交互設(shè)計(jì)

視覺設(shè)計(jì)=狹義的UIUI

廣義用戶研究操作邏輯界面美觀研究人用戶測試/用戶研究

Userexperienceengineer

我們所開發(fā)的軟件等產(chǎn)品，最終都是為人而做的，所謂以人為本，這不能是句空話，所以我們UI設(shè)計(jì)，必須研究人，研究我們的用戶，要了解我們的用戶想要什么，要利用我們的產(chǎn)品解決什么問題，喜歡什么，不喜歡什么等等。用戶研究工程師一般是心理學(xué)人文學(xué)背景。用戶研究：得出定位與原型研究人與界面的關(guān)系交互設(shè)計(jì)師，interactiondesigner

即人機(jī)交互，研究如何讓用戶更好的更方便的使用軟件，則是我們常說的“易用性”。從事該行業(yè)的人，我們稱之為“交互設(shè)計(jì)師”，主要做的工作內(nèi)容就是設(shè)計(jì)軟件的操作流程，樹狀結(jié)構(gòu)，軟件的結(jié)構(gòu)與操作規(guī)范等。一個(gè)軟件產(chǎn)品在編碼之前需要作的就是交互設(shè)計(jì)，并確立交互模型，交互規(guī)范。交互設(shè)計(jì)：研究操作邏輯與體驗(yàn)理性感性研究界面語義與美感圖形設(shè)計(jì)師：GraphicUIdesigner

國內(nèi)目前大部分UI工作者都是從事這個(gè)行業(yè)。也有人稱之為“美工”，但實(shí)際上不是單純意義上的美術(shù)工人，而是軟件產(chǎn)品的產(chǎn)品外形設(shè)計(jì)師。從事該行業(yè)的人，我們可以稱之為:軟件圖形設(shè)計(jì)師，其中大部分是有美術(shù)設(shè)計(jì)教育背景，例如視覺傳達(dá)設(shè)計(jì)，工業(yè)設(shè)計(jì)，信息多媒體設(shè)計(jì)等。界面設(shè)計(jì)：研究用戶審美與習(xí)慣UI的應(yīng)用范圍PC終端的軟件界面。比如操作系統(tǒng)、軟件界面、網(wǎng)頁、多媒體光盤。手機(jī)的界面。數(shù)字電視的界面?？照{(diào)等家電搖控器上的界面。銀行、移動(dòng)等柜員機(jī)上的界面。……UI設(shè)計(jì)基本原則

易用性包括三個(gè)方面，按重要程度排列如下：1.產(chǎn)品執(zhí)行用戶所需的功能（快速使用）2.快速安全地執(zhí)行這些功能（相對(duì)無錯(cuò)）3.容易掌握使用這些功能。（易于學(xué)習(xí)）可用性易用性愉悅

體驗(yàn)UI設(shè)計(jì)師需要做到什么？1.簡易性：界面的簡潔是要讓用戶便于使用、便于了解、并能減少用戶發(fā)生錯(cuò)誤選擇的可能性。2.可控性：這是界面設(shè)計(jì)的先決條件，用戶想要做什么，就一定讓他做到，并且必須得到應(yīng)有的提示。3.記憶負(fù)擔(dān)最小化：人腦比不了電腦，人類的短期記憶極不穩(wěn)定、有限。不要輕易打破用戶的行為習(xí)慣，不要讓用戶思考。4.一致性：是每一個(gè)優(yōu)秀界面都具備的特點(diǎn)。界面的結(jié)構(gòu)必須清晰且一致，風(fēng)格必須與實(shí)際內(nèi)容相一致。同一軟件的不同界面，同一界面的不同板塊，同一板塊的不同位置，都必須保持相當(dāng)?shù)囊恢滦浴?.提高用戶的熟悉程度：用戶可通過已掌握的知識(shí)來使用界面，但不應(yīng)超出一般常識(shí)。如擬物法。從用戶的觀點(diǎn)考慮：想他們所想，做他們所做。大多數(shù)用戶并沒有相當(dāng)?shù)膶I(yè)知識(shí)，他們往往只是從自身的經(jīng)驗(yàn)和習(xí)慣出發(fā)思考和操作。把自己代入用戶，設(shè)定為最糟糕的用戶：無知，易怒，缺乏耐性。有序排列：一個(gè)有序排列的界面可以讓用戶輕松，讓界面簡潔美觀。安全性：用戶能自由的作出選擇，且所有選擇都是可逆的。在用戶作出危險(xiǎn)的選擇時(shí)有信息介入系統(tǒng)的提示。靈活人性化：高效率和用戶滿意度是人性化的直接體現(xiàn)。要盡可能考慮到特殊用戶的操作體驗(yàn)，如色盲，殘疾人等。5W2H設(shè)計(jì)原則

WHOWHEREWHENWHATWHYHOWHOWMUCH用戶身邊充斥著專業(yè)術(shù)語萬能軟件修改前UI的分類2.2.1傳統(tǒng)界面介紹傳統(tǒng)界面是指可視化的實(shí)物界面，比如電視機(jī)的按鈕、電源排插的插孔、鍵盤、汽車飛機(jī)的操控臺(tái)、食堂的打卡機(jī)刷卡界面、相機(jī)的按鈕界面、門上的把手界面、儀器的拆裝提醒界面、交通指示牌、手機(jī)鍵盤界面等。諸如此類的“硬件”界面就是我們所熟知的傳統(tǒng)界面，他們的共同特點(diǎn)是看得見摸得著，不同的是有些界面你可以直接對(duì)它進(jìn)行操作，通過正確的程序或者指令去完成操作過程，實(shí)現(xiàn)目的，比如插上插排就可以通電，打開電視機(jī)就可以看電視。有些界面則不行，例如拆裝提醒界面、交通指示牌，這些是不能對(duì)它們進(jìn)行直接操作的界面，它們的主要功能是提醒使用者去執(zhí)行某件事情，它是不具有可操作性。鍵盤界面——可操作界面相機(jī)界面電視機(jī)、遙控界面What’sHCI[1]人機(jī)交互（Human-ComputerInteraction,簡寫HCI）：是研究關(guān)于設(shè)計(jì)、評(píng)價(jià)和實(shí)現(xiàn)供人們使用的交互計(jì)算系統(tǒng)以及有關(guān)這些現(xiàn)象進(jìn)

[2]人機(jī)界面（Human-ComputerInterface,簡寫HCI）：是人與計(jì)算機(jī)之間傳遞、交換信息的媒介和對(duì)話接口，是計(jì)算機(jī)系統(tǒng)的重要組成部分HCI&UI異同點(diǎn)人機(jī)交互與人機(jī)界面是兩個(gè)有著緊密聯(lián)系而又不同的。操作系統(tǒng)的人機(jī)交互功能是決定計(jì)算機(jī)系統(tǒng)“友善性”的一個(gè)重要因素。人機(jī)交互功能主要靠可輸入輸出的外部設(shè)備和相應(yīng)的軟件來完成。可供人機(jī)交互使用的設(shè)備主要有鍵盤顯示、鼠標(biāo)、各種模式識(shí)別設(shè)備等。與這些設(shè)備相應(yīng)的軟件就是操作系統(tǒng)提供人機(jī)交互功能的部分。人機(jī)交互部分的主要作用是控制有關(guān)設(shè)備的運(yùn)行和理解并執(zhí)行通過人機(jī)交互設(shè)備傳來的有關(guān)的各種命令和要求。HCI硬交互（實(shí)體產(chǎn)品）

=人機(jī)工學(xué)+體驗(yàn)設(shè)計(jì)軟交互（虛體界面）=UI交互設(shè)計(jì)&狹義UI異同點(diǎn)交互設(shè)計(jì)和界面設(shè)計(jì)的異同點(diǎn)界面是一個(gè)靜態(tài)的詞，當(dāng)進(jìn)行界面設(shè)計(jì)的時(shí)候，我們關(guān)心的是界面本身，界面的組件，布局，風(fēng)格，看它們是否能支撐有效的交互.但是，交互行為是界面約束的源頭，當(dāng)產(chǎn)品的交互行為清清楚楚地定義出來時(shí)，對(duì)界面的要求也就更加清楚了，界面上（如果存在可視界面的話）的組件是為交互行為服務(wù)的，它可以更美，更抽象，更藝術(shù)化，但不可以為了任何理由破壞產(chǎn)品的交互行為。時(shí)間軸的行為設(shè)計(jì):邏輯&體驗(yàn)視覺設(shè)計(jì)Recommendedbooks

/推薦書籍RecommendedWebs

/推薦網(wǎng)站////（GUI）///baiya/What’sUEUserExperience=用戶體驗(yàn)它是指用戶訪問網(wǎng)站或者使用軟件產(chǎn)品時(shí)的全部體驗(yàn)。他們的印象和感覺，是否成功，是否享受，是否還想再次使用。他們能夠忍受的問題，疑惑和BUG的程度。UCD=以用戶為中心的設(shè)計(jì)（UserCenteredDesign）是在設(shè)計(jì)過程中以用戶體驗(yàn)為設(shè)計(jì)決策的中心，強(qiáng)調(diào)用戶優(yōu)先的設(shè)計(jì)模式。

衡量一個(gè)UCD優(yōu)劣的標(biāo)準(zhǔn)？產(chǎn)品在特定使用環(huán)境下為特定用戶用于特定用途時(shí)所具有的有效性（effectiveness）、效率（efficiency）用戶主觀滿意度（satisfaction）延伸開來還包括對(duì)特定用戶而言，產(chǎn)品的易學(xué)程度、對(duì)用戶的吸引程度、用戶在體驗(yàn)產(chǎn)品前后的整體心理感受等。UCD設(shè)計(jì)流程1.需求分析：（業(yè)務(wù)流程）目的：根據(jù)產(chǎn)品需求和設(shè)計(jì)要求提供用戶使用分析。方式：訪談、焦點(diǎn)小組、提煉目標(biāo)用戶建立角色模型、場景分析、競爭對(duì)手分析、提煉定性和定量的相關(guān)數(shù)據(jù)。結(jié)論報(bào)告：根據(jù)分析目標(biāo)用戶的使用特征、情感、習(xí)慣、心理、需求等，提出用戶研究報(bào)告和可用性設(shè)計(jì)建議。合作人員：市場人員、產(chǎn)品需求客戶、項(xiàng)目負(fù)責(zé)人2.原型設(shè)計(jì)（信息架構(gòu)+交互設(shè)計(jì)）目的：概念方案設(shè)計(jì)。制定產(chǎn)品的業(yè)務(wù)功能和界面規(guī)范。方式：與開發(fā)隊(duì)伍合作設(shè)計(jì)各種交互原型。同商業(yè)方面的專家、市場部溝通，確認(rèn)設(shè)計(jì)并得到認(rèn)可。作角色模型設(shè)計(jì)和情景設(shè)計(jì)，通過情景的再現(xiàn)演示來總結(jié)和逐步細(xì)化用戶使用中的各種交互需求，提出設(shè)計(jì)解決方案，并完成設(shè)計(jì)方案的演示，討論，完善，和最終定稿。結(jié)論報(bào)告：制作交互設(shè)計(jì)原型。為用戶界面和交互設(shè)計(jì)實(shí)施提供設(shè)計(jì)標(biāo)準(zhǔn)規(guī)格。合作人員：項(xiàng)目負(fù)責(zé)人、開發(fā)團(tuán)隊(duì)、市場人員3.視覺管理：目的：使界面設(shè)計(jì)更符合產(chǎn)品定位，用戶使用習(xí)慣及規(guī)范布局，對(duì)實(shí)現(xiàn)功能進(jìn)行正確有效地引導(dǎo)。方式：主持用戶研究進(jìn)行界面視覺引導(dǎo)。設(shè)計(jì)窗口規(guī)范，圖形化的布局。結(jié)論報(bào)告：界面測試報(bào)告。==》輸出視覺設(shè)計(jì)規(guī)范合作人員：視覺設(shè)計(jì)師4.可用性測試：目的:通過觀察，來發(fā)現(xiàn)過程中出現(xiàn)了什么問題、用戶喜歡或不喜歡哪些功能和操作方式，原因是什么。方式：一對(duì)一用戶測試結(jié)論報(bào)告：用戶背景資料文檔、用戶協(xié)議、測試腳本、測試前問卷、測試后問卷、任務(wù)卡片、過程記錄文檔、測試報(bào)告合作人員：測試自愿者、市場相關(guān)人員5.跟蹤調(diào)查：目的：產(chǎn)品使用結(jié)果的反饋。方式：用戶訪談，用戶反饋結(jié)論報(bào)告：根據(jù)反饋意見及實(shí)際調(diào)查并根據(jù)預(yù)期目的撰寫產(chǎn)品反饋結(jié)果報(bào)告。包括值得肯定的設(shè)計(jì)及對(duì)修改的建議。合作人員：產(chǎn)品用戶、市場相關(guān)人員What’sWeb

2.0Web1.0的主要特點(diǎn)在于用戶通過瀏覽器獲取信息。Web2.0則更注重用戶的交互作用，用戶既是網(wǎng)站內(nèi)容的瀏覽者，也是網(wǎng)站內(nèi)容的制造者。網(wǎng)站內(nèi)容的制造者是說互聯(lián)網(wǎng)上的每一個(gè)用戶不再僅僅是互聯(lián)網(wǎng)的讀者，同時(shí)也成為互聯(lián)網(wǎng)的作者；不再僅僅是在互聯(lián)網(wǎng)上沖浪，同時(shí)也成為波浪制造者；在模式上由單純的“讀”向“寫”以及“共同建設(shè)”發(fā)展；由被動(dòng)地接收互聯(lián)網(wǎng)信息向主動(dòng)創(chuàng)造互聯(lián)網(wǎng)信息發(fā)展，從而更加人性化！

Web2.0特點(diǎn)1.用戶分享。在Web2.0模式下，可以不受時(shí)間和地域的限制分享各種觀點(diǎn)。用戶可以得到自己需要的信息也可以發(fā)布自己的觀點(diǎn)。2.信息聚合。信息在網(wǎng)絡(luò)上不斷積累，不會(huì)丟失。3.以興趣為聚合點(diǎn)的社群。在Web2.0模式下，聚集的是對(duì)某個(gè)或者某些問題感興趣的群體，可以說，在無形中已經(jīng)產(chǎn)生了細(xì)分市場。4開放的平臺(tái)，活躍的用戶。平臺(tái)對(duì)于用戶來說是開放的，而且用戶因?yàn)榕d趣而保持比較高的忠誠度，他們會(huì)積極的參與其中。What’sGUI圖形用戶界面

=GraphicalUserInterface

指采用圖形方式顯示的計(jì)算機(jī)操作用戶界面。與早期計(jì)算機(jī)使用的命令行界面相比，圖形界面對(duì)于用戶來說在視覺上更易于接受。圖形用戶界面

圖形用戶界面(GUI-GraphicsUserInterface)是當(dāng)前用戶界面的主流，廣泛應(yīng)用于各檔臺(tái)式微機(jī)和圖形工作站。比較成熟的商品化系統(tǒng)有Apple的Macintosh、IBM的PM(PresentationManager)、Microsoft的Windows運(yùn)行于Unix環(huán)境的X-Window、OpenLook和OSF/Motif。當(dāng)前各類圖形用戶界面的共同特點(diǎn)是以窗口管理系統(tǒng)為核心，使用鍵盤和鼠標(biāo)器作為輸入設(shè)備。窗口管理系統(tǒng)除基于可重疊多窗口管理技術(shù)外，廣泛采用的另一核心技術(shù)是事件驅(qū)動(dòng)(Event-Driven)技術(shù)。圖形用戶界面和人機(jī)交互過程極大地依賴視覺和手動(dòng)控制的參與，因此具有強(qiáng)烈的直接操作特點(diǎn)。制作界面的軟件介紹界面設(shè)計(jì)軟件Photoshop\Illustrator\Flash\Coreldraw\3Dmax\Maya。交互設(shè)計(jì)軟件

Auxre\VisolICON圖標(biāo)Icon：Icon即為圖標(biāo)，分為桌面圖標(biāo)和界面圖標(biāo)。桌面圖標(biāo)是軟件標(biāo)識(shí)，所以也可以稱為Logo。界面圖標(biāo)是功能標(biāo)識(shí)，表示功能與含義。圖標(biāo)能夠?qū)a(chǎn)品或功能的信息快速傳達(dá)給用戶，并獲得更好的視覺體驗(yàn)，在軟件界面中具有重要價(jià)值。

圖標(biāo)能夠強(qiáng)調(diào)產(chǎn)品的重要特點(diǎn)，醒目地傳達(dá)用戶須知的操作重點(diǎn)圖標(biāo)可以減輕認(rèn)知負(fù)擔(dān)，尤其是對(duì)于復(fù)雜的產(chǎn)品功能圖標(biāo)可以使人機(jī)界面更加具有吸引力，不顯得空洞乏味統(tǒng)一的圖標(biāo)風(fēng)格能夠加深用戶記憶，給予他們信賴感移動(dòng)設(shè)備ICON規(guī)范：由于受到移動(dòng)設(shè)備屏幕尺寸和分辨的大小限制，icon的尺寸也不盡相同：Icon基本尺寸:96*9664*6448*4832*3216*1612*12Icon平臺(tái)：

symbian、mobile、java、android、iphone、mtk不同平臺(tái)對(duì)ICON的設(shè)計(jì)要求：

Symbian

Size:64*6432*3216*16

Filelayout:svgbmppng

Svg是一種矢量文件，可由AI轉(zhuǎn)化生成，可以對(duì)圖標(biāo)文件無虛化無損拉伸和壓縮，但是需要分層，容易產(chǎn)生亂碼。

Bmp是最初使用的文件格式，不支持透明背景，現(xiàn)在已經(jīng)被淘汰。

Png24支持透明背景不支持無損自適應(yīng)縮放Mobile

Size:32*3216*16

Filelayout:ICOPs:winmobile不支持PNG格式,透明圖標(biāo)效果只能用ICO格式實(shí)現(xiàn)。Android

Size:64*6432*32

Filelayout:PNG24透明背景Iphone

Size:自適應(yīng)Filelayout:PNG24透明背景無需其他效果，系統(tǒng)自動(dòng)生成ICON表現(xiàn)技法：光感表現(xiàn)：材質(zhì)表現(xiàn)：Interface：圖形圖標(biāo)設(shè)計(jì)含義：圖標(biāo)是具有明確指代含義的計(jì)算機(jī)圖形。其中桌面圖標(biāo)是軟件標(biāo)識(shí)，界面中的圖標(biāo)是功能標(biāo)識(shí)。圖標(biāo)廣義——具有指代意義的圖形符號(hào)，具有高度濃縮并快捷傳達(dá)信息、便于記憶的特性。應(yīng)用范圍很廣，軟硬件網(wǎng)頁社交場所公共場合無所不在，例如：男女廁所標(biāo)志和各種交通標(biāo)志等。

狹義——計(jì)算機(jī)軟件方面的應(yīng)用，包括：程序標(biāo)識(shí)、數(shù)據(jù)標(biāo)識(shí)、命令選擇、模式信號(hào)或切換開關(guān)、狀態(tài)指示等。圖標(biāo)的大?。簣D標(biāo)有一套標(biāo)準(zhǔn)的大小和屬性格式，且通常是小尺寸的。每個(gè)圖標(biāo)都含有多張相同顯示內(nèi)容的圖片，每一張圖片具有不同的尺寸和發(fā)色數(shù)。一個(gè)圖標(biāo)就是一套相似的圖片，每一張圖片有不同的格式。從這一點(diǎn)上說圖標(biāo)是三維的。圖標(biāo)還有另一個(gè)特性：它含有透明區(qū)域，在透明區(qū)域內(nèi)可以透出圖標(biāo)下的桌面背景。在結(jié)構(gòu)上圖標(biāo)其實(shí)和麥當(dāng)勞的巨無霸漢堡差不多。一個(gè)圖標(biāo)實(shí)際上是多張不同格式的圖片的集合體，并且還包含了一定的透明區(qū)域。因?yàn)橛?jì)算機(jī)操作系統(tǒng)和顯示設(shè)備的多樣性，導(dǎo)致了圖標(biāo)的大小需要有多種格式。

操作系統(tǒng)在顯示一個(gè)圖標(biāo)時(shí)，會(huì)按照一定的標(biāo)準(zhǔn)選擇圖標(biāo)中最適合當(dāng)前顯示環(huán)境和狀態(tài)的圖像。如果你用的是Windows98操作系統(tǒng)，顯示環(huán)境是800x600分辨率，32位色深，你在桌面上看到的每個(gè)圖標(biāo)的圖像格式就是256色32x32象素大小。如果在相同的顯示環(huán)境下，WindowsXP操作系統(tǒng)中，這些圖標(biāo)的圖像格式就是：真彩色（32位色深）、32x32象素大小。下面就是Windows各個(gè)操作系統(tǒng)中的標(biāo)準(zhǔn)圖標(biāo)格式：（單位：大小象素—顏色）Windows98SE/ME/200048x48–25632x32-25616x16–25648x48-1632x32-1616x16–16

WindowsXP48x48-32bit32x32-32bit24x24-32bit16x16-32bit48x48–25632x32–25624x24–25616x16–25648x48–1632x32–1624x24–1616x16-16

圖標(biāo)的文件格式：在Windows操作系統(tǒng)中，單個(gè)圖標(biāo)的文件名后綴是.ICO。這種格式的圖標(biāo)可以在Windows操作系統(tǒng)中直接瀏覽；后綴名是.ICL的代表圖標(biāo)庫，它是多個(gè)圖標(biāo)的集合，一般操作系統(tǒng)不直接支持這種格式的文件需要借助第三方軟件才能瀏覽。

在圖形用戶界面中，系統(tǒng)中的所有資源分別由三種類型的圖標(biāo)所表示：應(yīng)用程序圖標(biāo)（指向具體完成某一功能的可執(zhí)行程序）、文件夾圖標(biāo)（指向用于存放其他應(yīng)用程序、文當(dāng)或子文件夾的“容器”）和文檔圖標(biāo)（指向由某個(gè)應(yīng)用程序所創(chuàng)建的信息）。

在Windows系統(tǒng)中，左下角帶有弧形箭頭的圖標(biāo)代表快捷方式?？旖莘绞绞且环N特殊的文件類型，它提供了對(duì)系統(tǒng)中一些資源對(duì)象的快速簡便訪問，快捷方式圖標(biāo)是原對(duì)象的“替身”圖標(biāo)。圖標(biāo)是具有指代意義的具有標(biāo)識(shí)性質(zhì)的圖形，它不僅是一種圖形，更是一種標(biāo)識(shí)，它具有高度濃縮并快捷傳達(dá)信息、便于記憶的特性。它不僅歷史久遠(yuǎn)，從上古時(shí)代的圖騰，到現(xiàn)在具有更多含義和功能的各種圖標(biāo)，而且應(yīng)用范圍極為廣泛，可以說它無所不在。一個(gè)國家的圖標(biāo)就是國旗；一件商品的圖標(biāo)是注冊(cè)商標(biāo)；軍隊(duì)的圖標(biāo)是軍旗；學(xué)校的圖標(biāo)是?；眨煌瑫r(shí)它也在各種公共設(shè)施中被廣泛使用，如公廁標(biāo)識(shí)、交通指示牌等；一個(gè)形象和一個(gè)圖標(biāo)之間有什么區(qū)別：計(jì)算機(jī)圖像是一個(gè)點(diǎn)陣圖（組成像素）或矢量（組成的繪圖路徑）的圖片，可以使用各種不同的格式（BMP，PSD，GIF，JPEG，WMF...).所有這些格式有幾種不同的屬性（點(diǎn)陣圖，向量，壓縮，分層，動(dòng)畫...），可以用來存儲(chǔ)圖片，和決定任何大小。

圖標(biāo)是不同的標(biāo)準(zhǔn)圖像。他們是有標(biāo)準(zhǔn)尺寸（通常是?。?6x16，32x32，48x48...圖標(biāo)組成的幾個(gè)圖片。他們各自具有不同的大小和數(shù)量，顏色（a通道，16色，256色，16.8M...).一個(gè)圖標(biāo)最重要的屬性是其包含透明區(qū)域的能力，這種能力能讓圖標(biāo)的方形圖案后面的屏幕背景變得可見.什么是一個(gè)圖標(biāo)的結(jié)構(gòu)：一個(gè)圖標(biāo)是一組圖像，各種不同的格式（大小和顏色的）。此外，每幅圖像可以包括透明的地區(qū)。這就是為什么你會(huì)發(fā)現(xiàn)一個(gè)透明的顏色在繪畫調(diào)色盤為16或256色圖片和一個(gè)變量的不透明參數(shù)使用Alpha通道，為新的RGB/A圖像格式（不透明=0意味著透明）。圖標(biāo)設(shè)計(jì)：通過對(duì)圖標(biāo)的含義、圖標(biāo)的功能、圖標(biāo)的尺寸大小的分析，我們就可以根據(jù)圖標(biāo)的這些特點(diǎn)進(jìn)行設(shè)計(jì)制作。首先要設(shè)計(jì)圖標(biāo)的外型，因?yàn)橐粋€(gè)圖標(biāo)的含義幾乎完全體現(xiàn)在它的外型之上，好的外型讓使用者很快就明白該圖標(biāo)有什么樣的功能，反之讓使用者一頭霧水，從而使用戶產(chǎn)生厭煩情緒。然后是圖標(biāo)大小和分辨率的設(shè)計(jì)，一般來說圖標(biāo)的大小都是有規(guī)定的（前文已經(jīng)提到過了），根據(jù)圖標(biāo)的分辨率和大小尺寸進(jìn)行設(shè)計(jì)，就能控制圖標(biāo)的設(shè)計(jì)效果，不會(huì)最后設(shè)計(jì)出來的一套圖標(biāo)有大也有小的。然后就是整體效果的制作了，這個(gè)環(huán)節(jié)就需要你有充實(shí)的美術(shù)功底和軟件技術(shù)了，圖標(biāo)的好與壞就取決于你這個(gè)環(huán)節(jié)的成果。這個(gè)環(huán)節(jié)需要注意的是圖標(biāo)風(fēng)格的整體把握，不能做一套五花八門圖標(biāo)出來。最后是添加效果階段，先整體調(diào)整圖標(biāo)色調(diào)，給制作好的圖標(biāo)添加高光和投影，有必要的話還可以加點(diǎn)特效，如閃電、發(fā)光、水晶等。這樣就完成圖標(biāo)的設(shè)計(jì)了。扁平化設(shè)計(jì)拋棄那些已經(jīng)流行多年的漸變、陰影、高光等擬真視覺效果，從而打造出一種看上去更“平”的界面。扁平風(fēng)格的優(yōu)勢就在于它可以更加簡單直接的將信息和事物的工作方式展示出來，減少認(rèn)知障礙的產(chǎn)生。比產(chǎn)品設(shè)計(jì)更具有參照性，簡而快比產(chǎn)品設(shè)計(jì)更有可能性，成本低比產(chǎn)品設(shè)計(jì)更有規(guī)則性，用戶習(xí)慣一旦養(yǎng)成，大同小異比產(chǎn)品設(shè)計(jì)更有情感性，懶而美由此可知圖形代替代碼輸入用戶認(rèn)知共鳴語義&美感&直觀What’sIxDInteractionDesignWhat’s？

交互設(shè)計(jì)，又稱互動(dòng)設(shè)計(jì)，（英文InteractionDesign,縮寫IxD或者IaD),是定義、設(shè)計(jì)人造系統(tǒng)的行為的設(shè)計(jì)領(lǐng)域。人造物，即人工制成物品，例如，軟件、移動(dòng)設(shè)備、人造環(huán)境、服務(wù)、可佩帶裝置以及系統(tǒng)的組織結(jié)構(gòu)。交互設(shè)計(jì)在于定義人造物的行為方式(the“interaction”,即人工制品在特定場景下的反應(yīng)方式）相關(guān)的界面。交互設(shè)計(jì)作為一門關(guān)注交互體驗(yàn)的新學(xué)科在二十世紀(jì)八十年代產(chǎn)生了，它由IDEO的一位創(chuàng)始人比爾·摩格理吉（BillMoggridge）在1984年一次設(shè)計(jì)會(huì)議上提出。交互設(shè)計(jì)定義（一）簡單的說，交互設(shè)計(jì)是人工制品、環(huán)境和系統(tǒng)的行為，以及傳達(dá)這種行為的外形元素的設(shè)計(jì)與定義。不像傳統(tǒng)的設(shè)計(jì)學(xué)科主要關(guān)注形式，最近則是關(guān)注內(nèi)容和內(nèi)涵，而交互設(shè)計(jì)首先旨在規(guī)劃和描述事物的行為方式，然后描述傳達(dá)這種行為的最有效形式。艾蘭.庫珀(alancooper)VB之父交互設(shè)計(jì)之父微軟視窗先鋒獎(jiǎng)軟件夢幻獎(jiǎng)得主庫伯交互設(shè)計(jì)公司創(chuàng)始人交互設(shè)計(jì)定義（二）設(shè)計(jì)支持人們?nèi)粘９ぷ髋c生活的交互式產(chǎn)品。具體地說，交互設(shè)計(jì)就是關(guān)于創(chuàng)建新的用戶體驗(yàn)的問題，其目的是增強(qiáng)和擴(kuò)充人們工作、通信及交互的方式。Winnogard（1997）把交互設(shè)計(jì)描述為“人類交流和交互空間的設(shè)計(jì)”HelenSharp從用戶角度來說，交互設(shè)計(jì)是一種如何讓產(chǎn)品易用，有效而讓人愉悅的技術(shù)，它致力于了解目標(biāo)用戶和他們的期望，了解用戶在同產(chǎn)品交互時(shí)彼此的行為，了解“人”本身的心理和行為特點(diǎn)，同時(shí)，還包括了解各種有效的交互方式，并對(duì)它們進(jìn)行增強(qiáng)和擴(kuò)充。交互設(shè)計(jì)還涉及到多個(gè)學(xué)科，以及和多領(lǐng)域多背景人員的溝通。DeDream交互設(shè)計(jì)行業(yè)的發(fā)展初創(chuàng)期（1929-1970）1959年，美國學(xué)者B.Shackel提出了人機(jī)界面的第一篇文獻(xiàn)《關(guān)于計(jì)算機(jī)控制臺(tái)設(shè)計(jì)的人機(jī)工程學(xué)》1960年，LikliderJCK首次提出“人機(jī)緊密共棲的概念，被視為人機(jī)界面學(xué)的啟蒙觀點(diǎn)1969年，召開了第一次人機(jī)系統(tǒng)國際大會(huì)，同年第一份專業(yè)雜志"國際人機(jī)研究（IJMMS）"創(chuàng)刊。奠基期（1970-1979）從1970年到1973年出版了四本與計(jì)算機(jī)相關(guān)的人機(jī)工程學(xué)專著1970年成立了兩個(gè)HCI研究中心：一個(gè)是英國的Loughbocough大學(xué)的HUSAT研究中心，另一個(gè)是美國Xerox公司的PaloAlto研究中心發(fā)展期（1980-1995）理論方面，從人機(jī)工程學(xué)獨(dú)立出來，更加強(qiáng)調(diào)認(rèn)知心理學(xué)以及行為學(xué)和社會(huì)學(xué)等學(xué)科的理論指導(dǎo)實(shí)踐范疇方面，從人機(jī)界面拓延開來，強(qiáng)調(diào)計(jì)算機(jī)對(duì)于人的反饋交互作用。"人機(jī)界面"一詞被"人機(jī)交互"所取代。HCI中的"I"，也由"Interface(界面/接口)"變成了"Interaction(交互)"。提高期（1996-

）人機(jī)交互的研究重點(diǎn)放在了智能化交互，多模態(tài)（多通道）-多媒體交互，虛擬交互以及人機(jī)協(xié)同交互等方面，也就是放在"以人為在中心"的人機(jī)交互技術(shù)方面。交互的三個(gè)要素人界面機(jī)器/系統(tǒng)學(xué)科人類工程學(xué)心理學(xué)認(rèn)知科學(xué)信息學(xué)工程學(xué)計(jì)算機(jī)科學(xué)軟件工程社會(huì)學(xué)人類學(xué)語言學(xué)美學(xué)……設(shè)計(jì)圖形設(shè)計(jì)產(chǎn)品設(shè)計(jì)商業(yè)美術(shù)電影產(chǎn)業(yè)服務(wù)業(yè)……交互設(shè)計(jì)人機(jī)交互（HCI）交互設(shè)計(jì)的范疇UCD設(shè)計(jì)理想流程簡單說明：1.創(chuàng)造一些用戶2.找出重要的活動(dòng)3.找出用戶模型--用戶期望如何完成這些活動(dòng)4.草擬出初版的設(shè)計(jì)5.一直反復(fù)把設(shè)計(jì)修改得更容易,直到虛構(gòu)用戶能輕易使用為止6.找真人來看著他們?cè)囉媚愕能浖邮招枨笳{(diào)研分析交互設(shè)計(jì)視覺設(shè)計(jì)可用性測試上線交互設(shè)計(jì)所做的事情可識(shí)別的形狀布局尺寸色彩可感知記憶的語言的含義色彩的隱喻相對(duì)位置層級(jí)、關(guān)系……可物理衡量的流程點(diǎn)擊次數(shù)移動(dòng)距離姿勢轉(zhuǎn)換方式……交互設(shè)計(jì)的核心要素精確描述我們的用戶以及用戶希望達(dá)到的目標(biāo)，定義幾個(gè)典型角色，并用故事的形式表達(dá)出來目標(biāo)用戶產(chǎn)品角色篩選分類腳本任務(wù)場景交互設(shè)計(jì)時(shí)需關(guān)注的可用性指標(biāo)易學(xué)習(xí)容易使用容錯(cuò)性有效性用戶滿意度安全性

ISO9241/11中的定義是：可用性是一個(gè)多因素概念，涉及到容易學(xué)習(xí)、容易使用、系統(tǒng)的有效性、用戶滿意，以及把這些因素與實(shí)際使用環(huán)境聯(lián)系在一起針對(duì)特定目標(biāo)的評(píng)價(jià)。常用的交互設(shè)計(jì)工具VisioAxureillustratorFireworksWordPhotoshop從用戶角度來說，交互設(shè)計(jì)是一種如何讓產(chǎn)品易用，有效而讓人愉悅的技術(shù)，它致力于了解目標(biāo)用戶和他們的期望，了解用戶在同產(chǎn)品交互時(shí)彼此的行為，了解“人”本身的心理和行為特點(diǎn)，同時(shí)，還包括了解各種有效的交互方式，并對(duì)它們進(jìn)行增強(qiáng)和擴(kuò)充。交互設(shè)計(jì)還涉及到多個(gè)學(xué)科，以及和多領(lǐng)域多背景人員的溝通。不像傳統(tǒng)的設(shè)計(jì)學(xué)科主要關(guān)注形式，交互設(shè)計(jì)則是關(guān)注內(nèi)容和內(nèi)涵，而交互設(shè)計(jì)首先旨在規(guī)劃和描述事物的行為方式，然后描述傳達(dá)這種行為的最有效形式。

色彩+形狀

考慮極端用戶改版后的頁面視覺層次得到了很大的提升。白色內(nèi)容區(qū)域、淺藍(lán)色右邊欄和深藍(lán)色的注冊(cè)區(qū)域漸漸遞進(jìn)，深藍(lán)色背景上的強(qiáng)烈反差的黃色按鈕“SignUp”，引導(dǎo)著這個(gè)頁面的主要目的，亦是重點(diǎn)。另外，大家可以發(fā)現(xiàn)，內(nèi)容文字部分比先前的老版本少了一半一半再一半再一半。。。相應(yīng)的，使用列點(diǎn)和大圖的方式傳遞了相同的信息。“SignUp”顯而易見，而且視覺上有突起的漸變效果也馬上讓人知道，那是個(gè)按鈕。，原來占據(jù)垂直空間的Newitems/allitems的切換、markallasread等功能，全部藏匿在右上角的下拉按鈕中。Refresh被替換成了一個(gè)可以容易理解的Refresh圖標(biāo)，頂端其他產(chǎn)品的鏈接也祛除了下劃線。/DoitINTERACTION

DESIGN交互設(shè)計(jì)案例案例任務(wù)：在這個(gè)播放器中找出正在播放的曲目

案例任務(wù)：在這個(gè)播放器中找出正在播放的曲目

這首？這首？這首？這首？實(shí)際是這首，但是你能快速地找到它在右欄播放列表的位置嗎？對(duì)比這個(gè)播放器，你不是能一眼就看出它的播放曲目了呢瞇眼測試（squinttest）就是一直眼睛閉上，瞇著另一只眼睛看屏幕，用于測試平面的布局是否清晰，正確，在模糊中是否能區(qū)分出突出元素，次要元素。三大區(qū)域：播放區(qū)，列表區(qū)，功能視窗區(qū)右邊的播放器布局更為區(qū)分明顯一些面對(duì)被模仿致敬的Mediaplayer，這個(gè)播放器并沒有抓住其中關(guān)于交互的細(xì)節(jié)精髓。當(dāng)然這個(gè)播放器還是有優(yōu)點(diǎn)的，比如造型獨(dú)特，有歌曲去重的功能，播放速度快，樂庫廣泛等等。講到這里你或許會(huì)問了，難到交互設(shè)計(jì)就是這些細(xì)節(jié)性的問題嗎？----不，不是的，這里討論的不是細(xì)節(jié)，而是在人們使用產(chǎn)品的過程中因?yàn)榧?xì)小的問題考慮不周到而影響了使用的體驗(yàn)。

細(xì)小到就如播放器上某個(gè)小圖標(biāo)的設(shè)置是否合理搜狗瀏覽器中，專門將不常用的菜單放置在瀏覽器右邊，為的是不和瀏覽器左邊常用功能混淆，減低出錯(cuò)性，增加易用度火狐瀏覽器中，將添加到收藏夾的按鈕放在url旁邊，位置顯眼，而且省下了至少一個(gè)步驟講到這里你或許會(huì)問了，難到交互設(shè)計(jì)就是這些細(xì)節(jié)性的問題嗎？----不，不是的，這里討論的不是細(xì)節(jié)，而是在人們使用產(chǎn)品的過程中因?yàn)榧?xì)小的問題考慮不周到而影響了使用的體驗(yàn)。

細(xì)小到就如播放器上某個(gè)小圖標(biāo)的設(shè)置是否合理搜狗瀏覽器中，專門將不常用的菜單放置在瀏覽器右邊，為的是不和瀏覽器左邊常用功能混淆，減低出錯(cuò)性，增加易用度。同時(shí)，因?yàn)閷捚岭娔X的使用，這樣做也可以增大垂直的空間大到整個(gè)流程的設(shè)計(jì)會(huì)員，跳轉(zhuǎn)頁面進(jìn)入深航頁面，選擇機(jī)票（頭等艙和商務(wù)艙都無座），下一步填寫旅客信息和人數(shù)，顯示機(jī)票價(jià)格，上一步下一步生成訂單，上一步

財(cái)付通支付Qq會(huì)員登錄驗(yàn)證，彈出登錄框非會(huì)員，彈出框中提示，更換qq號(hào)碼成為會(huì)員（彈出框可以關(guān)閉）Qq會(huì)員登錄驗(yàn)證進(jìn)入活動(dòng)首頁，點(diǎn)擊預(yù)定或者查詢騰訊深航合作項(xiàng)目預(yù)訂機(jī)票簡單流程圖加粗字體為按鈕上一個(gè)太簡單，摘錄一個(gè)比較復(fù)雜的來自/blog/2007/07/11/wapshili/網(wǎng)盤下載流程分析直到最后的將內(nèi)容和流程翻譯成界面語言---框架圖當(dāng)你理解交互是一個(gè)過程設(shè)計(jì)的時(shí)候，你就應(yīng)該明白任何產(chǎn)品都需要交互設(shè)計(jì)，無論是互聯(lián)網(wǎng)數(shù)字產(chǎn)品還是工業(yè)產(chǎn)品，只不過它因?yàn)槠胤较虻牟煌赡軗Q了名字，人機(jī)交互，可用性，感性工程等等。案例：博物館的交互設(shè)計(jì)MIXMIX來源/bnm/?cat=6INTERACTION

DESIGN用戶體驗(yàn)和可用性用戶體驗(yàn)的定義之一：是一種純主觀的在用戶使用一個(gè)產(chǎn)品（服務(wù)）的過程中建立起來的心理感受他們之間的關(guān)系是：交互設(shè)計(jì)是為了支持更好的用戶體驗(yàn)

用戶體驗(yàn)當(dāng)我們提到交互設(shè)計(jì)的時(shí)候，我們總會(huì)聯(lián)系到用戶體驗(yàn)形式工業(yè)設(shè)計(jì)師圖形設(shè)計(jì)師內(nèi)容信息架構(gòu)師文字編寫者動(dòng)畫制作師聲音分析師行為交互設(shè)計(jì)師基于用戶體驗(yàn)的數(shù)字產(chǎn)品設(shè)計(jì)會(huì)包括這三個(gè)方面的關(guān)注：形式，內(nèi)容，行為可用性目標(biāo)工作效率高易學(xué)良好的實(shí)用性使用有效果使用安全用法易記引人入勝令人愉快令人滿足有用富有啟發(fā)性富美感激發(fā)創(chuàng)造性成就感情感滿足可用性目標(biāo)是交互設(shè)計(jì)的核心，但不是交互設(shè)計(jì)的全部。交互設(shè)計(jì)在滿足可用性的同時(shí)，還要滿足用戶期望從用戶的角度來說，交互設(shè)計(jì)是一種如何讓產(chǎn)品易用，有效而讓人愉悅的技術(shù)。一個(gè)只是很好用的產(chǎn)品并不能完全滿足人們的需求，有的時(shí)候，人們會(huì)因?yàn)槿淌芤粫r(shí)的不變，如果這個(gè)產(chǎn)品能帶給他們更多的樂趣。更有趣更實(shí)用所有的產(chǎn)品都是一種服務(wù)，幫助使用者更好的達(dá)到目的的服務(wù)。幫助交流幫助清潔用一個(gè)服務(wù)行業(yè)的例子來類比產(chǎn)品，比如：移動(dòng)大廳接待的服務(wù)員，做為顧客，你對(duì)她的期望1.著裝整潔，漂亮2.辦事高效3.態(tài)度溫柔誠懇（不要冷冰冰）4.耐心5.說話簡單易懂（不要一堆專業(yè)術(shù)語）6.不出錯(cuò)…期望還有很多很多，但是你希望你從營業(yè)廳走出來的時(shí)候，把要處理的事情正確地處理好，并且心情愉快。這也是你在使用一個(gè)產(chǎn)品之后所要的感覺，只有這樣，才能留住用戶。INTERACTION

DESIGN交互設(shè)計(jì)--理性（可用性）和感性（用戶期望）并重的設(shè)計(jì)入門書籍推薦INTERACTION

DESIGNQuiz根據(jù)自己的經(jīng)驗(yàn)和回憶，畫出一個(gè)新用戶注冊(cè)流程圖INTERACTION

DESIGNTHANKS,THEEND….What’sUIHowworkflowUI工作流程2025/3/12176競爭產(chǎn)品分析領(lǐng)域調(diào)研產(chǎn)出物新產(chǎn)品開發(fā)任務(wù)產(chǎn)品定位用戶分析產(chǎn)品概述功能需求規(guī)格整理產(chǎn)出物第一次Check是/否通過？概念模型分析功能結(jié)構(gòu)圖使用場景分析交互流程分析產(chǎn)出物第一次Check是/否通過？信息架構(gòu)和界面原型要點(diǎn)說明產(chǎn)出物第一次Check是/否通過？詳細(xì)設(shè)計(jì)設(shè)計(jì)和邏輯說明產(chǎn)出物第四次Check是/否通過？完成設(shè)計(jì)維護(hù)進(jìn)入設(shè)計(jì)維護(hù)EndBASICRESEARCHPRODUCTANALYSEINTERACTIONDESIGNPROTOTYPEDESIGNDETAILEDDESIGNUSER六個(gè)階段，每個(gè)階段又有關(guān)鍵的工作內(nèi)容和要求。2025/3/12177UE/UI設(shè)計(jì)流程第二階段：產(chǎn)品分析產(chǎn)品定位

從軟件提供者的角度分析產(chǎn)品推出的意義和重點(diǎn)關(guān)注的方面，實(shí)際考量、豐滿決策層的idea，明確列出產(chǎn)品定位，通過討論修繕取得決策層的認(rèn)可；用戶分析

結(jié)合競爭產(chǎn)品的分析資料，采用定性分析的方法，獲得對(duì)產(chǎn)品目標(biāo)用戶在概念層面的認(rèn)識(shí)；產(chǎn)品概述

以軟件提供的身份，以最簡短的文字，向用戶介紹產(chǎn)品，突出產(chǎn)品對(duì)用戶的價(jià)值。避免功能點(diǎn)的簡單羅列，而應(yīng)該在歸納總結(jié)的基礎(chǔ)上突出重點(diǎn)；功能需求規(guī)格整理

在歸納關(guān)鍵功能的基礎(chǔ)上，結(jié)合競爭產(chǎn)品規(guī)格整理的領(lǐng)域認(rèn)識(shí)，從邏輯上梳理需求規(guī)格列表，重在邏輯關(guān)系清楚、組織和層級(jí)關(guān)系清晰。劃定項(xiàng)目（設(shè)計(jì)和研發(fā)）范圍；產(chǎn)出物：

用戶分析文檔和產(chǎn)品概述、功能規(guī)格列表

產(chǎn)品定位用戶分析產(chǎn)品概述功能需求規(guī)格整理產(chǎn)出物第一次Check是/否通過？2025/3/12178UE/UI設(shè)計(jì)流程第三階段：交互設(shè)計(jì)（功能結(jié)構(gòu)和交互流程設(shè)計(jì)）產(chǎn)品概念模型分析

從產(chǎn)品功能邏輯入手，結(jié)合對(duì)常見軟件的經(jīng)驗(yàn)積累和競爭產(chǎn)品的認(rèn)識(shí)，加上對(duì)用戶的理解，為產(chǎn)品設(shè)計(jì)一個(gè)盡量接近用戶對(duì)產(chǎn)品運(yùn)行方式理解的概念模型，成為產(chǎn)品設(shè)計(jì)的基礎(chǔ)框架；功能結(jié)構(gòu)圖

在產(chǎn)品概念模型的基礎(chǔ)上豐富交互組件，并理順交互組件之間的結(jié)構(gòu)關(guān)系；使用場景分析

模擬典型用戶執(zhí)行關(guān)鍵功能達(dá)到其目標(biāo)的使用場景；交互流程分析

模擬在上述概念模型和功能結(jié)構(gòu)決定的產(chǎn)品框架之中，支持使用場景的關(guān)鍵操作過程（即鼠標(biāo)點(diǎn)擊步驟和屏幕引導(dǎo)路徑）；產(chǎn)出物：

產(chǎn)品設(shè)計(jì)文檔的交互設(shè)計(jì)部分概念模型分析功能結(jié)構(gòu)圖使用場景分析交互流程分析產(chǎn)出物第一次Check是/否通過？2025/3/12179UE/UI設(shè)計(jì)流程第四階段：原型設(shè)計(jì)（信息架構(gòu)和界面原型設(shè)計(jì)）信息架構(gòu)和界面原型設(shè)計(jì)

設(shè)計(jì)產(chǎn)品界面中應(yīng)該包含的控件數(shù)量和類型、控件之間的邏輯和組織關(guān)系，以支持用戶對(duì)控件或控件組所代表的功能的理解，對(duì)用戶操作的明確引導(dǎo)；所有界面設(shè)計(jì)成為一套完整的可模擬的產(chǎn)品原型；設(shè)計(jì)要點(diǎn)說明

對(duì)界面設(shè)計(jì)的重點(diǎn)添加說明，幫助涉眾對(duì)設(shè)計(jì)的理解；

產(chǎn)出物：

產(chǎn)品設(shè)計(jì)文檔的原型設(shè)計(jì)部分信息架構(gòu)和界面原型要點(diǎn)說明產(chǎn)出物第一次Check是/否通過？2025/3/12180UE/UI設(shè)計(jì)流程第五階段：詳細(xì)設(shè)計(jì)（詳細(xì)設(shè)計(jì)和偽代碼編寫）詳細(xì)設(shè)計(jì)

完善設(shè)計(jì)細(xì)節(jié)、交互文本和信息設(shè)計(jì)（Messagebox）；設(shè)計(jì)和邏輯說明

對(duì)界面控件/控件組/窗口的屬性和行為進(jìn)行標(biāo)準(zhǔn)化定義，梳理完整的交互邏輯，用狀態(tài)遷移圖或偽代碼形式表示；產(chǎn)出物：產(chǎn)品設(shè)計(jì)文檔的詳細(xì)設(shè)計(jì)部分

第六階段：設(shè)計(jì)維護(hù)（研發(fā)跟蹤和設(shè)計(jì)維護(hù)）語言文檔整理

設(shè)計(jì)通過評(píng)審之后，把產(chǎn)品中所有的交互文本整理成excel