如何做到「少就是多」的設(shè)計(jì)?

12 評(píng)論 9753 瀏覽 61 收藏 10 分鐘

今天為大家介紹什么是“少就是多”,并介紹了4個(gè)方法去實(shí)現(xiàn)這個(gè)原則,分別是刪除、組織、隱藏、轉(zhuǎn)移。

今天跟大家聊聊“少就是多”(Less is mor)。

不管是不是真的懂,想必大家都至少聽(tīng)說(shuō)過(guò)這句自相矛盾的話。

“既然是少的,為什么又能多?”這是我第一次聽(tīng)到這句話時(shí)內(nèi)心的OS。

于是去網(wǎng)上搜了下,發(fā)現(xiàn)這個(gè)原則是一位名叫路德維?!っ芩埂し驳铝_的德國(guó)設(shè)計(jì)師提出的。他在處理手法上主張“流動(dòng)空間”的新概念,主張去掉一切細(xì)節(jié),以結(jié)構(gòu)設(shè)計(jì)為最關(guān)鍵的要素。

他最出名的作品,是1929年巴塞羅那博覽會(huì)的德國(guó)館。

「少就是多」原則的應(yīng)用

「少就是多」原則的應(yīng)用

對(duì)于現(xiàn)在已經(jīng)很熟悉這種簡(jiǎn)約風(fēng)格的我們,這個(gè)德國(guó)館好像沒(méi)什么大不了。但厲害就厲害在它是建成于1929年,彼時(shí)中國(guó)剛廢除帝制十幾年,而同時(shí)期的博覽會(huì)主辦方西班牙國(guó)家館是長(zhǎng)成這個(gè)樣子的:

「少就是多」原則的應(yīng)用

可以看出那個(gè)時(shí)代,普遍的建筑風(fēng)格依然是比較傳統(tǒng)和古典的。

沐風(fēng)在德國(guó)留學(xué)期間,去過(guò)這個(gè)國(guó)家館。當(dāng)時(shí)同行的伙伴說(shuō)這個(gè)景點(diǎn)叫“王宮”(經(jīng)查實(shí),這里的景點(diǎn)其實(shí)是“西班牙廣場(chǎng)”),我當(dāng)時(shí)還以為西班牙皇室就住在里面呢。

這個(gè)風(fēng)格簡(jiǎn)約的德國(guó)館沒(méi)有解開(kāi)我的疑問(wèn):究竟什么是少就是多?

直到我看了《簡(jiǎn)約至上》,內(nèi)心的問(wèn)號(hào)才逐漸解開(kāi)。

書(shū)里舉了一個(gè)例子:重設(shè)計(jì)DVD遙控器。

下圖是很多DVD機(jī)的遙控器的樣子,通常會(huì)有40多個(gè)按鈕,有的甚至?xí)?0多個(gè)。

「少就是多」原則的應(yīng)用

這么多的按鈕,想讓用戶在邊看影片、邊進(jìn)行盲操是不可能了;即使是低頭研究一番,我想也需要至少一分鐘來(lái)找到大部分操作。

這個(gè)遙控器太復(fù)雜了,我想這誰(shuí)都看得出來(lái)。

但問(wèn)題是,DVD機(jī)自身的功能本來(lái)就有很多,而遙控器需要能保證用戶進(jìn)行遠(yuǎn)程控制,這是產(chǎn)品上對(duì)遙控器的要求;而用戶,既想用遙控器進(jìn)行控制,更想能方便地操作,最好能不看遙控器就完成。

如何解決這個(gè)難題?

可以靠以下四個(gè)策略:

  • 刪除:去掉所有不必要的按鈕,直至減到不能再減。
  • 組織:按照有意義的標(biāo)準(zhǔn)將按鈕劃分成組。
  • 隱藏:把那些不是最重要的按鈕安排在活動(dòng)倉(cāng)蓋之下,避免分散用戶注意力。
  • 轉(zhuǎn)移:只在遙控器上保留具備最基本功能的按鈕,將其他控制轉(zhuǎn)移到電視屏幕上的菜單里,從而將復(fù)雜性從遙控器轉(zhuǎn)移到電視。

——以上內(nèi)容引自《簡(jiǎn)約至上》

「少就是多」原則的應(yīng)用

如此一來(lái),遙控器上的按鈕少了,但是用戶用起來(lái)沒(méi)有覺(jué)得不方便,反倒會(huì)覺(jué)得更好用了。

這就是“少就是多”的含義。

所以,少就是多,意思是不斷精簡(jiǎn)方案里的元素,只留下有價(jià)值的;其余不重要的,要么直接刪掉,要么從界面里隱藏起來(lái)。對(duì)于那些不常用的操作,隱藏之后,即使用戶多進(jìn)行幾步操作也沒(méi)有關(guān)系。

下面為大家詳細(xì)解釋一下這四個(gè)原則。

刪除

刪除指的是刪掉那些沒(méi)用的元素。

哪些元素是沒(méi)用的,重復(fù)的或者用戶不需要的?

先說(shuō)重復(fù)的。

下圖中的遙控器,暫停按鈕和播放按鈕,一人占了一個(gè)坑。但實(shí)際上,這兩個(gè)按鈕完全可以合并成一個(gè)按鈕:按一下就暫停,再按一下就播放,再再按一下就暫停,再再再按一下就播放……簡(jiǎn)單美好。

「少就是多」原則的應(yīng)用

再說(shuō)用戶不需要的,也就是經(jīng)常說(shuō)到的“偽需求”。所謂“偽需求”,就是你以為用戶需要,但用戶其實(shí)并不需要的。

比如,遙控器上的碟盤出倉(cāng)按鈕,按下后DVD機(jī)就會(huì)推出碟盤,用戶可以換碟。關(guān)于這個(gè)功能,我們可以描繪出用戶的使用場(chǎng)景:用戶看完一部片子,想換一部。于是走到碟機(jī)前,打開(kāi)碟盤,更換DVD碟。由于用戶必須要走到碟機(jī)前,所以完全可以使用DVD機(jī)上的出倉(cāng)按鈕,遙控器上的按鈕,根本沒(méi)有用武之地。所以,像這樣的按鈕,也要一刪了之。

「少就是多」原則的應(yīng)用

其實(shí)刪除規(guī)則,和另一條設(shè)計(jì)原則遙相呼應(yīng):奧卡姆剃刀原理。這個(gè)原理,只有一句話:如無(wú)必要,勿增實(shí)體。

這句話很好地提示了我們,在增加一個(gè)功能/頁(yè)面/元素之前,一定要想好這個(gè)功能是做什么用的?有什么價(jià)值?無(wú)用的功能多了,整個(gè)應(yīng)用就變得無(wú)用了,用戶的使用成本也會(huì)隨之升高。最后變成上面那臺(tái)老舊的遙控器:那么多按鍵,顯得異常沉重。

組織

組織,就是把相似類型的元素放在一起,幫助用戶更快識(shí)別和操作,以達(dá)到化繁為簡(jiǎn)的功效。比如小米MIUI系統(tǒng)的短信功能,將垃圾短信自動(dòng)歸到“攔截短信”里,驗(yàn)證碼短信自動(dòng)歸到“驗(yàn)證碼”分類里,用戶自己收藏的短信,則在“我的收藏”。通過(guò)這樣的歸類,減少短信列表的長(zhǎng)度,幫助用戶更快找到需要的信息。

「少就是多」原則的應(yīng)用

隱藏

隱藏這條規(guī)則,主要是在講優(yōu)先級(jí)排序。

什么意思?

要正確地對(duì)頁(yè)面元素進(jìn)行隱藏,就要把產(chǎn)品功能的優(yōu)先級(jí)進(jìn)行排序,把重要的放在外面,不重要的,就可以隱藏起來(lái)。不同的優(yōu)先級(jí)排序方式,也體現(xiàn)了不同產(chǎn)品的思路不同。比如,同樣的文章詳情頁(yè),微信把收藏、轉(zhuǎn)發(fā)等功能都隱藏到了“…”里,寫(xiě)留言放在文章底部;而今日頭條則是放在底部的操作欄里不同的設(shè)計(jì),體現(xiàn)了產(chǎn)品不同的側(cè)重點(diǎn)。

「少就是多」原則的應(yīng)用

轉(zhuǎn)移

轉(zhuǎn)移的意思,是把當(dāng)前界面的元素,轉(zhuǎn)移到別的界面,以減輕當(dāng)前界面的壓力。比如小米電視的遙控器,十分簡(jiǎn)潔,總共才9個(gè)按鈕。但使用起來(lái)卻非常舒服、好用。

「少就是多」原則的應(yīng)用

小米電視機(jī)遙控器按鈕可以這么少,一個(gè)重要的原因,就設(shè)計(jì)師把絕大部分操作都轉(zhuǎn)移到了電視上。

「少就是多」原則的應(yīng)用

「少就是多」原則的應(yīng)用

這樣,即保證了遙控器的簡(jiǎn)潔、易用,又保證了功能的完整,可謂一舉兩得。

總結(jié)一下,今天為大家介紹了什么是“少就是多”,并介紹了4個(gè)方法去實(shí)現(xiàn)這個(gè)原則,分別是刪除、組織、隱藏、轉(zhuǎn)移。

#專欄作家#

沐風(fēng),微信公眾號(hào):沐風(fēng)與體驗(yàn)設(shè)計(jì)。人人都是產(chǎn)品經(jīng)理專欄作家,2017年度作家評(píng)選最佳人氣獎(jiǎng)。愛(ài)奇藝資深交互設(shè)計(jì)師。留德海龜,曾任職騰訊微生活、網(wǎng)易、宜人貸。6年交互設(shè)計(jì)經(jīng)驗(yàn),專注設(shè)計(jì)領(lǐng)域,歡迎關(guān)注。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載

題圖來(lái)自Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 密斯的作品 應(yīng)該是 西格萊姆大廈最為典型和著名

    來(lái)自北京 回復(fù)
    1. 對(duì)的,西格萊姆大廈也是他的代表作

      來(lái)自北京 回復(fù)
  2. 很有意思

    回復(fù)
  3. 《簡(jiǎn)約至上》很值得一讀,無(wú)論在設(shè)計(jì)還是需求分析中簡(jiǎn)約四策略“刪除、組織、隱藏、轉(zhuǎn)移”都能夠幫助我們更好地做產(chǎn)品設(shè)計(jì);具體來(lái)說(shuō),四策略是指:
    1.刪除不必要的元素、按鈕和功能;
    2.組織關(guān)聯(lián)的元素和功能,增加使用的流暢性,同時(shí)可以很好地引導(dǎo)用戶使用;
    3.隱藏不常用的元素,功能和按鈕;
    4.將基本功能之外的元素轉(zhuǎn)移到具體場(chǎng)景中的頁(yè)面;

    來(lái)自北京 回復(fù)
    1. 確實(shí)是好書(shū)。

      來(lái)自北京 回復(fù)
  4. 其實(shí),不只是簡(jiǎn)單的看待少即是多的道理,真的核心是產(chǎn)品,技術(shù)的發(fā)展,帶來(lái)的需求的變更迭代,不只是純粹的為了簡(jiǎn)單而簡(jiǎn)單,是一步步變化過(guò)來(lái)的。

    來(lái)自福建 回復(fù)
    1. 不認(rèn)同。蘋(píng)果在諾基亞暢行天下的時(shí)候,推出了iPhone,在大家都用mp3的時(shí)候推出了iPod。少即是多是一種理念,然后用這種理念去想怎么用技術(shù)實(shí)現(xiàn),而不是反過(guò)來(lái)。

      來(lái)自北京 回復(fù)
    2. 實(shí)踐是認(rèn)識(shí)的基礎(chǔ),實(shí)踐是認(rèn)識(shí)的來(lái)源。當(dāng)技術(shù)發(fā)展到一個(gè)地步的時(shí)候,會(huì)有新產(chǎn)品誕生的,不是IPHONE,不是IPOD,也會(huì)是其他的產(chǎn)品,或早或晚,都會(huì)發(fā)生的。少即是多的前提是全面屏技術(shù)的發(fā)展,交互的發(fā)展帶來(lái)的新一輪的少即是多的認(rèn)知。從象形文字,一個(gè)字代表很多信息,到繁體字,再到現(xiàn)在的簡(jiǎn)體字,都是一個(gè)發(fā)展周期。本質(zhì)上是實(shí)踐推動(dòng)認(rèn)知,認(rèn)知反作用于實(shí)踐。從工業(yè)上看,就是生產(chǎn)力的發(fā)展,技術(shù)的發(fā)展,推動(dòng)認(rèn)知的周期性變化和發(fā)展。所以真正的核心是產(chǎn)品,技術(shù)的發(fā)展,帶來(lái)的需求的變更迭代,才存在某個(gè)時(shí)期少即是多是否更符合當(dāng)下的發(fā)展趨勢(shì)。

      來(lái)自福建 回復(fù)
    3. 恩,技術(shù)的發(fā)展是一個(gè)基礎(chǔ)。不過(guò)當(dāng)年個(gè)人電腦剛出現(xiàn)的時(shí)候,很多公司都在做這塊。只有喬布斯把個(gè)人電腦做得很易用,最后Macintosh大獲成功。其它很多小公司都退出了歷史舞臺(tái)。技術(shù)確實(shí)會(huì)給人帶來(lái)啟發(fā),而人們也在不斷思考如何更好得利用技術(shù),更好的服務(wù)用戶。

      來(lái)自山東 回復(fù)
  5. 回復(fù)
  6. 寫(xiě)的很好很生動(dòng)耶

    來(lái)自廣東 回復(fù)
    1. 謝謝肯定 :mrgreen:

      來(lái)自北京 回復(fù)