簡約設計四策略

作者將用于簡化功能和內(nèi)容存在四大策略:刪除、組織、隱藏、轉(zhuǎn)移

刪除

刪除或省略功能可以創(chuàng)造成功的產(chǎn)品,如tumblr的博客服務,Elise跑車,剛上市的iPhone,Basecamp項目管理平臺等產(chǎn)品只有同類的大牌產(chǎn)品的部分功能,但都獲得了大量用戶的青睞。這些產(chǎn)品打破了傳統(tǒng)認為的功能越多,能力就越強,用途也就廣泛和功能多的產(chǎn)品會打敗功能少的產(chǎn)品的觀點。

刪除雜亂的特性可以讓設計師專注于把有限的重要問題解決好。而且,也有助于用戶心無旁騖地完成自己的目標。

“刪除”策略的核心就是干掉那些分散注意力的因素,聚焦于項目。

  • 聚焦于對用戶有價值的功能。這意味著專注士干那些承載用戶核心化驗的功能,也意味著交付的功能必須能夠消除用戶的挫折感,能夠消除他們的焦慮。
  • 聚焦于可用資源,通過刪除殘缺的功能、不切題的元素和花里胡哨的東西為用戶提供價值。
  • 聚焦于達成用戶的目標。糾結(jié)于流程會陷入細節(jié)的泥潭而無法自拔。
  • 刪除那些帶干擾性的、增加用戶負擔的“減速帶”:錯誤消息、不知所云的文字、不必要的選項和造成視覺混亂的元素。

如何行動?

  • 避免錯刪。刪除不是刪除難于實現(xiàn)的功能,那樣會使項目發(fā)散沒有靈魂,且這種行為普遍存在。要總攬全局,保證只交付那些真正有價值的功能和內(nèi)容。
  • 關注核心。增加價值始于改進核心體驗。時刻記住用戶認為那些關系到他們?nèi)粘J褂皿w驗的功能是最有價值的功能,另外能夠消除用戶挫折感的功能也會受到歡迎。
  • 砍掉殘缺的功能。刪掉實現(xiàn)的不夠理想的功能很重要,不要陷入“沉沒成本誤區(qū)”,簡單來講就是不要因為刪除了不完整的功能會白白浪費已經(jīng)付出的時間和努力就舍不得刪除。這種情況下應該思考“為什么要留著它”,絕非“為什么應該去掉它”。死守“去掉是一種浪費”的心態(tài)會妨礙產(chǎn)品的成功。
  • 不要陷入無端的擔憂。很多人在設計功能的時候會去猜測用戶需要什么,不斷地問自己“假如用戶……”,這種想法某種情況下會刺激人們的求全心理,讓自己擔心是否有需求被遺漏,從而花費資源去開發(fā)新的功能,而這樣的擔憂也是導致很多設計會議上對要刪除的功能提出強烈反對意見的原因。所以,如果你的擔心并沒有發(fā)生在你的目標用戶那,請繼續(xù)前進,問題是靠發(fā)現(xiàn)的,而不是來源于假如。
  • 不要被用戶帶著走。Cultured Code的尤爾根施魏策爾告誡我們,不要簡單地因為客戶要求就增加新功能。功能多了之后,通常會導致在其他某些方面作出一些犧牲,而客戶不會考慮這方面的問題。比如說讓應用在手機的后臺運行聽起來不錯,可是這要也許會迅速消耗電池,而且要想找到其中一個應用來手工停止也不是件容易的事。增加功能不一定會讓用戶化驗更簡單,反而經(jīng)常會導致更多的迷惑。不要害怕對增加產(chǎn)品功能的要求說不。
  • 不要混淆方案和流程。設計的時候不要只專注于流程,比如用戶會怎么操作,這樣的操作帶后什么反饋,用戶又根據(jù)反饋會有什么操作,這樣的結(jié)果是可能會創(chuàng)造更多的功能去處理過程中出現(xiàn)和各種異常情況、問題和細節(jié)。這種時候往往需要退一步將注意力集中到客戶的目的上面,多問自己“還有其他的解決方式嗎?”
  • 刪除不必要的功能??车舨槐匾墓δ芤獜娺^無意義地堆砌功能。設計的產(chǎn)品如果承載過多的功能,更有可能降低主流用戶的滿意度,從而對產(chǎn)品的長期盈利能力造成損害。
  • 考慮刪除的功能對用戶的影響。判斷刪除功能對用戶的影響需要技巧,直接詢問用戶得到的答案只能是不能刪。功能這個詞要比實際的用途更吸引人,即使從未使用,也不愿意放棄。所以想在任何時候取悅所有用戶是不可能的,只能退而求其次,專注于目標客戶的核心任務。
  • 排定功能優(yōu)先級。參考功能實現(xiàn)的目標對用戶的優(yōu)先級。
  • 減少負擔。 功能中的各種小細節(jié)會增加用戶的負擔,要去掉可有可無的選項、內(nèi)容和分散用戶注意力等的干擾因素。讓用戶專心做自己想做的事。
  • 提供適量的選擇。用戶需要有選擇,讓其感覺自己在把控局面,但某些情況下人們更愿意少一些選擇。如果選擇很多且很相似,選擇反而會變成負擔。
  • 聰明的默認值。默認值是節(jié)省用戶時間和精力的有效方式,也是清除設計藍圖中“減速帶”的首選方式。
  • 選項。很多設計會因為沒法決定哪種設計更好而都放在產(chǎn)品上給用戶提供不同的選項,但簡單的用戶體驗不是強迫用戶去做這種選擇,有效的方式是設計團隊應該考慮的問題。不要因為追求完美而犧牲速度和簡單。
  • 消除錯誤。消除錯誤的來源是簡化體驗的一個重要思路。
  • 刪除引起視覺混亂的元素。
  • 刪除多余的文字。刪除引見性文字、不必要的說明、煩瑣的解釋,使用描述性鏈接。
  • 精簡句子。
  • 避免刪減過多。用戶希望自己能夠掌控局面。不要刪除過多讓用戶沒有選擇,足夠多的控制可以讓他們消除因基本需求得不到滿足而引發(fā)的焦慮,但也要避免控制太多導致浪費用戶過多時間。

組織

組織是簡化設計的另一個重要策略,通過組織的方式簡化設計時最重要的一點是只強調(diào)一兩個最重要的主題。隨便的組織不會讓用戶注意力集中。

  • 分塊。 用戶界面設計離不開分塊,有關分塊的經(jīng)典建議是把項組織到“7加減1”個塊中。理論上講,這個數(shù)字是人的大腦瞬間能夠記住的最大數(shù)目。分塊也是要分場景的對于連續(xù)的索引或刻度就沒必要分塊,比如項按照字母表或者時間順序排列的話,只需要標注字母表或月份就可以幫助用戶找到目標了。
  • 圍繞行為進行組織。 人們一般都希望按照某種特定的步驟做事。打亂這個步驟就會造成迷惑,令人沮喪。
  • 是非分明。意思就是對一組性質(zhì)相同的產(chǎn)品進行分類時,必須確定清晰的分類標準。只有界線清晰了,用戶才能知道去哪找自己想要的東西。所謂簡單的分類,通常指的是重復交叉最少的分類方法。
  • 避免按照字母表與格式進行組織分類。 按照字母表順序排列,有時其實會把順序搞亂,講字母表的時候,這里作者只是提了幾個問題,我的理解是比如一些功能類似的商品或者職能類似的部門,這些如果按照字母序進行排列可能就會打亂,會讓用戶在去哪里找的問題上不知所措。如果按照格式(文字、圖片、視頻)來對內(nèi)容進行分類也可能造成困擾。比如你正在看描述夏威夷的某些文字,這時你可能想順便看一些相關的圖片或視頻,如果分得太開可能會給用戶帶來麻煩。
  • 搜索。 有論調(diào)認為搜索比瀏覽更容易。但一位叫杰瑞德斯普爾(Jared Spool)的調(diào)查表明,只有在網(wǎng)站沒有提供有效導航的情況下,用戶才會使用搜索,當然也有例外,比如在音樂平臺下載音樂的時候肯定會選擇搜索而不是瀏覽,后者花費的精力太多了。如果你想設計簡單的用戶體驗,那么最好先對內(nèi)容有效地組織,然后再考慮如何設計搜索。
  • 時間與空間。按照時間組織活動是一種簡單又通用的方式。一些實體對象,如酒店和國家之類的,全部可以按照空間來組織。
  • 網(wǎng)格布局。利用不可見的網(wǎng)格來對齊界面元素,是吸引用戶注意力的一種有效方式。但網(wǎng)格布局也會讓人感覺局促和受壓制,可以通過設計一個不對稱的網(wǎng)格布局來解決這個問題。
  • 大小和位置。重要的元素大一些,即使比例失調(diào)也可以考慮,作者以球類運動舉例,如果把網(wǎng)球和足球以各自實際大小呈現(xiàn)出來的時候會讓人覺得小球比賽不夠重要。另外,相似的元素要放一起,有利于用戶集中注意力。
  • 分層。利用感知分層技術可以將一些元素混合起來,典型的就是地鐵線路圖,在非常小的空間內(nèi)填入了大量站點信息,但看起來卻不覺得費勁,原因就是不同線路的顏色區(qū)分明顯,用戶看起來感覺每一條線路都是位于獨立的一層之上,只會感知到自己的關心的那條線路的信息。在使用感知分層的情況下,不一定要把界面嚴格分割成不同的區(qū)域。
  • 色標。色標隨處可見,與分層信息不同的是,色標需要用戶花時間來學習和理解。在確保人們會花很長時間學習,而且他們會重復使用你的設計時,色標系統(tǒng)非常適合。當然,使用人們已經(jīng)知道其含義的色標也沒有問題。
  • 期望路徑。身邊隨處可見的例子就是,當我們走在設計好的道路上時,總會有一些地方會因為人們抄近路,或者其它原因踩出來的小路,這些小路其實就是人們的“期望路徑”,設計師覺得自己設計出了完美的布局,但人們總是會創(chuàng)造出自己的期望路徑。作者舉這類例子告訴我們,描述用戶使用軟件的路徑,不要被自己清晰的線條和整潔的布局所迷惑,要不斷重復使用軟件的流程,找出總是能抓住你眼球的地方。簡單的組織意味著使用軟件時會對什么感覺不錯,而不是在規(guī)劃中看到了什么邏輯。

隱藏

無論隱藏什么功能,都意味著你在用戶和功能之間設置了一道障礙。為了不給用戶造成不必要的麻煩,必須仔細權衡要隱藏哪些功能。

有些人認為隱藏是刪除不必要功能的開始,隱藏后將功能默默刪除。但作者并不贊同,作者認為欲刪,從速是更好的選擇。

  • 不常用但不能少的功能。這些功能通用是主流用戶很少使用,與用戶的目標沒有直接關系,設置通常是首選。
  • 自定義。作者提出他不太贊成用戶根據(jù)自己的需求來自定義界面。他覺得這樣做會顯得設計人員懶惰,沒有主見。給用戶選擇的權力聽起來似乎很公平,也很慷慨,但問題在于,自定義可能是一件非常耗時,也非常令人討厭的事(我表示贊同)。主流用戶想自定義自己的設置更多的在于展示自己的個性,而不是重新設計用戶界面。
  • 自動定制。比如說軟件會對菜單自動進行調(diào)整,顯示用戶近期經(jīng)常使用的命令,隱藏其它命令,這就是自動定制。自動定制不會讓界面變得更簡單,反而會把界面搞得很復雜,給用戶帶來極大不便。
  • 漸進展示。 通常,一項功能會包含少數(shù)核心的供主流用戶使用的控制部件,另有一些為專家級用戶準備的擴展性的精確的控制部件。隱藏這些精確的控制部件是保持設計簡單的不錯選擇。
  • 階段展示。除了在軟件中的某個部分隱藏功能,還可以隨著用戶逐步深入界面而展示相應的功能。如果所有的用戶都會隨著搜索的深入而尋找較為復雜的功能,那么就可以使用階段展示。例如用戶一開始只會使用簡單的文本框來搜索,效果不好的情況下他還會在結(jié)果界面上尋找篩選和排序選項。在流程中的每一步都符合用戶心理預期的情況下階段展示的效果最好。
  • 適時出現(xiàn)。以《紐約時報》上的一段文字為例,作者看到文中出現(xiàn)一個不明白意思的詞叫bodegas,第一反應是想去Google上搜索這個詞,當他選中這個詞準備復制的時候,詞上出現(xiàn)了一個問號,點擊這個圖標有個窗口彈出向你解釋定義。這種設計的聰明之處在于它隱藏了功能,會在你需要的時候出現(xiàn)在合適的位置上。
  • 提示與線索。為隱藏的功能選擇一個標簽似乎并不是一件容易的事。經(jīng)??梢钥吹綖殡[藏功能打上的標簽,如含糊其辭的“更多”,或者類似谷歌高級搜索那樣高高在上的字眼——“高級”,這這些都不是理想的方案。隱藏復雜性的一個原因就是不想讓用戶產(chǎn)生自己什么都不懂的感覺。而類似“高級”這樣的標簽感覺像在說用戶并不配使用這項功能。隱藏處理得好的界面會給人一種優(yōu)雅的感覺:界面中包含的線索盡管細微,卻能恰到好處的提示隱藏功能的位置和功用。
  • 讓功能容易找到。把標簽放在哪里比把標簽做多大要重要得多。這里涉及到一個概念叫做“用戶關注點”——用戶關注的屏幕區(qū)域,用戶在一開始端詳屏幕的或者新建一個任務時,他的關注點很寬泛。根據(jù)眼球追蹤研究的結(jié)果,當用戶打開一個新站點時,他會掃視整個屏幕,而當用戶專注一項任務時,他的關注點就會聚焦。研究表明,用戶會盯住屏幕中的一兩個區(qū)域,或者在作出判斷之后,再開始閱讀正文內(nèi)容。在遇到問題時,他們會更多地的關注屏幕上的問題|2L域。所以得出結(jié)論,標簽要放在用戶的關注點內(nèi)。
  • 隱藏的要求。做到以下幾點:
    • 隱藏一次性設計和選項。
    • 隱藏精確控制選項,但專家用戶必須能夠讓這些選項始終保持可見。
    • 不可強迫或寄希望于主流用戶使用自定義功能,不過可以給專家用戶提供這個選項。
    • 巧妙的隱藏。換句話說,首先是徹底隱藏,其次是適時出現(xiàn)。

刪除、組織和隱藏可以非常完美的結(jié)合起來:刪除不必要的,組織要提供的,隱藏非核心的。最后一個轉(zhuǎn)移則涉及對界面進行重新布局。

轉(zhuǎn)移

設計簡單的一個秘密,就是把正確的功能放到正確的平臺或者正確的系統(tǒng)組件中去

  • 在設備之間轉(zhuǎn)移。RunKeeper是iPhone上的一個應用,也是一個網(wǎng)站,可以記錄用戶跑步的路線。在查看數(shù)據(jù)時,這個手機應用不會顯示與跑步有關的所有數(shù)據(jù),只會顯示簡單的摘要。而網(wǎng)站則可以通過電腦的大屏幕顯示更多細節(jié)數(shù)據(jù)。RunKeeper充分利用了兩個平臺的優(yōu)勢,按時間段收集信息對手機來說很容易實現(xiàn),電腦的大屏幕有足夠的空間顯示細節(jié)數(shù)據(jù)。
  • 移動平臺與桌面平臺。與上一點很相似,不同的設備平臺有各自的長處與不足,將部分功能轉(zhuǎn)移到擅長的設備上。
  • 向用戶轉(zhuǎn)移。讓用戶感覺簡單的一個重要前提,就是先搞清楚把什么工作交給計算機,把什么工作留給用戶。計算擅長精確保存各種信息和計算。人喜歡控制結(jié)果,讓計算機嘗試設定目標并以特定方式向用戶收集信息而制定的所謂智能的規(guī)劃在用戶看來可能大部分情況都不夠智能,所以把制定目標和組織記錄這樣的工作留給用戶,讓用戶自己主導,把這些對于計算機來說復雜的任務交給擅長的用戶。
  • 創(chuàng)造開放式體驗。亞馬遜之類的站點提供了多種保存商品的方式,比如放到購物車,或者有專門的保存商品,也可以添加到意向清單。這些功能本身有不同的用途,但大多數(shù)情況下只做了一件事:保存商品,以便將來購買。這對于用戶來說就得學習所有的功能,并且記住從哪個功能的入口進去可以找到之前保存的商品。作者覺得是不是可以把這些類似的功能組合到一個通用的工具清單里,將相似的功能綁定到一起。明顯的優(yōu)點是找一個功能比在幾個類似的功能中選擇容易,學習一個功能也比學習多個功能容易,且一個功能易維護。

以上就是4個策略的主要內(nèi)容,雖然大多數(shù)都是書中的原話,但很多我按照自己的理解重新組織了一下語言,并且省略了許多加強理解的例子,可能我的這些改動會影響到文章的真實表義,對書中觀點感興趣的讀者推薦讀一下原作,以免產(chǎn)生誤導。

這本書給我的啟發(fā)還是挺大的,雖然某些策略的細節(jié)可能我并完全贊同,但整體還是值得去實踐的。這些觀點看上去很簡單,用好確實還是需要花很多精力的,在閱讀期間一直在想如何將這些策略應用到我司的項目上,因為總覺得這個項目的設計存在很多膈應的地方,但是仔細一想我卻不知道如何改善這些痛點,每次有一些小小的改進想法的時候就會問自己一句用戶真的會想要這樣的設計嗎?然后答不上來,也只得作罷,所以是否能拿出一個好的方案,真是需要好好參透一下。
另外,這些設計的思想不僅僅用是在一個具體的產(chǎn)品上,很多事情上都可以應用,比如我的工作——寫代碼,好的代碼肯定也需要不斷應用刪除,組織,隱藏和轉(zhuǎn)移的思想去改善,也即我們常說的重構(gòu)。比如整理東西,也可以使用刪除不需要的,組織好不同的類別,隱藏掉不常用的物品,轉(zhuǎn)移物品到合適的地方這樣的手段。亦或是管理我們的todoList。生活處處是設計啊~

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容