簡約之美 如何實現簡約設計

2022-09-25 11:06:10 字數 2524 閱讀 6486

在生活中,人們常常被包圍在不需要的功能中,比如某些手機,炫酷功能不勝列舉:雙攝像頭拍照,眼神翻頁,group play(好幾臺手機同步一首歌)等等。但從使用頻率和效果來說略顯雞肋。這些類似的功能可能會拖累整個產品,在使用時分散使用者注意力,使使用者無法聚焦到核心功能。尤其是使用者在干擾很多的場合,來不及仔細研究和思考的情況下,簡單可控制無疑是使用者最需要的。同時簡約也是一種風格,帶有其特有的美感。那麼如何去做呢?

使用者分類首先我們把軟體的相關人員分為三類:管理人員,開發人員和普通使用者。複雜往往是在他們之前轉移的,就像演算法中時間成本和空間成本的權衡一樣,對使用者簡單了,可能開發難度和管理難度就變大了。我們這裡關注的是對普通使用者的簡約。

其次我們把使用者分為三類:

專家型使用者:他們對你產品感興趣,捨得花時間研究探索產品的新功能。

隨意型使用者:他們可能使用過類似產品,能接受新功能,www.cppcns.com但是得足夠簡單。

主流使用者:不會因為你的技術而使用你的產品,使用你產品的目的是完成某項任務。他們會掌握一些重要功能的使用方法,但永遠不會產生學會所有功能的想法。這些人的口頭禪就是:「我的手機只要能打**、能發簡訊就行了。」大多數人屬於這一類。

我們產品設計應該關注的是大多數的主流使用者。對於專家使用者,或許他們能細數你的功能,和你溝通起來沒有障礙,三句話說到你心裡,而且是那麼通情達理,毫不猶豫就公升程式設計客棧級到最新版本,但他們的想法會讓主流使用者感到太複雜。

四策略簡約的設計意味著你得追求極端的目標,達到其次的效果。我認為能從兩個方面來下手:複雜度的減少和複雜度的轉移。在「四策略」中,「刪除」和「組織」更多在作用程式設計客棧於前者,「隱藏」和「轉移」更多的是作用於後者。

刪除1、僅滿足核心需求,造出有設計感的輕量級產品,如tumblr。

2、不要死扣「假如使用者…… 」,假設使用者的所有可能使用情況並滿足,會產生一些少部分使用者低頻使用的功能。

3、刪去介面的小細節。比如簡化布局,精簡按鈕和程式設計客棧鏈結樣式,減少廣告位數量,去掉分隔線等。

4、不給使用者提供可選項。比如使用者在購物平台在結賬時,遮蔽到所有能指向其他地方的鏈結,或是可選項,順著點點就結完賬,不給使用者分心猶豫的機會。

5、刪減文字,精簡句子。使用簡潔文案,突出有價值的資訊。

6、解決視覺混亂。一些技巧可以借鑑:刪去分隔標誌,使用輕微的背景色來劃分介面;少使用強調;刪去較多的資訊層次,比如只使用標題,子標題和正文;減少元素,比如按鈕的形狀和樣式等。

7、程式設計客棧消除錯誤**。再小的錯誤都會讓使用者感到心煩,所以盡可能去優化那些容易出錯的步驟吧。

刪除某些功能是一味比較猛良藥,誰都不喜歡給了的東西又拿回去,包括使用者。從短期來看可能會造成一定負面效果,但這或許是產品能長期發展,脫穎而出的乙個必須經過的階段。

組織1、分模組,72是人瞬時能接受的乙個模組範圍。

2、按照使用者的行為規律,時間和空間順序來組織,慎用字母表和格式統一與否來組織。

3、分類盡可能明確,相互之間交叉盡可能的少。比如某銀行手機app,生活繳費功能並未劃在「生活」業務標籤中,而是歸在「一**」業務範圍內,這樣會造成較長的查詢時間。

4、對內容有效的組織之後再去考慮搜尋,很多時候搜尋功能並不能改善無效率的組織。

5、通過大小和位置的組織來區別不同的重要性。

6、使用分層,有如下技巧:少量的層;兩層差別盡可能大;用高明度和高飽和度的顏色突出重點;相同重要可亮度和大小相同,區別色調。

7、合理使用色標。使用者對色標的學習成本和使用收益應呈現合適的比例。比如乙個長時間使用的大型應用,那麼使用者對於自成體系的色標也不會那麼介意,因為使用到後面只會越來越方面。

如果說刪除是革命,那麼組織就是改革。通過重新的組合,也能降低整體的複雜度。

隱藏1、不常用的但不能少的,比如個性化設定。

2、讓使用者自定義介面,選擇隱藏,可非專家使用者會喜歡這種方式麼?值得討論。

3、分段展現。讓使用者不是一次的去接受所有資訊,而是採取逐漸分步的方式。比如使用者註冊時只需填寫較少資訊,降低流失率,而處理到一定業務的時候,再讓他去完善個人資訊。

4、巧妙的設定提示與線索。比如蘋果的macbook展示頁,像宣傳畫冊一樣,滿足了主流使用者,而在右上角提供了乙個技術規格,讓想了解的專家使用者去點開查詢。

隱藏不能從根本上減少複雜度,可以看做一種迂迴策略,甚至你想隱藏某項功能的時候你需要考慮:「是不是需要刪去它?」我們在設計隱藏機制,使產品看上去簡約的同時,也需要讓它在適當的時候出現。

轉移1、跨裝置的轉移某些功能,比如蘋果表上的功能在iphone上具體處理,微信***的詳細設定需要在電腦上完成。

2、把系統的工作轉移到使用者那。信任使用者,讓使用者做擅長的事情,比如計畫,想象,估算,辨別資訊等;而讓產品負責精確的記錄,計算,具體執行等工作。比如,讓乙個元件有多種用處,讓使用者去決定在什麼時候使用哪乙個。

前三個策略可以完美的結合:刪除不必要的,組織要提供的、隱藏非核心的。轉移相對獨立,涉及到對介面進行重新布局。

結語運用刪除,組合的策略將整本書的要點「簡約」出來,加上自己的思考結合到了一篇文章當中,也算「簡約」的實戰了吧。就像書中所說,「簡約設計」就像打地鼠一樣,你打了這頭,那頭就起來了。我認為,更多的時候,複雜是在各個維度之間轉移的,確定哪個維度是你關注的,就盡可能的將複雜移出那個維度。天知道谷歌為了讓我們的搜尋介面簡潔到只有乙個框,面對了多少的複雜。

本文位址:

配置實現 簡約之美

前幾天看到一本書 簡單之美 咱也來個簡約之美吧。終極目標是利用配置實現程式設計開發實現的功能,節省開發 測試及程式修改的麻煩,實現簡約之美。建立乙個基礎的系統架構,利用xml配置 利用結構化的xml文件配置相關的資訊 實現增刪改查及業務流程,支援開發人員方便的開發實現客戶需求,支援系統實施維護人員對...

單例模式之簡約美

生活中的單例 中國 china 位於東亞,是乙個以華夏文明為主體 中華文化為基礎,以漢族為主要民族的統一多民族國家,通用漢語。中國疆域內的各個民族統稱為中華民族,龍是中華民族的象徵。古老的中國憑藉自身的發展依舊美麗的屹立於東方民族之林,閃耀著她動人的光彩,世界上只有乙個中國,任何部分都是祖國不可分割...

簡約之美,JQuery之進度條外掛程式

jquery progress bar是基於jquery開發的進度條外掛程式,秉承了jquery的簡約哲學。不僅容易使用,而且可以輕鬆定製外觀。對於使用了jquery框架的專案來說,需要使用進度條控制項時這是乙個不錯的選擇。jquery progress bar與常規外掛程式一樣,只要用選擇器選擇乙...