從需求到設(shè)計(jì)
在用戶研究階段以及行為分析階段轴或，我們?cè)O(shè)計(jì)場(chǎng)景劇本來(lái)想象立項(xiàng)的用戶交互柑潦，從這些場(chǎng)景劇本中定義需求。我們站在一個(gè)高層次上關(guān)注用戶界面和相關(guān)行為的整體結(jié)構(gòu)桑嘶，我們把目標(biāo)導(dǎo)向設(shè)計(jì)的這個(gè)階段成為設(shè)計(jì)框架屈尼。設(shè)計(jì)框架定義了用戶體驗(yàn)的整體結(jié)構(gòu)册着，從屏幕上功能元素的組織，到交互行為及其底層組織原則鸿染，到采用何種視覺(jué)語(yǔ)言和形式語(yǔ)言來(lái)表現(xiàn)數(shù)據(jù)指蚜、概念、功能和品牌形象涨椒。
定義交互框架摊鸡。交互框架不僅定義了高層次上的屏幕布局绽媒，也定義了產(chǎn)品的工作流程、行為和組織免猾。
交互框架：
1是辕、 定義外形因素、姿態(tài)和輸入法猎提。
2获三、 定義功能和數(shù)據(jù)元素。
3锨苏、 決定功能組合層次疙教。
4、 勾畫出大致的交互框架伞租。
5贞谓、 構(gòu)建關(guān)鍵路線情景劇本。
6葵诈、 通過(guò)驗(yàn)證下的場(chǎng)景劇本來(lái)檢查設(shè)計(jì)裸弦。
設(shè)計(jì)行為與形態(tài)
設(shè)計(jì)原則指導(dǎo)我們?nèi)绾卧O(shè)計(jì)美好、有效的產(chǎn)品作喘，以及系統(tǒng)和服務(wù)理疙，并且如何正直成功地從事設(shè)計(jì)工作。設(shè)計(jì)模式是針對(duì)某類特定的設(shè)計(jì)問(wèn)題泞坦，可供消防的概括性解決方案窖贤。
設(shè)計(jì)原則：
1、 作用于不同層面的設(shè)計(jì)原則
設(shè)計(jì)價(jià)值暇矫、概念原則主之、行為原則择吊、界面原則
2李根、 行為與界面曾滿的設(shè)計(jì)原則使工作符合降至最低。
認(rèn)知負(fù)荷几睛、記憶復(fù)合房轿、視覺(jué)負(fù)荷、物理負(fù)荷
設(shè)計(jì)價(jià)值：
1所森、 正直的額交互設(shè)計(jì)囱持。產(chǎn)品不應(yīng)該傷害任何人，考慮到現(xiàn)實(shí)生活的復(fù)雜焕济，至少要將傷害化解到最小纷妆。
2、 目標(biāo)明確的交互設(shè)計(jì)晴弃⊙诖保基于用戶目標(biāo)與動(dòng)機(jī)的理解逊拍，采取明確目標(biāo)的設(shè)計(jì)。
3际邻、 有實(shí)效的交互設(shè)計(jì)芯丧。在設(shè)計(jì)過(guò)程中，需要考慮到商業(yè)目標(biāo)世曾、技術(shù)要求與其局限性缨恒。
4、 優(yōu)雅的交互設(shè)計(jì)轮听。表現(xiàn)最簡(jiǎn)潔的完整表示方式骗露，產(chǎn)品擁有內(nèi)在的和諧，適當(dāng)順應(yīng)血巍、調(diào)動(dòng)認(rèn)知與情感椒袍，滿足用戶的渴求。
視覺(jué)界面設(shè)計(jì)
為幫助用戶達(dá)到目標(biāo)藻茂，我們?cè)诶斫猱a(chǎn)品的用戶和精心設(shè)計(jì)產(chǎn)品的行為上付諸努力驹暑，但是如果沒(méi)有適當(dāng)?shù)姆绞綄⑿袨楹陀脩袈?lián)系在一起，無(wú)論花費(fèi)多少精力都于事無(wú)補(bǔ)辨赐。根據(jù)產(chǎn)品不同优俘，視覺(jué)界面設(shè)計(jì)需要多種相關(guān)的技能。要?jiǎng)?chuàng)造出有效且吸引人的用戶界面掀序，設(shè)計(jì)者必須掌握一些基本的視覺(jué)要素帆焕，顏色、版面不恭、形式和構(gòu)成叶雹。視覺(jué)界面設(shè)計(jì)者所關(guān)心的就是尋找最合適的表現(xiàn)方式來(lái)傳達(dá)我們?cè)O(shè)計(jì)的交互產(chǎn)品的行為。
視覺(jué)界面設(shè)計(jì)組成要素：
1换吧、 形狀折晦。我們習(xí)慣于通過(guò)外形輪廓來(lái)辨識(shí)物體。
2沾瓦、 尺寸满着。屏幕上的某個(gè)物體相對(duì)于其他物體的大小，在一群相似物體中贯莺，較大的物體更容易引起我們的注意风喇。
3、 值缕探。物體的明亮暗度程度魂莫，我們總會(huì)用一個(gè)數(shù)量值來(lái)衡量，更容易吸引人們注意爹耗。
4耙考、 顏色秽誊。顏色的不同可以快速引起我們的注意，在一些專業(yè)領(lǐng)域中琳骡，顏色有著特殊的意義锅论。
5、 方位楣号。當(dāng)我們又和方向有關(guān)的信息需要傳達(dá)時(shí)最易，方位是個(gè)很有用的變量。
6炫狱、 紋理藻懒。物體粗擦光滑，分辨紋理需要很強(qiáng)的注意力视译，可以用來(lái)作為重要的提示嬉荆。
7、 位置酷含。屏幕上的閱讀順序可以幫助我們來(lái)順序地定位元素鄙早。
交互界面設(shè)計(jì)原則：
運(yùn)用視覺(jué)屬性將元素分組，創(chuàng)造清晰的層次結(jié)構(gòu)椅亚；
在組織上的每一層都提供視覺(jué)結(jié)構(gòu)限番；
創(chuàng)建邏輯路徑、對(duì)稱和平衡呀舔；
圖像的運(yùn)用要適當(dāng)緊湊弥虐、一致，并且要適當(dāng)考慮使用環(huán)境媚赖；
全面有目的地把風(fēng)格和功能結(jié)合起來(lái)霜瘪；
避免視覺(jué)噪聲和混亂，保持簡(jiǎn)單惧磺；
視覺(jué)信息設(shè)計(jì)原則：
加強(qiáng)視覺(jué)對(duì)比颖对；
顯示因果關(guān)系；
顯示多個(gè)變量豺妓；
在一個(gè)顯示中結(jié)合文本惜互、圖形及數(shù)據(jù)布讹；
確保內(nèi)容的品制琳拭、相關(guān)性和完整性；
在相鄰空間上顯示事物描验，而不是按時(shí)間堆積白嘁；
可量化的數(shù)據(jù)需要量化；
設(shè)計(jì)原則：
1膘流、 絕對(duì)不要向利益相關(guān)者展現(xiàn)你不滿意的設(shè)計(jì)方案絮缅，可能那正是他們喜歡的鲁沥。
2、 用戶體驗(yàn)只有一個(gè)耕魄，即形式和行為的設(shè)計(jì)必須相互和諧画恰。
3、 選擇技術(shù)平臺(tái)時(shí)吸奴，一定要與交互設(shè)計(jì)工作和諧一致允扇。
4、 全屏幕使用獨(dú)占應(yīng)用则奥，讓它發(fā)揮最優(yōu)效果考润。
5、 獨(dú)占界面應(yīng)該采取保守的視覺(jué)風(fēng)格读处。獨(dú)占應(yīng)用程序可以使用豐富的輸入糊治。
