海角社区视频,海角社区登录入口,海角社区最新网址,hjsq海角社区_海角登录首页top,海角社区回家路线,海角社区视频免费看

有生命力的產品設計是怎樣的?

2021-04-26 09:24
二維碼
35

即使世界的(de)本質是(shi)斷(duan)裂的(de),但以人的(de)尺度,它就是(shi)在不斷(duan)運(yun)動的(de),產品是(shi)動態而非(fei)靜態的(de),只(zhi)有領會到這一(yi)點,才(cai)會在策劃(hua)的(de)時(shi)候(hou),構(gou)思的(de)時(shi)候(hou),以一(yi)種(zhong)整體性的(de)視角(jiao)去(qu)看待。

有生命力的產品設計是怎樣的?


一、你有沒有觀察過汽車是怎么發動的?

開(kai)啟發(fa)動機——踩離合器——掛(gua)變(bian)速桿——踩油(you)門。

如果你的回答是上述流程或基于該流程之上更復雜的變種,那么很遺憾,你沒有讀懂我的問題。我問的是:汽(qi)車是(shi)怎么發(fa)動的,而不是(shi)我們是(shi)怎么發(fa)動汽(qi)車的。

我沒有(you)在玩(wan)文字(zi)游戲,所(suo)以請(qing)格(ge)外注意這(zhe)兩者之(zhi)間的差別。

汽車是(shi)怎么(me)發動的——行(xing)動主體是(shi)汽車。

我們(men)是怎么發動(dong)汽車的——行動(dong)主體是人。

當然,從邏輯角度講,汽車無法(fa)主動(dong)(dong)發(fa)動(dong)(dong)。但是,如果我們(men)拋(pao)開主被(bei)動(dong)(dong)不談(tan),那么(me)基于不同主體而衍生(sheng)的思維路(lu)徑(jing)將會大(da)相徑(jing)庭。

以人為行動主體的思考方式已經(jing)在開頭提過,那么以汽車呢?

輪(lun)(lun)胎(tai)抓地——車身下(xia)沉——輪(lun)(lun)胎(tai)旋(xuan)轉——車身彈起——移動。

多(duo)么優美的(de)一段旋律,動感(gan)、連續、伴隨著節奏性。而我們所(suo)熟悉的(de),或許只有“運動”和“靜止”兩種狀(zhuang)態(tai)而已。

長(chang)久以來,我(wo)(wo)們(men)一直被教導,要(yao)以用(yong)戶(hu)為中(zhong)心,所以我(wo)(wo)們(men)注(zhu)重(zhong)流程、注(zhu)重(zhong)思(si)維、注(zhu)重(zhong)游戲化、甚至注(zhu)重(zhong)用(yong)戶(hu)對(dui)色彩、形狀、氛(fen)圍(wei)的感知。但也因(yin)此,我(wo)(wo)們(men)被局限在人的世界里,而忽略了更廣(guang)泛的事物本身(shen)的呈(cheng)現(xian)形式。

流(liu)程(cheng)、思維,這些都是抽象的、理性的,而事物(wu)本(ben)身的呈現(xian)形式是具體(ti)的、感性的。

根據游(you)(you)戲設計(ji)領域的(de)“MDA”理論,游(you)(you)戲設計(ji)者創(chuang)造機(ji)制(Mechanics),影(ying)響游(you)(you)戲的(de)動態發展(Dynamics),進而影(ying)響玩家的(de)體(ti)驗(Aesthetics);而玩家則(ze)剛(gang)好相反,是先感受到游(you)(you)戲體(ti)驗(A),觀察游(you)(you)戲的(de)動態(D),最(zui)后(hou)總結出游(you)(you)戲的(de)規(gui)則(ze)(M)。

設計者:由里及外。

玩家(用戶):由外及里。

當然,這兩種方式并不是(shi)等量齊觀(guan)。根據(ju)UML的建模法(fa)則(ze),產(chan)品(pin)(pin)設計(ji)的過(guo)程(cheng)就是(shi)把世(shi)界抽象(xiang)化(hua),使世(shi)界本身實(shi)例化(hua)為產(chan)品(pin)(pin)的過(guo)程(cheng)。我們沒有辦法(fa)像用戶一(yi)樣由表及里,而是(shi)要先去創造規則(ze),培養(yang)生態。

MDA理論(lun)帶來(lai)的(de)(de)啟示是(shi)(shi):無論(lun)是(shi)(shi)由里及(ji)外,還(huan)是(shi)(shi)由外及(ji)里,機制、動態(tai)和體驗都是(shi)(shi)密(mi)不可分的(de)(de)三(san)要素。而(er)現(xian)實(shi)是(shi)(shi),我們把這(zhe)三(san)者(zhe)當(dang)成是(shi)(shi)獨立的(de)(de)元素(甚至根(gen)本沒有(you)厘清),更遑(huang)論(lun)去理解(jie)三(san)者(zhe)交織下的(de)(de)產品狀態(tai)(事物本身(shen)的(de)(de)呈現(xian)狀態(tai))了。

請再一次注(zhu)意,當我(wo)談論事物本(ben)身的存在(zai)狀(zhuang)態時,我(wo)沒有在(zai)說UI或(huo)者交互(hu),請暫(zan)且撇開這些產品層面的術(shu)語。

現在,讓我們來一次最平常的思想(xiang)實(shi)驗吧(ba)。

假設你現在在蹦極,當你從(cong)跳板上跳下(xia)以后,會發現什(shen)么(me)?不妨先想一想,再(zai)接著往下(xia)看(kan)。

首先,你會(hui)在重力機(ji)制的作(zuo)用下,加速(su)度(du)下墜。同(tong)時,你的腎上腺(xian)素會(hui)飆升,耳鳴(ming),臉(lian)色通紅。你甚(shen)至會(hui)手心腳底出汗,不由(you)自(zi)主地吶喊(han),你會(hui)腦袋里(li)一片空白。

當(dang)然,在你(ni)(ni)下(xia)墜(zhui)的(de)過程(cheng)中,你(ni)(ni)的(de)身體并不是(shi)筆(bi)直砸向(xiang)地(di)面,而(er)是(shi)略帶有弧度。在最后(hou)重力殆盡的(de)時候,彈力繩會(hui)為你(ni)(ni)抵消一部分力量,并且還會(hui)讓你(ni)(ni)在某一時刻呈搖擺狀。當(dang)你(ni)(ni)心有余悸地(di)回到地(di)面上(shang),并不意味著結束,你(ni)(ni)可能會(hui)發(fa)條朋(peng)友圈(quan),晚上(shang)將這件(jian)(jian)事寫到日記(ji)里,甚至可能已經(jing)想好要(yao)將這件(jian)(jian)事當(dang)做以后(hou)的(de)談資。

而以上,只是(shi)從你的(de)視角(jiao)來看(kan)。與(yu)你一同前來的(de)朋友(you)和(he)親人,在(zai)底(di)下等候的(de)教練,一旁觀看(kan)的(de)游客,眾人的(de)心緒都會(hui)隨(sui)著你的(de)舉(ju)動(dong)而有所波(bo)動(dong)。

如(ru)果我們把蹦極(ji)抽象為一種行為,那么(me)藏在(zai)這種行為背后(hou)的則是生理機(ji)制(zhi)、心理機(ji)制(zhi)、自然(ran)(ran)機(ji)制(zhi)。而通(tong)過這種行為,人(ren)與(yu)(yu)人(ren),人(ren)與(yu)(yu)自然(ran)(ran)實現了交(jiao)互。如(ru)果現在(zai)有一雙(shuang)總覽全(quan)局的眼睛,那么(me)如(ru)上所(suo)述的全(quan)部景象,將構成蹦極(ji)這件事物本身的存在(zai)狀態。


二、產品本身存在的狀態是什么?

如(ru)果(guo)你已經理解了什么是(shi)事物本(ben)身的(de)(de)存(cun)在狀(zhuang)態(tai),那(nei)么我(wo)們可以(yi)進一步來(lai)(lai)探討,產(chan)品本(ben)身的(de)(de)存(cun)在狀(zhuang)態(tai)是(shi)什么。如(ru)**部分所說,由于(yu)長時間將眼光(guang)局限在人(ren)的(de)(de)視(shi)野,我(wo)們所看到的(de)(de)事物的(de)(de)存(cun)在狀(zhuang)態(tai)只(zhi)不過是(shi)我(wo)們抽象出來(lai)(lai)的(de)(de)加工品,而并(bing)非事物的(de)(de)原本(ben)樣貌。

舉個最(zui)簡(jian)單的(de)(de)例(li)子。我們(men)不(bu)妨拿起自(zi)己的(de)(de)手機,觀察桌面或抽屜(ti)里(li)的(de)(de)app圖標,看看有(you)幾個是純色的(de)(de)。

應該不少吧。

可是現(xian)實中,幾乎沒有純色調的(de)(de)事物。純白的(de)(de)血,純紅的(de)(de)血,純藍的(de)(de)天(tian),純綠(lv)的(de)(de)草原,只存在純純的(de)(de)詞語(yu)描繪中。也就是說,我(wo)(wo)們(men)生造了這(zhe)些(xie)色彩出(chu)來,只是**步,就讓我(wo)(wo)們(men)與熟(shu)悉的(de)(de)世(shi)界分離(li)。

誠然,我(wo)們無(wu)法否認藝術創(chuang)作(zuo)的(de)(de)(de)(de)重要性,抽(chou)離(li)(li)現實(shi)(shi)而又高于現實(shi)(shi),把現實(shi)(shi)的(de)(de)(de)(de)精髓表現出(chu)來。可是看(kan)(kan)看(kan)(kan)我(wo)們創(chuang)造的(de)(de)(de)(de)色彩,非但沒有把現實(shi)(shi)的(de)(de)(de)(de)美表現出(chu)來,反(fan)而抽(chou)離(li)(li)了它的(de)(de)(de)(de)靈動(dong)性。我(wo)們渴(ke)望從(cong)色彩中(zhong)感知的(de)(de)(de)(de)情感,也在“純粹”中(zhong)被抽(chou)離(li)(li)了神韻。

而當我(wo)們(men)點擊進app中(zhong)后,會(hui)發現(xian)(xian)絕大(da)多數app本身(shen)(shen)是以(yi)靜(jing)態的方式在回應(ying)我(wo)們(men)。而在現(xian)(xian)實中(zhong),如果我(wo)們(men)去(qu)超市,會(hui)有導購員(yuan);如果我(wo)們(men)回小區,會(hui)有門(men)衛;如果我(wo)們(men)去(qu)往(wang)寂靜(jing)無人之地,寂靜(jing)本身(shen)(shen)就顯示出身(shen)(shen)影。我(wo)們(men)依賴于這些聯系體現(xian)(xian)出身(shen)(shen)處的環境(jing),也體現(xian)(xian)出我(wo)們(men)的自身(shen)(shen)屬性。

而大(da)多數產品只(zhi)讓我們體會到什么是人造物的機械感。

為(wei)什么(me)呢?因為(wei)缺(que)少觀察。

捫心自問,我們中有多少(shao)人會(hui)去(qu)逛(guang)畫(hua)展(zhan),會(hui)去(qu)看藝(yi)(yi)術品(pin)。如(ru)果你無法親身前往,也(ye)可以通(tong)過(guo)(guo)谷歌(ge)地球(qiu)、觀妙中國、國家(jia)地理雜(za)志這(zhe)樣的中介物去(qu)瀏覽(lan)。雖(sui)然(ran)本雅明(ming)說藝(yi)(yi)術在復(fu)制(zhi)中會(hui)流失神韻,但即使是復(fu)制(zhi)品(pin)也(ye)好過(guo)(guo)毫無吸收。

再(zai)捫(men)心(xin)自(zi)問,我們中有多少會聽非流行音樂,知道(dao)搖滾(gun)和民謠的區別與差異,知道(dao)后搖、電音、Hip-Hop到底(di)是在講什(shen)么。甚至,我們能(neng)欣(xin)賞古典音樂、鋼琴(qin)、小提琴(qin)、大提琴(qin),分辨不(bu)同(tong)流派的特(te)色。

也許(xu)你會說(shuo),是(shi)工作(zuo)(zuo)壓榨了我(wo)的(de)(de)時間(jian),而這(zhe)些(xie)對工作(zuo)(zuo)沒有(you)思考幫助。甚至有(you)些(xie)激(ji)進(jin)者會抨擊這(zhe)是(shi)布爾(er)喬亞式的(de)(de)中產階級(ji)品(pin)味,于產品(pin)創造(zao)是(shi)絲毫無意義的(de)(de)。

但(dan)產品創(chuang)造究(jiu)竟是(shi)什么呢(ni)?僅僅是(shi)靠流程圖、活動圖、用例圖、順序(xu)圖這一(yi)系列抽象的思維工件推(tui)導(dao)出來(lai)的嗎?邏輯只能推(tui)導(dao)出邏輯,而不能把它形象化,這是(shi)兩個(ge)層面的問(wen)題(ti)。

那(nei)產品經理可能(neng)又(you)說了(le),畫圖是UX和UI的(de)事,產品只需要(yao)負責策劃就好了(le),何況UX和UI也(ye)只需要(yao)逛逛Dribble和花瓣就好。

其實(shi)不(bu)然(ran)。什么是(shi)產(chan)品?產(chan)品是(shi)一套(tao)解(jie)決用戶需求的(de)可(ke)行方(fang)案,它包含的(de)不(bu)只是(shi)內(nei)(nei)在的(de)邏(luo)輯,還(huan)有外在的(de)呈(cheng)現方(fang)式。況且,如(ru)果(guo)你還(huan)記得我上面提到MDA理論(lun),就會(hui)明白呈(cheng)現方(fang)式是(shi)內(nei)(nei)在邏(luo)輯自然(ran)派生出(chu)來(lai)的(de),它們是(shi)水(shui)溶交融的(de)(但(dan)現實(shi)常(chang)常(chang)是(shi)斷裂的(de))。

如果你看過工業設計的(de)(de)(de)展覽,就會發現(xian)它們是(shi)有一(yi)整套設計語言(yan)的(de)(de)(de)。我曾經看過一(yi)個(ge)名為(wei)“繭(jian)”的(de)(de)(de)設計展,整個(ge)展差不(bu)多(duo)有十多(duo)部(bu)分,但每部(bu)分都是(shi)以繭(jian)的(de)(de)(de)不(bu)同階段(duan)去呈現(xian)展示,通過“繭(jian)”漢字的(de)(de)(de)變體(ti)去把每個(ge)部(bu)分勾連(lian)起來(lai),達(da)到整體(ti)的(de)(de)(de)統一(yi)。

而(er)現在很多產品,不是因為舊代碼沒法重寫導致新的(de)模塊與老模塊風格(ge)大相徑庭,就是壓根(gen)沒這(zhe)個理念。當然現在大家都用Ant design,估計也不會(hui)有(you)這(zhe)方面的(de)煩惱。

Just kidding。我想闡述的是(shi),為什么很(hen)多產品沒(mei)有“靈氣”,很(hen)大原因(yin)就是(shi)因(yin)為產品經理(萬年背鍋俠)沒(mei)有美(mei)學素養。我們整(zheng)天和思(si)維(wei)打交道,抽(chou)象(xiang)化(hua)的思(si)維(wei)發達了,而忽略(lve)了具象(xiang)化(hua)思(si)維(wei)的培養。

要知道,人是(shi)有八種(zhong)智能的,而自(zi)然規律告(gao)訴我(wo)們,用進廢退。有些(xie)能力,你不去培養,它就會退化(hua)。


三、你有沒有觀察過汽車是怎么發動的?

回到(dao)我(wo)最(zui)開始的(de)(de)那個問(wen)題:你有沒(mei)有觀察過汽(qi)車(che)是怎(zen)么發動的(de)(de)?我(wo)在寫(xie)這個問(wen)題的(de)(de)時候(hou),想(xiang)到(dao)的(de)(de)是莫泊(bo)桑去向(xiang)福(fu)樓(lou)拜求教如何(he)寫(xie)作,福(fu)樓(lou)拜讓他去觀察門(men)外穿行的(de)(de)車(che)輛,莫泊(bo)桑這樣做了,最(zui)后寫(xie)出(chu)了《羊脂球》。

這個故事當然是(shi)老掉牙了(le),但(dan)它(ta)提醒我們(men)的是(shi),我們(men)厭惡爛劇(ju),是(shi)因為(wei)它(ta)沒有(you)血(xue)肉。我們(men)喜歡好劇(ju),是(shi)因為(wei)它(ta)真實,不單是(shi)邏輯(ji),還(huan)在(zai)(zai)于劇(ju)中角色在(zai)(zai)特(te)定場合的表(biao)現(xian)。

產品也是這樣,它表現給用(yong)戶的,一定是內生于產品本身邏輯,同(tong)時與真實(shi)環境(jing)接壤的產物。

你(ni)應該用微(wei)(wei)信(xin)吧。不知道你(ni)是否注(zhu)意(yi)到(dao),每次(ci)你(ni)退出(chu)的(de)(de)時候(hou),微(wei)(wei)信(xin)的(de)(de)兩個(ge)氣(qi)泡(pao)會向你(ni)眨(zha)眼睛。眼神是最古(gu)老的(de)(de)信(xin)息傳遞媒(mei)介(jie),只這一眨(zha),就絕妙(miao)地(di)與微(wei)(wei)信(xin)本身的(de)(de)屬性契合了(強行尬吹)。

再比如(ru)某款卡片(pian)日記(ji)類產(chan)(chan)品,用戶每天記(ji)錄心情,而卡片(pian)會隨著心情而改變,開心是(shi)橙色,難過(guo)是(shi)灰(hui)色。寫到這兒,我突然又想起純銀開發(fa)的(de)一(yi)款小產(chan)(chan)品生之時,絕(jue)妙的(de)創意(yi)。他后來操刀(dao)的(de)一(yi)罐(guan)也是(shi)我很愛的(de)產(chan)(chan)品,大(da)(da)海,樹洞,把(ba)秘(mi)密藏進(jin)罐(guan)頭,扔進(jin)大(da)(da)海,有緣(yuan)人(ren)相遇。整(zheng)個產(chan)(chan)品的(de)設計理(li)念與(yu)UI風格,交互方(fang)式融為一(yi)體,既溫暖又有美感。可惜已(yi)經停止運營了。

還有師母的網(wang)易(yi)云(yun)(雖然也(ye)離(li)職了),已經國民(min)級產(chan)品了。不知道是否有人注意到,它(ta)的電(dian)腦端,歌詞頁(ye)的背景(jing)是潑墨狀,由唱片機機向(xiang)四周暈染開來。

為什么呢?可(ke)能要問當事人了,但正(zheng)是這(zhe)種(zhong)微(wei)小的地(di)方最值得思考。

再舉例(li),可能還(huan)能扯(che)出一大堆(dui)來,阿(a)北的(de)豆瓣、國外的(de)Snapchat、網易的(de)易水寒,,這些產品分(fen)布在(zai)不同的(de)領域,但它(ta)們的(de)共同特點(dian)就是真實、有(you)血有(you)肉(rou)。

很(hen)難(nan)想(xiang)象一個只會在邏輯層次思考的產(chan)品經理能夠架構出這些產(chan)品來。

但很抱歉(qian),我嘚啵了這么多,只(zhi)強調了具象化(hua)的(de)(de)(de)(de)重要性,卻沒給出(chu)一(yi)個快捷通道(dao)。原因(yin)在于,我還沒有找(zhao)到。我所(suo)能知道(dao)的(de)(de)(de)(de),其實(shi)都已(yi)經(jing)講了。觀察,去(qu)看杰出(chu)的(de)(de)(de)(de)藝術(shu)家,是怎么誕生(sheng)靈感的(de)(de)(de)(de)?從他們的(de)(de)(de)(de)作品中去(qu)體察布局(ju)、色彩(cai)運(yun)用(yong),背后的(de)(de)(de)(de)設計理念,其所(suo)呼應的(de)(de)(de)(de)現(xian)實(shi)背景。

勻出一點時間(jian),去(qu)(qu)看(kan)看(kan)星星(有(you)霧霾就去(qu)(qu)看(kan)BBC或者(zhe)網飛的(de)(de)紀(ji)錄片),去(qu)(qu)觀(guan)察真實的(de)(de)世界是(shi)如何運轉的(de)(de)。只有(you)這(zhe)樣,我們(men)才(cai)能知道,汽車不是(shi)發動,跑這(zhe)么(me)簡(jian)單,它(ta)遇到障礙(ai),輪胎會緩震,車內(nei)的(de)(de)人會顛簸。

即(ji)使世界的(de)(de)(de)(de)本(ben)質是斷(duan)裂(lie)的(de)(de)(de)(de),但以人的(de)(de)(de)(de)尺度,它就是在不斷(duan)運動(dong)的(de)(de)(de)(de),產品是動(dong)態而非靜態的(de)(de)(de)(de),只有領會到這(zhe)一點,才會在策劃的(de)(de)(de)(de)時候,構思的(de)(de)(de)(de)時候,以一種(zhong)整體性的(de)(de)(de)(de)視角去看待。

這不是用戶(hu)體(ti)驗,而是整(zheng)個產品架構的一(yi)部分。它決(jue)定(ding)著我們一(yi)開始只想造(zao)個機器(qi)人還(huan)是有(you)智(zhi)慧的機械(xie)造(zao)物,而前者在大(da)概(gai)率(lv)上不可能變成后者。