第一章UI設計基礎

1、第一章：UI設計基礎http:/1.1 UI設計存在的意義UI的概念是動態(tài)的過程，是邏輯的推理，也是各種狀況的預測。如果衡量UI設計只有一種標準，那就是用戶體驗(User Experience). 用戶體驗是以用戶為中心的設計(UCD/User Centered Design)中最重要的一個部分,強調(diào)的是過程，是軟件對用戶行為(User Action)產(chǎn)生的反應與用戶期待值的誤差測試，也就是說，這種誤差越小，也就越符合以用戶為中心的設計原則。在西方，UI行業(yè)的興起要歸功于以計算機為主的高科技迅速發(fā)展，尤其是視窗操作系統(tǒng)的普及，然而廣義的UI概念在十七世紀的工業(yè)革命階段就已經(jīng)開始，只不過，把易用

2、性帶入機械的設計還是一種無意識的舉動，再加上當時幾乎所有的工業(yè)程序都是由熟練工人一手操辦，就更加減弱了易用性設計的能見度(visibility). UI定義，只有兩種用戶，過程為主的用戶(process oriented end user)，和結(jié)果為主的用戶(result oriented end user). 過程為主的用戶的典型例子是電玩族，他們追求的終級目標就是視覺聽覺的沖擊和享受，最終游戲的結(jié)果反而變得不是那么重要了。此類設計對視覺和創(chuàng)意的要求是極為挑剔的，絕大多數(shù)設計師都有深厚的美術功底。然而，與結(jié)果為主的用戶設計相比，它的市場和受眾都要小的多。http:/結(jié)果為主的用戶不在乎用什么

3、樣的方式完成任務，但是任務必須以最短的時間，以最簡潔的方式，最精確的運算結(jié)果來完成。這些用戶通常是工業(yè)化軟件的受眾，工作環(huán)境以大型企業(yè)為主，軟件最終運算結(jié)果對于企業(yè)的運行和管理有著重大的意義，稍有偏差，可能會對企業(yè)產(chǎn)生重大損失。對于此類用戶的產(chǎn)品設計人員來講，絕大部分部分時間可能用在設計任務的邏輯流程(logical task flow),以期最大幅度的符合人腦的思考方式和認知過程(cognitive process)。UI在中國發(fā)展需要是一個自上而下的推動性改革。中國的軟件開發(fā)已經(jīng)很大程度上與西方接軌，我們沒有那么多時間讓真正意義的UI慢慢滲入開發(fā)過程。在中國，將一個新的概念或產(chǎn)業(yè)名稱帶入產(chǎn)

4、品開發(fā)，并使其發(fā)展壯大，最大的源動力應該是投入的回報率。這也是許多同業(yè)人推薦將UI設計帶人嘗試性的項目，用成功的案例來讓更多的企業(yè)信服并采納用戶為中心的設計方法。http:/1.1.1 人機交互與操作邏輯http:/在中國，將一個新的概念或產(chǎn)業(yè)名稱帶入產(chǎn)品開發(fā)，并使其發(fā)展壯大，最大的源動力應該是投入的回報率。這也是許多同業(yè)人推薦將UI設計帶人嘗試性的項目，用成功的案例來讓更多的企業(yè)信服并采納用戶為中心的設計方法。人機交互界面表示模型與設計方法（Model and Methodology）一個交互界面的好壞，直接影響到軟件開發(fā)的成敗。友好人機交互界面的開發(fā)離不開好的交互模型與設計方法。因此，研究

5、人機交互界面的表示模型與設計方法，是人機交互的重要研究內(nèi)容之一。 可用性分析與評估（Usability and Evaluation）可用性是人機交互系統(tǒng)的重要內(nèi)容，它關系到人機交互能否達到用戶期待的目標，以及實現(xiàn)這一目標的效率與便捷性。人機交互系統(tǒng)的可用性分析與評估的研究主要涉及到支持可用性的設計原則和可用性的評估方法等。http:/可用性分析與評估（Usability and Evaluation）可用性是人機交互系統(tǒng)的重要內(nèi)容，它關系到人機交互能否達到用戶期待的目標，以及實現(xiàn)這一目標的效率與便捷性。人機交互系統(tǒng)的可用性分析與評估的研究主要涉及到支持可用性的設計原則和可用性的評估方法等。多

6、通道交互技術（Multi-Modal）在多通道交互中，用戶可以使用語音、手勢、眼神、表情等自然的交互方式與計算機系統(tǒng)進行通信。多通道交互主要研究多通道交互界面的表示模型、多通道交互界面的評估方法以及多通道信息的融合等。其中，多通道信息整合是多通道用戶界面研究的重點和難點。 認知與智能用戶界面（Intelligent User Interface，IUI）智能用戶界面的最終目標是使人機交互和人人交互一樣自然、方便。上下文感知、眼動跟蹤、手勢識別、三維輸入、語音識別、表情識別、手寫識別、自然語言理解等都是認知與智能用戶界面需要解決的重要問題。 群件（Groupware）群件是指幫助群組協(xié)同工作的計

7、算機支持的協(xié)作環(huán)境，主要涉及個人或群組間的信息傳遞、群組中的信息共享、業(yè)務過程自動化與協(xié)調(diào)，以及人和過程之間的交互活動等。目前與人機交互技術相關的研究主要包括：群件系統(tǒng)的體系結(jié)構(gòu)、計算機支持交流與共享信息的方式、交流中的決策支持工具、應用程序共享以及同步實現(xiàn)方法等內(nèi)容。 http:/Web設計（Web-Interaction）重點研究Web界面的信息交互模型和結(jié)構(gòu)，Web界面設計的基本思想和原則，Web界面設計的工具和技術，以及Web界面設計的可用性分析與評估方法等內(nèi)容。 移動界面設計（Mobile and Ubicomp）移動計算（Mobile Computing）、無處不在計算（Ubiqu

8、itous Computing）等對人機交互技術提出了更高的要求，面向移動應用的界面設計問題已成為人機交互技術研究的一個重要應用領域。針對移動設備的便攜性、位置不固定性和計算能力有限性以及無線網(wǎng)絡的低帶寬高延遲等諸多的限制，研究移動界面的設計方法，移動界面可用性與評估原則，移動界面導航技術，以及移動界面的實現(xiàn)技術和開發(fā)工具，是當前的人機交互技術的研究熱點之一。http:/人機交互的發(fā)展過程，也是人適應計算機到計算機不斷地適應人的發(fā)展過程。它經(jīng)歷了幾個階段：人機交互的發(fā)展過程，也是人適應計算機到計算機不斷地適應人的發(fā)展過程。它經(jīng)歷了幾個階段：1.1.2 整體風格的展現(xiàn)http:/操作邏輯系統(tǒng)的展

9、現(xiàn)當我們進入某個App時，在應用程序的主界面中會顯示出當前程序的一些特殊或主要的功能，我們根據(jù)UI視覺界面來對這些功能進行選擇，從而切換到另一個我們需要的界面，這些具有指引性的提示和操作都是UI視覺設計中操作邏輯系統(tǒng)的展現(xiàn)http:/在移動設備應用程序的界面中，會使用多種設計方式來對程序的操作邏輯系統(tǒng)進行指示和提示，例如，在界面中添加導航欄、搜索欄、圖標欄來展示一些與當前界面或者次級界面相關的信息，提示用戶進行某些操作。如圖所示為手機應用程序中的框架圖，它們中間的很多界面都是相互關聯(lián)的，我們可以利用界面中的操作按鈕來實現(xiàn)返回、前進界面或者進入新界面的操作，這些都是UI設計的意義所在http:/展現(xiàn)系統(tǒng)的整體風格移動UI的視覺設計除了具有人機交互的橋梁、操作邏輯系統(tǒng)的展示方面的意義之外，還具有一個重要的意義：在移動設備迅速發(fā)展的今天，眾多的應用程序脫穎而出，它們都有各自擁有自己的個性，而這些個性的形成除功能上的獨特之處以外，最大的表現(xiàn)就是界面風格的打造。不同用途的應用程序，其界面的風格也有很大的差距，它們都