簡約有效的設計,讓產品變得不一樣
編輯導讀:隨著產品的迭代升級,增加越多功能,設計相對地也會越復雜,用戶需要花費更多的精力來理解產品邏輯和使用具體功能。因此對產品進行簡約有效設計是十分有必要的。本文作者對此進行了分析,與你分享。
一、簡約有效的含義
產品是一個功能集合體,隨著迭代優化,會變得越來越復雜,這也意味著用戶需要花費更多的精力來理解產品邏輯和使用具體功能。因此對產品進行簡約有效設計是十分有必要的。簡約有效原則跟一致性原則比較類似,本身的含義比較廣泛,此文中,對簡約有效的原則作如下約定:
“簡約有效設計指的是設計方案在滿足用戶和產品需求的前提下,應該最大程度的降低產品復雜度和用戶使用成本,以保證用戶使用產品的體驗和效率,最終達到為用戶和產品提供更多價值的目的?!?/p>
簡約有效的設計最大特點是“簡約”和“有效”。
簡約——能降低產品的復雜度
“簡約”指的是在滿足需求的前提下最大程度的降低產品復雜度。從普遍的角度來講,一個簡約的設計一定能夠極大的提升用戶的使用體驗和產品的使用效率。
有效——能滿足用戶和產品的需求
“有效”指的是設計方案必須能夠滿足用戶和產品的需求,這是設計最為基礎的要求,如果設計方案不能滿足用戶或產品的需求,那什么樣的設計都是沒有意義和價值的。
二、簡約有效設計的價值
在設計中,遵循簡約有效原則不僅可以保證設計方案的合理性,還可以為用戶和產品提供更多的價值和服務。
1. 提升產品的用戶體驗
簡約有效設計對用戶的價值主要體現在提升用戶體驗方面。
1)降低用戶使用的成本,提升產品使用效率
簡約有效的設計可以降低產品邏輯結構 、頁面布局、交互操作等的復雜度,從而減少用戶的認知和使用成本以及提升產品的使用效率。
2)更好的情感設計化
從心理學角度來講,越簡單的東西會越符合用戶預期,也越容易獲得用戶的信賴和好感,而簡約有效的設計可以降低產品的復雜度,降低用戶的而使用和認知成本,因此簡約有效的設計可以有效地提升產品的情感化設計,為用戶提供更好的使用體驗。
2. 保證產品的健壯性和可發展性
簡約有效的設計對產品的價值主要體現在保證產品的健壯性和可發展性。
1)減少產品邏輯的復雜度和耦合度,保證產品的健壯性
產品功能的復雜和邏輯耦合是一個無法避免的問題,越是復雜的邏輯其犯錯的可能性越大,其普適性也越差,但利用簡約有效的設計可以降低產品功的復雜度,去除不合理的設計,減少各個功能模塊之間的耦合度,從而保證保證產品結構的的合理性和健壯性。
2)為產品預留更多的拓展空間,保證產品的可發展性
從設計經驗上來講,產品做減法的成本遠遠大于做加法。利用簡約有效的設計在一定程度上是可以避免產品“過度”發展的問題,因為其目的就是降低產品的復雜度,這也意味著為產品預留更多的拓展空間,保證了產品的可發展性。
三、如何做到簡約有效設計
簡約有效設計的內涵是非常廣的,不是簡單的刪減功能或者減少頁面的中元素就是簡約有效的設計,其最基本的原則是“先有效,再簡約”,即在保證設計“有效性”的基礎上,再進行“簡約性”設計,“有效”比“簡約”的優先級高且重要。設計中,可以從以下幾個方面和角度進行簡約有效的思考和設計。
1. 保證設計的目的性和價值性
設計中的任何邏輯或元素都必須要有明確的目的和價值,如果設計的目的性和價值性不明確或者達不到預期,那么這樣的設計是不合格的。設計的目的性和價值性可以說是所有設計的基本原則和要求,同樣也是是簡約有效設計的重要評估標準和指導原則之一。
2. 保留設計的特征性
簡約有效原則本質上就是對設計進行“簡化”設計,但不能為了單純的簡化而無限制的“刪減”設計,其中重要的一點就是需要保證設計的特征性。設計的特征性能夠表明設計的特點,用戶通過這些特點性,以快速的辨別,理解和使用產品。例如在剪切板圖標中,其剪切的含義就是其非常重要的特征,一般來說就是剪刀元素,而這個設計特征是不能被刪除簡化的,需要在設計中進行有效地表達。
3. 合理規劃產品功能結構層次
產品功能結構層次是產品的主要框架,決定了用戶的主要體驗路徑,其設計的好快直接影響了用戶體驗的好壞。利用簡約有效原則不僅可以合理規劃產品功能結構層次,還可以降低產品結構層次的“復雜度”,提升用戶的使用體驗。設計中,可以從以下幾個方面考慮產品結構層次的“簡約有效”設計。
1)合理的橫向和縱向結構層級數
產品結構層級設計中既不能讓橫向結構層次過于扁平,也不能讓豎向結構層次過于縱深,前者容易導致產品功能結構分散和用戶認知混亂,后者容易導致用戶操作路徑過長,操作成本過高。
2)同級結構層次之間的獨立性
簡約有效的設計可以讓產品同級結構層次之間保持相對獨立,這樣不僅可以減少結構層次之間的交叉和耦合,減少后續產品迭代優化時的“耦合障礙”,還可以保證層級結構本身邏輯的“簡約性”。
3)父子結構層級之間的關聯性和邏輯性
簡約有效的設計可以讓產品父子層級之間有含義明確的邏輯性和關聯性,從而減少用戶的理解認知和操作使用成本。一般來說,父級層次結構趨向于展示概括信息和重點信息,子級層級結構展示詳細信息和次要信息,從而使產品結構層級更加符合用戶的認知和習慣,提升產品的使用效率和使用體驗。
4. 簡單有效的任務操作路徑
產品中用戶的操作任務是相對是確定的,但同一個任務,可以通過不同的方式和路徑來完成,其成本和體驗也是不同的。利用簡約有效的設計原則可以讓產品的操作路徑更加合理有效,降低不必要的操作和路徑,提升用戶的操作效率和使用體驗。
1)用戶路徑長度的合理性和邏輯性
用戶的操作路徑的總長度應該相對較短且合理,一般來說不建議超過5個環節,否則用戶任務完成率和體驗會有斷崖式的下降。此外,用戶的操作路徑中上下文前后操作節點應該有著合理的邏輯性和關聯性,以便保證用戶對整個操作路徑的理解。
2)單個操作環節的目的性
每一個操作環節應該有著明確的目的和主題,即操作環節需要讓用戶集中精力處理一個重要的操作任務,不能讓沒有意義的任務和信息分散用戶注意力。
3)單個操作環節內容的有限性
每一個操作環節中,用戶需要處理的任務以及信息應該是有限的,不能讓用戶同時處理過多的信息或者過于復雜的任務,否則會極大地增加用戶的負面體驗。如果單個任務環節中包含的信息較多或操作任務較為復雜,可以考慮拆分任務和適當的增加用戶操作路徑的長度。
4)線性的操作路徑
不要為用戶操作路徑設置過多的分支路徑或選擇,而是應該讓用戶操作路徑趨向于串聯且線性的,這樣不僅可以降低產品的復雜度,還可以可以降低用戶的理解和使用成本,從而提升用戶體驗和操作效率。
5. 簡單有效的頁面布局
簡單有效的頁面布局不僅可以更好的幫助產品達到預期目標,還可以極大的提升用戶體驗。設計中,可以從以下幾個方面考慮頁面布局的“簡約有效”設計。
1)頁面布局符合用戶認知和習慣
頁面的布局一定要符合用戶的認知和習慣,否則再怎么“簡單”的頁面,用戶理解起來也會費勁或者產生理解歧義。例如中文用戶的閱讀習慣都是從左到右和從上到下,用戶的操作習慣大多是先閱讀信息再進行操作,因此常見的布局都是將操作按鈕布局在頁面右側或者底部。
2)頁面布局的信息是有價值且有效的
頁面中布局展示的信息一定要對用戶或產品有價值,如果對用戶和產品都沒有價值的信息,那頁面中就不需要這個信息,這是簡約有效設計的基本準則之一。此外頁面布局中的信息一定要是有效的,不能讓用戶產生歧義,從而達到降低用戶使用成本和提升使用體驗的目的。
3)頁面信息布局的規律有序
頁面中布局的信息一定要規律有序,其主要目的是方便用戶閱讀以及理解,從而提升用戶的使用效率和體驗。讓頁面中的信息規律有序,最常見最簡單的方法就是將信息分類成組后再在頁面中展示。
4)避免頁面信息過載
頁面中的信息密度必須適中,不能信息過載,否則就會導致用戶瀏覽效率低,理解成本高以及操體驗差的后果。簡約有效原則是避免頁面信息過載的基本方法之一,其原則就是重點信息優先展示,刪除不必要信息或者隱藏次要的信息,利用不同的頁面和層級結構將信息的“復雜度”轉移分攤出去,從而保證用戶當前操作頁面信息密度的合適。
5)頁面應該聚焦用戶當前任務
頁面布局的信息應該與用戶當前正在處理的任務緊密關聯,不讓無關的信息分散用戶注意力以及干擾用戶當前的任務流程。如在自有賬號登錄頁面中,忘記密碼,注冊以及第三方登錄等次要信息的布局和樣式就不能過分顯眼,否則就會影響登錄頁面主要任務的完成——輸入賬號和密碼。
6. 簡約有效的UI設計
UI設計是產品功能邏輯的視覺化表現,其直接影響了產品的使用體驗。與其他設計原則一樣,簡約有效原則也是UI設計的重要的標準之一,設計中,可以從以下幾個方面思考和衡量簡約有效的UI設計。
1)一致的設計語言和風格
一致的設計語言和風格可以確保產品在視覺上的統一性和規范性,進而降低用戶認知和使用成本,即從視覺形式上和用戶認知層面,降低了產品的復雜度,提升了用戶信息瀏覽、理解以及操作的效率和體驗。
2)正確無誤的信息傳遞和表達
UI是各種產品信息的視覺載體,因此其一定要能夠準確無誤的傳遞和表達出信息的真實含義,不能因為UI設計而導致用戶對信息產生誤解或者歧義,這也是“簡約有效”的UI設計中“有效性”的重要組成部分之一。
3)重要信息重點表達
UI設計需要做到信息表達準確且層次分明,即重要信息重點表達,次要信息次級表達。這樣設計的目的就是利用UI設計增強重要信息表達和傳遞的“簡約性”和“有效性”,即從信息層面上降低了頁面的復雜度。重點信息重點表達的最基本的方法就是在視覺上讓重要信息和次要信息形成較為明顯的對比,如常見的文本加粗,使用高亮顏色(彩色)等。
4)清晰正確的邏輯表達
UI也是功能邏輯的可視化載體,因此UI設計一定要保證產品功能邏輯表達的清晰和準確,不能因為UI設計而導致用戶對功能邏輯的錯誤理解。如賬戶模塊中,賬號密碼的校驗過程 和出錯提示等邏輯必須能夠通過UI清晰正確的表達出來,保證用戶在登錄過程中,能夠通過UI理解這些邏輯,且不會產生任何歧義。
7. 簡單有效的邏輯設計
產品功能邏輯設計是產品和用戶交互的直接決定因素,可以說,功能邏輯設計的好壞直接決定了產品體驗的好壞。簡單有效的邏輯設計不僅可以降低功能邏輯的復雜度,還可降低產品的迭代開發的成本和用戶使用成本。設計中,可以從以下幾個方面考慮“簡單有效”的邏輯設計。
1)在保證邏輯完整性的基礎上,盡量降低功能邏輯的復雜度
在設計中,保證產品功能邏輯的完整性是基礎的且必要的條件,在此基礎上,再考慮降低功能邏輯的復雜度,不能為了簡約而簡約。
2)功能邏輯的獨立性
在功能邏輯設計中,應該盡量保證功能邏輯的獨立性,減少功能邏輯之間的耦合性和依賴性。因為功能邏輯的耦合性和依賴性必然會導致對邏輯本身和用戶產生更多的限制性和要求。此外,功能邏輯之間的耦合性和依賴性不僅會提升產品的復雜度,還會影響產品的健壯性、后續的拓展性以及造成迭代成本的提升。
3)為用戶設計,轉移邏輯設計的復雜度
產品功能邏輯的復雜度是可以降低的,但是不可能無限制的降低。當無法降低功能邏輯的復雜度時,可以使用其他方法來降低功能邏輯的“復雜度”,最常見的就是“轉移復雜”,即不改變邏輯的設計,而是改變這些邏輯的表現形式和方式,將邏輯的“復雜度”轉移到不同的功能模塊中或者不同的形式上。例如在線請求數據的異常邏輯有很多種,這些異常對于邏輯設計和產品優化是有很大價值的,但對用戶來說這些異??赡苁请y以理解或者是沒有價值的,可以將這些異常邏輯進行歸類分組,同一組的異常使用相同的提示設計,如網絡故障相關的異常,都可以提示用戶去檢查手機中的網絡設置,而不用每一中網絡故障的異常都單獨設計一個異常提示。
4)提供合理的參數值和默認項
功能邏輯設計中涉及到大量的設置項和參數,為這些設置項和參數提供合理的數值和默認項,可以極大降低的用戶的理解和使用成本。例如在地圖導航軟件中,用戶選擇導航線路時,需要確定起點位置和終點位置,常見的起點位置默認參數就是當前用戶的位置,這種設計邏輯可以滿足絕大部分用戶在絕大部分場景下的導航需求,減少用戶起點位置的輸入。
5)更少的操作和選擇
在設計中,任何的操作和選擇對用戶來說都是一種負擔,所以應該避免為用戶設計過多的操作和選擇,較少的操作和選擇就是降低產品功能邏輯的復雜度。如果無法減少功能的操作和選擇,那么應該優化頁面信息層次、操作路徑和具體的頁面布局來使邏輯操作和選擇更加合理,使用成本更低,使用體驗更好。
6)為絕大部分場景和用戶設計
邏輯完整性是設計的基本要求,但在實際中經常會碰到低頻場景、小部分用戶群體需求或者大部分用戶群體的低頻需求等“異常條件”,這些都可能對產品的功能邏輯設計帶來影響,但是絕對不能因為這些“異常條件”去更改主體設計方案,即在任何時候,都應該為絕大部分場景和絕大數用戶設計,按照經驗來講,是不可能有滿足100%需求的設計方案。類似的,我們應該更多的考慮產品的正向使用場景,不要讓負向場景過多的影響功能邏輯的設計方案,即這些非正向場景可以為設計提供參考,但不能決定設計方案。
簡約有效是一個非常普適性的設計原則,其可以為產品和用戶帶來非常多的好處,其具體內涵是非常廣泛的,其中有些內容不僅僅是簡約有效原則獨有的,可能與其他設計原則有著較強的關聯性和交叉性,如“一致的設計語言和風格”,雖然是一致性設計原則的內容,但卻可以讓設計很好的表達出“簡約有效”。
本文由 @小乞丐 原創發布于人人都是產品經理,未經作者許可,禁止轉載。
題圖來自Unsplash,基于CC0協議
- 目前還沒評論,等你發揮!