【大師說】陳謙:極簡設(shè)計之路

4 評論 11924 瀏覽 23 收藏 12 分鐘

【導(dǎo)讀】偉大的設(shè)計都是簡單的。當(dāng)你的設(shè)計無法再簡單一步時,她就在接近完美。這個原理跨越歷史、文化和種族。騰訊移動互聯(lián)網(wǎng)設(shè)計中心助理總經(jīng)理陳謙今天帶來的演講題目是“極簡設(shè)計之路”。

今天在這里和大家分享過去一些年中我自己對設(shè)計的思考。先簡單介紹一下,我來自于騰訊MXD,我們絕大多數(shù)工作和移動互聯(lián)網(wǎng)產(chǎn)品相關(guān),恰巧今天我想講述的內(nèi)容以及這中間的很多思考都是基于移動端的產(chǎn)品。

先分享一個詞:信條

設(shè)計信條對于設(shè)計師來說非常關(guān)鍵,特別是長期發(fā)展。關(guān)于設(shè)計的思考某種程度也可以理解為關(guān)于設(shè)計信條的建立。

時光倒退回2001年,那個時間我接觸了很多電子產(chǎn)品,這是我當(dāng)時買的一部智能手機,讓我感受到科技的進步并沒有讓生活變得更加簡單和愉悅,甚至有時讓我們生活變得更加復(fù)雜。作為一個設(shè)計師我常常問自己,如果我只有一次機會,用一個詞語形容在當(dāng)前或者是未來相當(dāng)長一段時間內(nèi),我們消費者產(chǎn)品,我們希望用戶體驗到底是什么樣,能否用一個詞來形容。這個詞對我來說就是“極簡”。

定義簡單

先討論一下怎么定義簡單。近幾年,當(dāng)和很多朋友聊到極簡時,往往第一個問題,簡單是不是就是現(xiàn)在流行的扁平化,架構(gòu)扁平化或者是視覺的扁平化,我的答案是否定,簡單可以是非扁平。同樣發(fā)現(xiàn)扁平化作品沒有設(shè)計的恰當(dāng)仍然是復(fù)雜。到底什么是簡單,先來看四個建筑作品,雅典神廟等,我認為他們都是同樣的簡單,因為我把簡單定義成合理,美學(xué)上的合理,邏輯上的合理。極簡就是極度的合理。今天討論的極簡和設(shè)計作品外在展現(xiàn)形式無關(guān)和內(nèi)在本質(zhì)有關(guān)。

極度合理的設(shè)計

如果說我們?nèi)绾巫龀鰳O簡設(shè)計,2007年之后,在這方面有持續(xù)的思考和項目上的實踐,這里分享六點:

  1. 消失的選擇;
  2. 高效的分組;
  3. 極致的信噪比;
  4. 鑒定的整體優(yōu)先;
  5. 平衡的腦體力;
  6. 明確的主次。

一、消失的選擇

回到那部手機,當(dāng)時我就會想為什么一個手機讓生活變得更加復(fù)雜,是不是因為那個年代的很多電器把大量的功能進行外露帶來記憶或者是操作上的成本,后來發(fā)現(xiàn)并不是,那么原因是什么?可能是選擇。當(dāng)從光標(biāo)焦點從A移到B有四種選擇,當(dāng)輸入文本時有三種選擇。這些選擇意味著什么?我們討論和選擇有關(guān)的理論,就是??朔▌t。

從圖表中可以看到橫軸代表的是一個用戶面臨的選擇數(shù)量,縱軸代表的是所需要做出決定的時間。從曲線可以發(fā)現(xiàn),當(dāng)一個用戶面臨選擇數(shù)量越多所需要做出決定的時間越長,效率就越低。換句話說當(dāng)把選擇數(shù)量降到1做出決定時間最短。這個法則在產(chǎn)品設(shè)計中得到非常好的體現(xiàn)。在講智能手機,大家往往會把蘋果作為智能手機上的標(biāo)桿,下面以蘋果為例看一下。

蘋果把移動光標(biāo)選擇從4減到1,文本選擇從3減到1,打開選擇從2減到1。

看一下Windows,從Windows98開始有一個快捷菜單,當(dāng)打開快捷菜單的軟件右邊會出現(xiàn)軟件入口,軟件入口會重復(fù)出現(xiàn)快捷菜單和右側(cè)按鈕,這就帶來一定選擇,Windows7進行了改進。

看手機QQ瀏覽器設(shè)計,這是2年多前的版本,當(dāng)時一些功能會散布在頁面或者軟件中多個不同的地方,比如說加書簽這個功能會出現(xiàn)頁面的左上角和葉面底下,新版本遵循的設(shè)計原則之一,一個功能入口只出現(xiàn)在一處。相比較一個功能入口散布在多個地方,更愿意集中所有的精力把唯一入口體驗做到最棒。

我把產(chǎn)品設(shè)計中經(jīng)常會帶來選擇的原因分稱五類,重復(fù)性的東西、無需求東西、不一致東西、過于細化東西、多功能東西。對于其中每一類都有相應(yīng)的解決辦法,剛才討論的案例都是聚焦在第一類,就是重復(fù)性的東西。

我分析近十年來在業(yè)界受到廣泛認同優(yōu)秀產(chǎn)品的案例,無論是新發(fā)布的產(chǎn)品,或者是現(xiàn)有產(chǎn)品的更新,無論是桌面端、Web、移動端,無論是軟件還是硬件,都有一個共同的趨勢,我們都可以選擇在消失,偉大的產(chǎn)品從選擇消失開始。

二、高效分組

這是真實案例,前面乘客按了半天電梯沒有動,最后發(fā)現(xiàn)按的是數(shù)字不是按鈕。排版非常松散,甚至難以發(fā)現(xiàn)其中一個按鈕屬于左邊樓層還是右邊樓層。另外一個案例,信息分組清晰了一些,但是并不完美。開門鍵和關(guān)門鍵和樓層鍵沒有明確的區(qū)分。再看下一個案例,這是旅行時在郊外小旅館見到的電梯,當(dāng)時給我很多驚喜。哪怕通過按鈕位置的排布和按鈕顏色,就可以把電梯面板分組效率和愉悅提升一個檔次。

接下來聊有關(guān)分組理論,就是格式塔原則。

格式塔心理學(xué)又稱為慢性心理學(xué),中間和設(shè)計,特別是葉面排版設(shè)計緊密相關(guān)兩個定律一個是接近率,在物理距離上更加接近的距離會認知為同一類,就像這個例子。第二個是相似率,會把某些屬性上相似的物體認為一類,會包含形狀、色彩、字體,樣式,例如陰影這些。相似率和接近率在平常用戶圖形界面設(shè)計中非常依賴兩個定律,看似很簡單。但是交織在一起時非常強大,或者是帶來設(shè)計上非常大的挑戰(zhàn)。我們會發(fā)現(xiàn)這兩個定律不僅是簡單平行,有時會交織,會產(chǎn)生平衡,甚至?xí)a(chǎn)生矛盾。

例如這個案例,我們很自然認為左邊6點一組,右邊一組,賦予色彩有一些糾結(jié),紅的一組,黑的一組,賦予形狀,左邊是一組,右邊是一組。當(dāng)我們在賦予分割線,你會認為上面一組,下面一組。界面設(shè)計中很多圖形排版無非通過這樣幾種模式進行調(diào)整。

這是iOS設(shè)置界面,非常簡單的設(shè)置列表界面。為什么我們會認為中間有三組,因為接近率在起作用,為什么會認為中間每個條目層級是平等,是因為相似率在起作用。

左邊是蘋果4,右邊是蘋果6,左邊電話響鈴鍵和音量鍵比較等同,右邊有明顯的區(qū)分,這是接近率在電話上的提升。

有一次晚上在公共汽車上牌的照片,你會發(fā)現(xiàn)讓你扶的扶手是黃色,不讓你觸碰的門框也是黃色。這是扶梯,讓你站的地方是黃色,不讓你站的地方也是黃色。這是見到另外一個扶梯,顏色清晰一下,但是并不完美,讓你站的臺階有些地方綠色有些地方?jīng)]有綠色。這是目前最佳的案例,但是并不完美,至少相比前面兩個在定律上沒有錯誤。

接近率與相似率我覺得相似率更加重要,相似率是圖形界面的認知基礎(chǔ),有了相似率大腦才能認知圖形界面。這是一個界面,因為相似率可以識別成一個界面。有了相似率才可以把相似按鈕識別成同一類,可以把相似尺寸縮略圖識別成同一類,這樣才能更快的處理信息。

這是騰訊地圖一個界面,是幾乎沒有文字的界面,為什么能夠識別路網(wǎng)、湖泊和綠地,是因為相似率。

相似率非常重要,設(shè)計圖形某種程度上就是設(shè)計相似形,讓邏輯上相似的物體在表現(xiàn)形式上相似,這樣讓界面既有豐富又有內(nèi)在的和諧統(tǒng)一。

三、信噪比

這個詞出現(xiàn)在很多領(lǐng)域,音箱器材、設(shè)想器材,這是70、80年代收音機非常經(jīng)典的款式,聽過磁帶播放的同學(xué)會記得好的器材和差的器材在播放磁帶時噪音會有非常明顯的不同。信噪比在設(shè)計上也有所體現(xiàn),講信噪比之前看一下理論,1949年他們發(fā)布的模型,大概描述的是用戶A和用戶B通過電腦之間溝通的過程,用戶A也就是信息源,信息源把語音通過發(fā)射機就是話筒編碼成電子信號,通過通道轉(zhuǎn)給接收機就是聽筒,然后傳給目的地,也就是用戶B,這是很簡單的過程。

模型被很多領(lǐng)域所采用,在設(shè)計行業(yè)這個領(lǐng)域也有適用的地方,我自己進行了改變,結(jié)論是如果想提高設(shè)計師和用戶之間的溝通效率四條,增強信號、降低噪音、控制信息總量、統(tǒng)一設(shè)計師和用戶之間的密碼本。

舉一個淺顯和清晰的例子如何增強信號,這是2011年同一天我截的3個首頁,這是XBOX、索尼的首頁,這是蘋果的首頁,如何增強信號,在視線流、面積、視覺重量上最突出的元素保持一致,這時信號就可以最強。XBOX在視線流、視覺重量上有所矛盾,并不是很清楚。中間沒有圖形,字體是最顯著,界面焦點或者是重點比較分散。索尼在視線流和重量上一致,但是面積并不是一致,地下面積比上面大。蘋果再看完全一致。信噪比最終目標(biāo)是能否做到極致信噪比,液面上每一個元素,每一個象素都有存在的意義。也就是說象素是信號不是噪音,如果能做到這一點,我們作品就可以達到極致的信噪比。

這是我分享三點關(guān)于極簡設(shè)計的想法,最后重復(fù)一下,設(shè)計信條很重要。

文章來自 視覺ME

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 略有跑題,但是信息量還可以….

    來自北京 回復(fù)
  2. 講的是“極簡設(shè)計”,文章偏偏又把簡單的事情說得復(fù)雜了;
    1、“,我們都可以選擇在消失,偉大的產(chǎn)品從選擇消失開始?!蔽恼峦怀霰磉_的應(yīng)該是“消失的選擇”,而不是“選擇”在消失
    2、明明說的是信息的組合,非得講“相似率”和“接近率”,請先解釋一下這兩個詞有啥區(qū)別
    3、“信噪比”,就直接說有效的信息就完了,非得zhuai個專業(yè)詞,顯得你知道的多啊

    文字不配圖就不說了,不排除文案是不是直接現(xiàn)場的錄音

    來自廣東 回復(fù)
  3. 兄弟啊,不專業(yè)啊,圖呢

    來自北京 回復(fù)
  4. 感覺是不是缺了幾張配圖?

    來自上海 回復(fù)