淺談?dòng)脩艚缑嬖O(shè)計(jì)

本文格式為Word版，下載可任意編輯——淺談?dòng)脩艚缑嬖O(shè)計(jì)

淺談?dòng)脩艚缑嬖O(shè)計(jì)

第一部分：概述

用戶界面是計(jì)算機(jī)軟件和用戶交互的接口，是衡量軟件質(zhì)量的一個(gè)重要目標(biāo)。如何設(shè)計(jì)出一個(gè)好的用戶界面，是軟件公司和開發(fā)人員都必需理解和認(rèn)識(shí)的基本知識(shí)。這是本文的第一部分，在這一部分中，我將介紹如下內(nèi)容：

什么是用戶界面

什么是用戶界面設(shè)計(jì)

什么是一個(gè)好的用戶界面設(shè)計(jì)

用戶界面的衡量標(biāo)準(zhǔn)

總結(jié)

一、什么是用戶界面

用戶界面（UserInterface，簡稱UI）是指計(jì)算機(jī)軟件和用戶之間的一組用于交互的、具備相關(guān)性的設(shè)備接口。這個(gè)描述出自微軟。我們細(xì)心研讀這句話就會(huì)發(fā)現(xiàn)，微軟對于用戶界面定義的3個(gè)方面：一個(gè)是交互，一個(gè)是相關(guān)性，一個(gè)是接口。

從我們的直覺上可以明白地知道什么是UI，例如在Windows中的一個(gè)窗口，一個(gè)消息框；一個(gè)軟件的整體布局和外觀，這都是UI的組成部分。用戶界面首先應(yīng)當(dāng)具備交互性，交互性是指計(jì)算機(jī)和用戶之間可以進(jìn)行通信：計(jì)算機(jī)需要用戶的輸入（命令或數(shù)據(jù)），而用戶需要計(jì)算機(jī)的輸出（結(jié)果）。所以，沒有交互性的界面不能成為用戶界面。

用戶界面因該具備相關(guān)性。也就是說，在同一個(gè)軟件中的所有界面應(yīng)當(dāng)彼此相關(guān)。這種相關(guān)表現(xiàn)在：相關(guān)的風(fēng)格和外觀、相關(guān)的功能、相關(guān)的設(shè)計(jì)技術(shù)等。這樣保證了用戶界面的標(biāo)準(zhǔn)和一致。

當(dāng)然，設(shè)備接口是對用戶界面的最終定義，這意味著UI在人機(jī)交互中起著十分重要的作用，計(jì)算機(jī)通過UI來給我們信息和結(jié)果，我們通過UI來向計(jì)算機(jī)發(fā)送指令和鍵入數(shù)據(jù)。具備了這三大特性的用戶界面，就能稱之為一個(gè)完整的用戶界面了。

二、什么是用戶界面設(shè)計(jì)

有了用戶界面之后，人們開始著手定義用戶界面。從最初的控制臺(tái)界面到現(xiàn)在的圖形化桌面；從3D的控件到XP的主題，可以說，人們在長期的摸索中隨著硬件的升級和計(jì)算機(jī)技術(shù)的發(fā)展，已經(jīng)逐

漸的摸索出了一套用戶界面設(shè)計(jì)方法，形成了用戶界面設(shè)計(jì)的科學(xué)。

我們不能簡單地將用戶界面設(shè)計(jì)看成是軟件的一種表現(xiàn)和浮現(xiàn)方式，正是由于它具備交互性和相關(guān)性，所以，從一個(gè)用戶的角度出發(fā)設(shè)計(jì)用戶界面是十分重要的；我們不僅要從開發(fā)者的角度考慮，而且更多的要重視用戶體驗(yàn)，這樣，“UI就不只是一種接口和形式，而是一種用戶體驗(yàn)〞（比爾蓋茨在WinHEC上的講話）。

三、什么是一個(gè)好的用戶界面

用戶界面也有好壞之分，用人認(rèn)為：只要交互性好，統(tǒng)一，用戶可以使用流暢，這個(gè)UI就相當(dāng)不錯(cuò)了，其實(shí)這種認(rèn)識(shí)存在很大的局限性。一個(gè)好的用戶界面必需是一種“用戶體驗(yàn)〞，不惜符合人們的使用標(biāo)準(zhǔn)和習(xí)慣，必需迎合用戶的要求。從開始設(shè)計(jì)用戶界面，到最終完成設(shè)計(jì)的整個(gè)過程中，需要始終貫穿一個(gè)標(biāo)準(zhǔn)，這個(gè)標(biāo)準(zhǔn)就是用戶界面設(shè)計(jì)規(guī)范。

好的UI令人賞心悅目，反之，不好的用戶界面令人望而生厭。為什么會(huì)造成這種差距呢？在以后的系列專題中，我將為您闡述這些原因。

四、用戶界面的衡量標(biāo)準(zhǔn)

通過制定衡量標(biāo)準(zhǔn)，可以很輕易的度量一個(gè)UI設(shè)計(jì)的好壞。但是。往往這個(gè)標(biāo)準(zhǔn)是十分難以制定的，什么樣的UI才是最好的？我們沒有答案，不過，人們總結(jié)了用戶界面的九大特性，假使能夠在這九個(gè)方面做好，那么很自然的，用戶界面設(shè)計(jì)就可以達(dá)到一個(gè)最優(yōu)值。

我本人總結(jié)了用戶界面俄九大特性：

交互性(Interactive)

規(guī)范性(Rulable)

一致性(Standard)

本地化特性(Localizable)

輔助功能性(Accessible)

專業(yè)性(Professional)

全球化特性(Globalizable)

可擴(kuò)展性(Extensible)

用戶體驗(yàn)特性(UserExpen)

在接下來的九篇文章里，我會(huì)結(jié)合大量的實(shí)例和分析，說明如何讓UI成為一門藝術(shù)，如何讓UI成為一種用戶體驗(yàn)。

五、總結(jié)

本文是用戶界面系列專題的第一篇文章，在本文中，我向大家介紹了用戶界面的基本知識(shí)，包括什么是用戶界面、什么是一個(gè)好的用戶界面，什么是用戶界面設(shè)計(jì)和用戶界面設(shè)計(jì)的九大特點(diǎn)，從下一篇文章開始，我將圍繞這9個(gè)方面，結(jié)合實(shí)例和分析，給出一套建議性的用戶界面設(shè)計(jì)規(guī)范。

其次部分：交互性

用戶界面是計(jì)算機(jī)軟件和用戶交互的接口，是衡量軟件質(zhì)量的一個(gè)重要目標(biāo)。如何設(shè)計(jì)出一個(gè)好的用戶界面，是軟件公司和開發(fā)人員都必需理解和認(rèn)識(shí)的基本知識(shí)。第一部分已經(jīng)向大家介紹了UI的基本知識(shí)和衡量標(biāo)準(zhǔn)，在這一部分中，我將介紹如下內(nèi)容：

交互性概述

案例分析

交互性的設(shè)計(jì)原則和推薦的規(guī)范

總結(jié)

一、交互性概述

用戶界面完成的首要任務(wù)，就是設(shè)法讓用戶和計(jì)算機(jī)友好的交互。交互是最終目標(biāo)，而友好是衡量條件。在一個(gè)成功的UI設(shè)計(jì)中，應(yīng)當(dāng)著重考慮交互的實(shí)現(xiàn)以及實(shí)現(xiàn)過程，而且始終貫穿“友好〞的精神，WindowsXP就是一個(gè)典型的案例。

可交互就是UI設(shè)計(jì)目標(biāo)。假使一個(gè)界面不能讓人機(jī)交互，那么這個(gè)界面就是無用的。例如：需要設(shè)計(jì)一個(gè)這樣的界面，讓用戶輸入用戶名和密碼登錄，結(jié)果設(shè)計(jì)人員在設(shè)計(jì)的時(shí)候，將“登錄〞按鈕設(shè)置為灰色，導(dǎo)致無論用戶輸入的密碼是否正確，系統(tǒng)都無法登錄。這個(gè)案例中，用戶成功的向計(jì)算機(jī)提

供了信息，但是需要交互的關(guān)鍵時(shí)期卻發(fā)生了致命的設(shè)計(jì)缺陷；又例如，在上個(gè)案例中的登錄按鈕單擊后登錄成功，但是系統(tǒng)卻沒有給出任何UI變化表示成功的登錄過程，這樣的設(shè)計(jì)雖然讓用戶和計(jì)算機(jī)成功的交互，但用戶沒有能從計(jì)算機(jī)獲取交互的結(jié)果，因此，這個(gè)UI也是失敗的。

設(shè)計(jì)UI的交互性方面應(yīng)當(dāng)注意兩點(diǎn)：

1、用戶向計(jì)算機(jī)提交數(shù)據(jù)的交互過程；

2、計(jì)算機(jī)向用戶浮現(xiàn)處理結(jié)果的交互過程。

除了完成這兩方面的設(shè)計(jì)外，UI還需要友好。例如：上例中，假使用戶在輸入登錄信息是發(fā)生了錯(cuò)誤，計(jì)算機(jī)應(yīng)當(dāng)向用戶提醒登錄失敗。此時(shí)，我們有多種選擇；看看兩個(gè)不同的MessageBox對話框：“對不起，登陸失?。〃?/p>

“由于用戶名和密碼錯(cuò)誤，因此登錄失敗。〞

我們很簡單分辯哪一種做法更加友好。一個(gè)友好的用戶界面使得用戶心情舒暢，沒有壓抑感，這樣才能更加的一心使用您的軟件。

二、案例分析

案例一：用戶登錄發(fā)生錯(cuò)誤以后的一個(gè)消息框的兩種提醒文本。

1、“對不起，登陸失敗！〞

2、“由于用戶名和密碼錯(cuò)誤，因此登錄失敗。〞

可能好多開發(fā)人員比較喜歡使用第一種語言，他們認(rèn)為登錄不成功十分嚴(yán)重，并使用了慨嘆號(hào)，語言比較機(jī)械化并且沒有給出建議，還把“登錄〞寫成了“登陸〞；其次位開發(fā)人員語言很委婉，并告知了登錄失敗的原因，用戶從這個(gè)簡單的提醒中獲取了好多有用的信息，并且知道了不成功的原因。

從對以上兩個(gè)開發(fā)人員的語言分析和實(shí)際效果可以得出這個(gè)結(jié)論：其次個(gè)開發(fā)人員的語言更加讓用戶有好感，用戶十分愿意依照他的提醒進(jìn)行操作。為什么呢？別忘了，“友好〞的定義，其次種描述就是十分友好的文本。

我們還可以對其次種描述做改進(jìn)：例如，可以根據(jù)問題的嚴(yán)重性定義消息框應(yīng)當(dāng)顯示的圖標(biāo)，登錄錯(cuò)誤是十分嚴(yán)重的，可以選擇“X〞圖標(biāo)加強(qiáng)提醒效果。但是，我猛烈您不要在這一類文本中使用驚嘆號(hào)，這樣會(huì)失去用戶對系統(tǒng)的信任。

還有對案例一的更好的解決方法：除了顯示紅色“X〞圖標(biāo)和顯示文本之外，還可以擴(kuò)展MessageBox，給出一個(gè)“詳細(xì)信息〞按鈕，單擊詳細(xì)信息后，可以看到某些高級喲歸農(nóng)戶才能看懂的（例如：數(shù)據(jù)庫連接信息，ERRORLEVEL錯(cuò)誤號(hào)等），這樣，不管是用戶還是開發(fā)人員，都可以從不同的深度去對待同一種錯(cuò)誤提醒，大大提高了軟件的可維護(hù)性，降低了Bug排錯(cuò)的周期。

案例二：WindowsFaxServer的一段提醒文本：

“當(dāng)前TerminalServer不是您默認(rèn)的超級終端客戶端，您是否想將其設(shè)置為默認(rèn)程序？我們猛烈建議您回復(fù)“是〞〞

這一段文本是針對用戶的一種操作性建議，相比之下，有些軟件（例如、TT）就會(huì)有這樣的提醒：“TT不是默認(rèn)瀏覽器，是否設(shè)置為默認(rèn)？〞

雖然這句話并沒有什么不妥之處，但是相比之下，您需要用戶進(jìn)行某個(gè)可選操作時(shí)，建議性的描述比直接給出選項(xiàng)（好像不這樣做既會(huì)怎么樣似的）更加友好。

還有好多類似的案例，總結(jié)起來，它們共同的特點(diǎn)是：

交互功能都能完成

文本描述不夠嚴(yán)謹(jǐn)，甚至還有錯(cuò)別字

建議性語言缺乏，濫用標(biāo)點(diǎn)

界面元素混亂

可讀性差，沒有通用性

下面我就跟據(jù)這一些常見問題，給出對于交互性的推薦規(guī)范。

三、推薦的規(guī)范

3.1界面元素

將相關(guān)的功能分組，使用分組框或TabControl

界面元素應(yīng)當(dāng)在其功能可用時(shí)可見（Visible）或可用（Enable）

計(jì)算機(jī)長時(shí)間處理數(shù)據(jù)時(shí)應(yīng)當(dāng)顯示進(jìn)度，考慮使用ProgressBar

長時(shí)間等待時(shí)應(yīng)將鼠標(biāo)指針變?yōu)樯陈?/p>

退出程序時(shí)應(yīng)當(dāng)提醒用戶保存自己的更改

使用與系統(tǒng)向匹配的界面主題

讓每個(gè)高頻率使用的功能在右鍵菜單中出現(xiàn)

在盡可能的狀況下使用拖拽代替用戶的屢屢鼠標(biāo)動(dòng)作

需要用戶輸入文本時(shí)自動(dòng)讓輸入文本框獲得焦點(diǎn)

3.2文本

可選操作時(shí)給出建議性提醒

在疑難功能的界面元素上給出工具提醒或上下文幫助

不要過度使用驚嘆號(hào)

不要使用“你〞，而使用“您〞

不要直呼用戶姓名

在中英文之間加上一個(gè)空格

發(fā)生錯(cuò)誤或未處理的異常時(shí)需要根據(jù)用戶的不同給出深淺不同的相關(guān)信息

當(dāng)然，除了我上面列出的這些之外，還有好多需要開發(fā)人員注意的地方，這些小細(xì)節(jié)都是我們從平日的習(xí)慣積攢來的，我相信，每一個(gè)重視用戶體驗(yàn)的開發(fā)人員都會(huì)對我說的這些話引起共鳴。下一篇文章我將闡述標(biāo)準(zhǔn)性和分析相關(guān)案例。

第三部分：標(biāo)準(zhǔn)化（上）

用戶界面是計(jì)算機(jī)軟件和用戶交互的接口，是衡量軟件質(zhì)量的一個(gè)重要目標(biāo)。如何設(shè)計(jì)出一個(gè)好的用戶界面，是軟件公司和開發(fā)人員都必需理解和認(rèn)識(shí)的基本知識(shí)。在前面的兩篇文章中，我向大家介紹了UI的基本知識(shí)和交互性的設(shè)計(jì)規(guī)范，這一章我們將進(jìn)入重點(diǎn)，著重探討：

標(biāo)準(zhǔn)化概述

案例分析

一、標(biāo)準(zhǔn)化概述

用戶界面的標(biāo)準(zhǔn)化主要解決以下幾個(gè)方面的問題：設(shè)計(jì)標(biāo)準(zhǔn)化、元素標(biāo)準(zhǔn)化和功能的標(biāo)準(zhǔn)化。

1.1設(shè)計(jì)標(biāo)準(zhǔn)化

設(shè)計(jì)標(biāo)準(zhǔn)化是指在用戶界面設(shè)計(jì)上采用統(tǒng)一的標(biāo)準(zhǔn)規(guī)范。正如我們書寫代碼采用編碼規(guī)范，我們工作遵循公司制度等。目前，國內(nèi)還沒有比較成熟的界面規(guī)范標(biāo)準(zhǔn)，國家也沒有制定GB或GBT。因此，在更多的狀況下，設(shè)計(jì)標(biāo)準(zhǔn)的制定依靠的是經(jīng)驗(yàn)、其他成熟產(chǎn)品的參考和用戶的反饋。

不過大家注意，不同的行業(yè)領(lǐng)域的軟件界面規(guī)范可能不同。這正宛如樣是編碼規(guī)范，C#和Delphi就大不一樣，Windows系統(tǒng)和UNIX系統(tǒng)也大相徑庭。這種差異主要是由于行業(yè)本身的用戶性質(zhì)引起的。由于，界面設(shè)計(jì)是為了軟件設(shè)計(jì)，軟件設(shè)計(jì)是為了最終用戶，用戶的體驗(yàn)一部分決定了UI的模型。

1.2元素標(biāo)準(zhǔn)化

假使說設(shè)計(jì)標(biāo)準(zhǔn)化是一個(gè)總體的標(biāo)準(zhǔn)，那么元素標(biāo)準(zhǔn)化就是實(shí)施細(xì)則。元素標(biāo)準(zhǔn)化定義在UI中各種元素的浮現(xiàn)方式和形態(tài)，以及元素與元素之間的聯(lián)系。元素標(biāo)準(zhǔn)化的內(nèi)容好多，我將在“推薦的規(guī)范〞一節(jié)中就一些典型問題進(jìn)行描述。

1.3功能標(biāo)準(zhǔn)化

功能標(biāo)準(zhǔn)化主要是：針對軟件中的每一個(gè)功能模塊或單元的標(biāo)準(zhǔn)化設(shè)計(jì)方案。這更類似于面向?qū)ο蠹夹g(shù)中的統(tǒng)一建模。其實(shí)這一種標(biāo)準(zhǔn)化已經(jīng)深入人心并被好多企業(yè)和開發(fā)人員所把握和應(yīng)用，但這與UML建模不同。功能標(biāo)準(zhǔn)化更重視整體和統(tǒng)一，它將一致或相像的功能界面浮現(xiàn)變得一致和有條理。例如：在HDPOS4中，每個(gè)需要在數(shù)據(jù)庫中篩選數(shù)據(jù)的“篩選條件對話框〞都是一樣的，無論從功能還是從外觀上幾乎完全一致，這是一種重用性的表現(xiàn)，同時(shí)也是一種功能標(biāo)準(zhǔn)化的表現(xiàn)。

功能標(biāo)準(zhǔn)化還有另外一層含義，那就是在設(shè)計(jì)某種功能時(shí)，應(yīng)盡量與本公司或其他公司同類軟件中的一致功能保持一致的界面元素。好多人不理解為什么，甚至有的開發(fā)人員就會(huì)十分反對：“做出自己

的特性不是很好嗎？〞當(dāng)然我們贊同他的說法，但是，您要知道，軟件設(shè)計(jì)的最終目的是什么？可以

說是為了解放生產(chǎn)力，用戶的使用習(xí)慣要比軟件特性化更加重要，可能用戶已經(jīng)習(xí)慣了同類軟件的操作方法，讓他重新學(xué)習(xí)使用您的軟件比較困難，提高了成本。因此，我們應(yīng)當(dāng)從用戶的角度考慮去考慮，其次才是軟件界面的特性化。

下面的一個(gè)案例說明軟件界面標(biāo)準(zhǔn)化的巨大作用。

二、案例分析

案例：

金山公司一直以來是中國國內(nèi)最大的軟件公司，1993年，金山WPS文字處理系統(tǒng)在中國占用99.8Z%的使用率；1995年，MicrosoftOffice5.0開始進(jìn)入中國市場，3年之后，WPS的市場占用率一度下

降到27%（估算數(shù)字），2023年，微軟Office2000以絕對優(yōu)勢擊敗WPS，之后僅上公司研發(fā)了WPSOffice2023、2023等軟件，但是無法再與Office抗衡。

2023年，金山公司重新書寫了使用了10年的WPS引擎，仿照Office2023制作了用戶界面，產(chǎn)品一上市便獲得了用戶的大力支持，造成了猛烈反響。目前，WPSOffice2023已被中國政府和多家大型企業(yè)使用和訂購，WPS的活力又回來了！

WPS205之前的版本比Office更適合于中國用戶，它提供了幾十種針對中國用戶的定制功能。而中國用戶使用的Office功能僅占Ofice全部功能的5%。

問題：

1、不談WPS的市場競爭，就說WPS的界面，您覺得您可以接受嗎？

2、為什么金山會(huì)考慮重新編寫WPS引擎？

3、好多人都說金山仿照Office2023是一種無可奈何，您覺得呢？

4、WPS更加適合中國用戶，但我們今天為什么選擇Office？（歡迎回帖探討）

1、WPS的界面比較特性化，例如，常規(guī)的用用程序的菜單一定會(huì)是“文件(F)〞的形式，而WPS的格式是“F.文件〞；