每個產(chǎn)品都該看的交互設(shè)計書——《簡約至上》

現(xiàn)在有一種很流行的互連網(wǎng)思維炼七,叫“簡約”。產(chǎn)品規(guī)劃和品牌定位上力求專注布持、簡單豌拙,在產(chǎn)品設(shè)計上力求簡潔、簡約鳖链。

以蘋果的iPod為例姆蘸,喬布斯當(dāng)時為了尋找一款簡單功能的音樂播放器墩莫,iPod因此誕生了芙委。為了將簡潔做到極致,喬布斯甚至還要求iPod上不能有開關(guān)鍵狂秦。

不過灌侣,作為一名產(chǎn)品小白,對這個詞的理解卻始終浮于表面裂问,以為看著簡單就該是極簡了吧侧啼?始終不得“簡約”奧義之所在。

《簡約至上》堪簿,薄薄一本書痊乾,不足兩百頁,但在豆瓣的評分竟有8.5之高椭更。

下面是我讀完之后哪审,對“簡約”的整理和感悟。

簡約一定至上嗎虑瀑?

答案是不一定湿滓。

雖然書名告訴我們簡約至上,但其實是有前提的舌狗。在弄清楚前提之前叽奥,我們需要先知道這三種類型的用戶:

  1. 專家型用戶:他們愿意探索你的產(chǎn)品或服務(wù),這類用戶占總體的少數(shù)痛侍。
  2. 隨意性用戶:隨意性用戶可能使用過類似的產(chǎn)品或服務(wù)朝氓,有興趣使用更為復(fù)雜的產(chǎn)品,但是不愿意接觸全新的產(chǎn)品,除非新功能足夠簡單赵哲。這類用戶也很少嘹狞。
  3. 主流用戶:主流用戶是最大的群體。他們使用產(chǎn)品的目的是完成任務(wù)誓竿,他們永遠(yuǎn)也不會產(chǎn)生學(xué)會所有功能的想法磅网。“我的手機(jī)只要能打電話筷屡、發(fā)短信就行了”涧偷。
    專家型用戶喜歡探索原理,喜歡精確的結(jié)果毙死,不畏懼復(fù)雜的操作燎潮,主流用戶和他們截然不同。所以扼倘,如果你的設(shè)計是面向?qū)<倚偷母呒売脩羧贩猓敲茨氵€是忘記“簡約至上”吧,這個設(shè)計原則的存在基礎(chǔ)是為主流用戶打造再菊。

簡約不是簡單

**簡約的設(shè)計不意味著隨便設(shè)計爪喘,它仍具有自己的特征和個性。 **

比如兩個杯子纠拔,一個玻璃杯一個運動水杯秉剑,它們的設(shè)計都再簡單不過了,但卻解決了不同的問題:玻璃杯更美觀稠诲、方便泡茶侦鹏、手感好,運動水杯密封性好且輕便臀叙。

同樣的簡約略水,不同的特點.jpg

而且,用戶看起來簡單的東西劝萤,背后的技術(shù)和決策卻不一定簡單渊涝。

比如google,他們?yōu)榱耸顾阉髯兊煤唵挝绕洌蛡蛄藥浊嗽诒澈筮M(jìn)行復(fù)雜的技術(shù)支持驶赏。不由地,我想起來之前見過幾個小伙伴做項目既鞠,經(jīng)常到后面由于工期不夠煤傍、資金不足等原因,很多功能最終被砍掉了嘱蛋,最終交付出來的蚯姆,是一個平淡無奇五续、只是由幾個功能堆砌起來的產(chǎn)品。

所以
? 簡約也會各具特色龄恋;
? 簡約做起來可不簡單疙驾,大家都得蠻拼的

什么是簡約

那么,到底什么是“簡約”郭毕。

鑒于“簡約”策略的提出是為主流用戶而設(shè)計的它碎,所以我們可以先看看主流用戶有什么特點。

首先显押,主流用戶用產(chǎn)品扳肛,是為了快速達(dá)到自己的目標(biāo),他可能不會在意電腦內(nèi)存是4G還是8G乘碑,也許他只關(guān)注卡不卡挖息、貴不貴、好不好用兽肤。

再者套腹,他們很討厭產(chǎn)品出現(xiàn)自己無法掌控的結(jié)果,他們希望每一步都出現(xiàn)在自己的預(yù)料之內(nèi)资铡。本來該這筆訂單自己算著是100塊电禀,結(jié)果結(jié)算頁告訴他應(yīng)付150,這是估計他整個人都不好了害驹。

所以鞭呕,讓用戶快捷完成任務(wù)、簡單易操作宛官、讓用戶有自信的設(shè)計,就是簡約的設(shè)計瓦糕。

說了這么多底洗,到底該應(yīng)如何做到簡約呢?下面來看看作者給出的四大法寶咕娄。

四大策略之———刪除

刪除的基本原則就是:聚焦于用戶核心需求亥揖,勇敢刪去殘缺的功能、刪去會為用戶帶去負(fù)擔(dān)的元素圣勒,合理安排優(yōu)先級费变。

其中,為了減輕用戶負(fù)擔(dān)圣贸,作者提到了一個小技巧:聰明的默認(rèn)值挚歧。聰明的默認(rèn)值指的是適合大多數(shù)人的口味選擇,它是節(jié)省用戶的精力和時間的有效方式吁峻。例如:當(dāng)一個顧客再次訪問一個網(wǎng)站滑负,他通常愿意以上次離開的狀體作為起點在张。

這讓我想到了我東的主站。

我真的住在四川.png

如果剛清除完cookies再登錄矮慕,我仍需要在單品頁先將收貨地址從“北京市朝陽區(qū)”改成“四川成都”才能確認(rèn)是否有貨帮匾。如果系統(tǒng)能直接根據(jù)我的默認(rèn)收貨地址來設(shè)置我的配送地區(qū),可以減少一個步驟痴鳄,是不是就更簡單了一些瘟斜?

JD有一個小細(xì)節(jié)做得很好,就是只要我在一個商品單頁修改了配送地區(qū)痪寻,其他商品頁就會相應(yīng)發(fā)生改變哼转。

刪除的技巧很多,還有“精簡句子”“避免錯刪”等不勝枚舉槽华,我想如果能在實戰(zhàn)中運用壹蔓,就再好不過了。

四大策略之二——組織

在采取了刪除策略之后猫态,對于剩下需要提供的功能佣蓉,我們還要對其進(jìn)行組織∏籽混亂的堆放勇凭,哪怕實際內(nèi)容并不是很多,也會讓用戶感覺很復(fù)雜义辕,這和平面設(shè)計基本原則中的“親密性”很像虾标。

組織的核心是通過某些角度來整理組織松散的信息和元素,并且只強(qiáng)調(diào)一兩個最重要的主題灌砖。

通過哪些角度來組織呢璧函?作者在書中討論了幾種方法的優(yōu)劣與適用場景,包括:時間基显、空間蘸吓、感知分層、字母撩幽、格式库继、色標(biāo)等。不過有兩個原則是要保證的窜醉,那就是1.分類后要做到使重復(fù)交叉最少2.每一項最好不要超過7個子類宪萄,不然人們會記不住(“7加減1”原則)榨惰。

說到分類拜英,不能不提JD商城的商品分類。我認(rèn)為電商的分類是比較特殊的读串,雖然書上說“子項不要超過7個聊记,還可以更少”撒妈,但是明顯7個種類不可能囊括所有商品。

雖然現(xiàn)在主站已有的分類方式人們看過后根本記不住排监,但是它們?nèi)匀皇潜仨氄宫F(xiàn)出來的狰右,因為這時候,用戶是在瀏覽舆床、尋找自己感興趣的商品棋蚌,“展現(xiàn)完整”比“7加減1”原則重要得多。

在這基礎(chǔ)上挨队,我想還有優(yōu)化的空間谷暮,JD也已經(jīng)做了,那就是將最常用的7項排在最前面盛垦,便于用戶查找和記憶湿弦。

京東商城分類

四大策略之三—隱藏

隱藏不常用但不能少的功能,通過隱藏這些功能腾夯,可以減少對用戶注意力的分散颊埃。

它和刪除不同,隱藏涉及“內(nèi)部需求”蝶俱,比如一些偏好設(shè)置(例如PhotoShop中將單位從厘米改成像素)班利,少了它們,就會少了定制化榨呆,軟件將變得過于通用罗标。而刪除則涉及“外部需求”,是一個全新的功能积蜻〈掣睿“為準(zhǔn)媽媽搞一個交流社區(qū)”是一個外部功能,選擇開啟“只有在wifi環(huán)境下播放視頻”就是一個內(nèi)部功能浅侨。

隱藏里有很重要的一點纽谒,就是“放在哪兒比做多大更重要”。例如我東單品頁的白條分期說明:

這個白條說明完全可以放在一個專門的頁面里如输,寫的更加詳細(xì),或者放在某個特定區(qū)域央勒。但放在這里不见,我認(rèn)為是最合適的。

經(jīng)研究發(fā)現(xiàn)崔步,用戶在剛進(jìn)入系統(tǒng)時稳吮,眼球可能會掃視整個屏幕,但是當(dāng)他們一旦聚焦了任務(wù)井濒,眼球就只會看自己需要的點灶似。在這里也一樣列林,用戶此時在自上而下地選擇配送地址、sku等酪惭,如果他們看到白條分期時產(chǎn)生疑惑希痴,這時注意到說明的概率是最大的。

四大策略之四——轉(zhuǎn)移

簡約設(shè)計的最后一個策略是轉(zhuǎn)移春感,將復(fù)雜性轉(zhuǎn)移給另一臺設(shè)備或者用戶砌创。

轉(zhuǎn)移給設(shè)備,要求你清楚和明確各設(shè)備的分工鲫懒。比如手環(huán)和手機(jī)嫩实,手環(huán)可以精確地記錄你的運動行為,但是沒有屏幕或者屏幕很小窥岩,適合收集數(shù)據(jù)甲献,手機(jī)無法戴在手上,但是它有強(qiáng)大的數(shù)據(jù)處理功能和較大的屏幕颂翼。因此晃洒,可以說手環(huán)將“展示和計算”這兩個復(fù)雜的任務(wù)轉(zhuǎn)移到了手機(jī)上,用戶就不用瞇著眼睛盯著手環(huán)屏幕看了疚鲤。

轉(zhuǎn)移給用戶也是一樣的锥累,你必須明確人和計算機(jī)各自擅長的是什么,才能做好轉(zhuǎn)移工作集歇。比如人擅長估算和制定計劃桶略,計算機(jī)擅長精確計算和執(zhí)行程序。這一點很好地解釋了诲宇,為什么制造一個有魔力的角色在手機(jī)上那么難际歼。

我曾經(jīng)開過這樣一個腦洞,我的旅游定制軟件調(diào)用微軟研發(fā)的個人助手Cortana(又名“小娜”姑蓝,類似iPhone Siri)鹅心,請她幫助用戶做旅行計劃:如用1000元幫我策劃一次旅行。如果小娜將500元分給住宿纺荧,我就會不樂意旭愧,因為我情愿多花點在吃的上面,然后我還要再改她的方案宙暇,最后發(fā)現(xiàn)還不如我自己計劃输枯。

癥結(jié)在于:這個想法將復(fù)雜性放在了錯誤的位置,我給Cortana出的題不是數(shù)學(xué)題占贫,而是估算型的抽象問題桃熄,這類問題沒有數(shù)字化的衡量標(biāo)準(zhǔn),對機(jī)器很困難型奥,所以很難保證我對結(jié)果滿意瞳收。

不斷出現(xiàn)不盡人意的引導(dǎo)和推薦碉京,只會讓用戶產(chǎn)生反感。將估算這種對于人來說輕松的任務(wù)螟深,交給“有魔力”的軟件做谐宙,勢必?zé)o法帶來簡單的體驗。

書中還提到了將功能轉(zhuǎn)移給用戶的另一種方式是“創(chuàng)造開放式體驗”血崭。比如允許用戶決定輸入什么格式的數(shù)據(jù)卧惜,讓計算機(jī)負(fù)責(zé)結(jié)構(gòu)化任務(wù)即可。

之所以提到這點夹纫,是因為它讓我想到了上周為公司測的一個產(chǎn)品的預(yù)發(fā)版本咽瓷。輸入固定電話時,系統(tǒng)提示我“請輸入如028-6521****的電話號碼”舰讹,第一次我沒有輸入短橫杠-茅姜,在我輸錯之后,系統(tǒng)提示我無法進(jìn)入下一步钻洒,我才猜到可能是因為少了-。

其實锄开,讓系統(tǒng)自動結(jié)構(gòu)化用戶輸入的號碼并不難素标。如果這里能做優(yōu)化,將會幫助用戶遇到更少的挫折萍悴,體驗肯定會提升一些头遭。

做到這些就簡約了嗎?

讓你失望了癣诱,答案還是“不是”计维。

這更像一個哲學(xué)問題——沒有真正的簡約,任何系統(tǒng)都存在無法消除的復(fù)雜性撕予,關(guān)鍵之處是:誰會面對這些復(fù)雜性鲫惶?

我們在做產(chǎn)品、做設(shè)計時实抡,畢生追求的就是:把簡單留給用戶欠母,把復(fù)雜留給自己,讓用戶時刻能感覺到TA在流暢吆寨、自信地掌控著局面(此處感覺自己好偉大)艺蝴。

為什么每個產(chǎn)品都應(yīng)該看呢

  1. 經(jīng)典。 這本書雖然不到200頁鸟废,但有150頁都是干貨,適合經(jīng)常拿出來看看姑荷。
  2. 專業(yè)術(shù)語不多盒延,不需要一定是專業(yè)的視覺交互師缩擂,適合所有人閱讀,

而產(chǎn)品這條路添寺,我還在慢慢爬啊爬胯盯。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市计露,隨后出現(xiàn)的幾起案子博脑,更是在濱河造成了極大的恐慌,老刑警劉巖票罐,帶你破解...
    沈念sama閱讀 222,000評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件叉趣,死亡現(xiàn)場離奇詭異,居然都是意外死亡该押,警方通過查閱死者的電腦和手機(jī)疗杉,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,745評論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來蚕礼,“玉大人烟具,你說我怎么就攤上這事〉斓牛” “怎么了朝聋?”我有些...
    開封第一講書人閱讀 168,561評論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長囤躁。 經(jīng)常有香客問我冀痕,道長,這世上最難降的妖魔是什么割以? 我笑而不...
    開封第一講書人閱讀 59,782評論 1 298
  • 正文 為了忘掉前任金度,我火速辦了婚禮,結(jié)果婚禮上严沥,老公的妹妹穿的比我還像新娘猜极。我一直安慰自己,他們只是感情好消玄,可當(dāng)我...
    茶點故事閱讀 68,798評論 6 397
  • 文/花漫 我一把揭開白布跟伏。 她就那樣靜靜地躺著,像睡著了一般翩瓜。 火紅的嫁衣襯著肌膚如雪受扳。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,394評論 1 310
  • 那天兔跌,我揣著相機(jī)與錄音勘高,去河邊找鬼。 笑死,一個胖子當(dāng)著我的面吹牛华望,可吹牛的內(nèi)容都是我干的蕊蝗。 我是一名探鬼主播,決...
    沈念sama閱讀 40,952評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼赖舟,長吁一口氣:“原來是場噩夢啊……” “哼蓬戚!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起宾抓,我...
    開封第一講書人閱讀 39,852評論 0 276
  • 序言:老撾萬榮一對情侶失蹤子漩,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后石洗,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體幢泼,經(jīng)...
    沈念sama閱讀 46,409評論 1 318
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,483評論 3 341
  • 正文 我和宋清朗相戀三年劲腿,在試婚紗的時候發(fā)現(xiàn)自己被綠了旭绒。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,615評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡焦人,死狀恐怖挥吵,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情花椭,我是刑警寧澤忽匈,帶...
    沈念sama閱讀 36,303評論 5 350
  • 正文 年R本政府宣布,位于F島的核電站矿辽,受9級特大地震影響丹允,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜袋倔,卻給世界環(huán)境...
    茶點故事閱讀 41,979評論 3 334
  • 文/蒙蒙 一雕蔽、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧宾娜,春花似錦批狐、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,470評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至华弓,卻和暖如春食零,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背寂屏。 一陣腳步聲響...
    開封第一講書人閱讀 33,571評論 1 272
  • 我被黑心中介騙來泰國打工贰谣, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留娜搂,地道東北人蟆融。 一個月前我還...
    沈念sama閱讀 49,041評論 3 377
  • 正文 我出身青樓辽幌,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子频伤,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,630評論 2 359

推薦閱讀更多精彩內(nèi)容