編輯導(dǎo)語(yǔ)：創(chuàng)新的目的不是在于“新”這一字，而是為了更優(yōu)、進(jìn)化和解決問題，讓用戶的價(jià)值有所增長(zhǎng)才是我們更新優(yōu)化的目標(biāo)。每一位設(shè)計(jì)師都希望自己的方案帶來(lái)的效果是前所未有的創(chuàng)新。都抱著同樣的希望，為什么卻有那么多的方案慘遭嫌棄呢？

現(xiàn)在更新原創(chuàng)的頻率沒有那么高了，其實(shí)一直關(guān)注我們的小伙伴會(huì)發(fā)現(xiàn)，我很少去寫市面上已經(jīng)被寫爛的題材，炒冷飯確實(shí)沒嘛意思，所以每次原創(chuàng)我也都盡可能的找到一些新觀點(diǎn)和案例分享給大家，這才是原創(chuàng)文章的價(jià)值，也是我對(duì)自己的要求。

今天依然還是咱們只言片語(yǔ)系列，不知不覺其實(shí)這個(gè)系列更新了好多期了，每次有原創(chuàng)也是用這系列，其實(shí)是因?yàn)閷懘笃奈恼绿闊?，所以每次記錄一些小觀點(diǎn)就比較靈活，大家看起來(lái)也不會(huì)覺得又臭又長(zhǎng)。今天跟大家分享的主題其實(shí)是“創(chuàng)新與習(xí)慣”，就是說我們經(jīng)常會(huì)想去創(chuàng)新一些交互、視覺讓方案與眾不同，但又擔(dān)心不符合用戶預(yù)期或者認(rèn)知成本太高，這樣的矛盾想必大家都遇到過，接下來(lái)我們一起來(lái)聊聊。

聽到心智模型這個(gè)概念大家一定不陌生，但我也不展開去講，意思就是符合用戶經(jīng)驗(yàn)、預(yù)期、習(xí)慣的產(chǎn)品、任務(wù)等都能夠更快的被學(xué)習(xí)、使用。

這里很有意思，當(dāng)你有一個(gè)非常創(chuàng)新甚至脫離用戶認(rèn)知的設(shè)計(jì)被用戶長(zhǎng)期使用后，當(dāng)你再問用戶是否有不順手的地方，他幾乎感受不到。但是有一些創(chuàng)新呢不管用戶用多久都會(huì)覺得不順手，這是什么原因呢？

我認(rèn)為，之所以能夠逐漸的、快速的被用戶所接納的創(chuàng)新方案在背后是有原因的。

一、有歷史背景

例如微信首頁(yè)下拉后的更多功能模塊的展示，他們的歷史背景其實(shí)就是來(lái)源于抽屜式導(dǎo)航，將一些非核心的業(yè)務(wù)模塊、功能進(jìn)行了收納，而如果單獨(dú)做一個(gè)顯性的入口則沒有必要和累贅，總不能在微信首頁(yè)的頂部加一個(gè)小程序的按鈕吧？用戶能夠在需要的時(shí)候聯(lián)想到我有東西藏在了上面，被收納了，這就是一個(gè)符合預(yù)期的結(jié)果，雖然他有一定的創(chuàng)新成本，但是用戶在使用習(xí)慣后，接下來(lái)的門檻就很低了。

再來(lái)舉個(gè)例子，不知道大家是否用過知乎、小紅書、抖音，沒用的可以直接看下圖。

我們會(huì)發(fā)現(xiàn)通過側(cè)滑手勢(shì)都可以到個(gè)人中心，那么基于這樣的用戶教育，我們其實(shí)也可以找到類似的方案，例如微信首頁(yè)左往右側(cè)滑可以到文章縮略列表，qq在消息列表頁(yè)也可以進(jìn)入個(gè)人中心，而快手雖然和抖音是競(jìng)品但是他們側(cè)滑出來(lái)的內(nèi)容做了一個(gè)創(chuàng)新，把視頻作者的其他內(nèi)容直接以抽屜形式展示在側(cè)邊，讓將場(chǎng)景更加的聚焦，還有個(gè)好處是可以直接定位到當(dāng)前正在看的視頻，而抖音還需要通過點(diǎn)擊一次按鈕才可以定位到當(dāng)前視頻。

再比如閑魚在用戶發(fā)布的商品詳情，雖然他沒有做側(cè)滑進(jìn)入賣家主頁(yè)，但我覺得也可以做，因?yàn)楸旧碣u家的主頁(yè)在左上角，單手就不太好操作，而詳情頁(yè)也基本沒有沖突的側(cè)滑手勢(shì)（只有評(píng)價(jià)模塊可以左右滑動(dòng)但面積不大），再來(lái)看這個(gè)詳情其實(shí)產(chǎn)品非常希望買家能和賣家建立聯(lián)系，所以上下都做了關(guān)注賣家的按鈕，所以如果我們可以將這個(gè)手勢(shì)也運(yùn)用上去，那么賣家的主頁(yè)觸達(dá)率也會(huì)更高。

具有歷史背景這是滿足的要素之一，如果互聯(lián)網(wǎng)設(shè)計(jì)行業(yè)在剛開始的階段，說不定不需要，但是從目前的情況來(lái)看，除非硬件設(shè)施的科技程度有很大的飛躍，否則歷史背景還是很重要的。我們也順便可以開開腦洞，如果我們要進(jìn)行某個(gè)任務(wù)流程，設(shè)備會(huì)先掃描你的人臉判斷你的年齡對(duì)屏幕的亮度、文字大小進(jìn)行調(diào)整，當(dāng)你注視某塊區(qū)域，并想刪除它的時(shí)候你可以連續(xù)眨兩次眼等等，甚至到了科幻片對(duì)于UI界面的現(xiàn)實(shí)操作那樣的交互，所以當(dāng)我們?cè)谝粋€(gè)很成熟的行業(yè)中想去創(chuàng)新，歷史背景目前還說還是很重要的一個(gè)因素。

二、符合當(dāng)下場(chǎng)景

創(chuàng)新方案之所以能夠被接納除了具有本身的歷史背景外，還因?yàn)樵诋?dāng)下場(chǎng)景是最合適的。大家可以想一下，在抖音沒有出來(lái)之前，點(diǎn)贊、轉(zhuǎn)發(fā)的功能是不是通常都在頁(yè)面的底部？

在當(dāng)時(shí)，如果你說我要把點(diǎn)贊、轉(zhuǎn)發(fā)都放邊上去，想必肯定有人會(huì)反駁你，你看，大家都放下面，你反而放邊上，豈不是冒天下之大不韙？

但如今，在短視頻產(chǎn)品中，點(diǎn)贊、轉(zhuǎn)發(fā)這些功能放側(cè)邊是最好的選擇，當(dāng)然你也可以放下面，放下面造成的問題可就太多了，遮擋主要內(nèi)容不說，用戶的操作效率和信息布局的美觀度也大大降低了，所以創(chuàng)新同樣要考慮的是是否能夠在當(dāng)下場(chǎng)景做出合適的創(chuàng)新。

三、遷移成本低

上面說到，為什么有的創(chuàng)新方案會(huì)有那么大爭(zhēng)議，甚至用戶用了之后紛紛搖頭，說到：狗都不用。這真的是侮辱狗了，狗還是挺聰明的，那為什么這么聰明的狗狗都不會(huì)用呢？說明太難了，你的創(chuàng)新方案已經(jīng)遠(yuǎn)遠(yuǎn)超過狗的認(rèn)知了。這就好比，你想讓狗接飛盤，想創(chuàng)新一下接個(gè)別的東西，結(jié)果你扔了一塊大石頭，你讓狗怎么想。所以當(dāng)你的新方案太過于新異，以至于都沒有滿足1、2亮點(diǎn)的前提下，用戶是很難理解的。

我們可以在思考一下，很多web端的產(chǎn)品遷移到移動(dòng)端，其實(shí)就是交互和內(nèi)容的遷移，例如刷新、翻頁(yè)、更多，從控制光標(biāo)的左右鍵點(diǎn)擊到利用手指進(jìn)行點(diǎn)擊、拖動(dòng)、長(zhǎng)按，從一個(gè)個(gè)按鈕變成了一個(gè)個(gè)手勢(shì)，這些都具有遷移成本，特別是按鈕到手勢(shì)的變化，移動(dòng)端去掉了許多功能即按鈕的做法，例如翻頁(yè)按鈕被替換成了滑動(dòng)，更多功能被替換成了長(zhǎng)按等等。

這個(gè)遷移成本不高，但是如果你在移動(dòng)端也讓用戶去控制一個(gè)光標(biāo)，再做成點(diǎn)擊你就會(huì)覺得很愚蠢，別說原生，連h5也不可能這樣。所以有時(shí)也不能一味去還原現(xiàn)實(shí)，就像實(shí)體按鈕會(huì)有不按、段落、有效鍵程，而虛擬按鈕則沒有有效鍵程一說，這是完全不同的。

四、以效率為目標(biāo)

例如下方的案例，如果要對(duì)騰訊視頻中的廣場(chǎng)做一些小的交互優(yōu)化可以怎么去做呢？經(jīng)過操作，其實(shí)我發(fā)現(xiàn)用戶如果需要去保存圖片，則需要點(diǎn)開全屏大圖才可以保存，那我是不是可以對(duì)其進(jìn)行長(zhǎng)按就直接保存呢？甚至可以直接長(zhǎng)按鈕后給用戶一個(gè)拼圖海報(bào)或者編輯的功能，這算是創(chuàng)新嘛？

當(dāng)然算，創(chuàng)新不代表前所未有，在這個(gè)產(chǎn)品中那就是一個(gè)創(chuàng)新，因?yàn)槟阋部梢栽谄渌a(chǎn)品中找到這樣的案例，例如淘寶、bilibili，對(duì)視頻和圖片長(zhǎng)按之后都會(huì)有相應(yīng)的操作，有的是不感興趣，有的是舉報(bào)等等，而這里的創(chuàng)新其實(shí)也是根據(jù)用戶使用的場(chǎng)景、動(dòng)機(jī)還有提高用戶使用效率去設(shè)計(jì)的，甚至它都不需要做成顯性設(shè)計(jì)就能直接操作，是不是能提高用戶分享的效率。

有同學(xué)會(huì)問，有兩個(gè)問題：

1. 騰訊視頻的廣場(chǎng)的內(nèi)容和用戶場(chǎng)景和電商、視頻兩者不一樣也可以這么做嗎？
2. 用戶還沒有點(diǎn)開大圖就給他做這樣的轉(zhuǎn)發(fā)、聚合的功能，到底有沒有這樣的場(chǎng)景呢？

我的回答是可以。

第一，這個(gè)和產(chǎn)品類型沒有關(guān)系，我們?cè)谧鲶w驗(yàn)設(shè)計(jì)的時(shí)候需要滿足用戶價(jià)值和業(yè)務(wù)價(jià)值，而這里做的長(zhǎng)按縮略圖直接讓用戶轉(zhuǎn)發(fā)或者聚合圖片也是預(yù)判了用戶在下一個(gè)場(chǎng)景會(huì)行動(dòng)的操作，和兩個(gè)價(jià)值并不造成沖突。

第二，在這一層級(jí)是否場(chǎng)景不正確，這里我們其實(shí)做的是隱藏手勢(shì)，在保證點(diǎn)開大圖后的轉(zhuǎn)發(fā)和其他功能都具備的前提下，再去做這個(gè)功能。

五、符合用戶習(xí)慣

盧克·米勒在《用戶體驗(yàn)方法論》一書中提到他曾經(jīng)為了創(chuàng)新做一個(gè)短視屏的切換交互時(shí)發(fā)生的一個(gè)問題，他覺得當(dāng)時(shí)利用一個(gè)按鈕來(lái)控制播放下一個(gè)短視頻太過時(shí)了，如果用左右滑動(dòng)來(lái)控制是不是更好，也避免了功能即按鈕的設(shè)計(jì)，于是他想盡辦法來(lái)測(cè)試這個(gè)方案對(duì)于用戶是否有較高的成本，由于是新的手勢(shì)，于是他想在這里做一個(gè)用戶的引導(dǎo)，做了一個(gè)文字小貼士，告知用戶“滑動(dòng)看下一個(gè)視頻”，若用戶未滑動(dòng)則在幾秒后消失。

但是經(jīng)過測(cè)試，有兩個(gè)人壓根沒看見貼士，雖然有3個(gè)人操作成功了，但是失誤了好幾次，因?yàn)樗麄兡遣恢酪噙h(yuǎn)才有效，滑動(dòng)的時(shí)候非常謹(jǐn)慎，遠(yuǎn)遠(yuǎn)沒有點(diǎn)擊一個(gè)按鈕來(lái)的快。

因?yàn)楫?dāng)時(shí)的視頻是橫向播放的，所以用戶一個(gè)是沒看到提示，另一個(gè)則是不知道滑動(dòng)的手勢(shì)究竟如何在這里使用，第三個(gè)是當(dāng)短視屏橫向播放的時(shí)候，要用右手進(jìn)行橫向滑動(dòng)特別不方便（不信大家可以試一下）。所以回顧我們現(xiàn)在的短視頻的一些交互，首先它就沒有橫向播放的，有橫向播放的視頻一般也是用手勢(shì)來(lái)拖動(dòng)進(jìn)度而不是切換，豎屏的上下滑動(dòng)的切換比橫向的方便太多，甚至連我2歲的兒子都能用一根手指，只不過我用拇指他用食指，因?yàn)樗欠旁谧雷由峡炊沂且恢皇帜弥摹?/p>

所以用戶是如何在使用我們的產(chǎn)品，當(dāng)我們要做一些創(chuàng)新方案的時(shí)候，不能脫離用戶的實(shí)際使用場(chǎng)景和他們的習(xí)慣。

接下來(lái)我們也可以看一下什么樣的方案就完全避開了以上五點(diǎn)呢

大家可以看到下方的交互案例中，頂部的導(dǎo)航bar中間的內(nèi)容有一個(gè)小三角，在沒有點(diǎn)之前，我們的預(yù)期是點(diǎn)擊小三角后會(huì)可能會(huì)出現(xiàn)和雜志同類型內(nèi)容的選擇，因?yàn)檫@個(gè)文案+圖標(biāo)的含義在其他產(chǎn)品中都是這樣的去用的，無(wú)論移動(dòng)端還是web端。

但是當(dāng)你點(diǎn)擊卻發(fā)現(xiàn)整個(gè)導(dǎo)航bar被推了下來(lái)，呈現(xiàn)出來(lái)的是你完全沒有預(yù)期和計(jì)劃的內(nèi)容，無(wú)論微信還是淘寶的首頁(yè)下拉，至少我們?cè)诓僮髦翱隙ㄊ侵澜酉聛?lái)我的操作會(huì)呈現(xiàn)一塊新的東西，而這個(gè)案例則告訴我們，我計(jì)劃著要吃一頓飯，結(jié)果你喂了我一坨翔。

再來(lái)一個(gè)案例，這個(gè)案例是學(xué)員提供的，交通銀行app把tab切換的動(dòng)效做成了立體翻轉(zhuǎn)，這你受的了嗎？這個(gè)創(chuàng)新就真的沒有必要了，tab本身就不是這么用的，能想象到設(shè)計(jì)師被領(lǐng)導(dǎo)逼著要做點(diǎn)創(chuàng)新的囧狀，實(shí)屬無(wú)奈呀。

六、最后

也引用一下俞軍老師書中的一句話：用戶價(jià)值=新體驗(yàn)-舊體驗(yàn)-替換成本。所以創(chuàng)新的目的不是新，而是更優(yōu)，是進(jìn)化，是解決問題，讓用戶價(jià)值始終是增長(zhǎng)的，你的創(chuàng)新點(diǎn)一定是有較高的體驗(yàn)價(jià)值，就像高德地圖將搜索框放下來(lái)，雖然是個(gè)老案例了， 但這種創(chuàng)新滿足了以上四點(diǎn)原則，最終提升了用戶價(jià)值。之前有個(gè)防拉屎濺水的馬桶，他雖然也解決了問題，但是成本遠(yuǎn)遠(yuǎn)高于用戶自己拿一張紙去解決。

＃專欄作家＃

應(yīng)駿，人人都是產(chǎn)品經(jīng)理專欄作家，公眾號(hào)：應(yīng)謀鬼計(jì)（shejishiyj）

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

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