各個公司都一直致力于打造簡單實用的產(chǎn)品。并在輕量且易于使用的框架下,它們開發(fā)出更多的特性、新的技術(shù)和更高級的功能。通常來說,簡單反而是最困難的事情。
什么是 “簡單”?
我們可以這樣定義“簡單” — 沒有任何困難就可以理解和完成的事物。我們無法定義簡單,它是一個主觀的概念,一個人認為簡單的事物對于另一個人來說可能并不簡單。通常,我們會在三個階段的過程中快速的形成我們對于簡單和困難的個人觀感:
消除那些阻礙用戶實現(xiàn)目標的困難 — 將幫助你將產(chǎn)品變得簡單。在簡單法則中,John Maeda 提供了十條法則用于平衡業(yè)務(wù),技術(shù)和設(shè)計的復雜程度,這正是少即多的準則。
Maeda — 一名麻省理工學院媒體實驗室的教授,也是世界知名的平面設(shè)計師 — 探討了應(yīng)該怎么來重新定義“提升”這個概念,讓它不總只是意味著更多。這本書真的挺不錯,我強烈推薦你看看。
復雜又是什么樣子?
討論簡單的同時我們當然也應(yīng)該討論一下它的對立面。通常意義上的復雜是一個主觀的感受。通過適當?shù)膶W習,就算是火箭科學也不是那么的困難。但是有幾個因素卻會讓最簡單的事情也變得很復雜。它們應(yīng)該在實際的產(chǎn)品設(shè)計中盡可能被避免:
那么我們應(yīng)該怎么將這些理念應(yīng)用到產(chǎn)品設(shè)計?
1. 專注打造產(chǎn)品的核心價值
有太多的軟件試圖為受眾做到太多的事情,它們都希望成為一個行業(yè)的瑞士軍刀。但是如果你希望讓你的產(chǎn)品變得簡單,你需要為你的產(chǎn)品定義一個真正核心的價值并且確定該產(chǎn)品的真正目標用戶。并不是每一個產(chǎn)品都需要內(nèi)置一個 Facebook。
2. 移除所有不必要的東西
實現(xiàn)簡單最容易的方式就是在深思熟慮后做減法。當你心存疑慮,請果斷刪除。比如次要信息,不常使用的控件和分散注意力的樣式。就這樣簡單。一旦你使用這個原則,你將會馬上看到效果。但是在做減法的時候一定得小心。
“簡單不是沒有雜亂,那只是簡單的一個結(jié)果。簡單是在某種程度上描述了事物和產(chǎn)品的位置和目的。沒有雜亂只能稱作一個沒有雜亂的產(chǎn)品。但那并不是簡單。” — Jonathan Ive
3. 將數(shù)據(jù)轉(zhuǎn)化為有意義的格式
我們每天設(shè)計的大多數(shù)產(chǎn)品都在關(guān)注用戶需要使用的大量數(shù)據(jù),以便有效地執(zhí)行他們的日常工作。但是你的用戶如果是對數(shù)據(jù)的趨勢和變化更加感興趣,請用可視化的展示呈現(xiàn)給他們而不僅僅是一堆數(shù)字。你可以按需展示所需要的額外數(shù)據(jù)。請盡量從你有的數(shù)據(jù)中提取出有意義的部分并將其展示在用戶前面。
4.支持快速決策
面對接踵而來的各種選擇,用戶不得不花時間去理解和判斷,這是他們不喜歡干的事兒。這件事在著名的希克定律(Hick’s Law)中得到解釋。希克定律(Hick’s Law)認為決策本身所需要耗費的時間和精力隨著選擇的增加而增加。所以如果你希望你的用戶體驗變得更加簡單,那么你得讓用戶能夠快速選擇,這樣的設(shè)計要盡可能的多些。去掉那些并不需要的決策、指引和用戶操作。
5. 太多的選擇會嚇跑客戶
目前的心理學理論和研究認為通過個人選擇會產(chǎn)生積極的情感和后果。這些發(fā)現(xiàn)導致了一個流行的觀念,就是選擇越多越好 — 人類的決策能力和對選擇的渴望似乎是無窮無盡的。但是事實上研究證明了正好相反:
果醬實驗(Jam Experiment)是消費心理學中最著名的實驗之一,它表明提供較少的選擇更加有助于銷售。至關(guān)重要的是,它表明了精確提供較少的選擇可能會更加有助于你的銷售。
這個實驗表明,與那些有很多選擇的客戶相比,選擇較少的客戶購買的可能性似乎要高10倍。這一直是作為證明讓選擇不要過多的關(guān)鍵例子,因為為用戶提供太多的選擇實際上會抑制用戶的購買欲望。
6. 提供多個選擇的建議
如果無法避免選擇,請嘗試限制它們??梢蕴峁┮粋€你個人的建議或者分享其他消費者更喜歡的內(nèi)容。明確告訴用戶不同選項之間有什么差別。這個方案通常應(yīng)用于計算價格的頁面。
7. 吸引用戶的注意力到正確的方向
當你了解你的用戶實現(xiàn)目標的過程后,那么在這個過程的每個階段都有著與那個目標更加相關(guān)的事情。找到那些關(guān)鍵的領(lǐng)域并將用戶的注意力轉(zhuǎn)向它們。
8. 使用顏色和布局來表達內(nèi)容的層次結(jié)構(gòu)
你聽過多少次這句話 — “用戶是不會浪費時間在閱讀上”。這并不是假話,我們只會閱讀那些我們需要去記憶或者實際了解的東西。如果你沒有讀過一個單詞就接受了大量的用戶條約,那你就應(yīng)該明白我說的什么意思。有很多特征可以用來對交流產(chǎn)生影響:字體樣式,大小,字距,前導,大小寫和顏色。可以用它們來傳遞內(nèi)容的層次和結(jié)構(gòu)。正確的使用顏色和排版可以讓你的產(chǎn)品反映出易于識別的品牌形象,并且更加具有吸引力和讓人難忘。
9. 讓系統(tǒng)有序組織,簡單且更易管理
讓我們來做一個簡單的測試吧。以下我們有兩張圖片。使用秒表來測量你計算這兩張圖片中的黑點數(shù)量所需的時間(和精力)。
完成了嗎?結(jié)果正如你自己所看到的那樣,計算無序的點陣會耗費更多的時間,并且還會給你帶來更多認知上的負擔。但如果方塊的點數(shù)相同,為什么我們還會得到這個結(jié)果呢?
將點映射到特定矩陣會幫助我們直觀地瀏覽它們并在計數(shù)時進行分組。在無序的方塊上我們不得不一個一個地數(shù)數(shù)。此外,大多數(shù)人可能都會錯誤的估計或者被迫用左圖去檢查你的答案。
元素的組織不僅提高了識別率,而且還使其更容易記憶。操作任何機器時,記住所有控件的位置和功能都非常重要。讓我們來做另一個小練習。就在一分鐘以前你剛才計算了兩張圖片里面的點數(shù),現(xiàn)在請回想這兩張圖片里面所有黑點的位置。對于大多數(shù)人來說記住無序的結(jié)構(gòu)幾乎都是不可能的。
10. 對相關(guān)內(nèi)容分組
通常,一個簡化復雜頁面的簡單方法就是開始對組件進行分組。這樣用戶處理的就是少數(shù)幾組而不是大量不相關(guān)的組件。在元素或者一組元素周圍設(shè)置邊框(創(chuàng)造共同區(qū)域)是將周圍元素分離的一個簡單方法。在格式塔心理學中有多種原則可以幫助元素構(gòu)建相關(guān)性:接近性,相似性,連續(xù)性,閉合性和連通性。
11. 將大型任務(wù)拆解為小步驟,并且嘗試單列布局
幾乎在任何產(chǎn)品中都存在不同形式的表格。這是你獲取用戶信息的方式。甚至有的時候已經(jīng)移除掉所有不必要的東西之后,但表格內(nèi)容依然非常龐大。用戶可能非常不想完成這些表格。所以我們能做的就是把這個巨大的任務(wù)分解成一系列較小的任務(wù)。這會讓人突然覺得好像會輕松很多的去完成這個任務(wù)。完成小的子任務(wù)會為用戶提供一些內(nèi)啡肽和滿足感來繼續(xù)下去。
設(shè)計表單時,請使用一列布局而不是多列。單列布局更容易填寫。這樣,用戶無需考慮接下來要填寫的內(nèi)容,只需徑直向下移動頁面即可。
12. 對流程進展和系統(tǒng)狀態(tài)保持透明
不確定性會使我們感到焦慮,所以應(yīng)當盡可能避免這種情況。這也就是為什么除非是顯而易見的情況,在任何時候用戶都應(yīng)該能夠了解到他目前在流程的什么位置,過去已經(jīng)發(fā)生了什么以及他還需要去做什么。保存先前提供的信息摘要也是一個好辦法,它讓用戶不用記憶太多東西并且也無需返回以仔細檢查先前的步驟。
13. 幫助用戶做算術(shù)
人類的大腦不擅長進行原始計算。與算術(shù)運算相比,進化的壓力更有利于優(yōu)化大腦識別物體的能力。所以應(yīng)當嘗試利用系統(tǒng)來代替用戶進行所有計算。
14. 通過漸進式的展現(xiàn)來隱藏復雜
漸進式的披露是用戶體驗設(shè)計中的一個設(shè)計模式,用來更好的將用戶界面對用戶進行解釋。它通過跨多個屏幕對信息和操作進行排序以免使用戶不知所措或隱藏無關(guān)信息,直至信息變得相關(guān)。漸進式披露遵循從“抽象到具體”的典型概念,包括用戶行為或人機交互的順序。漸進式披露的一個很好的例子是iOS嵌套導航。
15. 基于普遍接受的模式和互動方式
用戶的大部分時間其實是花費在其他產(chǎn)品上。這就意味著用戶更希望你的網(wǎng)站交互方式能夠跟其他他們用過的網(wǎng)站差不多,所以這也就讓他們對產(chǎn)品的外觀和行為有著特定的期望。這種說法反應(yīng)了消費者的心態(tài),并且適用于從社交網(wǎng)絡(luò)到冰箱的任何虛擬或現(xiàn)實產(chǎn)品。但這并不意味著你應(yīng)該停止創(chuàng)新,但應(yīng)該更謹慎的評估怎么去更改傳統(tǒng)意義上的導航或者控制,向用戶證明改變他們的心理模型是正確的。
16. 讓初次體驗變得簡單
任何設(shè)計的主要目標都應(yīng)該是盡快將用戶與提供的價值產(chǎn)品聯(lián)系起來。好好考慮下這一點吧。因此,用戶和操作系統(tǒng)之間存在的其他東西除非是功能需要,否則都是障礙。在任何過程的首次體驗都是非常重要的,如果不滿意的話,人們會很快地對產(chǎn)品形成看法并立刻離開。
在你初次嘗試的時候,即使是簡單的任務(wù)也很具有挑戰(zhàn)性。在我們操作產(chǎn)品之前,有時需要額外的培訓。在數(shù)字產(chǎn)品的設(shè)計中我建議不要太關(guān)注手動操作,用戶期望產(chǎn)品應(yīng)該是簡單易懂的,并且只有在出現(xiàn)問題或者他們需要時才提供幫助。而且應(yīng)該是基于上下文的情形提供幫助,而不是通過過多的學習資料給用戶傳授空洞的概念。
17. 考慮人體工程學和使用產(chǎn)品的環(huán)境
我們已經(jīng)定義的簡單就是使用產(chǎn)品的難易程度,這也就是基于人體工程學。人體工程學是設(shè)計或安排工作場所,產(chǎn)品和系統(tǒng)的過程,以便適合人們的操作。大多數(shù)人認為這與座椅或汽車控制裝置和儀器的設(shè)計有關(guān) — 但是不僅僅如此。人體工程學適用于涉及人的任何設(shè)計,包括數(shù)字產(chǎn)品。在 1954 年,心理學家保羅菲茨測試人體運動系統(tǒng),表明移動到目標所需的時間取決于與目標的距離,并與其大小成反比。所以請保證較大的常用元素放在盡可能靠近用戶的位置。
18. 支持行內(nèi)編輯和自動提示
移除每一個過程中不必要的交互、視圖和步驟。用戶應(yīng)該以最佳速度操作系統(tǒng),這被稱為“流暢”。不要用彈出窗口打破這種流程。對于以后所有支持更改的操作或值,請盡可能的支持行內(nèi)編輯。當有大量可用的值時可以進行自動提示。
19. 通過智能設(shè)置默認值來減少認知上的負擔
智能設(shè)置就是將選項的答案默認進行選擇。這能幫助用戶盡快的完成表單。填寫表單需要用戶去解析表單,編輯答案,然后將他們的結(jié)果輸入到表格提供的位置上。而定義相關(guān)默認值時,設(shè)計人員需要了解用戶以及他們將使用產(chǎn)品的上下文。只有通過深入研究和測試,才有可能理解用戶并根據(jù)用戶的歷史數(shù)據(jù)和使用模式調(diào)整默認值。當需要明確選擇時,始終將絕大多數(shù)用戶(例如,90 - 95%)會選擇的選項設(shè)置為默認值。
20. 減少錯誤提示
錯誤信息會帶來很多壓力,并讓用戶覺得他搞砸了或者沒有完成任務(wù)。所以請確保自動檢查輸入的數(shù)據(jù),并為異常的輸入提供警報或提醒以減少錯誤。要么消除容易出錯的情況,要么檢查它們并在用戶提交操作之前向用戶再次進行確認。并且應(yīng)該通過強制功能來保護破壞性和不可恢復的行為,以確保用戶意識到他們的選擇將產(chǎn)生的影響。
21. 可訪問性設(shè)計
作為設(shè)計師,您的目標是支持可訪問性,確保你的產(chǎn)品能被廣泛的受眾使用,而沒有特例。全世界有超過 10 億人患有殘疾。所以不要使用顏色作為傳達信息的唯一視覺手段。還可以確保文本與其背景之間有足夠的對比度,支持鍵盤導航等等。可訪問性不僅僅針對于具有不同能力的一組用戶,當你設(shè)計可訪問性時,您應(yīng)該改善使用該產(chǎn)品的每個人的體驗。
總結(jié)
設(shè)計簡單好用并且易于理解的產(chǎn)品并不容易,但這是我們需要做的事,并且有這些竅門能幫我們走向簡單。
作者:Taras Bakusevych
翻譯:shixi-li
鏈接:How to simplify your design
全站高品質(zhì)素材免費下載!