13996527831
詳細

網站建設如何實現網站簡約化風格設計?

發表日期:2017-06-22 18:38:53   作者來源:米卓網絡   瀏覽:    

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

  用戶分類

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

  其次我們把用戶分為三類:

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

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

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

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

  四策略

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

  刪除

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

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

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

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

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

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

  7、消除錯誤來源。再小的錯誤都會讓用戶感到心煩,所以盡可能去優化那些容易出錯的步驟吧。

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

  組織

  1、分模塊,7±2是人瞬時能接受的一個模塊范圍。

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

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

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

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

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

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

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

  隱藏

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

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

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

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

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

  轉移

  1、跨設備的轉移某些功能,比如蘋果表上的功能在iPhone上具體處理,微信公眾號的詳細設置需要在電腦上完成。

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

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

  結語

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

极速排列3