無極五註冊網站_產品簡化改版怎麼做?資深設計師的 21 條實用建議

編者按:這篇文章來自 Taras Bakusevych 的文章《How to simplify your design》

如今的数字產品,在不斷迭代過程中,會加入更多功能,添加更多的技術支持,更新進階的特性。而另一方面,企業對於構建簡單實用的產品,也同樣非常着迷。這當中當中毫無疑問是存在微妙的對抗和衝突的——如何讓更好更多的信息,以更加輕量易用的方式呈現出來?這就涉及到產品的簡化改版的技巧了。

到底怎麼算是簡單?

讓產品變簡單,其實一件困難的事情。

我們可以將「簡單」定義為「更加易於理解或完成」,或者是「不困難」。值得一提的是,簡單與否,它是主觀的,對於一個人而言簡單,對於另一個人而言不一定簡單。通常,我們是通過下面的三個步驟來判斷一件事情是簡單還是困難:

在《簡單法則》當中,John Maeda 提供了10條法則,這些法則能夠幫你平衡商業、技術、設計所帶來的複雜性——更通俗的來說,就是如何合理簡化但是又能收穫更多。

The Laws of Simplicity, John Maeda

Meada,作為麻省理工多媒體實驗室的教授,他也是舉世聞名的平面設計師。在書中,他非常慎重地探討了「改進」這一概念,在他看來,它通常並不總意味着「更多」。無論是對於複雜度,還是簡化,都只是相對概念。結合合理的培訓,培養製造火箭的科學家也不是難事,但是總會有一些關鍵的因素,會讓簡單的事情變複雜,在設計中我們應該盡量去規避它們:

那麼,我們在具體的產品改版中,要如何合理地簡化呢?下面,是我結合這些原則來總結的21條建議:

1、創造有焦點價值的產品

有太多的產品試圖讓你更用戶做更多的事情,每個企業都試圖成為行業中的瑞士軍刀。但是,如果你希望產更加簡單,那麼你需要有一個核心價值,並且確定產品真正針對的是誰,並非每個產品都應該成為 Facebook。你的產品的核心價值是什麼?

2、刪除所有不必要的內容

想要簡化產品,最簡單的方法,是經過深思熟慮之後再進行簡化和刪除。如果組件或者模塊的功能、價值存疑,那麼請刪除。次要信息、不常用的控件、分散注意力的樣式,都在這個範疇內。就這麼簡單。一旦採用這一的方式,你會立刻馬上看到結果。當然,刪除的時候,請務必深思熟慮。

「簡單並非完全沒有混亂,因為雜亂必然會伴隨簡化而存在。簡單本質上是對產品的定位和目的有更精準的描述。而沒有雜亂僅僅意味着這是一件不雜亂的產品,但是這並非簡單。」

——喬納森·艾維

3、將數據轉換為有意義的樣式

我們日常設計的絕大多數產品,都涉及到需要用戶理解大量數據。當用戶對於趨勢和變化感興趣的時候,請盡量使用可視化的方式來呈現信息,而不是一堆数字。嘗試從數據中提取有效的內容,可視化地呈現在用戶眼前,這才是有意義的簡化。

4、提供對快速決策的支持

用戶長期遭受複雜決策機制的折磨,幫助用戶看清各種信息,更好的決策是簡化的方向之一。席克定律曾經對此作出過非常經典的解釋:用戶做選擇所需要花費的時間和精力往往會隨着選項數量的增加而增加。因此,如果你希望用戶決策變得簡單,那麼你需要簡化選擇,消除不必要的選項,來幫助用戶進行選擇。

5、太多選擇會嚇走用戶

當前心理學理論和調研肯定了一件事,就是足夠多的選擇可能會給人帶來积極的情緒,相應的衍生出一個流行的觀點,就是選擇越多越好,但是人類天性中的管理能力是不足以支撐過多選擇的。

果醬實驗是消費心理學當中最著名的實驗之一:為消費者提供更少的選擇,對於銷售更加有利。這一點是至關重要的——更少的選擇,能夠帶來更多的銷量。

在這個實驗當中,選擇較少所帶來的轉化率幾乎是更多選擇的轉化率的10倍。這是一個選擇過載帶來不良後果的一個重要範例——過多選擇抑制了用戶選擇購買的想法。

6、在提供多種選擇的時候,給用戶以建議

如果多個選擇總是無法避免,那麼不妨給用戶提供建議,或者告訴用戶多數用戶的選擇。向用戶清楚地傳達選項之間的差別,這在定價策略上會帶來更多积極的效果。

7、將用戶注意力吸引到對的區域

當你了解用戶流程的時候,就應該有針對性將用戶注意力引導到的對的目標上去,找到關鍵區域,讓用戶在界面中優先注意到它們。

8、使用色彩和版式來呈現內容的結構層次

你應該經常會聽到類似「可讀性很差」這樣的表述。有很多設計的確存在這樣的問題。在設計當中,有太多的因素會影響信息的傳達——字體的選取,大小變化、間距、大小寫和配色,都會影響到層次結構,影響到用戶汲取信息的方式。使用正確的配色和版式,讓內容的層次結構更加清晰,最好還能反映出品牌特徵,這樣就更能增強吸引力和用戶對它的印象了。

9、優化組織結構,便於管理

下面兩張圖當中,要你數清楚有多少個圓點,哪一張圖會讓你這個過程更快?

如同你所看到的,無序的點狀方陣和有序的是截然不同的,後者的認知負擔更低,識別速度更快。面對無序的信息和內容,我們需要逐個計數,但是面對有序的信息,則截然不同。

有組織的元素不僅有着更高的識別度,也更容易被記住。在数字產品當中,記住常見控件的位置和功能無疑是重要的。同樣是上面這張圖,如果不是計數,而是記住每個點的位置,你能不能做到?毫無疑問,缺少組織結構,這是一件艱難的事情。

10、給相關內容分組

在簡化複雜頁面結構的時候,對組件和內容進行分組通常是最為有效的方法之一。通過層級劃分,用戶每次需要處理的信息量都會更小,而不是在無關的組件中來回穿梭尋找。藉助邊框和卡片將相關度更高的內容整合到一起,這是非常便捷的方法。此外,關於關於分組,格式塔原理中的分組原則是非常值得借鑒的:接近性、相似性、連續性、閉合性和連通性。

11、拆分任務,按列布局

幾乎任何產品當中都會涉及到不同類別的表單,這是獲取用戶信息的一種方式。有的時候,即使刪除掉一些不必要的字段,表單依然會很長。因此,我們可以將巨大的表單或者任務拆分開來,這樣一來,整個執行過程會變得簡單不少。

設計表單的時候,盡量使用單列而非多列,這樣更加順暢、易於填寫。用戶無需思考接下來要填寫什麼,而是按照一條線繼續操作下去即可。

12、透明清晰地展現路徑和狀態

不確定性讓人感到焦慮,盡可能地在設計當中規避這種不確定性。這就是為什麼要讓用戶在任何時候都清晰地知道他在流程中所處的位置,以及接下來會發生什麼。總結之前所提供的信息也是個好主意,能夠減輕用戶的負擔,避免反覆檢查之前的內容。

13、替用戶進行計算

人腦對於涉及計算的部分通常會比較費力,對於這些不太佔用計算力的內容可以交由系統來進行計算,和計算相比,人的大腦在處理具象化的信息的時候更加擅長。嘗試利用系統,而不是將壓力轉嫁給用戶。

14、用逐步展現來隱藏複雜性

漸進式的展開是用戶體驗設計當中的一種範式,這種方法能夠讓界面更容易被理解。當涉及到多屏、大量信息和操作的時候,這種逐步展現的機制,可以避免讓用戶感到不知所措,也可以隱藏一些無關的信息,直到最後用戶可以清晰明白內在的關聯性為止。逐漸展現的方法,遵循着「從抽象到具體」這樣的一種概念,而 iOS 系統當中,所採用的導航方式,無疑就是這種思路的典範。一屏一個步驟,逐漸展現,最後給用戶一個確切的結果。

15、善用通用的交互模式和設計範式

用戶將絕大多數的精力都耗費在各種各樣的其他数字產品上,這意味着用戶對於其他的網站和APP的交互模式、使用方法都有着清晰的了解,對於特定的模式有具體的預期。因此,無論你是設計網站,某個 APP ,甚至是冰箱上的控制系統,都可以遵循既有的設計和交互模式。這並不是意味着停止創新,而是在很多事情上,你無需重新造輪子。

16、初次體驗應當精簡

在設計任何產品的時候,都應該讓用戶儘快感知到產品的價值。因此,除非是滿足功能性的需求,在用戶初次打開應用的時候,都盡量把其他的干擾去掉,因為這都是讓用戶了解產品價值的障礙。第一印象很重要,如果不滿意,很多用戶會立即離開。

如果你第一次嘗試,即使是最簡單的操作,可能也是有挑戰性的,有時候新手使用 APP 的時候需要引導,但是最好的方法是盡量讓體驗和功能一目瞭然,搭配上下文環境的說明引導,而不是提供複雜繁瑣的學習材料。

17、結合使用場景,巧用人體工程學

簡約易用的產品大多能夠合理地結合人體工程學的設計。絕大多數人可能會想到諸如汽車座椅、控制面板和手柄這樣的案例,但實際其實遠遠不止。人體工程學適用於幾乎所有涉及人的產品設計。

1954 年,心理學家 Paul Fitts 仔細了解了人的運動系統,並且提出了費茨定律——移動到目標所需要的時間取決於和目標之間的距離,並且和目標大小成反比。這個定律反饋到具體的界面設計上,就是盡可能讓常用元素更大,並放置到更容易被觸及的地方。

18、提供直接編輯功能和推薦參數

刪除不必要的交互組件、視圖或者是步驟,是簡化過程中必不可少的部分呢。用戶應該可以以最快的速度進行操作,比如在表單中直接操作,而不是在彈出框中進行編輯,這個被稱為「流程狀態」,「流程狀態」不應當被彈出框打破。此外,對於很多需要填寫的部分,最好提供參數推薦建議功能,就像搜索的實時推薦,讓用戶可以更為準確地輸入。

19、使用智能默認值,減少認知負荷

智能默認值——或者說智能佔位符是一個非常有用的策略。一方面可以幫助用戶更快更精準的填寫表單,另一方面,也給用戶提供了相對準確的範例。只不過,默認參數的確定,需要設計師和開發團隊對用戶的使用場景等信息進行研究,通過測試和調研,確定用戶使用狀況,以此來確定默認參數應該是多少。如果需要明確地參數或者選項,那麼可以將默認值設置為 90% 用戶可能會選的選項,並輔以說明。

20、防止出錯

出錯信息會給用戶帶來很大的壓力,為了避免用戶陷入這樣的狀況,防止用戶無法完成任務,請使用數據輸入檢查的功能,對於格式輸入錯誤的表單和內容,對用戶予以警報和提醒,避免錯誤發生。對於極為重要的操作,在用戶提交之前,讓用戶二次確認信息,做好檢查。對於某些強制性、破壞性乃至於不可恢復的操作,確保用戶知道這一操作帶來的影響。

21、無障礙設計

数字產品的可訪問性是老話題了,要讓產品和設計對於所有人——包括有視覺障礙的用戶,都可以輕鬆地使用。最常見的,就是不要使用色彩來作為傳達信息的唯一途徑,確保文本和背景之間有足夠的對比度,支持鍵盤導航操作等等。可訪問性問題並不限於特定的群體,堅持不斷的改善和提升,有助於每一個用戶的體驗。

結語

簡化並創造易於理解的產品並不容易,但是這是一條幾乎任何產品都要走的必經之路,簡化的方法和技巧有很多,雖然零碎,但是它們最終會帶着產品走向一條更好的道路。

此外,Taras 的其他文章也非常值得閱讀:

多年可視化設計老司機,給你梳理了這10條避坑提速指南

每一個優秀的控制面板的設計,其實都來之不易。根據我的經驗,我整理來10條非常有用的建議,它將會為你提供幫助。

閱讀文章 >>

研究了上百個案例之後,有了這套保姆級產品重設計指南

隨着時間的推移,很多產品需要針對功能、 體驗、 視覺進行全面的升級,這個時候產品的重設計就不可避免了。

閱讀文章 >>

未经-摩登3注册-摩登3测速官网-允许不得转载:摩登3注册-摩登3测速官网 » 無極五註冊網站_產品簡化改版怎麼做?資深設計師的 21 條實用建議

赞 (0)