001-Windows桌面應(yīng)用程序設(shè)計(jì)指南(設(shè)計(jì)基礎(chǔ)篇-如何為桌面應(yīng)用設(shè)計(jì)出色的用戶體驗(yàn))

一個(gè)杰出的桌面應(yīng)用程序應(yīng)該同時(shí)兼顧功能的強(qiáng)大和形式的簡(jiǎn)單。 通過仔細(xì)平衡功能的選擇和形態(tài)的展現(xiàn),您可以實(shí)現(xiàn)強(qiáng)大和簡(jiǎn)潔。


功能強(qiáng)大

功能強(qiáng)大而簡(jiǎn)潔

理想的基于Windows的應(yīng)用程序既強(qiáng)大又簡(jiǎn)潔。當(dāng)然,您希望您的應(yīng)用程序是強(qiáng)大的,也希望它是簡(jiǎn)潔的,但您能同時(shí)實(shí)現(xiàn)這兩個(gè)目標(biāo)嗎?這兩個(gè)目標(biāo)之間存在著一種自然的沖突關(guān)系,但這種沖突遠(yuǎn)非不可調(diào)和。 您可以通過仔細(xì)平衡特性選擇和形態(tài)展現(xiàn)來同時(shí)實(shí)現(xiàn)強(qiáng)大和簡(jiǎn)單。

怎樣使應(yīng)用“功能強(qiáng)大”?

就軟件而言, "強(qiáng)大"到底意味著什么?如果一個(gè)應(yīng)用程序擁有大量的特性,并且擁有廣泛的功能,試圖滿足所有用戶的所有需求,那么這個(gè)應(yīng)用程序可能會(huì)被認(rèn)為是強(qiáng)大的。但這樣的設(shè)計(jì)不太可能成功,因?yàn)椴灰越鉀Q精準(zhǔn)問題為目標(biāo)的特性集不太可能滿足任何人的需求。這不是我們所追求的強(qiáng)大類型。

如果一個(gè)應(yīng)用程序能夠正確組合這些特性,那么它就是強(qiáng)大的:

  • 可用。應(yīng)用程序滿足目標(biāo)用戶的需求,使他們能夠執(zhí)行他們之前不能執(zhí)行的任務(wù),并有效地實(shí)現(xiàn)他們的目標(biāo)。
  • 高效。應(yīng)用程序使用戶能夠以前所未有的效率和規(guī)模執(zhí)行任務(wù)。
  • 用途廣泛。 應(yīng)用程序使用戶能夠在各種情況下高效地執(zhí)行多樣化的任務(wù)。
  • 直接。 應(yīng)用程序給人的感覺是,它能直接幫助用戶實(shí)現(xiàn)他們的目標(biāo),而不會(huì)妨礙用戶或要求用戶經(jīng)歷不必要的步驟??旖萱I、鍵盤訪問和宏等特性提高了直接感。
  • 靈活。 應(yīng)用程序允許用戶對(duì)其工作進(jìn)行完整、細(xì)粒度的控制。
  • 綜合。該應(yīng)用程序與微軟視窗集成良好,可以與其他應(yīng)用程序共享數(shù)據(jù)。
  • 先進(jìn)。 該應(yīng)用程序具有非凡的、創(chuàng)新的、最先進(jìn)的特性,這些特性在競(jìng)品的解決方案中是找不到的。

其中一些特性取決于用戶的感知,并與用戶當(dāng)前的能力相關(guān)。 用戶對(duì)“強(qiáng)大”的感知會(huì)隨著時(shí)間的推移而改變,所以今天的高級(jí)搜索功能可能明天就會(huì)變得司空見慣。

所有這些特征都可以結(jié)合到我們對(duì)強(qiáng)大的定義中:
當(dāng)應(yīng)用程序能幫助其目標(biāo)用戶有效地實(shí)現(xiàn)其全部潛力時(shí),它就是強(qiáng)大的。
因此,強(qiáng)大的最終衡量標(biāo)準(zhǔn)是應(yīng)用所能賦予的的生產(chǎn)力,而不是功能的數(shù)量。

不同的用戶需要通過不同的方式來實(shí)現(xiàn)他們的全部潛力。某些用戶認(rèn)為便于使用的內(nèi)容可能會(huì)損害其他用戶的通用性、直接性和控制性。設(shè)計(jì)良好的軟件必須適當(dāng)?shù)仄胶膺@些特性。 例如,為非專業(yè)人員設(shè)計(jì)的桌面發(fā)布系統(tǒng)可能會(huì)使用向?qū)Т翱谥笇?dǎo)用戶完成復(fù)雜的任務(wù), 這些向?qū)鼓繕?biāo)用戶能夠執(zhí)行他們?cè)谕ǔG闆r下無法執(zhí)行的任務(wù)。 相比之下,面向?qū)I(yè)人員的桌面發(fā)布系統(tǒng)可能側(cè)重于直接性、效率和完全控制,對(duì)于這部分用戶,向?qū)Э赡軙?huì)產(chǎn)生限制感,令人不快。

除非你能夠
深入理解目標(biāo)用戶的目標(biāo),設(shè)計(jì)一個(gè)特性集,使他們能夠有效地實(shí)現(xiàn)這些目標(biāo)。

怎樣使用戶體驗(yàn)“簡(jiǎn)潔”?

我們這樣定義“簡(jiǎn)潔”:
簡(jiǎn)潔就是減少或消除目標(biāo)用戶已經(jīng)明確了解的和認(rèn)為不必要的元素。
在實(shí)踐中,通過選擇正確的產(chǎn)品特征和以正確的方式進(jìn)行視覺呈現(xiàn),可以實(shí)現(xiàn)簡(jiǎn)潔性。這能夠減少視覺元素以及感覺上的贅余。

同一應(yīng)用的簡(jiǎn)潔與否也依不同用戶的感知各有不同。 看看不同用戶對(duì)自動(dòng)變速器的簡(jiǎn)潔性的看法:

  • 對(duì)于典型駕駛員(目標(biāo)用戶)來說,自動(dòng)變速器無需手動(dòng)變速和離合器,使得汽車更容易駕駛。 手動(dòng)變速器和離合器對(duì)于駕駛來說可有可無,所以為了簡(jiǎn)單起見,它們被取消了。
  • 對(duì)于一個(gè)職業(yè)賽車手,能直接控制變速器是必不可少的競(jìng)爭(zhēng)力。自動(dòng)變速器會(huì)對(duì)汽車的性能產(chǎn)生負(fù)面影響,所以只保留自動(dòng)變速器的產(chǎn)品,不會(huì)被認(rèn)為更加簡(jiǎn)潔。
  • 對(duì)于機(jī)師來說,自動(dòng)變速器比手動(dòng)變速器更復(fù)雜,因此更難維修。 與機(jī)師不同,駕駛員幸運(yùn)地不會(huì)意識(shí)到這種內(nèi)部復(fù)雜性。

雖然不同的用戶對(duì)自動(dòng)變速器的看法不同,但它是成功的,因?yàn)樗鼫p少了對(duì)目標(biāo)用戶知識(shí)、技能和努力的需求。 對(duì)于一個(gè)典型的駕駛員來說,自動(dòng)變速器是一個(gè)很好的特性,因?yàn)樗糜靡子谩?/p>

簡(jiǎn)潔 vs. 易用性

正確利用好簡(jiǎn)潔性,能夠產(chǎn)生易用性,但是簡(jiǎn)潔性和易用性是不同的概念。 當(dāng)用戶能夠在適當(dāng)?shù)臅r(shí)間內(nèi),自己成功地完成一項(xiàng)任務(wù)而沒有遇到困難或產(chǎn)生迷惑時(shí),產(chǎn)品就達(dá)到了易用性。 實(shí)現(xiàn)易用性的方法有很多,簡(jiǎn)化(減少不必要的東西)只是其中之一。

所有的用戶,無論目的多么復(fù)雜,都希望以最少的非必須努力完成他們的工作。 所有用戶——即便是高級(jí)用戶——都主要是為了完成工作而來,而不是為了深入學(xué)習(xí)計(jì)算機(jī)或你的應(yīng)用程序的工作原理和邏輯。

簡(jiǎn)潔是實(shí)現(xiàn)易用性最有效的方法,用戶會(huì)去使用擁有易用性的產(chǎn)品。 復(fù)雜的、難以使用的特性就是不會(huì)被用戶所用。 相比之下,簡(jiǎn)單、優(yōu)雅的設(shè)計(jì)能很好地實(shí)現(xiàn)產(chǎn)品的功能,使用起來是一種樂趣。它們能激發(fā)積極的情緒反應(yīng)。

例如Windows XP的無線網(wǎng)絡(luò)支持功能。微軟本可以添加一個(gè)向?qū)Я鞒虂韼椭脩敉瓿膳渲?。這易用,但并不簡(jiǎn)潔,因?yàn)闀?huì)增加加一個(gè)不必要的功能(向?qū)н^程)。 相反,微軟設(shè)計(jì)使無線網(wǎng)絡(luò)自動(dòng)配置。 用戶其實(shí)并不關(guān)心配置細(xì)節(jié),只要它能安全可靠地"正常工作"即可。在無線網(wǎng)絡(luò)配置技術(shù)中,易用性和簡(jiǎn)潔性的結(jié)合使它能快速普及、廣受歡迎。

你只需
從能完成功能的最簡(jiǎn)設(shè)計(jì)元素開始你的設(shè)計(jì)過程。
如果你對(duì)目前的設(shè)計(jì)不滿意,那就從去掉所有不必要的元素開始。 你會(huì)發(fā)現(xiàn)剩下的通常都很棒。

兼顧“簡(jiǎn)潔”和“強(qiáng)大”

設(shè)計(jì)原則

要做到簡(jiǎn)潔,不要依據(jù)“或許可以”的方案做設(shè)計(jì),要根據(jù)“最大可能”的方案做設(shè)計(jì)。

或許可能
基于“或許可能”的設(shè)計(jì)決策會(huì)導(dǎo)致復(fù)雜的用戶界面,比如設(shè)計(jì)注冊(cè)表單,若假設(shè)用戶的所有操作都有同樣的不確定性,則所有元素都需要同等程度的設(shè)計(jì)。 正是“任何操作都是可能的”這種假設(shè),導(dǎo)致設(shè)計(jì)決策中用戶目標(biāo)被忽略了。

最大可能
基于可能性的設(shè)計(jì)決策能指導(dǎo)產(chǎn)生簡(jiǎn)化的、基于目標(biāo)和任務(wù)的解決方案,這些方案關(guān)注可能出現(xiàn)的任務(wù)場(chǎng)景,并且只需要極少的努力就可以構(gòu)思完成。

簡(jiǎn)潔性設(shè)計(jì)原則
為了做到簡(jiǎn)潔,關(guān)注最可能發(fā)生的; 減少、隱藏或刪除不太可能發(fā)生的; 排除不可能出現(xiàn)的。

“用戶一定會(huì)做什么”比“用戶有可能做什么”更值得設(shè)計(jì)的關(guān)注

設(shè)計(jì)技巧

為了在保持功能強(qiáng)大的同時(shí)保證簡(jiǎn)潔,請(qǐng)選擇展現(xiàn)恰當(dāng)?shù)墓δ芗?/strong>,將功能定位在合適的位置,并降低使用難度及工作量。 本節(jié)給出一些實(shí)現(xiàn)這些目標(biāo)的常用技術(shù)。

選擇恰當(dāng)?shù)墓δ芗?/h4>

“完美,不是無法再多,而是無可減少。” ー安東尼 · 德 · 圣??颂K佩里

下面的設(shè)計(jì)技巧能給用戶提供他們需要的功能,同時(shí)通過實(shí)際元素的刪減達(dá)到簡(jiǎn)潔性:

  • 確定用戶需要的功能特性。 通過對(duì)目標(biāo)、場(chǎng)景和任務(wù)進(jìn)行分析,了解用戶的需求。 確定一組實(shí)現(xiàn)這些需求的功能特性。
  • 刪除不必要的元素。 刪除那些不太可能被使用或者有更好替代方案的元素。
  • 消除不必要的冗余。 可能有幾種有效的方法來執(zhí)行一項(xiàng)任務(wù)。 為了簡(jiǎn)單起見,做一個(gè)艱難的抉擇,為你的目標(biāo)用戶選擇最好的一個(gè),而不是提供所有的方法,讓用戶進(jìn)行選擇。
  • 讓"運(yùn)行"自動(dòng)化。 元素是必要的,但是如果有用戶能接受的默認(rèn)動(dòng)作或配置,就完全沒必要讓用戶參與交互。 為了簡(jiǎn)潔起見,使它自動(dòng)工作,形態(tài)上要么完全隱藏,要么減少它在用戶前展示曝光的機(jī)會(huì)。

簡(jiǎn)化演示

“簡(jiǎn)化,即消除非必要,從而凸顯必要。” ー 漢斯·霍夫曼

使用下面的設(shè)計(jì)技巧來保持功能強(qiáng)大感,同時(shí)通過減少或刪除不必要的元素做到簡(jiǎn)潔:

  • 合并應(yīng)該合并的東西。 把支持同一個(gè)任務(wù)的基本功能元素放在一起,這樣任務(wù)就可以在一處完成。 任務(wù)的步驟序列應(yīng)該統(tǒng)一、順滑。將復(fù)雜的任務(wù)分解為一組簡(jiǎn)單、清晰的步驟,這樣"一個(gè)"位置可能由多個(gè) UI 界面組成,比如功能引導(dǎo)。
  • 分割應(yīng)該分割的東西。不是所有的東西都能在一個(gè)位置展現(xiàn),所以一定要清晰、精心地進(jìn)行劃分。凸顯和集中展示支持核心場(chǎng)景的功能集,并隱藏或次要化可選的非主要功能。單獨(dú)展示獨(dú)立的任務(wù),并給出其他相關(guān)任務(wù)的鏈接。 例如,處理照片的相關(guān)任務(wù)應(yīng)該與管理照片集的相關(guān)任務(wù)明確分開,但它們應(yīng)該彼此之間容易訪問。
  • 簡(jiǎn)化可以簡(jiǎn)化的東西。將你的設(shè)計(jì)打印出來,高亮顯示用于執(zhí)行最重要任務(wù)的元素。 甚至高亮 UI 文本中傳遞有用信息的單個(gè)單詞。 然后審視沒有高亮的部分,并考慮將其從設(shè)計(jì)中移除。 如果去掉它,會(huì)產(chǎn)生什么不好的后果嗎? 如果沒有,就去掉它!
  • 一致性、可配置性和通用性通常是理想的特性,但盲目追求它們可能產(chǎn)生不必要的復(fù)雜性。 在一致性(比如文本冗余)、概括性(比如在兩個(gè)時(shí)區(qū)的信息就足夠時(shí),展示了更多的時(shí)區(qū)信息)和可配置性(比如用戶不太可能更改的選項(xiàng))方面,檢查是否有不恰當(dāng)?shù)倪^度設(shè)計(jì),并刪除可以刪除的內(nèi)容。
  • 把元素放在正確的位置。在窗口中,元素的位置應(yīng)遵循其使用邏輯?;镜目刂疲甘竞徒忉尪紤?yīng)該按操作邏輯順序進(jìn)行排布。如果需要包含更多選項(xiàng),通過單擊v型箭頭或類似機(jī)制以展示它們; 如果需要展示更多信息,在鼠標(biāo)懸停時(shí)顯示一個(gè)信息提示(infotip)。將不太重要的任務(wù)、選項(xiàng)和幫助信息放在主流程之外的單獨(dú)窗口或頁(yè)面中。這種根據(jù)需要顯示附加細(xì)節(jié)的方法稱為漸進(jìn)展示(progressive disclosure)。
  • 使用有意義的高級(jí)組合。選擇和操作相關(guān)元素的整個(gè)組合通常比單個(gè)元素更簡(jiǎn)單,也更靈活。 高級(jí)組合的例子包括文件夾、主題、樣式(皮膚?)和用戶組。這樣的組合通常能直接滿足用戶的目標(biāo)或意圖操作,而這些目標(biāo)或意圖通過在單個(gè)元素上的操作不太能直接達(dá)到。 例如,高對(duì)比度黑色配色方案背后的意圖比黑色窗口背景要明顯得多。(運(yùn)用整套方案比改變單個(gè)功能特性能更好并且更方便地解決用戶的實(shí)際問題,這種方案即是“有意義的高級(jí)組合”)
  • 選擇正確的控件。設(shè)計(jì)元素由用來表示它們的控件體現(xiàn),因此選擇正確的控件對(duì)于有效的表達(dá)和展示是至關(guān)重要的。 例如,Microsoft Word 使用的字體選擇框既顯示字體的預(yù)覽,也顯示最近使用的字體。類似的例子,Word 顯示潛在拼寫和語(yǔ)法錯(cuò)誤的方式比對(duì)話框方式要簡(jiǎn)單得多,如本文開頭對(duì)比圖所示。

省力

“簡(jiǎn)單的事情應(yīng)該簡(jiǎn)單完成。復(fù)雜的事情也應(yīng)該可以完成?!?ー Alan Kay

以下設(shè)計(jì)技巧可以幫助用戶更輕松地完成任務(wù):

  • 使任務(wù)易被發(fā)現(xiàn)和可見。所有任務(wù),特別是需要頻繁操作的任務(wù),都應(yīng)該在用戶界面中很容易被發(fā)現(xiàn)。 完成任務(wù)所需的步驟應(yīng)該是可見的,不應(yīng)該讓用戶僅靠記憶完成。
  • 依據(jù)用戶的理解能力進(jìn)行功能設(shè)計(jì)。對(duì)于復(fù)雜的軟件,用戶需要將他們的問題映射到技術(shù)層面上才能理解和解決,而簡(jiǎn)潔的軟件則將用戶對(duì)功能理解的映射設(shè)計(jì)得非常自然,明白易懂,操作起來也便捷直觀。 例如,消除紅眼的功能直接就能一鍵傻瓜式解決實(shí)際場(chǎng)景中的紅眼問題,而不需要用戶根據(jù)色調(diào)和梯度等等技術(shù)細(xì)節(jié)進(jìn)行思考決策和操作來達(dá)到目的。
  • 程序中應(yīng)該包含所需相關(guān)領(lǐng)域信息。用戶不用去查找額外信息,通過程序中包含的相關(guān)領(lǐng)域信息就應(yīng)該能順利使用它。相關(guān)領(lǐng)域信息可以是復(fù)雜的數(shù)據(jù)和算法,也可以是簡(jiǎn)單的告知:哪種類型的輸入是有效的。
  • 使用用戶能夠理解的文本。經(jīng)過斟酌的文本對(duì)于達(dá)到有效溝通至關(guān)重要。 使用用戶熟悉的概念和術(shù)語(yǔ)。 用通俗易懂的語(yǔ)言充分解釋問題,以便用戶能夠做出明智、明確的決定。
  • 使用安全保險(xiǎn)且常用的默認(rèn)值。如果某個(gè)設(shè)置具有一個(gè)在大多數(shù)情況下適用于大多數(shù)用戶的值,并且該設(shè)置安全又保險(xiǎn),則將其作為默認(rèn)值使用。 讓用戶只在必要時(shí)指定值。
  • 合理限制。如果有很多方法可以完成一項(xiàng)任務(wù),但只有一些是正確的,那么就限制用戶,使其只能選擇這些正確的方法。不讓用戶犯本可以預(yù)見和避免的錯(cuò)誤。

簡(jiǎn)潔并不是一味簡(jiǎn)單化

"一切都應(yīng)該盡可能簡(jiǎn)單,但不能總是追求更簡(jiǎn)單" - 愛因斯坦

我們認(rèn)為,簡(jiǎn)潔性對(duì)于好的用戶體驗(yàn)至關(guān)重要ーー但總有可能把一件好事做得太過。 簡(jiǎn)單的本質(zhì)是減少或消除不必要的東西,而刪除了必需物的則是糟糕的設(shè)計(jì)。 如果您的"簡(jiǎn)化"導(dǎo)致用戶變得沮喪、困惑、不自信或無法成功地完成任務(wù),那么您刪除的內(nèi)容就太多了。

簡(jiǎn)潔對(duì)設(shè)計(jì)來說意味著更多的努力

“我把信寫得長(zhǎng)了,是因?yàn)槲覜]精力去把它縮短?!?ー布萊斯 · 帕斯卡

保持功能強(qiáng)大且簡(jiǎn)潔通常需要內(nèi)在的復(fù)雜性。一般來看,設(shè)計(jì)一個(gè)暴露所有技術(shù)邏輯和細(xì)節(jié)的軟件要比設(shè)計(jì)一個(gè)能夠隱藏這些的軟件容易得多ーー后者需要你對(duì)目標(biāo)用戶及其目標(biāo)有非常深刻的理解。移除一個(gè)功能和不去添加那些并不實(shí)用的炫酷功能一樣,都需要自察自省和自我約束的覺悟。要達(dá)到簡(jiǎn)潔,需要做出艱難的設(shè)計(jì)取舍,而不是讓所有東西都可配置。復(fù)雜的軟件往往源于對(duì)用戶的誤解: 認(rèn)為用戶會(huì)看重實(shí)際上并不常用、以及他們所無法理解的過于復(fù)雜的功能。

強(qiáng)大而又簡(jiǎn)潔

強(qiáng)大就是讓你的用戶變得有能力,更有生產(chǎn)力。 簡(jiǎn)潔就是去除不必要的東西,用正確的方式呈現(xiàn)特性。通過了解您的目標(biāo)用戶并實(shí)現(xiàn)功能和表現(xiàn)的適當(dāng)平衡,您可以設(shè)計(jì)兼顧這兩者的、基于Windows的應(yīng)用程序。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容