今年4月份算是囫圇吞棗讀完了交互設(shè)計(jì)經(jīng)典書籍《交互設(shè)計(jì)精髓》谚殊，下面的讀書筆記內(nèi)容暫且作為1.0版本担锤，筆記涉及內(nèi)容主要是從整體預(yù)覽／篇幅梳理／重點(diǎn)概念／章節(jié)內(nèi)容摘選四個(gè)方面入手竭贩。深知經(jīng)典就是用來重溫的子漩，目前打算10月繼續(xù)重溫該經(jīng)典拍嵌，細(xì)嚼慢咽并配以最新的案例來學(xué)習(xí)输拇，我也很期待2.0版本是什么樣呢支救！所以先立個(gè)flag吧～
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
（一）本書整體預(yù)覽
設(shè)計(jì)交互系統(tǒng)的4個(gè)主要步驟：
1.研究產(chǎn)品所處領(lǐng)域抢野；
2.了解用戶及其需求；
3.定義設(shè)計(jì)方案的框架各墨；
4.填充設(shè)計(jì)細(xì)節(jié)指孤；
（二）全書三個(gè)篇幅梳理
第一篇是用戶和設(shè)計(jì)的過程高層次思想介紹篇，可以體察如何用研贬堵，定義需求等流程設(shè)計(jì)恃轩。
- 目標(biāo)導(dǎo)向設(shè)計(jì)：
當(dāng)今軟件產(chǎn)品的制作多以營(yíng)銷人員或開發(fā)人員主導(dǎo)產(chǎn)品設(shè)計(jì)，以用戶為中心是向來多數(shù)公司的口號(hào)黎做；營(yíng)銷人員擅長(zhǎng)把握商機(jī)叉跛，但其貢獻(xiàn)的需求列表同用戶的真實(shí)需要和期望幾乎無關(guān)，多以追趕競(jìng)爭(zhēng)對(duì)手為主蒸殿；開發(fā)人員著眼與解決技術(shù)難題筷厘，多受制于在緊迫時(shí)間壓力下按時(shí)完成任務(wù)；誰來考慮用戶的目標(biāo)宏所？用戶的利益誰來保障考慮不夠酥艳；究其原因無非是：
1）.不了解用戶需求（用戶研究不到位）；
2）.利益沖突爬骤，在緊迫工期下充石，開發(fā)人員必須要易于編程實(shí)現(xiàn)和易用使用二者做出選擇；
3）.缺少指導(dǎo)過程霞玄，缺乏以用戶為中心的指導(dǎo)如何產(chǎn)品作業(yè)的流程骤铃；
- 實(shí)現(xiàn)模型和心理模型：
如何判斷產(chǎn)品是否易用可從三個(gè)模型入手：實(shí)現(xiàn)模型浓镜，表現(xiàn)模型，心理模型劲厌；“實(shí)現(xiàn)模型”即如何編碼實(shí)現(xiàn)的模型膛薛，“表現(xiàn)模型”是行為外表，或叫做設(shè)計(jì)者模型补鼻；“心理模型”是用戶心理預(yù)期和看法哄啄；設(shè)計(jì)出的產(chǎn)品“表現(xiàn)模型”越接近用戶“心理模型”越容易使用；否則就會(huì)嚴(yán)重加大用戶學(xué)習(xí)成本风范；
- 新手咨跌、專家和中間用戶：
基于用戶心理分析，沒誰愿意停留在新手級(jí)別硼婿，優(yōu)秀的用戶界面不會(huì)迎合新手或?qū)＜矣脩粜堪耄前汛蟛糠止ぷ鞣旁谟谰玫闹虚g用戶上；不同類別人員只能代表部分觀點(diǎn)寇漫，如營(yíng)銷人員因經(jīng)常接觸新用戶刊殉，常勸說多考慮新用戶；而程序員則希望做的越顯得高大上越好州胳；針對(duì)新手用戶要將其想象成“聰明但非常忙的人”记焊，很快就會(huì)成為中間用戶；
- 理解用戶栓撞，定性研究：
只有真正了解用戶遍膜，才能滿足他的需求，定性研究是發(fā)掘深層信息的基礎(chǔ)瓤湘，而研究可通過一系列方法（訪談瓢颅，觀察等）來實(shí)現(xiàn)；
- 為用戶建模：
人物角色和目標(biāo)：從用戶研究中弛说，基于角色動(dòng)機(jī)理論構(gòu)造出用戶角色模型挽懦，就提供了一種形式化的手段，有利于我們對(duì)用戶行為傾向剃浇，心理模型和用戶目標(biāo)分析巾兆；用戶目標(biāo)是一切任務(wù)的背后驅(qū)動(dòng)力，任務(wù)只是達(dá)到結(jié)果的手段虎囚，目標(biāo)自身才是最終的結(jié)果角塑；
- 設(shè)計(jì)的基礎(chǔ)：
場(chǎng)景劇本和需求：完成角色和目標(biāo)定義后，可通過場(chǎng)景劇本發(fā)現(xiàn)關(guān)鍵用戶需求淘讥；
- 從需求到設(shè)計(jì)：
框架和細(xì)化：完成角色定義圃伶，可開始從產(chǎn)品整體上設(shè)計(jì)框架的搭建；
第二篇是高層次設(shè)計(jì)遵循的原則和方法，以介紹為何要遵循規(guī)則窒朋，遵循什么規(guī)則搀罢！
- 綜合優(yōu)秀的設(shè)計(jì)：
原則與模式：如何判定好的設(shè)計(jì)？
答曰：“將用戶工作負(fù)荷降至最底”侥猩，包括“認(rèn)知負(fù)荷”榔至，“記憶負(fù)荷”，“視覺負(fù)荷”欺劳，“物理負(fù)荷”唧取；
- 平臺(tái)和姿態(tài)：
行業(yè)領(lǐng)域的姿態(tài)決定了從業(yè)用戶姿態(tài)，用戶姿態(tài)決定了產(chǎn)品姿態(tài)划提，不同行業(yè)需要區(qū)別對(duì)待枫弟；
- 協(xié)調(diào)和流：
當(dāng)人們?nèi)硇耐度肽硞€(gè)活動(dòng)時(shí)，他們會(huì)對(duì)其它事物視而不見鹏往，這種“流”狀態(tài)是產(chǎn)品設(shè)計(jì)的終極淡诗，如何遵循一系統(tǒng)原則避免破壞用戶的專注狀態(tài)是產(chǎn)品易用的保障；比如：遵循用戶心理伊履，少就是多韩容，工具就要手邊，提供非模態(tài)反饋等湾碎；
- 消除附加工作：
產(chǎn)品經(jīng)常一些不必要的工作交互要盡量去除宙攻；如：錯(cuò)誤、通知和確認(rèn)完全可以去除介褥；
- 設(shè)計(jì)好的行為：
設(shè)計(jì)體貼的產(chǎn)品，賦予產(chǎn)品以生命递惋，把產(chǎn)品當(dāng)成為自己的朋友柔滔，親人設(shè)計(jì)的禮物；
第三篇是低層次技巧工具篇萍虽，對(duì)交互設(shè)計(jì)一些具體的技巧介紹
（三）本書涉及的相關(guān)重點(diǎn)概念
設(shè)計(jì)可分為三個(gè)層次：
1.為本能反應(yīng)設(shè)計(jì)
– 設(shè)計(jì)的視覺外觀和姿態(tài)睛廊。
實(shí)際上是感情設(shè)計(jì)-在特定的情景下引起人們心里和感情的反應(yīng)-而不只是美觀設(shè)計(jì)。
2.為行為層次設(shè)計(jì)
– 可以完善用戶行為杉编、暗含的假設(shè)和心里模型超全。
是交互設(shè)計(jì)和可用性設(shè)計(jì)。
– 直接影響其他兩個(gè)層次邓馒，也會(huì)被其他兩個(gè)層次所影響嘶朱。
– * 行為設(shè)計(jì)為基礎(chǔ)，本能設(shè)計(jì)和反思設(shè)計(jì)元素和諧統(tǒng)一光酣。
3.為反思層次設(shè)計(jì)
– 打造長(zhǎng)期的用戶產(chǎn)品關(guān)系疏遏。
從而，產(chǎn)生三個(gè)目標(biāo)：
1.體驗(yàn)?zāi)繕?biāo)
– 代表用戶的感情期望。簡(jiǎn)單财异，通用且個(gè)人的倘零。
2.最終目標(biāo)
– 代表用戶的操作動(dòng)機(jī)。作為產(chǎn)品行為戳寸、任務(wù)呈驶、外觀和感覺的基礎(chǔ)。
3.人生目標(biāo)
– 表達(dá)了用戶的渴望疫鹊，通常會(huì)超越產(chǎn)品設(shè)計(jì)的情景俐东。深層次和驅(qū)動(dòng)力和動(dòng)機(jī)。 可以用來解釋為何用戶要盡力完成他們的“最終目標(biāo)”订晌。
小結(jié)：
? 體驗(yàn)?zāi)繕?biāo)和本能處理過程有關(guān)虏辫，即：用戶感受到什么？
? 最終目標(biāo)和行為處理過程有關(guān)锈拨，即：用戶想要做什么砌庄？
? 人生目標(biāo)和反思處理過程有關(guān)，及：用戶想要成為什么奕枢？
知識(shí)體系的4P
? Process娄昆，過程，整個(gè)設(shè)計(jì)的過程缝彬。我的理解萌焰，比如一些常用的流程。
? Pattern谷浅，模式扒俯，一些解決問題的方法論。比如用戶研究一疯。
? Principles撼玄，原則，一些習(xí)慣用法的規(guī)則墩邀。比如“不要讓用戶思考”掌猛。
? Practices，實(shí)踐眉睹，把上述3個(gè)理論具體化荔茬，找到所在產(chǎn)品、團(tuán)隊(duì)的較優(yōu)實(shí)踐竹海，每次都會(huì)不一樣慕蔚。此外還有與產(chǎn)品有關(guān)的周邊團(tuán)隊(duì)的影響，不要讓非核心的失誤壞了大事站削。
產(chǎn)品的三個(gè)模型：
? 現(xiàn)實(shí)模型坊萝，描述產(chǎn)品是怎樣運(yùn)作的。
? 心理模型，表達(dá)用戶是怎樣理解的十偶。
? 表現(xiàn)模型菩鲜，即設(shè)計(jì)者模型，是設(shè)計(jì)者如何將現(xiàn)實(shí)呈現(xiàn)給用戶惦积，應(yīng)該盡量接近用戶的心理模型接校，但是相應(yīng)的工作量也會(huì)增加。
用戶訪談和用戶觀察的注意點(diǎn)：
? 在交互發(fā)生的地方進(jìn)行訪談：能觀察到用戶使用產(chǎn)品的情景很重要狮崩，但很多時(shí)候我們是出于成本的考慮蛛勉，并沒有到實(shí)地去訪談。
? 避免一組固定的問題：固定的問題會(huì)讓被訪者產(chǎn)生被審問的感覺睦柴，我們應(yīng)該準(zhǔn)備好問題清單诽凌，但清單只是一個(gè)引導(dǎo)作用，并不用照著讀坦敌。
? 首先關(guān)注目標(biāo)侣诵，任務(wù)其次：比用戶行為更重要的是行為背后的原因，多問問為什么狱窘。
? 避免讓用戶成為設(shè)計(jì)師：聽用戶說杜顺，但不要照著做，用戶的解決方案通常短淺蘸炸、片面躬络。
? 避免討論技術(shù)：特別是碰到一些略懂技術(shù)的用戶，不要與其糾纏產(chǎn)品的實(shí)現(xiàn)方式搭儒。
? 鼓勵(lì)講故事：故事是最好的幫助設(shè)計(jì)師理解用戶的方法穷当。
? 避免誘導(dǎo)性的問題：典型的誘導(dǎo)問題：如果有某某功能，你會(huì)使用么仗嗦？一般來說用戶會(huì)給出毫無意義的肯定答復(fù)膘滨。
（四）每章節(jié)內(nèi)容摘選
1
1.1關(guān)于目標(biāo)導(dǎo)向設(shè)計(jì)：
理解用戶的期望，需求稀拐，動(dòng)機(jī)和使用情景。
理解商業(yè)丹弱，技術(shù)德撬，業(yè)內(nèi)機(jī)會(huì)的需求和制約。
兼具技術(shù)可行性躲胳，商業(yè)價(jià)值和形式蜓洪，內(nèi)容，行為有用的好產(chǎn)品坯苹。
1.2壞的產(chǎn)品特性
在word軟件中隆檀，我們想要改正正在編輯的文件名，我們需要在關(guān)閉文件之后再改。我們希望更改文件名就是更改文件的一部分恐仑。軟件并沒有像人一樣思考泉坐。
即使是用word打印了一個(gè)東西，word也會(huì)認(rèn)為我們修改了文件裳仆，并不會(huì)自己查看腕让。
不同的應(yīng)用之間，有時(shí)候進(jìn)行信息交換的時(shí)候歧斟，需要人為進(jìn)行輸入纯丸，為什么不能進(jìn)行直接掃描，或者應(yīng)用之間互相交流一下呢静袖。
1.3三個(gè)模型
使用者模型：設(shè)計(jì)師所考慮的觉鼻。用戶需要什么。
業(yè)務(wù)模型：管理者所考慮的队橙。包括資金模型坠陈，收支估計(jì)。
能力模型：技術(shù)人員所考慮喘帚。包括工程進(jìn)度等畅姊。
1.4設(shè)計(jì)過程概覽
包括用戶研究（用戶及應(yīng)用領(lǐng)域），利益相關(guān)者訪談吹由，市場(chǎng)調(diào)研若未，用戶模型（用戶及使用情景建模），基于場(chǎng)景的設(shè)計(jì)倾鲫，以及一組基本的交互設(shè)計(jì)原則和模式（定義需求（定義用戶粗合，業(yè)務(wù)，技術(shù)需求）- 定義框架 - 細(xì)化行為乌昔，形式和內(nèi)容 - 支持開發(fā)階段的要求）隙疚。
交互設(shè)計(jì)不是憑空猜測(cè)。是基于一系列問題的引導(dǎo)和原則的磕道。
我的用戶是誰供屉？準(zhǔn)備做什么？他們會(huì)被哪些設(shè)計(jì)所吸引溺蕉？用戶如何和產(chǎn)品交互伶丐？我的產(chǎn)品如何處理用戶遇到的問題？
2 實(shí)現(xiàn)模型疯特，心理模型哗魂，和表現(xiàn)模型
變現(xiàn)模型應(yīng)該更傾向于用戶的心里模型。
比如漓雅，excel表格雖然只是數(shù)據(jù)庫(kù)录别，指針和鏈表朽色，卻是以表格的形式呈現(xiàn)出來，符合用戶的心理模型组题。
再比如說葫男，在用戶選擇顏色的時(shí)候，他們不是用數(shù)字往踢，而是用類似調(diào)色板的東西腾誉。
3 定性研究和定量研究
自然科學(xué)，需要定量研究峻呕，因?yàn)樽匀灰?guī)律是不會(huì)變的利职。然而對(duì)于社會(huì)科學(xué)，由于人的行為太復(fù)雜瘦癌，受制于太多變量以致于僅靠定量數(shù)據(jù)無法理解猪贪，因?yàn)椴捎枚ㄐ缘姆椒ㄈゲ杉嘘P(guān)用戶的行為數(shù)據(jù)。
定性研究的目標(biāo)：了解產(chǎn)品如何融入到用戶生活的大背景中讯私，用戶使用的基本目標(biāo)是什么热押，可能遇到怎樣的基本問題？
4.框架
設(shè)計(jì)框架包括交互框架和視覺設(shè)計(jì)框架斤寇。
交互框架：采用場(chǎng)景劇本和需求來創(chuàng)建粗略的屏幕和行為草圖
- 定義輸入方法 桶癣，使用的場(chǎng)景和器材
- 定義數(shù)據(jù)元素（及彼此關(guān)系），功能元素（數(shù)據(jù)元素的操作及界面上的表達(dá)）
- 運(yùn)用合適的設(shè)計(jì)原則和模式娘锁。采用了哪些交互模式和原則牙寞？
- 決定元素的層次和彼此關(guān)聯(lián)。優(yōu)化工作流莫秆。
- 用草圖勾畫出大致的交互框架间雀。當(dāng)草圖達(dá)到一定程度的細(xì)節(jié)之后，就可以開始運(yùn)用軟件進(jìn)行制圖镊屎。
- 構(gòu)建關(guān)鍵情景劇本（最常用的）惹挟。（使用故事版）
- 炎癥性場(chǎng)景設(shè)計(jì)
視覺設(shè)計(jì)框架：采用視覺語(yǔ)言研究
- 視覺元素研究 顏色，類型缝驳，小部件连锯，整體外形尺寸和材料屬性
（視覺上可能有多個(gè)風(fēng)格。）
5 原則和模式
設(shè)計(jì)應(yīng)該是正直的用狱，優(yōu)雅的萎庭，無害的。
6 姿態(tài)
如同每個(gè)行業(yè)的人都有各自的姿態(tài)一樣（比如戰(zhàn)士的警惕齿拂，收費(fèi)員的無私和乏味），產(chǎn)品也有展現(xiàn)給人的姿態(tài)肴敛。
軟件的外表和行為不能和其目的相沖突署海，否則會(huì)顯得不相稱吗购。可以將軟件想象作一個(gè)人砸狞。
6.1 設(shè)計(jì)桌面軟件
獨(dú)占姿態(tài)的軟件。即占據(jù)大部分界面的軟件，需要素雅一些疑故，因?yàn)橛脩糸L(zhǎng)期在看隅要，此外，內(nèi)容豐富一些研底。
暫時(shí)姿態(tài)的軟件埠偿。用戶只是偶爾查看一下。這類用戶界面需要細(xì)致榜晦，情緒而且搶眼冠蒋。且不能占據(jù)太多地方。操作簡(jiǎn)單足夠了乾胶。需要操作簡(jiǎn)單（最好可以記住用戶的操作抖剿。）
6.2 網(wǎng)頁(yè)
提供信息的網(wǎng)站。只是用來閱讀一些共享和相互鏈接的網(wǎng)站识窿。對(duì)于這樣的網(wǎng)站斩郎，網(wǎng)站更新的頻率也影響著行為，代表用戶應(yīng)該多久查看一次這個(gè)網(wǎng)站喻频。
交易類網(wǎng)站缩宜。 在線購(gòu)物或者金融服務(wù)類網(wǎng)站。除了內(nèi)容之外半抱，還具有功能型元素脓恕，具有復(fù)雜的行為。
Web應(yīng)用窿侈。交互型很強(qiáng)炼幔。包括企業(yè)級(jí)應(yīng)用軟件，個(gè)人博客史简，相冊(cè)乃秀，等。
有的基于網(wǎng)頁(yè)的應(yīng)用還可以不基于網(wǎng)頁(yè)圆兵，只是基于桌面的應(yīng)用（如今桌面應(yīng)用基于互聯(lián)網(wǎng)已經(jīng)很常見）跺讯。比如itunes。
關(guān)于其他的平臺(tái)殉农。需要把硬件和軟件的設(shè)計(jì)集成到一起刀脏。使用情景來驅(qū)動(dòng)設(shè)計(jì)。盡可能減少輸入超凳。
6.3 設(shè)計(jì)手持設(shè)備
由于屏幕太小愈污。需要做好功能集成耀态，讓導(dǎo)航操作最小化。避免使用多個(gè)窗口暂雹，或者彈出窗口首装。
6.4 設(shè)計(jì)信息亭
交易型和探索型。
6.5 設(shè)計(jì)汽車界面
由于特殊的場(chǎng)景設(shè)計(jì)杭跪，需要將常用的導(dǎo)航控制就放在離方向盤近的地方仙逻，而且提供聲音反饋，方便駕駛?cè)藛T不看屏幕就知道當(dāng)前情況涧尿。盡量采用統(tǒng)一的界面系奉，讓駕駛員用少量精力就可以使用導(dǎo)航。
6.6 設(shè)計(jì)語(yǔ)言界面
按照用戶的心理模型來組織和命名功能现斋。標(biāo)識(shí)出來可以選擇的功能喜最。任何時(shí)候都可以返回到上一級(jí)和最高一級(jí)。給用戶足夠長(zhǎng)的時(shí)間去響應(yīng)庄蹋。
7 設(shè)計(jì)好的行為
人來思考瞬内，機(jī)器來做。我們需要的是信息管理上的幫助限书，比如訪問虫蝶，分析，組織和將信息形象化的工作倦西。
什么是體貼的軟件/人
恭順的能真。只是建議，而不是命令扰柠。
樂于助人的粉铐。樂于相用戶提供他希望了解的信息，和功能提示卤档。
預(yù)見需求蝙泼。比如可以利用用戶沒有上網(wǎng)的空閑時(shí)間，下載一些東西劝枣，或者準(zhǔn)備用戶可能會(huì)登陸的界面汤踏。
負(fù)責(zé)的。會(huì)為用戶考慮舔腾，可能會(huì)遇到那樣的問題溪胶。
不會(huì)因?yàn)閷⒆约旱膯栴}成為別人的負(fù)擔(dān)。無論是成功還是失敗稳诚，不會(huì)成為別人的負(fù)擔(dān)哗脖。不會(huì)因?yàn)樾】謶只蛘咝〕晒Χ粩啻驍囉脩簟?br>
不會(huì)問過多的問題。不會(huì)打探過多的個(gè)人信息。
即使失敗懒熙，也不失風(fēng)度丘损。會(huì)有處理問題的預(yù)見性。
不要強(qiáng)制用戶用戶記住輸入的信息工扎，或者位置信息。儲(chǔ)存用戶曾經(jīng)輸入的信息衔蹲。
8 流
當(dāng)人們?nèi)硇耐度氲侥硞€(gè)活動(dòng)中的時(shí)候肢娘，他們會(huì)對(duì)周圍的事物視而不見。這種工作狀態(tài)會(huì)讓你忘記時(shí)間的流逝舆驶，這個(gè)時(shí)候是非常高效的橱健。
為了維持流的狀態(tài)，和軟件的交互必須流暢沙廉。
遵循用戶的心理模型拘荡，了解用戶最想看到的信息是什么，放在最前面撬陵。
工具很容易被發(fā)現(xiàn)珊皿。除了軟件的主要功能之外，其他的工具很方便被找到巨税。
不要提供顯眼的反饋（比如彈出框）蟋定，反饋?zhàn)詈檬欠悄B(tài)的。即可以默默改動(dòng)草添，而不會(huì)顯眼的打擾用戶驶兜。
顯示數(shù)據(jù)的時(shí)候，注意亮點(diǎn)：第一點(diǎn)远寸，與誰在比較抄淑，第二點(diǎn)，如何把信息展示出來驰后。信息應(yīng)該被合理的展示出來肆资。
程序應(yīng)該反映出合適的狀態(tài)。比如正在運(yùn)行倡怎，休眠迅耘，或者死機(jī)等。
為用戶直接提供選擇监署，而不是向用戶提問颤专。否則會(huì)讓用戶有種不主動(dòng)，過分要求钠乏，不體貼的感覺栖秕。表示你已經(jīng)準(zhǔn)備好了。
主要的功能點(diǎn)放在主要位置晓避，次要功能點(diǎn)（比如設(shè)置）簇捍，放在次要的位置只壳。
優(yōu)化響應(yīng)時(shí)間∈钏埽快速吼句。
9 導(dǎo)航
一般有三種導(dǎo)航 滾動(dòng)，鏈接事格，縮放和平移
10 啟示
啟示專指我們認(rèn)為可以做什么惕艳，而不是實(shí)際上能做什么。在社交和成長(zhǎng)過程中驹愚，我們學(xué)會(huì)了許多習(xí)慣用法远搪。
當(dāng)我們?cè)诮缑嫔显O(shè)置了一個(gè)元素時(shí)，就與用戶建立了一個(gè)契約逢捺，用戶與元素互動(dòng)谁鳍，元素就會(huì)在視覺上發(fā)生變化。應(yīng)當(dāng)保證用戶與元素互動(dòng)的時(shí)候劫瞳，可以滿足用戶的期望倘潜。
11 視覺設(shè)計(jì)
如何將數(shù)據(jù)，內(nèi)容及導(dǎo)航可視化柠新。信息設(shè)計(jì)包括設(shè)計(jì)信息的層次窍荧，如顏色，形狀恨憎，位置和范圍等蕊退。
基本屬性
形狀。這是辨識(shí)物體的基本方式憔恳。
尺寸瓤荔。較大的更容易引起注意。尺寸是個(gè)很有用的屬性钥组。
顏色输硝。特定的顏色，代表特定的屬性和用意程梦。
材質(zhì)点把。按鈕，可以拖動(dòng)的東西可以做的帶一些特殊的材質(zhì)屿附。
設(shè)計(jì)原則
視覺元素層次郎逃。為一組視覺元素設(shè)計(jì)彼此橫向關(guān)系和縱向關(guān)系。
注意對(duì)齊挺份。
對(duì)稱和平衡褒翰。
視覺化描述行為的結(jié)果是什么。比如word里面的打印預(yù)覽。著重向用戶展現(xiàn)行為過后的結(jié)果對(duì)比是什么优训。
采用高對(duì)比度文本朵你。文本和背景要對(duì)比明顯。
慎重在相鄰地方使用互補(bǔ)顏色揣非。
慎重采用過度飽和的顏色抡医，除非要強(qiáng)調(diào)。
圖形和背景除了色調(diào)不同之外妆兑，飽和度和亮度也應(yīng)該有區(qū)別魂拦。盡量避免在彩色背景上運(yùn)用彩色文本。
可以用 瞇眼測(cè)試來進(jìn)行感知搁嗓。
12 檢索
三種檢索方法：位置檢索箱靴，名字檢索棍矛，屬性檢索抛杨。
13 保存
不能因?yàn)橛脩艨赡軙?huì)犯錯(cuò)怖现，每次就都問用戶屈嗤，是否保存。
自動(dòng)保存铁追，自動(dòng)創(chuàng)建副本，重命名作為屬性算谈，文件位置作為屬性濒生，文件名稱作為屬性，可以設(shè)置時(shí)間節(jié)點(diǎn)方便還原礁蔗。
14 數(shù)據(jù)輸入
對(duì)用戶數(shù)據(jù)輸入浴井，應(yīng)該智能的提供調(diào)整磺浙。
警告通知應(yīng)該是清楚的而且是非模態(tài)的撕氧。只是審核和靜靜通知伦泥，而不是校正不脯。
15 點(diǎn)擊操作
保證用戶在把鼠標(biāo)放上去的時(shí)候防楷，就有變化了复局。在點(diǎn)擊之后，還有別的變化浮入。反色通常用來表示選擇已經(jīng)完成事秀。
其他表示選擇已經(jīng)完成的手段有宰衙，背景變色睹欲，勾勒邊框，凹陷等冀墨。
16 窗口行為
不應(yīng)該隨意為程序添加窗口诽嘉，除非現(xiàn)有的窗口不能再進(jìn)行利用弟翘。主要功能應(yīng)該和主要窗口放在一個(gè)視圖稀余。
17控件
按鈕 一般具有三維模擬的凸起特征雏门，比如底部的陰影，上部的加亮宙帝。具有視覺提示愿待。用戶希望看到按鈕按下之后仍侥，按鈕發(fā)生了一些變化农渊，比如從凸起變?yōu)榘枷拢幱暗奈恢酶淖兇烟簦鹊取?/p>
超鏈接 超鏈接應(yīng)該用于瀏覽導(dǎo)航游添，按鈕和圖標(biāo)按鈕才用戶操作唆涝。
復(fù)選框石抡。復(fù)選框在點(diǎn)擊的時(shí)候嚎京，會(huì)有三維凹進(jìn)的視覺處理鞍帝。此外帕涌，還可以為復(fù)選框加入一些元素。比如word里面讓字體變粗续徽，變斜的圖標(biāo)蚓曼。
滾翻按鈕。比如音樂播放器的播放鍵和暫停鍵钦扭，是同一個(gè)鍵纫版，不過只是隨著點(diǎn)擊會(huì)變化。這樣的功能容易讓人迷惑客情，因?yàn)橛脩舨恢朗秋@示當(dāng)前狀態(tài)還是功能提示其弊。做法是避免這樣的做法，或者在附近加上提示語(yǔ)膀斋。
組合圖標(biāo)按鈕梭伐。按下這個(gè)按鈕以后，可以顯示更多的同一類型的按鈕。相當(dāng)于是將功能分為層級(jí)绘盟，為圖標(biāo)按鈕嵌入菜單。
排序列表。最好是可以讓用戶自己對(duì)需要排序的東西進(jìn)行排序。windows的文件管理系統(tǒng)里面桩撮，只能讓系統(tǒng)對(duì)文件進(jìn)行排序师幕。而不能用戶根據(jù)自己的喜好進(jìn)行排序。
不要水平滾動(dòng)文本。
組合框洼怔。列表框和編輯框的集合安岂。既可以輸入次员，又可以在列表框中進(jìn)行選擇。類似于google里面的搜索框甥桂。
輸入控件办陷。對(duì)于有界輸入要用有界控件。它不讓你輸入無效的值，只能讓你輸入特定的值覆积。比如刻度盤和滑塊吗冤。
在無界輸入的情況中椎瘟，驗(yàn)證過程分為主動(dòng)驗(yàn)證和被動(dòng)驗(yàn)證肺蔚。主動(dòng)驗(yàn)證會(huì)拒絕用戶輸入不當(dāng)?shù)妮斎氤鸱耄⑶医o出解釋，告訴用戶已經(jīng)這樣做了危喉。被動(dòng)驗(yàn)證在用戶輸入完了之后再進(jìn)行驗(yàn)證哑蔫。處理這種情況的方法是輸入的同時(shí)采用遞減計(jì)算器钉寝，每次點(diǎn)擊鍵盤之后開始計(jì)時(shí)，如果用戶在一段時(shí)間之內(nèi)都沒有進(jìn)行輸入闸迷，這個(gè)時(shí)候程序進(jìn)行驗(yàn)證嵌纲。也可以在用戶輸入正確之后，后面打勾腥沽，或者輸入框外觀變成綠色逮走，告知用戶輸入完成。
暗示框今阳。在用戶把鼠標(biāo)懸停在輸入框上面時(shí)师溅，會(huì)顯示當(dāng)前輸入框的提示，并且不會(huì)遮蓋到當(dāng)前的輸入酣栈，這非常有效险胰。
滾動(dòng)條。在用滾動(dòng)條的時(shí)候矿筝，我們希望知道起便，總共有多少頁(yè)，當(dāng)前是多少頁(yè)窖维，當(dāng)前文檔的結(jié)構(gòu)是什么樣子的榆综。
18 錯(cuò)誤信息
用戶討厭自己被告知自己錯(cuò)了。
計(jì)算機(jī)可以铸史，自動(dòng)修正錯(cuò)誤鼻疮，或者提供反饋。從正面反饋學(xué)到的比負(fù)面反饋學(xué)到的多得多琳轿。負(fù)面反饋是懲罰用戶做不該做的事判沟。正面反饋有利于用戶學(xué)習(xí)該做的事。錯(cuò)誤消息框應(yīng)該禮貌而清楚的為用戶說明問題崭篡。
19 確認(rèn)消息
需要用戶確認(rèn)挪哄，很多時(shí)候是將責(zé)任推卸給用戶。比如刪除工作琉闪。應(yīng)該程序具有撤銷工具迹炼。取消對(duì)話框，可以用非模態(tài)的反饋。有時(shí)候還可以加入聽覺反饋斯入。
