設(shè)計師,你想做創(chuàng)新的方案嗎?為什么很多方案狗都不用呢?
編輯導語:創(chuàng)新的目的不是在于“新”這一字,而是為了更優(yōu)、進化和解決問題,讓用戶的價值有所增長才是我們更新優(yōu)化的目標。每一位設(shè)計師都希望自己的方案帶來的效果是前所未有的創(chuàng)新。都抱著同樣的希望,為什么卻有那么多的方案慘遭嫌棄呢?
現(xiàn)在更新原創(chuàng)的頻率沒有那么高了,其實一直關(guān)注我們的小伙伴會發(fā)現(xiàn),我很少去寫市面上已經(jīng)被寫爛的題材,炒冷飯確實沒嘛意思,所以每次原創(chuàng)我也都盡可能的找到一些新觀點和案例分享給大家,這才是原創(chuàng)文章的價值,也是我對自己的要求。
今天依然還是咱們只言片語系列,不知不覺其實這個系列更新了好多期了,每次有原創(chuàng)也是用這系列,其實是因為寫大篇幅的文章太麻煩,所以每次記錄一些小觀點就比較靈活,大家看起來也不會覺得又臭又長。今天跟大家分享的主題其實是“創(chuàng)新與習慣”,就是說我們經(jīng)常會想去創(chuàng)新一些交互、視覺讓方案與眾不同,但又擔心不符合用戶預(yù)期或者認知成本太高,這樣的矛盾想必大家都遇到過,接下來我們一起來聊聊。
聽到心智模型這個概念大家一定不陌生,但我也不展開去講,意思就是符合用戶經(jīng)驗、預(yù)期、習慣的產(chǎn)品、任務(wù)等都能夠更快的被學習、使用。
這里很有意思,當你有一個非常創(chuàng)新甚至脫離用戶認知的設(shè)計被用戶長期使用后,當你再問用戶是否有不順手的地方,他幾乎感受不到。但是有一些創(chuàng)新呢不管用戶用多久都會覺得不順手,這是什么原因呢?
我認為,之所以能夠逐漸的、快速的被用戶所接納的創(chuàng)新方案在背后是有原因的。
一、有歷史背景
例如微信首頁下拉后的更多功能模塊的展示,他們的歷史背景其實就是來源于抽屜式導航,將一些非核心的業(yè)務(wù)模塊、功能進行了收納,而如果單獨做一個顯性的入口則沒有必要和累贅,總不能在微信首頁的頂部加一個小程序的按鈕吧?用戶能夠在需要的時候聯(lián)想到我有東西藏在了上面,被收納了,這就是一個符合預(yù)期的結(jié)果,雖然他有一定的創(chuàng)新成本,但是用戶在使用習慣后,接下來的門檻就很低了。
再來舉個例子,不知道大家是否用過知乎、小紅書、抖音,沒用的可以直接看下圖。
我們會發(fā)現(xiàn)通過側(cè)滑手勢都可以到個人中心,那么基于這樣的用戶教育,我們其實也可以找到類似的方案,例如微信首頁左往右側(cè)滑可以到文章縮略列表,qq在消息列表頁也可以進入個人中心,而快手雖然和抖音是競品但是他們側(cè)滑出來的內(nèi)容做了一個創(chuàng)新,把視頻作者的其他內(nèi)容直接以抽屜形式展示在側(cè)邊,讓將場景更加的聚焦,還有個好處是可以直接定位到當前正在看的視頻,而抖音還需要通過點擊一次按鈕才可以定位到當前視頻。
再比如閑魚在用戶發(fā)布的商品詳情,雖然他沒有做側(cè)滑進入賣家主頁,但我覺得也可以做,因為本身賣家的主頁在左上角,單手就不太好操作,而詳情頁也基本沒有沖突的側(cè)滑手勢(只有評價模塊可以左右滑動但面積不大),再來看這個詳情其實產(chǎn)品非常希望買家能和賣家建立聯(lián)系,所以上下都做了關(guān)注賣家的按鈕,所以如果我們可以將這個手勢也運用上去,那么賣家的主頁觸達率也會更高。
具有歷史背景這是滿足的要素之一,如果互聯(lián)網(wǎng)設(shè)計行業(yè)在剛開始的階段,說不定不需要,但是從目前的情況來看,除非硬件設(shè)施的科技程度有很大的飛躍,否則歷史背景還是很重要的。我們也順便可以開開腦洞,如果我們要進行某個任務(wù)流程,設(shè)備會先掃描你的人臉判斷你的年齡對屏幕的亮度、文字大小進行調(diào)整,當你注視某塊區(qū)域,并想刪除它的時候你可以連續(xù)眨兩次眼等等,甚至到了科幻片對于UI界面的現(xiàn)實操作那樣的交互,所以當我們在一個很成熟的行業(yè)中想去創(chuàng)新,歷史背景目前還說還是很重要的一個因素。
二、符合當下場景
創(chuàng)新方案之所以能夠被接納除了具有本身的歷史背景外,還因為在當下場景是最合適的。大家可以想一下,在抖音沒有出來之前,點贊、轉(zhuǎn)發(fā)的功能是不是通常都在頁面的底部?
在當時,如果你說我要把點贊、轉(zhuǎn)發(fā)都放邊上去,想必肯定有人會反駁你,你看,大家都放下面,你反而放邊上,豈不是冒天下之大不韙?
但如今,在短視頻產(chǎn)品中,點贊、轉(zhuǎn)發(fā)這些功能放側(cè)邊是最好的選擇,當然你也可以放下面,放下面造成的問題可就太多了,遮擋主要內(nèi)容不說,用戶的操作效率和信息布局的美觀度也大大降低了,所以創(chuàng)新同樣要考慮的是是否能夠在當下場景做出合適的創(chuàng)新。
三、遷移成本低
上面說到,為什么有的創(chuàng)新方案會有那么大爭議,甚至用戶用了之后紛紛搖頭,說到:狗都不用。這真的是侮辱狗了,狗還是挺聰明的,那為什么這么聰明的狗狗都不會用呢?說明太難了,你的創(chuàng)新方案已經(jīng)遠遠超過狗的認知了。這就好比,你想讓狗接飛盤,想創(chuàng)新一下接個別的東西,結(jié)果你扔了一塊大石頭,你讓狗怎么想。所以當你的新方案太過于新異,以至于都沒有滿足1、2亮點的前提下,用戶是很難理解的。
我們可以在思考一下,很多web端的產(chǎn)品遷移到移動端,其實就是交互和內(nèi)容的遷移,例如刷新、翻頁、更多,從控制光標的左右鍵點擊到利用手指進行點擊、拖動、長按,從一個個按鈕變成了一個個手勢,這些都具有遷移成本,特別是按鈕到手勢的變化,移動端去掉了許多功能即按鈕的做法,例如翻頁按鈕被替換成了滑動,更多功能被替換成了長按等等。
這個遷移成本不高,但是如果你在移動端也讓用戶去控制一個光標,再做成點擊你就會覺得很愚蠢,別說原生,連h5也不可能這樣。所以有時也不能一味去還原現(xiàn)實,就像實體按鈕會有不按、段落、有效鍵程,而虛擬按鈕則沒有有效鍵程一說,這是完全不同的。
四、以效率為目標
例如下方的案例,如果要對騰訊視頻中的廣場做一些小的交互優(yōu)化可以怎么去做呢?經(jīng)過操作,其實我發(fā)現(xiàn)用戶如果需要去保存圖片,則需要點開全屏大圖才可以保存,那我是不是可以對其進行長按就直接保存呢?甚至可以直接長按鈕后給用戶一個拼圖海報或者編輯的功能,這算是創(chuàng)新嘛?
當然算,創(chuàng)新不代表前所未有,在這個產(chǎn)品中那就是一個創(chuàng)新,因為你也可以在其他產(chǎn)品中找到這樣的案例,例如淘寶、bilibili,對視頻和圖片長按之后都會有相應(yīng)的操作,有的是不感興趣,有的是舉報等等,而這里的創(chuàng)新其實也是根據(jù)用戶使用的場景、動機還有提高用戶使用效率去設(shè)計的,甚至它都不需要做成顯性設(shè)計就能直接操作,是不是能提高用戶分享的效率。
有同學會問,有兩個問題:
- 騰訊視頻的廣場的內(nèi)容和用戶場景和電商、視頻兩者不一樣也可以這么做嗎?
- 用戶還沒有點開大圖就給他做這樣的轉(zhuǎn)發(fā)、聚合的功能,到底有沒有這樣的場景呢?
我的回答是可以。
第一,這個和產(chǎn)品類型沒有關(guān)系,我們在做體驗設(shè)計的時候需要滿足用戶價值和業(yè)務(wù)價值,而這里做的長按縮略圖直接讓用戶轉(zhuǎn)發(fā)或者聚合圖片也是預(yù)判了用戶在下一個場景會行動的操作,和兩個價值并不造成沖突。
第二,在這一層級是否場景不正確,這里我們其實做的是隱藏手勢,在保證點開大圖后的轉(zhuǎn)發(fā)和其他功能都具備的前提下,再去做這個功能。
五、符合用戶習慣
盧克·米勒在《用戶體驗方法論》一書中提到他曾經(jīng)為了創(chuàng)新做一個短視屏的切換交互時發(fā)生的一個問題,他覺得當時利用一個按鈕來控制播放下一個短視頻太過時了,如果用左右滑動來控制是不是更好,也避免了功能即按鈕的設(shè)計,于是他想盡辦法來測試這個方案對于用戶是否有較高的成本,由于是新的手勢,于是他想在這里做一個用戶的引導,做了一個文字小貼士,告知用戶“滑動看下一個視頻”,若用戶未滑動則在幾秒后消失。
但是經(jīng)過測試,有兩個人壓根沒看見貼士,雖然有3個人操作成功了,但是失誤了好幾次,因為他們那不知道要滑多遠才有效,滑動的時候非常謹慎,遠遠沒有點擊一個按鈕來的快。
因為當時的視頻是橫向播放的,所以用戶一個是沒看到提示,另一個則是不知道滑動的手勢究竟如何在這里使用,第三個是當短視屏橫向播放的時候,要用右手進行橫向滑動特別不方便(不信大家可以試一下)。所以回顧我們現(xiàn)在的短視頻的一些交互,首先它就沒有橫向播放的,有橫向播放的視頻一般也是用手勢來拖動進度而不是切換,豎屏的上下滑動的切換比橫向的方便太多,甚至連我2歲的兒子都能用一根手指,只不過我用拇指他用食指,因為他是放在桌子上看而我是一只手拿著的。
所以用戶是如何在使用我們的產(chǎn)品,當我們要做一些創(chuàng)新方案的時候,不能脫離用戶的實際使用場景和他們的習慣。
接下來我們也可以看一下什么樣的方案就完全避開了以上五點呢
大家可以看到下方的交互案例中,頂部的導航bar中間的內(nèi)容有一個小三角,在沒有點之前,我們的預(yù)期是點擊小三角后會可能會出現(xiàn)和雜志同類型內(nèi)容的選擇,因為這個文案+圖標的含義在其他產(chǎn)品中都是這樣的去用的,無論移動端還是web端。
但是當你點擊卻發(fā)現(xiàn)整個導航bar被推了下來,呈現(xiàn)出來的是你完全沒有預(yù)期和計劃的內(nèi)容,無論微信還是淘寶的首頁下拉,至少我們在操作之前肯定是知道接下來我的操作會呈現(xiàn)一塊新的東西,而這個案例則告訴我們,我計劃著要吃一頓飯,結(jié)果你喂了我一坨翔。
再來一個案例,這個案例是學員提供的,交通銀行app把tab切換的動效做成了立體翻轉(zhuǎn),這你受的了嗎?這個創(chuàng)新就真的沒有必要了,tab本身就不是這么用的,能想象到設(shè)計師被領(lǐng)導逼著要做點創(chuàng)新的囧狀,實屬無奈呀。
六、最后
也引用一下俞軍老師書中的一句話:用戶價值=新體驗-舊體驗-替換成本。所以創(chuàng)新的目的不是新,而是更優(yōu),是進化,是解決問題,讓用戶價值始終是增長的,你的創(chuàng)新點一定是有較高的體驗價值,就像高德地圖將搜索框放下來,雖然是個老案例了, 但這種創(chuàng)新滿足了以上四點原則,最終提升了用戶價值。之前有個防拉屎濺水的馬桶,他雖然也解決了問題,但是成本遠遠高于用戶自己拿一張紙去解決。
#專欄作家#
應(yīng)駿,人人都是產(chǎn)品經(jīng)理專欄作家,公眾號:應(yīng)謀鬼計(shejishiyj)
本文由 @應(yīng)駿 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自Unsplash,基于CC0協(xié)議
很多時候,其實不是自己喜歡,而是“甲方爸爸”喜歡,創(chuàng)新這個問題也是一樣,到底合不合用戶胃口呢?還沒有實行誰也不知道。
感覺“創(chuàng)新”更像是在實用性上“更新”
創(chuàng)新的目的不是在于“新”這一字,而是為了更優(yōu)、進化和解決問題,是的,其實所有的創(chuàng)新都是為了解決問題,否則就是空中樓閣。
為什么大家說手勢熱力區(qū)的時候,都是偏向于用右手呢,我看了很多人其實都是用左手玩手機,因為右手還要干其他事情。對于我個人來說,我也是手機習慣性的放在左邊的口袋,左手操作。我個人并非左撇子,主要是為了方便空出右手做事情