1、交互界面設計基礎原則,Wynn,問題其實就是你期望的東西和你體驗的東西之間的差別。,易用性（Usability）,易用性三大要素： 產(chǎn)品執(zhí)行用戶所需的功能。 快速安全的執(zhí)行此功能。 易于學習。,實現(xiàn)模型、心理模型、表現(xiàn)模型,實現(xiàn)模型（Implementation Model），有時又稱系統(tǒng)模型（System Model），指的是從機器和程序如何實際工作的角度來描述并表達軟件的工作方式。 心理模型（Mental Model），也就是概念模型（Conceptual Model），指的是用戶認知中所認為的軟件工作方式。 表現(xiàn)模型（Represented Model），又稱為設計者模型(Designe

2、r Model)，指的是設計者通過界面實際呈現(xiàn)出來的軟件工作方式。,九條基本原則,關注用戶及其任務，而非技術。 首先考慮功能，然后才是表示。 順應用戶對任務的看法。 設計要符合常見情況。 不要分散用戶對目標的注意力。 促進學習。 提供信息，而不僅僅是數(shù)據(jù)。 設計應追求響應能力。 進行用戶測試，然后改進。,關注用戶及其任務，而不是技術,基本原則1,項目開始：回答以下問題,這個軟件是為誰設計的？誰是目標用戶？誰是目標客戶？ 這個軟件是做什么的？打算支持什么行為？打算幫助用戶解決什么問題？它將提供什么價值？ 現(xiàn)在目標用戶有什么問題？對于他們現(xiàn)有的工作方式，他們喜歡什么、不喜歡什么？ 目標用戶掌握哪些

3、技能與知識？他們有學習的動力嗎？如何學習？是否存在具有不同技能、知識和動機的不同類型用戶？ 對于軟件要管理的數(shù)據(jù)，用戶對相關概念的掌握情況如何？ 目標用戶更喜歡什么工作方式？軟件如何才能符合那些方式？又會如何影響它們？,理解用戶,最佳實踐過程包含三個要素： 決策：決定誰是目標用戶。 調查：了解目標用戶的特點。 協(xié)作：與目標用戶協(xié)作以了解他們。 綜合以上結果，形成最終的簡介描述(profile)，用來描述主要目標用戶。,深入討論：用戶的分布,用戶并非簡單的分布于“初學者”與“專家”之間。 用戶應當在3個獨立的維度上進行劃分： 對計算機的總體了解：常規(guī)計算機技能。 任務知識：對目標任務（比如會計）

4、的熟練程度。 系統(tǒng)知識：對特定軟件或者類似對象的了解程度。 三個維度互相之間并不關聯(lián)，一個方向上強不表示另外兩個也強。 另外，需要考慮用戶的動機。,理解任務,理解任務的過程同樣包含這三個要素： 決策：決定要支持的任務集。 調查：調查目標任務。 協(xié)作：與目標用戶協(xié)作以了解任務。 綜合以上結果，形成任務分析報告。,深入討論：決策,決策往往受以下因素影響，甚至變成“預先確定”的： 開發(fā)機構的戰(zhàn)略目標，反映其高層的利益。 雇員的專業(yè)意見。 過去的歷史因素。 資產(chǎn)、流程、基礎設施等。 對市場機遇與定位的認識。 研究人員已經(jīng)開發(fā)出來的新技術。 無論如何，必須確定決策定出來的內容與目標客戶的需求是一致的。,

5、任務分析報告：怎樣算好？,良好的任務分析報告可以回答很多問題： 在軟件關注的領域內，用戶會執(zhí)行那些任務？ 哪些任務是常用的？哪些是很少用到的？ 哪些任務是最重要的？哪些是最不重要的？ 每個任務的步驟有哪些？ 每個任務的結果是什么樣的？ 每個任務需要的信息從哪來，任務產(chǎn)生的信息又如何使用？ 哪些人做哪些任務？ 每個任務需要什么工具？ 執(zhí)行任務時會遇到什么問題？什么樣的錯誤比較常見？原因是什么？破壞力如何？ 有關人員使用了什么術語？ 不同任務如何關聯(lián)？ 完成任務需要和其他人進行哪些溝通？,考慮軟件工作的環(huán)境,你的軟件不是全部，使用的時候，它總是處于某個特定環(huán)境中。 軟件可能需要其他程序交互。 使用

6、者可能需要其他使用者交互。 工作環(huán)境的研究是必須考慮的環(huán)節(jié)。,首先考慮功能，然后才是表示,基本原則2,“首先考慮功能”不意味著：,“首先考慮功能” 不意味著 “首先設計和實現(xiàn)功能，然后再關心用戶界面”,“首先考慮功能”意味著：,這個原則應該這樣來理解： 軟件體現(xiàn)了特定的概念以及概念之間的關系，設計人員應當在設計如何呈現(xiàn)概念之前完整地定義概念以及概念間的關系。 開始具體的布局設計前，先回答以下問題： 軟件將向用戶展示什么概念？這些概念是哪里來的？ 用戶會用軟件操作哪些數(shù)據(jù)？又會從其中提煉哪些信息？數(shù)據(jù)如何輸入與輸出？ 軟件會提供那些選擇、設置、控制？,概念模型,概念模型方法是實踐這條原則的一種非

7、常好的方法。 通過概念模型文檔，明確表達出設計人員希望用戶理解的應用程序模型。,概念模型,概念模型不是用戶界面。 概念模型也不使用用戶界面的概念來表述。 概念模型關注于任務，即用戶面臨的問題與他們希望達到的目標。 明確規(guī)劃出概念模型，然后根據(jù)它來設計界面，可以產(chǎn)生出更加整潔也更加容易理解的軟件。 “Less is more.”盡可能讓模型簡單，但是不要忽略必須的概念。,關注任務,使用用戶所熟悉的概念，避免使用外來概念。保持概念模型聚焦于任務。系統(tǒng)操作與相應的任務概念之間的對應越直接，用戶就越容易明白你所預想的概念模型。 慎重引入額外的概念。新概念的引入需要額外的代價。,對象/操作分析,對象/操

8、作分析是概念模型最重要的組成部分。 包括要展示給用戶的所有對象、每個對象上用戶可以執(zhí)行的操作、每種對象的屬性（用戶可見的部分），和對象之間的關系。 不在概念模型中的對象對用戶應當是不可見的。 所謂對象/分析操作，就是展示給用戶的概念的聲明。,對象之間的關系,對象/操作分析中涉及定義和表示對象之間關系。 概念對象之間的關系大致上可以分為四種類型： 類別（數(shù)碼相機與相機的關系） 部件（個性簽名與郵件的關系） 包含（相冊與相片） 相對重要性（活期帳號比定期賬號更常見）,詞匯表（術語表）,一旦明確了概念模型，就需要統(tǒng)一對這些概念的稱呼，這一工作的結果就是詞匯表。 詞匯表需要持續(xù)的管理與使用。 隨時注意

9、那些不在詞匯表內的概念。,任務場景描述,完成概念模型與明確詞匯表之后，就可以開始編寫用例（use cases）或者任務場景（task scenarios）。 它們描述了用戶預期應當如何使用軟件。 只使用概念模型與詞匯表中提到的概念與術語。 可以用于編寫文檔、功能評審、易用性測試等。 不包含任何用戶界面的具體說明，僅包含任務對象和操作。 “張三將所有想購買的商品加入購物車，填寫配送信息等附加內容，確認無誤后下了訂單?！?基于概念模型的界面設計,界面設計應當基于概念模型。 可以用場景描述作為基礎，具體方法是： 將場景描述與具體實現(xiàn)方式結合，選擇恰當?shù)姆椒▉韺⒊橄蟾拍钷D變?yōu)榫唧w表示。 重新編寫場景，

10、將抽象流程具體化為實際的操作流程。 將不同場景合理組織成界面體系。 “張三在想購買的某個商品頁面上點擊加入購物車按鈕，頁面轉為顯示購物車，張三可以看到剛才加入的商品，默認數(shù)量為1，他可以在輸入框中輸入自己想要的數(shù)量，隨后點擊繼續(xù)購物返回剛才的商品頁面，繼續(xù)挑選商品。重復此操作直到所有所有想購買的商品加入購物車，點擊下一步按鈕”,概念模型與團隊設計過程,概念模型可以作為團隊的協(xié)調點。 概念模型可以作為迭代開發(fā)的基礎點。 概念模型可以對團隊的后期工作起到重要的作用。,順應用戶對任務的看法,基本原則3,四個子原則,爭取自然。 使用用戶的詞匯，而非你的。 對外隱藏程序的內部內容。 找到功能與復雜度的平

11、衡點。,爭取自然,不要讓用戶做不自然的事。不自然的事之用戶所執(zhí)行的操作與他們的任務目標沒有明顯的聯(lián)系。此類操作難于學習，令人厭煩。 避免強加專斷限制。指并非任務本身所必需的限制。同樣難于學習，令人厭煩。,使用用戶的詞匯，而非你的,避免使用用戶不理解的計算機或者其他技術術語。 按照用戶的習慣來稱呼相關概念。 404錯誤，500錯誤，你們真的明白這是什么嗎？ ROM？Modem？TIFF？MIME？RIP？,對外隱藏程序的內部內容,在概念模型之外的內容，應當對用戶隱藏。 向用戶暴露程序的內部內容，不會對用戶有所幫助，反而會影響用戶的使用。,找到功能與復雜度的平衡點,功能的增加是有代價的，不能隨意增

12、加功能。 確定功能之后，有一些方法可以相對降低復雜度： 恰當?shù)哪J值。 模板、封裝好的解決方案。 步驟指南與向導。 漸進式顯示。 通用命令。create, open, move, copy, save, delete, print, show/edit properties, follow link 針對具體任務的設計。 可定制性。,設計要符合常見情況,基本原則4,常用的結果要易于實現(xiàn),正式的說法：為了得到某個結果，用戶需要干預的量不應當與結果的復雜度成比例，而應當與結果的不常見程度成比例。 四種常見的方法： 恰當?shù)哪J值 模板或封裝好的方案 向導 可定制性,“常用”有兩種類型,對于“常用(c

13、ommon)”這個說法，應當如何判定呢？ 具體到軟件功能，“常用”可能意味著需要考慮： 有多少用戶會用此功能？所有？幾乎所有？大部分？一部分？小部分？幾乎沒有？ 用戶多經(jīng)常使用此功能？每幾秒用一次？幾分鐘用一次？還是每隔幾小時、幾天、幾周、幾個月、幾年用一次？ 用戶數(shù)量與使用頻度是兩個基本類型。,設計規(guī)則,越頻繁使用的功能，需要的點擊要越少。 越多用戶使用某功能，這個功能就要越明顯。 組合：多數(shù)人用且經(jīng)常使用、少數(shù)人用但經(jīng)常使用、多數(shù)人用但很少使用、少數(shù)人用且很少使用。 主要為核心情況設計，不要為邊緣情況付出太多。,不要分散用戶對目標的注意力,基本原則5,兩個規(guī)則,不要給用戶帶來額外的問題軟件

14、應當幫助解決目標任務領域中的問題，同時盡力減少或消除用戶在解決計算機技術領域問題上花費的時間。 不要讓用戶通過排除法來推理界面中的控件、命令、設置的功能要清晰明確，不要讓用戶不得不使用排除法來尋找正確操作方法。,促進學習,基本原則6,“由外而內”，而非“由內而外”,“由內而外”的思考方式，指開發(fā)人員用自己的設計意圖和軟件知識去指導界面設計，假定用戶能夠明白設計人員的意圖，從而理解界面。 事實上用戶不可能用滿足這個假設。 “由外而內”的思考方式才是正確的，確保用戶界面對于不知道設計人員意圖的人有意義。 左邊這個圖標，是什么？,一致性、一致性、一致性,一致性可以減少操作上的麻煩軟件界面上的不一致會

15、逼迫用戶停下來思考如何操作。 冒失的嘗試一致性是有風險的一致性是很復雜的概念，實踐中經(jīng)常被誤用或者濫用。 無論如何一致性是有好處的總體來說有一致性的觀念是利大于弊的。 一致性要以用戶為中心應當按照用戶的方式來理解一致性。,提供低風險的環(huán)境,界面設計應當盡量防止用戶出錯。 對于可能出現(xiàn)的錯誤，應當易于糾正。 低風險的環(huán)境可以有效促進學習。,提供信息，而不僅僅是數(shù)據(jù),基本原則7,認真設計顯示，尋求專業(yè)幫助,設計屏幕上的顯示，有許多需要考慮的地方： 視覺順序和用戶焦點 易于瀏覽 匹配介質 注意細節(jié) 應當重視這項工作，找專業(yè)的人員來進行。,屏幕屬于用戶,屏幕顯示的改變應當基于用戶的操作，軟件不應當隨便

16、主動改變屏幕。 軟件主動改變會破壞用戶的交互反射，強迫用戶有意識的去調整自己的操作。,保持顯示慣性,響應用戶的操作而改變顯示時，需要匹配改變的程度，最大限度上減少改變的程度。 操作的變更應當局限于操作的內容本身。 當顯示確實需要大的變動時，需要注意： 培養(yǎng)用戶對更改的認知與理解 最大限度減少對用戶繼續(xù)工作能力的破壞,設計應追求響應能力,基本原則8,響應能力的重要性,響應能力是影響軟件用戶滿意度的最重要因素。 響應能力不僅僅影響用戶的滿意度，還影響用戶的效率：,響應能力指什么？,響應能力不等于性能。 響應能力是以是否符合用戶的時間需求來度量的。 響應差的案例有： 對按下按鈕、滾動條移動之類的操作響應延遲厲害。 有阻礙其他活動的費時操作，且不能中止。 沒提供任何線索來表示操作會花費多久。 執(zhí)行“內部任務”時忽