公司如何打造簡(jiǎn)單實(shí)用的產(chǎn)品？當(dāng)產(chǎn)品中有了更多功能、新的技術(shù)和更高級(jí)的功能，我們是否還能設(shè)計(jì)出輕量且簡(jiǎn)單易用的產(chǎn)品。通常，大道至簡(jiǎn)的設(shè)計(jì)是比較困難。

什么是“簡(jiǎn)單”？

我們可以定義簡(jiǎn)單就是易于理解或完成的東西。但簡(jiǎn)單又是相對(duì)的，對(duì)于解決同一件事不同的人簡(jiǎn)單定義也會(huì)不同。

一般來(lái)說(shuō)，我們根據(jù)下面的三個(gè)不同階段去分辨簡(jiǎn)單和復(fù)雜：

1. 你怎么能簡(jiǎn)單的理解你需要做的事？
2. 你完成最終目標(biāo)需要多少體力和時(shí)間？
3. 你是否享受完成這件事的整個(gè)過(guò)程？

解決用戶實(shí)現(xiàn)目標(biāo)的困難并幫助他實(shí)現(xiàn)簡(jiǎn)單化。在“簡(jiǎn)單法則”中，John Maeda提供了十項(xiàng)原則，用于平衡業(yè)務(wù)、技術(shù)和設(shè)計(jì)的簡(jiǎn)單性和復(fù)雜性。

簡(jiǎn)單法則 – John Maeda

簡(jiǎn)單法則：減少/組織/時(shí)間/學(xué)習(xí)/差異/背景/情感/信任/不完美/有意義。

Maeda—麻省理工學(xué)院媒體實(shí)驗(yàn)室的教授和世界知名的平面設(shè)計(jì)師，探討了如何重新審視概念的問(wèn)題，以至于它并不是那么復(fù)雜。簡(jiǎn)單法則是一本很好的讀物，所以我真的建議你看一下。

那么復(fù)雜性怎么樣？

談到簡(jiǎn)單性，我們需要提到它的另一面。簡(jiǎn)單的復(fù)雜感是主觀的。通過(guò)適當(dāng)?shù)挠?xùn)練，即使學(xué)習(xí)制造火箭相關(guān)知識(shí)也不是那么難。但有幾個(gè)因素甚至使最簡(jiǎn)單的任務(wù)變得復(fù)雜，應(yīng)盡可能避免在產(chǎn)品設(shè)計(jì)中使用它們：信息過(guò)載、無(wú)序和混亂、國(guó)內(nèi)外的新經(jīng)驗(yàn)、多任務(wù)處理、多種選擇、依賴用戶記憶、分散用戶的注意力、重復(fù)單調(diào)的操作。

那么我們?nèi)绾螌⑵鋺?yīng)用于產(chǎn)品設(shè)計(jì)呢？

1. 定義核心價(jià)值的產(chǎn)品

太多的產(chǎn)品試圖為更多的用戶做出更多的功能，每個(gè)人都想成為這個(gè)行業(yè)的瑞士軍刀。如果你希望你的產(chǎn)品變得簡(jiǎn)單，你需要定義核心價(jià)值并確定該產(chǎn)品的真正用途，并不是每個(gè)產(chǎn)品都應(yīng)該內(nèi)置Facebook。

2. 刪除不必要的一切

實(shí)現(xiàn)簡(jiǎn)單化的方法是適當(dāng)?shù)膭h減。如果畫(huà)面視覺(jué)很糟糕，請(qǐng)刪除輔助信息、不常用的控件和分散注意力的樣式，就這么簡(jiǎn)單。一旦應(yīng)用此原則，你將立即看到結(jié)果，但你要小心的刪除內(nèi)容。

“簡(jiǎn)單并不意味著沒(méi)有雜亂，這是簡(jiǎn)單的結(jié)果。簡(jiǎn)單性在某種程度上基本上描述了對(duì)象和產(chǎn)品的目的和位置。想設(shè)計(jì)出一個(gè)井然有序的產(chǎn)品。這并不簡(jiǎn)單。“

——Jonathan Ive

3. 將數(shù)據(jù)轉(zhuǎn)換為有意義的格式

我們?cè)O(shè)計(jì)的大多數(shù)產(chǎn)品都集中在用戶需要理解的大數(shù)據(jù)上，以便他們有效地執(zhí)行日常工作。當(dāng)你了解對(duì)趨勢(shì)和變化感興趣的用戶時(shí)，請(qǐng)使用可視化設(shè)計(jì)表示而不是一堆數(shù)字來(lái)幫助他們。你始終可以顯示其他信息，嘗試從你擁有的數(shù)據(jù)中提取有意義的數(shù)據(jù)并將其放在用戶面前。

4. 支持快速?zèng)Q策

一個(gè)人所面臨的選擇越多，做出選擇所花的時(shí)間就越多，當(dāng)面臨選擇的數(shù)量增加，做出決定的時(shí)間也會(huì)跟著增加，這就是?？硕伞Ｈ绻霚p少用戶的反應(yīng)時(shí)間和錯(cuò)誤概率，請(qǐng)減少選項(xiàng)。因此，如果你希望自己的用戶體驗(yàn)變得簡(jiǎn)單，則需要幫助用戶盡可能快速地制定決策。

5. 太多的選擇會(huì)嚇跑客戶

心理學(xué)理論和研究肯定了個(gè)人選擇的積極情感和動(dòng)機(jī)。這些發(fā)現(xiàn)導(dǎo)致了一種流行的觀念即選擇越多越好，人類(lèi)的管理能力和對(duì)選擇的渴望是無(wú)限的。但實(shí)際上，研究證明的情況卻恰恰相反。

Jam實(shí)驗(yàn)是消費(fèi)者心理學(xué)中最著名的實(shí)驗(yàn)之一，它為消費(fèi)者提供了較少的選擇可以有利于銷(xiāo)售。至關(guān)重要的是研究表明，精確提供較少的選擇可能會(huì)增加你的銷(xiāo)售。

這個(gè)實(shí)驗(yàn)似乎證明，與那些有很多選擇的客戶相比，選擇較少的客戶購(gòu)買(mǎi)的可能性要高10倍，有時(shí)為客戶提供太多選擇的想法實(shí)際上會(huì)抑制客戶購(gòu)買(mǎi)。

6. 提供多個(gè)選擇的建議

如果無(wú)法避免選擇，請(qǐng)嘗試限制它們。我們應(yīng)該提供建議或分享其他客戶最喜歡的內(nèi)容的統(tǒng)計(jì)數(shù)據(jù)，清楚地向用戶傳達(dá)建議與選項(xiàng)之間的關(guān)鍵區(qū)別。此方法通常用于定價(jià)選擇頁(yè)面。

7. 吸引用戶注意正確的區(qū)域

當(dāng)你了解用戶實(shí)現(xiàn)目標(biāo)的過(guò)程時(shí)，在該旅程的每個(gè)階段都會(huì)發(fā)現(xiàn)更相關(guān)的事情，并幫助你實(shí)現(xiàn)最終目標(biāo)，找到這些關(guān)鍵區(qū)域并吸引用戶注意它們。

8. 使用顏色和排版來(lái)傳達(dá)內(nèi)容的層次結(jié)構(gòu)

你聽(tīng)過(guò)多少產(chǎn)品中的“用戶不讀”，除非我們真正選擇了我們實(shí)際記憶或深入探究的內(nèi)容。如果你沒(méi)有讀過(guò)一個(gè)單詞就接受了巨大的用戶政策，那么你就知道我的意思了。有許多特征可以影響用戶的人識(shí)別：字體的大小、字距、字重、大小寫(xiě)和顏色，用它來(lái)傳達(dá)內(nèi)容的層次結(jié)構(gòu)。正確使用顏色和排版，你將能夠反映產(chǎn)品品牌，使其立即可識(shí)別，更具吸引力和難忘。

9. 組織幫助系統(tǒng)看起來(lái)更簡(jiǎn)潔，更易于管理

我們來(lái)做一個(gè)簡(jiǎn)單的測(cè)試吧，在下圖中我們有2張圖片，使用秒表測(cè)量計(jì)算每個(gè)方格中黑點(diǎn)數(shù)所需的時(shí)間和精力。

完了嗎？正如你自己所看到的那樣，計(jì)算無(wú)組織的點(diǎn)陣圖會(huì)花費(fèi)更多的時(shí)間，除此之外還會(huì)給你帶來(lái)更多的認(rèn)知負(fù)荷。如果方塊的點(diǎn)數(shù)相同，為什么我們會(huì)更快得到這個(gè)結(jié)果呢？

將點(diǎn)映射到特定矩陣，幫助我們直觀地掃描它們，并在計(jì)算時(shí)分組。在無(wú)組織的廣場(chǎng)上，我們不得不一個(gè)點(diǎn)一個(gè)點(diǎn)的進(jìn)行計(jì)算。

元素的組織不僅提高了識(shí)別率，而且更容易記憶。操作任何界面時(shí)，記住所有控件的位置和功能非常重要。

讓我們做另一個(gè)小測(cè)試，就在一分鐘之前，你在計(jì)算2幅圖像中的點(diǎn)數(shù)，現(xiàn)在請(qǐng)回想一下2個(gè)方格中每個(gè)點(diǎn)的位置。對(duì)于大多數(shù)人來(lái)說(shuō)，無(wú)組織的結(jié)構(gòu)記住幾乎是不可能的。

10. 組件優(yōu)化內(nèi)容

對(duì)于簡(jiǎn)化復(fù)雜頁(yè)面的方法是用組件進(jìn)行分組。在元素或元素組周?chē)砑舆吙颍▌?chuàng)建公共區(qū)域）是創(chuàng)建與周?chē)胤蛛x的簡(jiǎn)單方法。在格式塔心理學(xué)中有多種原則可以幫助我們優(yōu)化界面如：接近性、相似性、連續(xù)性、閉合性和連通性。

11. 以較小的步驟分解大任務(wù)，嘗試一列布局

幾乎在任何產(chǎn)品中都存在不同種類(lèi)的形式，這是獲取用戶信息的一種方式。有時(shí)在刪除所有不必要的東西后，還需要處理很多任務(wù)對(duì)于用戶來(lái)說(shuō)可能會(huì)顯得非常消極。所以我們能做的就是把這個(gè)巨大的任務(wù)分解成一系列較小的任務(wù)。用戶最終實(shí)現(xiàn)這一過(guò)程似乎要容易得多，完成小的子任務(wù)為用戶提供了一部分內(nèi)啡肽和滿意度。

設(shè)計(jì)表單時(shí)，請(qǐng)使用一列布局而不是多列。一欄布局更容易填寫(xiě)，這樣用戶無(wú)需考慮接下來(lái)要填寫(xiě)的內(nèi)容，只需沿著直線向下移動(dòng)頁(yè)面即可。

12. 在溝通流程和系統(tǒng)狀態(tài)時(shí)保持透明

不確定性使用戶焦慮，應(yīng)盡可能避免。這就是為什么在任何時(shí)候除非顯而易見(jiàn)，否則用戶應(yīng)該能夠看到他目前在哪里，他來(lái)自哪里以及接下來(lái)會(huì)去往哪里。保存先前提供的信息摘要也是一個(gè)好主意，它降低了用戶記憶負(fù)荷，并且無(wú)需返回仔細(xì)檢查先前的步驟。

13. 提前為你的用戶進(jìn)行計(jì)算

人腦在涉及數(shù)字的算術(shù)運(yùn)算時(shí)，3+8的結(jié)果都能脫口而出，而128+346的結(jié)果就需要花更多的時(shí)間進(jìn)行計(jì)算。所以在涉及到數(shù)字類(lèi)的產(chǎn)品中嘗試?yán)孟到y(tǒng)來(lái)代替用戶進(jìn)行所有計(jì)算。

14. 通過(guò)漸進(jìn)式公開(kāi)隱藏復(fù)雜性

漸進(jìn)式公開(kāi)是用戶體驗(yàn)設(shè)計(jì)中經(jīng)常使用的設(shè)計(jì)模式，讓用戶界面更易于用戶理解。它會(huì)橫跨多個(gè)界面對(duì)信息和操作進(jìn)行排序，不會(huì)讓用戶不知所措或現(xiàn)實(shí)全部信息。漸進(jìn)式公開(kāi)遵循從“抽象到特定”的典型概念，包括用戶行為或交互的順序，漸進(jìn)式公開(kāi)的一個(gè)很好的例子是iOS嵌入式導(dǎo)航。

15. 依靠大眾接受的模式和互動(dòng)

用戶的大部分時(shí)間都花在使用產(chǎn)品上，這意味著用戶更喜歡他們的認(rèn)知相同的交互和操作習(xí)慣，并且他們對(duì)產(chǎn)品的外觀和行為有特定的期望。這需要我們不停的創(chuàng)新，更多的評(píng)估是否改變傳統(tǒng)的方式呈現(xiàn)導(dǎo)航或操作，來(lái)證明用戶改變他們的心理模型是正確的。

16. 簡(jiǎn)化用戶的首次體驗(yàn)

任何設(shè)計(jì)的主要目標(biāo)應(yīng)該是盡快將用戶與提供的價(jià)值產(chǎn)品聯(lián)系起來(lái)。因此，用戶與他實(shí)際操作系統(tǒng)之間的任何事情都是障礙，除非它滿足功能需求。對(duì)于任何過(guò)程來(lái)說(shuō)，第一次體驗(yàn)非常重要，如果我們不滿意，我們很快就會(huì)否定產(chǎn)品并選擇離開(kāi)。

如果你第一次體驗(yàn)產(chǎn)品，即使是最簡(jiǎn)單的任務(wù)也是挑戰(zhàn)。在我們操作產(chǎn)品之前，有時(shí)需要額外的培訓(xùn)。在數(shù)字產(chǎn)品設(shè)計(jì)中，用戶期望產(chǎn)品應(yīng)該足夠簡(jiǎn)單易懂，并且他們期望按需提供幫助，或者出現(xiàn)問(wèn)題時(shí)能提供場(chǎng)景幫助，而不是具體的學(xué)習(xí)材料，空狀態(tài)設(shè)計(jì)的在體驗(yàn)產(chǎn)品前期會(huì)壓制用戶。

17. 請(qǐng)記住人體工程學(xué)和使用產(chǎn)品的場(chǎng)景

我們已經(jīng)通過(guò)其人體工程學(xué)實(shí)際使用產(chǎn)品輕松定義的簡(jiǎn)單性。人體工程學(xué)是設(shè)計(jì)或安排工作場(chǎng)所，產(chǎn)品和系統(tǒng)的過(guò)程，方便人們更適合操作。人體工程學(xué)適用于涉及到人的任何設(shè)計(jì)，包括數(shù)字產(chǎn)品。

菲茨定律是1954年由保羅菲茨在對(duì)人類(lèi)操作過(guò)程中的運(yùn)動(dòng)特征、運(yùn)動(dòng)時(shí)間、運(yùn)動(dòng)范圍和運(yùn)動(dòng)準(zhǔn)確性進(jìn)行研究之后提出的結(jié)論，任意一點(diǎn)移動(dòng)到目標(biāo)中心位置所需的時(shí)間與該點(diǎn)到目標(biāo)的距離和大小有關(guān)，距離越大時(shí)時(shí)間則越長(zhǎng)，目標(biāo)越大時(shí)間則越短。

18. 支持內(nèi)聯(lián)編輯和自動(dòng)提示值

刪除所有不必要的交互、視圖和多于步驟。用戶應(yīng)該以最佳速度操作系統(tǒng)，它稱為“流動(dòng)狀態(tài)”。不要用彈窗打破這種流程。對(duì)于以后可以更改的所有操作，請(qǐng)盡可能支持內(nèi)聯(lián)編輯，當(dāng)有大量值可自動(dòng)篩選提示值。

19. 使用系統(tǒng)默認(rèn)值減少認(rèn)知負(fù)荷

系統(tǒng)默認(rèn)設(shè)置是為你提供問(wèn)題答案的選擇，這方便用戶更快地完成表單。填寫(xiě)表格要求他們對(duì)其進(jìn)行解析，然后將他們的答案輸入表格中并保證輸入信息的可用性。定義相關(guān)默認(rèn)值時(shí)，設(shè)計(jì)人員需要了解用戶以及他們使用產(chǎn)品的場(chǎng)景。

只有深入研究和測(cè)試才能實(shí)現(xiàn)這一點(diǎn)，向用戶學(xué)習(xí)并根據(jù)用戶的歷史數(shù)據(jù)和使用場(chǎng)景調(diào)整默認(rèn)值。始終將默認(rèn)值設(shè)置為絕大多數(shù)用戶能做出明確選擇的選項(xiàng)。

20. 防止錯(cuò)誤

錯(cuò)誤消息會(huì)帶給用戶很多壓力，讓用戶感覺(jué)他們搞砸了或者沒(méi)有完成任務(wù)。確保自動(dòng)檢查輸入的數(shù)據(jù)，并為不適當(dāng)?shù)臄?shù)據(jù)輸入提供警報(bào)或提醒，以減少錯(cuò)誤。要么減少容易出錯(cuò)的情況，要么檢查它們并在用戶提交操作之前向用戶顯示確認(rèn)選項(xiàng)。應(yīng)該通過(guò)強(qiáng)制功能來(lái)保護(hù)不可恢復(fù)的行為，以確保用戶意識(shí)到他們的選擇帶來(lái)的影響。

21. 無(wú)障礙設(shè)計(jì)

作為設(shè)計(jì)師你的目標(biāo)是支持可訪問(wèn)性，確保你的產(chǎn)品可以被更多受眾訪問(wèn)。全世界有超過(guò)10億人患有殘疾，不要使用顏色作為傳達(dá)信息的唯一視覺(jué)手段。確保文本與其背景之間有足夠的對(duì)比度，支持鍵盤(pán)導(dǎo)航等。可訪問(wèn)性不局限于具有不同能力的一組用戶，當(dāng)你設(shè)計(jì)可訪問(wèn)性時(shí)，你可以改善使用該產(chǎn)品的每個(gè)人的用戶體驗(yàn)。

結(jié)論

設(shè)計(jì)簡(jiǎn)單易用產(chǎn)品不容易，設(shè)計(jì)被用戶易于理解的產(chǎn)品就更不容易，但它有方法的，一種可以快速簡(jiǎn)化的方法。相信上面的簡(jiǎn)化原則都是與我們做設(shè)計(jì)做產(chǎn)品息息相關(guān)的。學(xué)習(xí)了上面的知識(shí)再去嘗試看看自己設(shè)計(jì)的產(chǎn)品或多或少存在問(wèn)題，不斷優(yōu)化真正實(shí)現(xiàn)大道至簡(jiǎn)。

原文：https://uxplanet.org/how-to-simplify-your-design-69d97fde11b9

作者：Taras Bakusevych

翻譯：水手哥，公眾號(hào)：水手哥學(xué)設(shè)計(jì)

本文由 @水手哥 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自 Unsplash ，基于 CC0 協(xié)議