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

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

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

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

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

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

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

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

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