萬(wàn)字長(zhǎng)文,教你練就產(chǎn)品設(shè)計(jì)之九陽(yáng)神功
產(chǎn)品設(shè)計(jì)面臨困境,有什么辦法可以跳脫現(xiàn)狀,提升產(chǎn)品設(shè)計(jì)的水平?筆者給出了自己總結(jié)的“九陽(yáng)神功”,與大家分享~~
今天早上,小A被拉去開(kāi)了個(gè)會(huì),領(lǐng)導(dǎo)說(shuō)要做個(gè)XXX功能,小A午飯也沒(méi)顧上吃,就開(kāi)始畫方案。晚上領(lǐng)導(dǎo)看了小A的方案,不是太滿意,離領(lǐng)導(dǎo)的感覺(jué)還差個(gè)十萬(wàn)八千里。這是今年小A磨的第5個(gè)方案,小A感覺(jué)已經(jīng)堅(jiān)持不下去了。
小B的方案今天又被斃掉了,今天是小B換的第N家公司,被懟的第273天,雖然小B私底下也會(huì)偷偷地噴自己的需求上游,但內(nèi)心里也確實(shí)認(rèn)可了自己是個(gè)垃圾的事實(shí)。
小C最近學(xué)了很多產(chǎn)品上的術(shù)語(yǔ):“XXX定律、XXX效應(yīng)、XXX畫布、XXX模型、XXX觸點(diǎn)”……最近發(fā)現(xiàn)和小C很難溝通,不說(shuō)人話,動(dòng)不動(dòng)就飆個(gè)專業(yè)術(shù)語(yǔ),或者搬一個(gè)唱爛大街的概念“以用戶為中心”、“數(shù)據(jù)驅(qū)動(dòng)”、“要滿足用戶特定場(chǎng)景下的需求”,和小C討論問(wèn)題時(shí),特別累、低效、無(wú)趣,感覺(jué)他跟背書一樣。
小A磨不出領(lǐng)導(dǎo)想要的方案、小B越來(lái)越覺(jué)得自己就是個(gè)垃圾、小C變的越來(lái)越孔乙己……
很多事沒(méi)有結(jié)果可能并不是我們不夠努力,只是方法出了點(diǎn)問(wèn)題。
倚天屠龍記里明教光明左使楊逍苦修乾坤大挪移多年,最終只能修煉至第二層;而張無(wú)忌只用了半天就學(xué)到了第九層。為什么?
相比于楊逍,張無(wú)忌之前練過(guò)九陽(yáng)神功,這讓他對(duì)乾坤大挪移里面的口訣有著更深刻的理解。
如果你的現(xiàn)狀里或多或少也有小A、小B、小C的影子,別慌,坐下,待我也傳你一套九陽(yáng)神功。
九陽(yáng)神功第一式:發(fā)現(xiàn)問(wèn)題
發(fā)現(xiàn)問(wèn)題主要有三種途徑,分別是:應(yīng)用評(píng)論、調(diào)查研究、競(jìng)品分析。
1. 應(yīng)用評(píng)論
應(yīng)用評(píng)論是我們了解產(chǎn)品使用現(xiàn)狀的最直接方式,可以通過(guò)七麥數(shù)據(jù)、蟬大師等平臺(tái)搜索自己想要了解的應(yīng)用,查看各個(gè)渠道的評(píng)論。
“應(yīng)用評(píng)論信息的收集渠道”
重點(diǎn)關(guān)注3星以下評(píng)論,因?yàn)閺脑u(píng)論角度,用戶不太會(huì)因?yàn)檫@個(gè)產(chǎn)品好用而特意去應(yīng)用商店評(píng)論一番,但大概率會(huì)因?yàn)檫@個(gè)難用,去應(yīng)用商店吐槽。
當(dāng)然,也并不是絕對(duì)的,有些忠誠(chéng)用戶確實(shí)會(huì)因?yàn)樘貏e喜歡某個(gè)功能,會(huì)特意去評(píng)價(jià)。
通過(guò)三星以下評(píng)論,可以收集產(chǎn)品的改進(jìn)點(diǎn):
“通過(guò)三星以下評(píng)論收集產(chǎn)品的改進(jìn)點(diǎn)”
通過(guò)三星以上評(píng)論,可以了解在用戶心目中的核心功能有哪些:
“通過(guò)三星以上評(píng)論了解用戶心目中的核心功能有哪些”
收集完評(píng)論后,我們需要對(duì)收集的信息進(jìn)行化簡(jiǎn),首先需要從內(nèi)容上對(duì)相似的評(píng)論進(jìn)行合并同類項(xiàng),其次將合并后的評(píng)論信息抽象出關(guān)鍵詞,便于我們后續(xù)流程中的記憶。
“應(yīng)用市場(chǎng)評(píng)論信息的整理:合并同類項(xiàng)+抽象關(guān)鍵詞”
2. 調(diào)查研究
調(diào)查研究過(guò)程中最常見(jiàn)的一類問(wèn)題,就是研究者在開(kāi)始前就沒(méi)有目標(biāo),盲目做一些探索性的研究,導(dǎo)致研究與實(shí)踐嚴(yán)重脫節(jié):分析師很努力,卻像只蜻蜓一樣每天重復(fù)水上漂的工作;產(chǎn)品設(shè)計(jì)師很努力,卻像個(gè)盲人一樣絞盡腦汁地磨方案。
無(wú)論是問(wèn)卷調(diào)查、還是用戶訪談,開(kāi)始之前,必須先確定研究的目標(biāo)是什么,研究目標(biāo)就是我們產(chǎn)品根據(jù)自身經(jīng)驗(yàn)提出的假設(shè)。
我自己是網(wǎng)易云音樂(lè)的忠實(shí)用戶,收藏了一萬(wàn)多首歌,這導(dǎo)致我很難遷移到其他平臺(tái),那么對(duì)于我要解決的收藏是不是也有類似的關(guān)系呢?
即針對(duì)我要優(yōu)化的收藏功能,假設(shè)可以為:“收藏?cái)?shù)量越多,用戶留存率越高”、“有收藏的用戶留存要高于沒(méi)有收藏的用戶”。
“關(guān)于收藏功能的假設(shè)”
雖然調(diào)研之前,我們自己心里一定要有假設(shè),避免沒(méi)有目的的調(diào)研。但這個(gè)過(guò)程中,我們一定要保持一顆謙卑的心態(tài),尊重事實(shí),避免上帝視角,只關(guān)注佐證我們的想法的現(xiàn)象。
舉個(gè)例子,上學(xué)時(shí),老師叮囑我們做完試卷,一定要認(rèn)真檢查,但當(dāng)我們真的去檢查時(shí),發(fā)現(xiàn)很難查出因?yàn)榇中淖鲥e(cuò)的題目。為什么會(huì)這樣?
因?yàn)槲覀兿热霝橹髁搜?,我們不?huì)質(zhì)疑自己是否粗心了,只會(huì)按照之前先入為主的思維把解題條件再演練一邊,佐證自己答案沒(méi)有錯(cuò)。
工作中我們很多人依然被這種思維毒害,把自己先入為主的思維強(qiáng)加于產(chǎn)品。所謂的調(diào)研,只不過(guò)是為了佐證自己的觀點(diǎn)沒(méi)有錯(cuò),最后毒害的結(jié)果就是我們沒(méi)有結(jié)果。
工作中我們看到太多過(guò)程很華麗、很努力,結(jié)果卻是個(gè)大鴨蛋的例子。
沒(méi)有結(jié)果的產(chǎn)品、設(shè)計(jì)師就好比敗軍之將,或許外人并不了解我們的結(jié)果,只是為我們絢麗的過(guò)程所吸引,但在同事面前,依然會(huì)被瞧不起。所以在想被同事看得起之前,我們先學(xué)會(huì)如何尊重事實(shí)吧。
在調(diào)研過(guò)程中還需要注意的是,我們調(diào)研的對(duì)象或許只是個(gè)沒(méi)有靈魂的殼子。
特定場(chǎng)景下,我們的很多行為其實(shí)都屬于帶有“防御性質(zhì)”的下意識(shí)行為。面試時(shí),我們會(huì)努力去扮演所在行業(yè)里比較優(yōu)秀的殼(角)子(色);如果扮演破相了,或與面試官期望中的殼子類型相差過(guò)大,那我們就涼涼了。
你問(wèn)我喜歡網(wǎng)易云音樂(lè)還是酷狗,我肯定會(huì)告訴你網(wǎng)易云音樂(lè),畢竟可以顯得我審美沒(méi)那么低嘛,但我私下里確實(shí)在用酷狗聽(tīng)網(wǎng)易云音樂(lè)里沒(méi)有的歌。即你獲取的僅是我的殼子,你拿殼子去搭建產(chǎn)品,那一定是形式的,更別談體驗(yàn)了。
怎么辦呢?
首先,你自己得先脫掉角色化外殼,不能因?yàn)樽约阂彩沁@么感覺(jué)的,就給別人也貼上這樣的標(biāo)簽。
就好像你問(wèn)我喜歡哪個(gè)音樂(lè)平臺(tái),其實(shí)你已經(jīng)在角色化預(yù)期我了,網(wǎng)易云這么有逼格,你不會(huì)去選擇一個(gè)low-low的酷狗吧。
其次,你得給調(diào)研對(duì)象創(chuàng)造出一個(gè)容易讓人卸下防御的交流環(huán)境。
比如開(kāi)頭你可以直接說(shuō):“雖然我很喜歡網(wǎng)易云給我推薦的歌,和每首歌精彩的評(píng)論,但是我也喜歡酷狗很多接地氣的功能”。這時(shí)被調(diào)研的我,可能會(huì)被擊中心聲,于是毫無(wú)顧慮地講出那個(gè)真實(shí)的我。
3. 競(jìng)品分析
競(jìng)品分析的目的是借鑒別人好的解決方案,避免因?yàn)樽约洪]門造車,產(chǎn)出一些蹩腳的創(chuàng)新。
發(fā)現(xiàn)需求階段,通過(guò)競(jìng)品分析可以發(fā)現(xiàn)產(chǎn)品當(dāng)前現(xiàn)狀問(wèn)題,幫助我們提出產(chǎn)品假設(shè)。
一個(gè)案例
通過(guò)對(duì)比知乎這種問(wèn)答容器,我們發(fā)現(xiàn)競(jìng)品的問(wèn)答感更強(qiáng)、內(nèi)容更有吸引力。
“針對(duì)問(wèn)答容器的競(jìng)品分析”
于是我們出了一版針對(duì)這條假設(shè)的驗(yàn)證方案:
“針對(duì)問(wèn)答容器的優(yōu)化前后對(duì)比”
面試過(guò)程中,我們經(jīng)常會(huì)遇到這樣的四連問(wèn) “改之前是啥樣子?有啥問(wèn)題嗎?你改了哪些?為什么可以這么改?”
競(jìng)品主要幫助我們回答最后一個(gè)問(wèn)題:為什么可以這么改,它是除了客觀數(shù)據(jù)之外,最有信服的說(shuō)服依據(jù)。
領(lǐng)導(dǎo):你為啥要把這個(gè)改成這樣?
我:我參考了A、B等競(jìng)品,發(fā)現(xiàn)有幾種設(shè)計(jì)細(xì)節(jié)很不錯(cuò): 他們通過(guò)XXX細(xì)節(jié)從而讓用戶更有動(dòng)力去用;他們通過(guò)XXX細(xì)節(jié)從而更方便用戶在XXX的場(chǎng)景下XXX的操作。
我:所以我借鑒了XXX競(jìng)品期望能夠讓用戶更有動(dòng)力去用它; 借鑒了XXX競(jìng)品的XXX細(xì)節(jié)從而方便用戶在XXX場(chǎng)景下的XXX操作。
這樣的溝通場(chǎng)景會(huì)不會(huì)比“我覺(jué)得”要來(lái)的更有說(shuō)服力呢?更顯得我們靠譜、專業(yè)呢?
現(xiàn)實(shí)溝通場(chǎng)景下,當(dāng)別人問(wèn)我們?yōu)樯兑趺醋鰰r(shí),我們?nèi)绻卮稹癤XX競(jìng)品也是這么做的”,距離別人信服我們,其實(shí)已經(jīng)成功一半了。
這個(gè)思路同樣可以應(yīng)用在方案稿產(chǎn)出中,把我們參考的競(jìng)品最好截圖下來(lái),清晰地告訴別人我這處改動(dòng)是參考了哪個(gè)競(jìng)品的什么細(xì)節(jié)。
“+面板改動(dòng)說(shuō)明”
“聯(lián)想面板改動(dòng)說(shuō)明”
九陽(yáng)神功第二式:研究問(wèn)題
1. 研究問(wèn)題的目的是為了更好地理解
生活中因?yàn)椴焕斫?,?dǎo)致我們一點(diǎn)兒也不幸福:
打王者農(nóng)藥過(guò)程中,不理解父母的嘮叨,被他們貼上“煩”、“浪費(fèi)時(shí)間”的標(biāo)簽,于是很匆匆掛完他們的電話;
女朋友沖我們發(fā)火,覺(jué)得她無(wú)理取鬧,給她貼上“不講道理”的標(biāo)簽,試圖和她講道理,結(jié)果把矛盾再次激化;
工作當(dāng)中,不理解領(lǐng)導(dǎo)為啥總是那么苛刻,給他貼上“昏庸無(wú)道”的標(biāo)簽,于是和領(lǐng)導(dǎo)漸行漸遠(yuǎn),結(jié)果把自己整離職了。
1)產(chǎn)品設(shè)計(jì)過(guò)程中因?yàn)椴涣私?,?dǎo)致我們很難做到以終為始
不了解指標(biāo)的計(jì)算公式,只是從數(shù)據(jù)分析師命名的字面意義去揣測(cè)這個(gè)指標(biāo)的表現(xiàn),佐證自己先入為主的想法,心血來(lái)潮,動(dòng)用幾十號(hào)人耗時(shí)半個(gè)月搞出來(lái)了,結(jié)果指標(biāo)不為所動(dòng),最后只能不了了之。
對(duì)問(wèn)題還不夠了解,導(dǎo)致我們一不小心把產(chǎn)品做成了功能。
做產(chǎn)品追求的是結(jié)果,即我這個(gè)方案能不能解決用戶問(wèn)題?
做功能的目標(biāo)僅是完成,即按照上面要求我做完了功能。任務(wù)完成了,下個(gè)迭代計(jì)劃是什么,不知道,走一步算一步吧,看上級(jí)指示。
上述情況更容易發(fā)生在新人身上,主要因?yàn)椋盒氯藢?duì)于業(yè)務(wù)不熟悉,導(dǎo)致我們沒(méi)有能力憑借自己的理解主導(dǎo)整個(gè)產(chǎn)品設(shè)計(jì);新人迫于轉(zhuǎn)正、評(píng)分等壓力,無(wú)暇顧及需求本身,更容易把上級(jí)需求意會(huì)成命令,命令不容質(zhì)疑,一旦萌發(fā)質(zhì)疑想法,需要強(qiáng)行自我洗腦;新人羞于暴露問(wèn)題,習(xí)慣在自我舒適區(qū)內(nèi)做一些意會(huì)錯(cuò)的決策。
我的老師有句讓我印象非常深刻的話:“沒(méi)想清楚就不要去做,要做就做自己已經(jīng)想清楚的事情”。初聽(tīng)這句話,我并沒(méi)有深刻的理解,也只是意會(huì)成一種命令,就像課堂上老師叮囑我們要好好學(xué)習(xí)一下,只是耳朵聽(tīng)見(jiàn)了,內(nèi)心并沒(méi)有聽(tīng)到。
直到后來(lái),我把老師交給我的方案搞砸了,把一個(gè)面向用戶的服務(wù)做成了我意會(huì)錯(cuò)的功能,我內(nèi)心終于聽(tīng)到了這句話“沒(méi)想清楚就不要去做,要做就做自己已經(jīng)想清楚的事情”。
2)設(shè)計(jì)細(xì)節(jié)分析過(guò)程中因?yàn)椴涣私?,?dǎo)致我們坐井觀天
微信有個(gè)長(zhǎng)按語(yǔ)音的設(shè)計(jì)細(xì)節(jié):用戶長(zhǎng)按后,上滑會(huì)出現(xiàn)兩個(gè)選擇“取消發(fā)送”、“將語(yǔ)音轉(zhuǎn)化為文字”。
如果不去了解這個(gè)細(xì)節(jié),我們會(huì)武斷地認(rèn)為這個(gè)細(xì)節(jié)不好,多了個(gè)選擇,讓用戶有多思考了一下,這不符合“Don’t make me think ”原則;全國(guó)有1億的人在教張小龍?jiān)撊绾巫霎a(chǎn)品,這次又多了一個(gè)。
但如果我告訴你一個(gè)故事:微信有些用戶很煩別人給他發(fā)語(yǔ)音,讀起來(lái)很麻煩,特別是連收多個(gè)長(zhǎng)語(yǔ)音時(shí)。
這個(gè)故事告訴我們,對(duì)于部分用戶,語(yǔ)音形式確實(shí)方便了發(fā)送;但也給發(fā)送方帶來(lái)了顧慮,因?yàn)閷?duì)方讀起來(lái)很麻煩,甚至?xí)訜?。所以,?dāng)用戶發(fā)語(yǔ)音過(guò)程中有顧慮時(shí),就可以通過(guò)上滑方式喚出可以讓自己消除顧慮的操作——“語(yǔ)音轉(zhuǎn)文字”。
2. 怎么研究問(wèn)題
1)首先,無(wú)論是來(lái)源于內(nèi)心的恐懼還是懶惰,面對(duì)自己與問(wèn)題之間的關(guān)系時(shí),一定要主動(dòng)研究,切忌被動(dòng)接受。
這里總結(jié)了一些如何主動(dòng)研究的經(jīng)驗(yàn):
要想主動(dòng),必須熱愛(ài),如果僅僅當(dāng)成謀生的工作,是真的很難做好的。
我上學(xué)時(shí)英語(yǔ)不太好,看文獻(xiàn)很吃力,但我很喜歡聽(tīng)歌,后來(lái)我開(kāi)始享受在網(wǎng)易云音樂(lè)上邊聽(tīng)歌邊看單詞的過(guò)程,這導(dǎo)致我后來(lái)再看文獻(xiàn)時(shí),幾乎沒(méi)什么壓力。
所以,在主動(dòng)研究問(wèn)題之前,最好先培養(yǎng)自己的業(yè)務(wù)愛(ài)好。我們公司是做股票軟件的,我在剛進(jìn)入公司不久,只做了一件事——開(kāi)戶炒股。每天的心情隨著股價(jià)波動(dòng)而波動(dòng),賬戶一紅,整個(gè)人可以亢奮一天;賬戶一綠,害怕得要死,去雪球(股票社區(qū))尋找安慰,研究明天是賣還是繼續(xù)拿著,這個(gè)過(guò)程讓我非常喜歡研究股票類的問(wèn)題。
不懂的就去問(wèn),問(wèn)一遍沒(méi)懂,那就去問(wèn)第二遍,第二遍還沒(méi)懂就問(wèn)第三遍……直到我們真的理解了,不要怕麻煩別人,只要他對(duì)你尋找答案有幫助,就去麻煩。
弱者才會(huì)在意面子、自尊這些東西,作為強(qiáng)者的我們,內(nèi)心其實(shí)只能裝下兩個(gè)字,它叫“結(jié)果”。哪怕有一天,你在追尋結(jié)果的道路上真的被傷了自尊,那又何妨呢,你依然是個(gè)值得尊敬的強(qiáng)者。
為了確保我們確實(shí)理解了對(duì)方想法,最好把自己的理解再重復(fù)一遍給對(duì)方,讓對(duì)方確認(rèn)我們的理解是否還存在偏差。最后我們還要做成會(huì)議記錄,把這些確認(rèn)無(wú)誤的點(diǎn),以郵件的形式抄送給項(xiàng)目相關(guān)人員。這樣做的好處是:一方面是把信息及時(shí)傳達(dá)給項(xiàng)目其他成員,形成團(tuán)隊(duì)共識(shí);另一方面,是當(dāng)細(xì)節(jié)開(kāi)發(fā)過(guò)程中出現(xiàn)爭(zhēng)議時(shí)還可以溯源。
出問(wèn)題不可恥,可恥的是隱瞞問(wèn)題,遮遮掩掩、支支吾吾、迷迷糊糊。有疑惑,馬上反饋出來(lái),及時(shí)確定;有困難,馬上反饋出來(lái),及時(shí)尋求團(tuán)隊(duì)幫助,共同尋找解決辦法。
項(xiàng)目評(píng)審中經(jīng)常出現(xiàn)因?yàn)榍捌谠u(píng)審不仔細(xì),到了deadline的時(shí)候,才發(fā)現(xiàn)某塊功能做不了,最終導(dǎo)致功能不得不砍的情況。如果我們當(dāng)初評(píng)審仔細(xì)一點(diǎn),早點(diǎn)把問(wèn)題暴露出來(lái),最終的效果會(huì)不會(huì)完全不一樣。
2)其次,要想理解先學(xué)會(huì)拆解,我們?cè)撊绾尾鸾鈫?wèn)題呢?
我們可以從兩個(gè)緯度對(duì)第一式中發(fā)現(xiàn)的問(wèn)題進(jìn)行拆解:
- 理解問(wèn)題發(fā)生的場(chǎng)景是什么;
- 理解問(wèn)題的影響什么。
以競(jìng)品分析過(guò)程中發(fā)現(xiàn)的設(shè)計(jì)細(xì)節(jié)為例,看看應(yīng)該如何針對(duì)這個(gè)競(jìng)品細(xì)節(jié)進(jìn)行研究。
通過(guò)對(duì)比雪球與知乎兩個(gè)社區(qū)針對(duì)評(píng)論內(nèi)容的設(shè)計(jì),我們發(fā)現(xiàn)一個(gè)現(xiàn)象:
雪球把回復(fù)內(nèi)容也作為評(píng)論內(nèi)容的一種,在信息層級(jí)上,兩者是平級(jí)的,按照同一個(gè)展示規(guī)則(最新/熱度)依次展示對(duì)應(yīng)內(nèi)容。不過(guò)由于回復(fù)內(nèi)容與評(píng)論內(nèi)容的上文場(chǎng)景是不一樣的,回復(fù)內(nèi)容的上文場(chǎng)景是被回復(fù)的內(nèi)容,而評(píng)論內(nèi)容的上文場(chǎng)景是被評(píng)論的帖子。因此被評(píng)論貼在下,需要針對(duì)回復(fù)內(nèi)容補(bǔ)充上文場(chǎng)景,帶上被回復(fù)內(nèi)容,讓用戶更容易理解回復(fù)內(nèi)容意思。
而知乎把回復(fù)內(nèi)容作為評(píng)論內(nèi)容的補(bǔ)充,在信息層級(jí)上,回復(fù)內(nèi)容屬于評(píng)論內(nèi)容的下一層級(jí),并且出現(xiàn)多個(gè)回復(fù)內(nèi)容時(shí),會(huì)折疊掉剩余回復(fù)。
“社區(qū)評(píng)論容器設(shè)計(jì)的差異”
3. 為什么會(huì)有這樣的差異呢?
題發(fā)生的場(chǎng)景
雪球社區(qū)大部分活躍內(nèi)容都比較輕量,類似于微信朋友圈說(shuō)說(shuō),字?jǐn)?shù)不會(huì)很多,使用路徑更發(fā)散,從A到B再到C…
問(wèn)題的影響
回復(fù)內(nèi)容與評(píng)論內(nèi)容兩者在信息層級(jí)上齊平,更有利于這種發(fā)散式使用路徑。
“雪球使用場(chǎng)景特征”
問(wèn)題發(fā)生的場(chǎng)景
相比于雪球,知乎社區(qū)內(nèi)容更聚焦,以話題的形式聚合了很多相關(guān)的內(nèi)容,使用路徑相比之下更聚焦,用戶更一般比較關(guān)系A(chǔ)話題,不太會(huì)去發(fā)散B、C之類的。
問(wèn)題的影響
將回復(fù)內(nèi)容通過(guò)評(píng)論內(nèi)容收起,更有利于用戶聚焦關(guān)心的A話題。
“知乎使用場(chǎng)景特征”
九陽(yáng)神功第三式:抽象問(wèn)題
1. 抽象的目的,讓我們更容易發(fā)現(xiàn)規(guī)律
圖中統(tǒng)計(jì)了某項(xiàng)關(guān)鍵指標(biāo)在上線前后兩周的數(shù)據(jù)情況(數(shù)據(jù)說(shuō)明:圖中數(shù)據(jù)為筆者虛構(gòu),非真實(shí)項(xiàng)目數(shù)據(jù))
。
左邊是未抽象的數(shù)據(jù)結(jié)果,紅色放大部分表示上線時(shí)間節(jié)點(diǎn)那天該關(guān)鍵指標(biāo)的表現(xiàn)。我們很難從這張圖上看出上線后一周,該指標(biāo)到底有沒(méi)有比上線前表現(xiàn)要好,乍一看上去,幾乎沒(méi)什么變化。
右邊是我們通過(guò)折線圖這種數(shù)據(jù)可視化的方式,將該指標(biāo)上線前后兩周的數(shù)據(jù)結(jié)果抽象了出來(lái)。通過(guò)對(duì)比上線前后兩周的峰谷值,我們發(fā)現(xiàn)上線后該關(guān)鍵指標(biāo)正在突破上線前一周的上軌。
“未抽象結(jié)果與抽象后結(jié)果比較”
這個(gè)案例告訴我們:“選擇合適的可視化的方式對(duì)研究的問(wèn)題結(jié)果進(jìn)行抽象,可以幫助我們發(fā)現(xiàn)結(jié)果背后的規(guī)律或?qū)ふ业浇Y(jié)果背后的機(jī)會(huì)”。
2. 有哪些抽象方法:用戶畫像、體驗(yàn)地圖
通過(guò)用戶畫像將第二式過(guò)程中研究的問(wèn)題按照一定的線索串聯(lián)起來(lái),抽象成一兩個(gè)關(guān)鍵點(diǎn),并形成產(chǎn)品設(shè)計(jì)過(guò)程中輔助我們進(jìn)行UCD決策的依據(jù),最終能讓我們更聚焦自己的服務(wù)。
某社交應(yīng)用構(gòu)建的用戶畫像,如圖所示主要包含4部分內(nèi)容:
“某生活服務(wù)類網(wǎng)站的用戶畫像”
1. 她(他)是誰(shuí):叫什么名字、做什么的?
- Chsirtina是一個(gè)自由平面設(shè)計(jì)師;
- Maria是一個(gè)新聞編輯;
- James是一個(gè)高級(jí)工程師。
2. 他們有哪些可以被滿足的價(jià)值主張:針對(duì)我們服務(wù)的領(lǐng)域,用戶的態(tài)度是什么樣子的?有哪些相關(guān)的場(chǎng)景或特征?
- Christina:生活也應(yīng)該是一個(gè)創(chuàng)造性的過(guò)程;有些錢,雖然不是非常多;白天整個(gè)時(shí)間幾乎都在努力工作,包括屬于她自己的時(shí)間;走路是Christina全天的主要活動(dòng)方式。
- Maria:我想永遠(yuǎn)保持身心健康,比較熱衷健康概念;會(huì)使用一些常用的信息軟件尋找每日活動(dòng);比較享受社交組織活動(dòng)。
- James:我非常清楚我現(xiàn)在正在做什么,我非常愿意嘗試新事物,非常愿意在這方面付費(fèi);喜歡網(wǎng)上和別人聊天;知道健康非常重要。
3. 用戶基礎(chǔ)屬性信息主要包括:年齡、居住地址、教育水平、職業(yè)、生活狀況(和室友住在一起?結(jié)婚了?單身?)、興趣愛(ài)好、最喜歡看的電視、性格。
4. 用戶目標(biāo):用戶用這個(gè)是為了干什么?
Chsirtina使用這個(gè)網(wǎng)站是為了:
- 晚上,給她一個(gè)出門活動(dòng)活動(dòng)的理由;
- 晚上,更方便她了解自己的周圍環(huán)境;
- 晚上,可以找到更安全的地方;
- 晚上,晚上可以和朋友拓展更多的社交活動(dòng)。
Maria使用這個(gè)網(wǎng)站是為了:
- 方便朋友聚一聚;
- 晚上,可以找到安全的步行路線;
- 通過(guò)更多的信息,可以獲得一種安全感;
- 找到可能感興趣的社交活動(dòng)參加;
- 通過(guò)行走獲得更多身心的放松。
James使用這個(gè)網(wǎng)站是為了:
- 跟進(jìn)移動(dòng)互聯(lián)網(wǎng)的最新趨勢(shì);
- 將更多的時(shí)間投入在行走,并取代其他運(yùn)動(dòng)方式;
- 通過(guò)這個(gè)軟件可以認(rèn)識(shí)一些新的朋友;
- 晚上步行,感覺(jué)很自由;
- 可以研究這種新的社交方式;
- 感受一種社交方法并且能獲得一種安全感。
如果說(shuō)用戶畫像通過(guò)一兩個(gè)點(diǎn),幫助我們聚焦自己的服務(wù)范圍,那么體驗(yàn)地圖就是關(guān)于這些點(diǎn)的運(yùn)動(dòng)軌跡,幫助我們從全局視角去有重點(diǎn)地輸出我們服務(wù)內(nèi)容。
“體驗(yàn)地圖框架”
如圖所示,一個(gè)完整的體驗(yàn)地圖框架應(yīng)該包含以下幾個(gè)部分:
區(qū)域A:用戶體驗(yàn)地圖的描述范圍
Q1. 用戶畫像:她(他)是誰(shuí)?
Q2. 使用場(chǎng)景:她(他)要干什么?目的是什么?
區(qū)域B:可視化體驗(yàn)過(guò)程
Q3. 體驗(yàn)過(guò)程:她(他)要干的這件事可以分為幾個(gè)部分?
Q4. 用戶行為:不同部分下對(duì)應(yīng)的具體行為有哪些?
Q5. 用戶想法:不同部分下用戶有什么痛點(diǎn)與訴求?
Q6. 情緒曲線:不同行為下用戶的情緒如何:消極的?中性的?積極的?為了更好地說(shuō)明情緒,我們可以將調(diào)研過(guò)程中的視頻、圖片、訪談?wù)Z音、訪談?dòng)涗涃N在對(duì)應(yīng)曲線附近。
區(qū)域C:機(jī)會(huì)分析
Q7. 機(jī)會(huì)點(diǎn):針對(duì)不同部分下用戶的體驗(yàn)情況,我們有哪些機(jī)會(huì);
Q8. 業(yè)務(wù)輸出重點(diǎn):針對(duì)不同部分下的機(jī)會(huì),我們的業(yè)務(wù)輸出重點(diǎn)是什么?
3. 從用戶畫像到體驗(yàn)地圖的應(yīng)用實(shí)踐
圖中是劉津老師《從無(wú)中生有到快速迭代 產(chǎn)品不同階段設(shè)計(jì)方法及策略》中關(guān)于用戶畫像、體驗(yàn)地圖的應(yīng)用案例。
“網(wǎng)易保健品商場(chǎng)用戶診斷”
用戶畫像:
我們從用戶畫像4要素對(duì)案例中的用戶畫像進(jìn)行分析:
Q1. 她(他)是誰(shuí):叫什么名字、做什么的?
A1. 趙成,投資行業(yè)
Q2. 他們有哪些可以被滿足的價(jià)值主張:針對(duì)我們服務(wù)的領(lǐng)域,有哪些相關(guān)的場(chǎng)景或特征?
A2. 網(wǎng)購(gòu)經(jīng)驗(yàn)和類型較豐富,主要使用淘寶、京東、1號(hào)店
Q3. 用戶基礎(chǔ)屬性信息主要包括:
A3. 男 35歲, 家庭成員包括太太、兒子和雙方父母
體驗(yàn)地圖:
同理,我們從體驗(yàn)地圖的8個(gè)要點(diǎn)分析案例中的體驗(yàn)地圖
區(qū)域B:可視化體驗(yàn)過(guò)程
Q1. 體驗(yàn)過(guò)程:她(他)要干的這件事可以分為幾個(gè)部分?
A1. 可以分為三個(gè)部分,分別是:關(guān)注健康、學(xué)習(xí)了解保健知識(shí)、購(gòu)買保健產(chǎn)品。
Q2. 用戶行為:不同部分下對(duì)應(yīng)的具體行為有哪些?
A2. 三個(gè)部分對(duì)應(yīng)的具體行為為:
- 關(guān)注健康,緊急的時(shí)候去醫(yī)院,平時(shí)的時(shí)候關(guān)注保健;
- 學(xué)習(xí)了解保健知識(shí),通過(guò)書籍自主學(xué)習(xí),通過(guò)網(wǎng)絡(luò)廣告、自主搜索、健康論壇等網(wǎng)絡(luò)工具了解保健知識(shí),通過(guò)電視廣告、健康類節(jié)目等電視工具了解保健知識(shí),通過(guò)鄰居、同事、家人等口碑方式傳播了解保健知識(shí);
- 購(gòu)買保健產(chǎn)品,在醫(yī)院購(gòu)買,在藥店購(gòu)買,網(wǎng)購(gòu),國(guó)外代購(gòu)。
Q3-1. 用戶想法:不同部分下用戶有什么痛點(diǎn)?
A3-1. 三個(gè)部分對(duì)應(yīng)的痛點(diǎn)與訴求分別為:
- 關(guān)注健康過(guò)程中,隨著年齡增大,健康問(wèn)題越來(lái)越嚴(yán)重;
- 學(xué)習(xí)了解保健知識(shí)過(guò)程中發(fā)現(xiàn)專業(yè)知識(shí)晦澀難懂,網(wǎng)絡(luò)知識(shí)魚龍混雜,營(yíng)銷廣告難辨真假,口碑傳播無(wú)科學(xué)依據(jù);
- 購(gòu)買保健產(chǎn)品過(guò)程中,醫(yī)院排隊(duì)麻煩,掛號(hào)難,怕假貨、副作用,不會(huì)結(jié)合身體對(duì)癥下藥,擔(dān)心吃了無(wú)效果。
Q3-2. 用戶想法:不同部分下用戶有什么訴求?
A3-2. 希望對(duì)癥下藥,為家人購(gòu)買合適的保健產(chǎn)品(理性消費(fèi)、目標(biāo)明確);關(guān)注保健品功效、有無(wú)副作用、適用人群、成分、品牌、價(jià)格。
區(qū)域C:機(jī)會(huì)分析
Q8. 業(yè)務(wù)輸出重點(diǎn):針對(duì)不同部分下的機(jī)會(huì),我們的業(yè)務(wù)輸出重點(diǎn)是什么?
A8. 針對(duì)上述痛點(diǎn)與訴求,我們可以重點(diǎn)做的有:提供個(gè)性化推薦內(nèi)容,提供對(duì)比功能方便選擇,提供個(gè)性化導(dǎo)購(gòu)服務(wù),突出用戶關(guān)注的內(nèi)容。
關(guān)于體驗(yàn)地圖的更多實(shí)踐:
“某考研APP的用戶診斷”
“某智能互動(dòng)牙刷的體驗(yàn)故事”
九陽(yáng)神功第四式:共創(chuàng)問(wèn)題
第三式中,我們把研究的結(jié)果通過(guò)用戶畫像與體驗(yàn)地圖抽象出一個(gè)生動(dòng)的故事,接下來(lái)該該如何把這些故事應(yīng)用到產(chǎn)品設(shè)計(jì)中呢?
要點(diǎn)1:善于借助團(tuán)隊(duì)智慧
君子性非異也,善假于物也,產(chǎn)品設(shè)計(jì)中最好的“物”就是團(tuán)隊(duì)。
然而,現(xiàn)實(shí)生活中,我見(jiàn)過(guò)太多,因?yàn)椴簧瞄L(zhǎng)借助團(tuán)隊(duì),而導(dǎo)致把功能做出問(wèn)題的故事了:
- 新人因?yàn)椴涣私庖?guī)則,也不敢去問(wèn),擅做決策,導(dǎo)致功能上線后出現(xiàn)了問(wèn)題;
- 需求上游太過(guò)親力親為,過(guò)度干涉自己本不擅長(zhǎng)的事情,又聽(tīng)不得團(tuán)隊(duì)的聲音,最終把產(chǎn)品做成了自己的玩具;
- 需求階段,缺乏討論環(huán)節(jié),需求評(píng)審簡(jiǎn)化成技術(shù)評(píng)審,等方案開(kāi)發(fā)出來(lái),大家意見(jiàn)才開(kāi)始來(lái)“這這不行、那那不太好”,最后受限于Deadline,只能先上,美其名曰“1.0”,并自我安慰道“我們2.0繼續(xù)優(yōu)化”,現(xiàn)實(shí)是沒(méi)有下文了。
前三式中我們雖然對(duì)問(wèn)題已經(jīng)有了非常深刻的理解,按照慣性,我們習(xí)慣獨(dú)自憋大招,畢竟這樣直接、簡(jiǎn)單。但正如我們上面列舉的因?yàn)椴簧瞄L(zhǎng)借助團(tuán)隊(duì)而導(dǎo)致把功能做出問(wèn)題的故事,單個(gè)人的力量是非常有限的,我們必須承認(rèn)這個(gè)事實(shí)。
為了更好的結(jié)果,這時(shí)我們需要借助團(tuán)隊(duì)的力量,幫助我們一起尋找解決方案,這樣做的好處是:
- 我們可以跳出自己的思維定勢(shì),從別人是視角更加客觀地看待自己的問(wèn)題;
- 獲得意想不到的觀點(diǎn),補(bǔ)充我們之前沒(méi)有看到的盲區(qū);
- 達(dá)成共識(shí),避免開(kāi)發(fā)階段頻繁變更需求;
- 打破各業(yè)務(wù)線壁壘,充分發(fā)揮團(tuán)隊(duì)成員創(chuàng)造性,新人融入更快,團(tuán)隊(duì)成員參與積極性更高。
要點(diǎn)2:做足準(zhǔn)備,避免在團(tuán)隊(duì)心目中失去信任
諾曼說(shuō)過(guò),在我還沒(méi)想到解決方案前,我一般是不會(huì)提問(wèn)題的;當(dāng)然實(shí)際工作中雖然不需要我們一定得想出解決方案才能提問(wèn)題,但至少這個(gè)問(wèn)題我們已經(jīng)搞清楚了,確定了這確實(shí)是個(gè)問(wèn)題。
講個(gè)關(guān)于沒(méi)準(zhǔn)備好,就匆匆提問(wèn)題的故事:
周六在工作群里看到一個(gè)測(cè)試小哥在幾百人的大群里@產(chǎn)品,質(zhì)問(wèn)某個(gè)行情指標(biāo)為什么沒(méi)數(shù)據(jù)!周六休市哪來(lái)的行情?連基本的常識(shí)都不了解,就去在刷存在感,這和狼來(lái)的故事有啥區(qū)別?
通過(guò)這個(gè)故事讓我們更加看到前三式過(guò)程中關(guān)于問(wèn)題研究的重要性,它們是我們后續(xù)心法的基礎(chǔ),不得馬虎,必須仔細(xì)、細(xì)心,否則第四步必定走火入魔,重演“狼來(lái)了的故事”,在團(tuán)隊(duì)心目中失去信任。
要點(diǎn)3:除了意識(shí)層面,我們還需要一個(gè)關(guān)于共創(chuàng)問(wèn)題的機(jī)制
為了保證共創(chuàng)問(wèn)題的機(jī)制能夠正常并且持續(xù)運(yùn)轉(zhuǎn),我們需要把共創(chuàng)問(wèn)題建立成團(tuán)隊(duì)機(jī)制,規(guī)定每個(gè)星期有一個(gè)團(tuán)隊(duì)成員擔(dān)任共創(chuàng)問(wèn)題機(jī)制的主持人,主要職責(zé),在會(huì)議當(dāng)天把前三式過(guò)程中研究的結(jié)果分享給大家,并做好會(huì)議記錄。
“每周的共創(chuàng)問(wèn)題會(huì)議”
通過(guò)每周的共創(chuàng)問(wèn)題機(jī)制可以幫助我們確定下個(gè)迭代的方向,保證需求是在一個(gè)正常、可持續(xù)的軌道上產(chǎn)生。
光憑這一點(diǎn),我們就應(yīng)該認(rèn)識(shí)到建立一個(gè)共創(chuàng)問(wèn)題的機(jī)制是有多么必要:對(duì)于產(chǎn)品最羞恥的事情,莫過(guò)于被開(kāi)發(fā)追問(wèn),這一期我們做什么呀,你需求還沒(méi)提給我啊。
現(xiàn)實(shí)工作中我們正是因?yàn)槿狈@一機(jī)制導(dǎo)致我們需求管理一團(tuán)糟,習(xí)慣被動(dòng)接受事情,不擅長(zhǎng)主動(dòng)尋找事情,一旦沒(méi)有人告訴我們?cè)撟鍪裁磿r(shí),就開(kāi)始迷糊了。
為了讓我們與需求之間的關(guān)系更正常一點(diǎn),我們需要問(wèn)題共創(chuàng)這一環(huán)節(jié),并且為了保證該環(huán)節(jié)能夠持續(xù)運(yùn)轉(zhuǎn)下去,我們需要在團(tuán)隊(duì)內(nèi)建立這一制度。
九陽(yáng)神功第五式:落地問(wèn)題
1. 落地遠(yuǎn)比想法重要的真正含義:我們更應(yīng)該關(guān)注前四式,讓第五式水到渠成
我們經(jīng)常說(shuō):“落地遠(yuǎn)比想法重要”并不是指第五式落地環(huán)節(jié)要比前四式問(wèn)題研究要重要;相反我們更應(yīng)該關(guān)注前四式過(guò)程中的問(wèn)題研究。
只有抱著扎實(shí)的標(biāo)準(zhǔn)去做好前四式事情,第五式才能水到渠成,否則就容易出現(xiàn)我們工作中的各種不靠譜、天馬行空。最終因?yàn)榉N種現(xiàn)實(shí),要么被扼在想法里、要么被閹割成一個(gè)雷聲大雨點(diǎn)小的不倫不類功能。
通過(guò)第四式過(guò)程中的問(wèn)題共創(chuàng),我們已經(jīng)大致明確具體該怎么做了,剩下就是如何把這些文字版的解決方案轉(zhuǎn)化為用戶可交互的方案了。
2. 如何設(shè)計(jì)一套合理流程:我不成魔,誰(shuí)成魔?
要想設(shè)計(jì)好一套比較合理的流程之前,我們必須成為這套流程里的大魔王。即這個(gè)過(guò)程中我們應(yīng)該把主要精力放在如何成為大魔王的訓(xùn)練當(dāng)中,而不是把精力浪費(fèi)在設(shè)計(jì)執(zhí)行中;如果用百分?jǐn)?shù)去描述的話,我們應(yīng)該將90%的精力花在大魔王訓(xùn)練當(dāng)中,剩下的10%才是具體的設(shè)計(jì)執(zhí)行。
但現(xiàn)實(shí)當(dāng)中,我們卻容易將其本末倒置,畢竟成為大魔王看上去太浪費(fèi)時(shí)間了,而方案又是有具體的deadline的;受限這樣的時(shí)間壓力,我們往往會(huì)選擇看似的捷徑——設(shè)計(jì)執(zhí)行,寧可在那無(wú)限期磨,至少這能帶來(lái)短期的安全感。
我遇到一些在合理流程方面落地能力很強(qiáng)的人,我發(fā)現(xiàn)他們的一個(gè)共性就是自己也是這套流程里的骨灰級(jí)用戶。
我也遇到過(guò)很多落地能力比較弱的同學(xué),我發(fā)現(xiàn)他們的一個(gè)共性就是離業(yè)務(wù)太遠(yuǎn);我還發(fā)現(xiàn)這類同學(xué)并沒(méi)有意識(shí)到自己離業(yè)務(wù)太遠(yuǎn)的這個(gè)問(wèn)題,反而覺(jué)得自己設(shè)計(jì)專業(yè)度還不夠。于是過(guò)度追崇學(xué)術(shù)界那些高大上的理論:“XXX行為模型”、“XXX體驗(yàn)層次”,試圖把這些模型套在自己的工作思考上。
作為一個(gè)過(guò)來(lái)人可以負(fù)責(zé)任的說(shuō):“醒醒吧,那都是烏托邦的,千萬(wàn)別被那些模型禁錮住你原本有的問(wèn)題分析能力”。
面試過(guò)程比較傾向?qū)?wèn)題本身有深刻理解的候選人,而不是搬弄模型的人。
所以別害了自己,多去走近業(yè)務(wù),在業(yè)務(wù)當(dāng)中解決問(wèn)題,久之我們也可以總結(jié)出屬于自己的方法,而不是依賴于套用別人方法,不管合不合適。
考你一下:
Q:帳號(hào)注冊(cè)流程當(dāng)中如果發(fā)現(xiàn)手機(jī)號(hào)已經(jīng)注冊(cè)了,該怎么辦?
A:讓用戶返回登錄,因?yàn)檫@個(gè)帳號(hào)已經(jīng)注冊(cè)過(guò)程,走登錄流程,如果不記得密碼,直接找回密碼就行了。
這個(gè)回答看似合理,但卻少考慮一種業(yè)務(wù)場(chǎng)景:我這個(gè)手機(jī)號(hào)自己沒(méi)注冊(cè)過(guò),只是因?yàn)槟承┰驅(qū)е轮白?cè)過(guò),比如這個(gè)手機(jī)號(hào)在被運(yùn)營(yíng)商回收前,前機(jī)主注冊(cè)過(guò)、被其他同學(xué)注冊(cè)過(guò)。
這個(gè)場(chǎng)景下走登錄流程會(huì)很奇怪,因?yàn)橛脩糁皼](méi)有注冊(cè)過(guò),合理的流程應(yīng)該是繼續(xù)走注冊(cè)流程。
綜合第一個(gè)回答,這里合理的邏輯應(yīng)該是:當(dāng)發(fā)現(xiàn)手機(jī)號(hào)已經(jīng)注冊(cè),提供一個(gè)彈窗,詢問(wèn)用戶這個(gè)昵稱(顯示最后一個(gè)字,其他的加密,保護(hù)用戶隱私)是否是用戶之前的帳號(hào),如果是就走登錄流程,如果不是就繼續(xù)走注冊(cè)流程。
“注冊(cè)流程”
這個(gè)案例告訴我們,要想設(shè)計(jì)一個(gè)合理的流程,必須深入業(yè)務(wù),而非追求什么高大上方法。
在我看來(lái),目前市面上的很多設(shè)計(jì)方法已經(jīng)演變成一種玄學(xué)或彰顯自己很專業(yè)的素材,我覺(jué)得這不是一個(gè)好現(xiàn)象,給真正想要學(xué)知識(shí)的同學(xué)增加了分辨的難度,甚至帶偏。
但無(wú)論怎樣,我們一定要謹(jǐn)記,要說(shuō)“人話”,千萬(wàn)別把自己整成僅會(huì)講概念的“孔乙己”,至少我不希望你變成那個(gè)樣子,真的。
3. 如何設(shè)計(jì)合理的頁(yè)面原型:堅(jiān)持每天的設(shè)計(jì)細(xì)節(jié)積累
設(shè)計(jì)一個(gè)合理的頁(yè)面原型,道理其實(shí)很簡(jiǎn)單:我們考慮到了用戶的使用場(chǎng)景,并能基于該場(chǎng)景下的目標(biāo),完成原型內(nèi)一系列細(xì)節(jié)設(shè)計(jì)的決策,方便用戶完成目標(biāo)。
找到用戶的使用場(chǎng)景、了解用戶的使用目標(biāo)不難,難的是我們?nèi)绾握业胶线m的設(shè)計(jì)細(xì)節(jié),并能與使用場(chǎng)景、用戶目標(biāo)串起來(lái)。
我們看到太多因?yàn)榧?xì)節(jié)沒(méi)串好,帶來(lái)的糟糕的體驗(yàn):
微信刪除聊天列表時(shí),會(huì)直接把我們與該好友的聊天記錄也刪了,而Messenger在刪除的時(shí)候,會(huì)提供前饋信息“刪除與XXX的聊天后,這個(gè)聊天會(huì)從你這端永久刪除”,讓用戶決定到底是想要?jiǎng)h除還是僅是隱藏聊天列表。
相比與Messenger,微信刪除聊天列表的細(xì)節(jié)就沒(méi)有串好,用戶原本可能只是想隱藏這個(gè)list,結(jié)果整刪除了。
“刪除聊天列表中的list”
微信轉(zhuǎn)賬過(guò)程中,當(dāng)輸入金額達(dá)到千位時(shí),輸入框下方會(huì)顯示數(shù)量級(jí)角標(biāo),幫助用戶確認(rèn)轉(zhuǎn)賬金額是否正確;而支付寶轉(zhuǎn)賬場(chǎng)景下卻沒(méi)有串聯(lián)該細(xì)節(jié),這就導(dǎo)致用戶一旦沒(méi)注意,就容易轉(zhuǎn)錯(cuò),畢竟產(chǎn)生失誤最常見(jiàn)的原因就是注意力不集中,而該下意識(shí)場(chǎng)景下又沒(méi)有幫助用戶確認(rèn)的反饋信息。
“轉(zhuǎn)賬細(xì)節(jié)”
4. 如何在場(chǎng)景中串聯(lián)細(xì)節(jié)呢?
1)請(qǐng)堅(jiān)持每天的設(shè)計(jì)細(xì)節(jié)打卡
為什么我會(huì)發(fā)起每天設(shè)計(jì)細(xì)節(jié)打卡,雖然分析方法是一樣的,看上去好像在重復(fù)一件很傻的事情,但好的細(xì)節(jié)積累多了,會(huì)潛移默化地提升自己,更容易產(chǎn)出好方案。與一個(gè)星期前相比,積累設(shè)計(jì)細(xì)節(jié)給我做方案,帶來(lái)一個(gè)明顯的變化就是,思路比之前開(kāi)闊多了。
“每天積累一個(gè)設(shè)計(jì)細(xì)節(jié)”
2)發(fā)現(xiàn)并描述細(xì)節(jié):以圖文或視頻的形式將發(fā)現(xiàn)的設(shè)計(jì)細(xì)節(jié)表達(dá)出來(lái)
這個(gè)過(guò)程主要是為了提升我們的表達(dá)能力,怎樣讓對(duì)方輕松理解我們?cè)谥v什么,特別是在方案評(píng)審會(huì)上,千萬(wàn)別連自己的方案都講不清,那就顯得太不專業(yè)了,誰(shuí)還信任把事情交給我們做。
其次,在溝通過(guò)程中,隨著我們表達(dá)能力的提升,理解其他人想法的能力自然也會(huì)隨之提升。面試場(chǎng)景下的很多問(wèn)題,我們其實(shí)并不是不會(huì),而是沒(méi)理解別人的意思,或曲解了別人想要表達(dá)的想法,這就導(dǎo)致我們?cè)谝粋€(gè)死胡同里琢磨著怎么出去,事實(shí)也很清楚,我們就是琢磨到天荒地老,也出不去。
3)分析設(shè)計(jì)細(xì)節(jié):通過(guò)根本原因分析法,分析上述細(xì)節(jié)背后的隱含的深層原因
根本原因分析的目的是確定問(wèn)題現(xiàn)象背后隱含的深層原因,而不是直接原因(淺層原因)。
日本長(zhǎng)期以來(lái)遵循一定的流程,他們叫這個(gè)步驟“五個(gè)為什么”,由Sakichi Toyoda最早提出來(lái),為了提高質(zhì)量,豐田汽車公司將“五個(gè)為什么”作為豐田生產(chǎn)系統(tǒng)的一部分?,F(xiàn)今,它已被廣泛應(yīng)用于各行各業(yè)。
基本上,它意味著在尋找原因時(shí),即使你找到了一個(gè),不要停下來(lái),要問(wèn)問(wèn)為什么是這個(gè)原因;然后再一次詢問(wèn)為什么;繼續(xù)問(wèn),直到你發(fā)現(xiàn)真正的、隱藏的原因。
難道要正好詢問(wèn)五次嗎?
不一定,但使用“五個(gè)為什么”步驟,強(qiáng)調(diào)即使已經(jīng)找到一個(gè)原因,還要繼續(xù)深入探究。下圖是F-22的事故分析中應(yīng)用的“根本原因分析方法”。
“根本原因法:五個(gè)為什么”
設(shè)計(jì)細(xì)節(jié)中的因果關(guān)系是怎樣的呢?
因?yàn)楹玫捏w驗(yàn)細(xì)節(jié)觸動(dòng)了用戶,用戶下次還愿意來(lái)互動(dòng);因?yàn)楹玫捏w驗(yàn)細(xì)節(jié)方便了用戶使用,用戶在眾多競(jìng)品中選擇了我們。
因?yàn)樵愀獾捏w驗(yàn)細(xì)節(jié)導(dǎo)致用戶很反感,用戶下次再也不來(lái)了;因?yàn)樵愀獾捏w驗(yàn)細(xì)節(jié)影響了用戶使用,用戶在眾多競(jìng)品中優(yōu)先拋棄了我們。
“從體驗(yàn)細(xì)節(jié)到用戶因素”
根本原因分析法在設(shè)計(jì)細(xì)節(jié)分析中的應(yīng)用:從用戶因素角度分析當(dāng)前設(shè)計(jì)細(xì)節(jié)
問(wèn)題1:你覺(jué)得上述細(xì)節(jié)好嗎?
回答1:好/不好
問(wèn)題2:好在哪里?
回答2:方便了用戶使用/增加了使用動(dòng)機(jī)
問(wèn)題3:它是怎么方便了使用/增加使用動(dòng)機(jī)的?
回答3:用設(shè)計(jì)原理嘗試解釋該問(wèn)題,首先,這個(gè)過(guò)程用最簡(jiǎn)練、最直白的話表述出來(lái)即可,這樣做的好處是方便我們管理這些細(xì)節(jié),因?yàn)楹?jiǎn)練才容易記住,因?yàn)橹卑撞疟阌诩由罾斫?,等我們過(guò)個(gè)階段再來(lái)看時(shí),還是能夠快速理解;其次要客觀,保持一顆同理心,千萬(wàn)不要陷入自我表達(dá),過(guò)度分析的危害很大,其中最致命的就是讓我們?cè)絹?lái)越角色化,一個(gè)簡(jiǎn)單的細(xì)節(jié)應(yīng)用都會(huì)被很多條條框框所限制,具體在工作或面試中的癥狀表現(xiàn)為“太學(xué)術(shù),落地性差”
“根本原因法在分析設(shè)計(jì)中的應(yīng)用:三個(gè)為什么”
設(shè)計(jì)細(xì)節(jié)打卡示范:
打卡任務(wù)描述:
“設(shè)計(jì)細(xì)節(jié)的打卡任務(wù)”
優(yōu)秀打卡案例:
“優(yōu)秀打卡案例”
5. 遵守設(shè)計(jì)規(guī)范,提升執(zhí)行效率、保證設(shè)計(jì)質(zhì)量的穩(wěn)定產(chǎn)出
建立規(guī)范的目的是沉淀設(shè)計(jì)經(jīng)驗(yàn),下次再遇到時(shí),直接復(fù)用即可,而無(wú)需從0到1再走一遍。
這樣做的好處除了可以幫助我們提升設(shè)計(jì)執(zhí)行效率之外,還可以保證設(shè)計(jì)質(zhì)量的穩(wěn)定產(chǎn)出,不至于哪天因?yàn)橥话l(fā)的外在因素,導(dǎo)致產(chǎn)出低水準(zhǔn)方案的情況。
如何建立規(guī)范呢?我們可以通過(guò)Brad Frost的原子理論(Atomic Design)將設(shè)計(jì)規(guī)范拆解成5個(gè)設(shè)計(jì)系統(tǒng)層次,分別為:原子(Atoms)、分子(Molecules)、有機(jī)體(Organisms)、原型(Templates)、頁(yè)面(Pages)。
“設(shè)計(jì)系統(tǒng)的五個(gè)層次”
原子(Atoms)
“原子(Atoms)”
如果原子是物質(zhì)的基本組成部分,那么我們界面的原子就可以作為構(gòu)成我們所有用戶界面的基礎(chǔ)組成部分。這些原子包括基本的HTML元素,例如表單標(biāo)簽、輸入、按鈕和其他無(wú)法進(jìn)一步再分解的元素。
如圖所示,原子包括基本的HTML元素,例如輸入,文字標(biāo)簽和按鈕等。
“原子案例”
分子(Molecules)
“分子(Molecules)”
在化學(xué)中,分子是鍵合在一起的原子團(tuán),具有獨(dú)特的新特性。例如,即使水分子和過(guò)氧化氫分子由相同的原子元素(氫和氧)組成,它們也具有獨(dú)特的性能并且行為也大不相同。
在界面中,分子是相對(duì)簡(jiǎn)單的UI元素組,它們一起作為一個(gè)單元起作用。例如,表單標(biāo)簽、搜索輸入和按鈕可以連接在一起以創(chuàng)建搜索表單分子。
如圖所示,搜索形式分子由標(biāo)簽原子、輸入原子和按鈕原子組成。
“分子案例:搜索表單”
有機(jī)體(Organisms)
“有機(jī)體(Organisms)”
有機(jī)體是由分子和/或原子和/或其他有機(jī)體組成的相對(duì)復(fù)雜的UI組件,這些有機(jī)體組成界面的不同部分。
如圖所示,導(dǎo)航有機(jī)體由logo原子、主導(dǎo)航分子、搜索表單分子組合而成:
“有機(jī)體案例:導(dǎo)航”
原型(Templates)
“原型(Templates)”
現(xiàn)在,是時(shí)候和化學(xué)比喻說(shuō)再見(jiàn)了。雖然原子、分子以及有機(jī)體等化學(xué)語(yǔ)言為我們有目的構(gòu)建設(shè)計(jì)系統(tǒng)的組成部分提供了一個(gè)非常有用的層次結(jié)構(gòu),但是最終我們還是得針對(duì)用戶輸出合適、有意義的語(yǔ)言。
原型是頁(yè)面級(jí)對(duì)象,可將組件放置在布局中并清楚顯示設(shè)計(jì)的基礎(chǔ)內(nèi)容結(jié)構(gòu)。我們可以將前面示例中的導(dǎo)航有機(jī)體應(yīng)用于首頁(yè)原型中。
如圖所示,首頁(yè)原型由應(yīng)用于布局中的有機(jī)體與分子組成:
“原型案例:首頁(yè)”
原型的另一個(gè)重要特征是它們專注于頁(yè)面的基礎(chǔ)內(nèi)容結(jié)構(gòu),而不是頁(yè)面的最終內(nèi)容。
設(shè)計(jì)系統(tǒng)必須考慮內(nèi)容的動(dòng)態(tài)性質(zhì),因此闡明組件的重要屬性(例如標(biāo)題和文本段落的圖像大小和字符長(zhǎng)度)非常有有意義。
通過(guò)定義頁(yè)面的框架,我們可以創(chuàng)建一個(gè)可以說(shuō)明各種動(dòng)態(tài)內(nèi)容的系統(tǒng),與此同時(shí),可以為各種構(gòu)成特定設(shè)計(jì)模式的內(nèi)容類型規(guī)劃所需的區(qū)域。例如,Time Inc.的主頁(yè)模板顯示了一些關(guān)鍵組件,同時(shí)還演示了有關(guān)圖像大小和字符長(zhǎng)度的內(nèi)容結(jié)構(gòu):
“TimeInc.原型的頁(yè)面框架定義”
頁(yè)面(Pages)
“頁(yè)面(Pages)”
頁(yè)面是原型的特定實(shí)例,這些原型顯示了填充實(shí)際典型內(nèi)容后的UI外觀,因此我們可以將主頁(yè)原型放入實(shí)際內(nèi)容的代表性文本,圖像和媒體。
如圖所示,頁(yè)面階段將占位符內(nèi)容替換為真實(shí)數(shù)據(jù)內(nèi)容,以使用戶界面栩栩如生。
“頁(yè)面案例:首頁(yè)”
除了向用戶展示最終界面,頁(yè)面對(duì)于測(cè)試基礎(chǔ)設(shè)計(jì)系統(tǒng)的有效性也非常重要。在頁(yè)面階段,將真實(shí)內(nèi)容應(yīng)用于設(shè)計(jì)系統(tǒng)時(shí),這些所有的模式是否會(huì)有問(wèn)題,如果有問(wèn)題,就需要修改分子、有機(jī)體和原型從而更好地滿足內(nèi)容的需求。
當(dāng)我們將真正的代表性內(nèi)容填入Time Inc.的首頁(yè)原型中時(shí),就可以檢驗(yàn)所有這些底層設(shè)計(jì)模式是否存在有問(wèn)題。
如圖所示,在頁(yè)面階段,我們可以看到填入真實(shí)代表性內(nèi)容后的Time Inc.主頁(yè)是什么樣子。有了實(shí)際的內(nèi)容之后,可以檢查組成頁(yè)面的UI組件是否契合了填入的內(nèi)容。
“頁(yè)面案例:TimeInc”
從原子到頁(yè)面的實(shí)踐:Instagram
“從原子到頁(yè)面的實(shí)踐:Instagram”
- 原子:該頁(yè)的Instagram UI由少量圖標(biāo)、一些文本級(jí)元素和兩種圖像類型組成(主要圖像和用戶的頭像);
- 分子:幾個(gè)圖標(biāo)構(gòu)成簡(jiǎn)單的實(shí)用組件,例如底部的導(dǎo)航欄和照片操作欄,用戶可以通過(guò)照片操作欄喜歡或評(píng)論照片;同樣,該頁(yè)分子中還有些文本和/或圖像的簡(jiǎn)單組合形成相對(duì)簡(jiǎn)單的組件;
- 有機(jī)體:在這里我們可以看到照片有機(jī)體由用戶的信息、時(shí)間戳、照片、圍繞該照片的動(dòng)作以及有關(guān)照片的信息(包括喜歡數(shù)量和內(nèi)容標(biāo)題)組成。這種有機(jī)體反復(fù)地堆疊在用戶生成的照片流中,成為整個(gè)Instagram體驗(yàn)的基石;
- 原型:我們可以看到組件在布局環(huán)境中融合在一起。此外,Instagram體驗(yàn)的公開(kāi)內(nèi)容框架中突出顯示動(dòng)態(tài)內(nèi)容,例如用戶的信息條,頭像,照片,被喜歡次數(shù)和標(biāo)題;
- 頁(yè)面:最后,我們看到了一個(gè)注入了真實(shí)內(nèi)容的Instagram UI。
從原子到頁(yè)面的實(shí)踐精髓:從設(shè)計(jì)規(guī)范到用戶界面
養(yǎng)兵千日,用兵一時(shí),維護(hù)設(shè)計(jì)規(guī)范就相當(dāng)于日常養(yǎng)兵,養(yǎng)兵千日的最終目的還是為了最后戰(zhàn)場(chǎng)上的一戰(zhàn),而高效地產(chǎn)出高水準(zhǔn)的用戶界面就是我們?nèi)粘>S護(hù)設(shè)計(jì)規(guī)范的目的。
“從設(shè)計(jì)規(guī)范到用戶界面”
圖中序號(hào)以及連線展示了我們?cè)撊绾螌⑽淖职娴南敕涞爻捎脩艚缑妫?/p>
- 首先,需要理清我們要設(shè)計(jì)哪些內(nèi)容,以及這些內(nèi)容對(duì)應(yīng)的承載容器是否可以復(fù)用設(shè)計(jì)規(guī)范里現(xiàn)有的;
- 其次,假如可以直接復(fù)用,那我們就可以將更多的精力用在原型布局與頁(yè)面細(xì)節(jié)設(shè)計(jì)當(dāng)中了;
- 再者,假如不能直接復(fù)用,我們就需要思考每個(gè)容器對(duì)應(yīng)的組件構(gòu)成有哪些,是否可以直接復(fù)用底層設(shè)計(jì)庫(kù)中已有的組件。如果可以,我們?cè)俅喂?jié)省了組件設(shè)計(jì)的精力,從而能夠?qū)⒏嗟木α粼谠团c頁(yè)面設(shè)計(jì)中;如果不可以,也沒(méi)關(guān)系,更新我們的UI資源,為下次復(fù)用提供可能;
- 圖中圈的大小代表我們應(yīng)該花費(fèi)的精力,圈越大,預(yù)示著該環(huán)節(jié)所應(yīng)花費(fèi)的精力越多。如圖中所示,確保我們能夠?qū)⒏嗟木τ迷谠团c頁(yè)面設(shè)計(jì)當(dāng)中。
- 最后,如果我們是Mac系統(tǒng),可以借助Sketch的創(chuàng)建組件的功能,將基礎(chǔ)設(shè)計(jì)系統(tǒng)錄進(jìn)去,形成我們的設(shè)計(jì)語(yǔ)言,這樣做的好處是:可以方便我們快速搭建出原型;團(tuán)隊(duì)協(xié)同過(guò)程中保持產(chǎn)出的一致性。
“借助Sketch創(chuàng)建我們的設(shè)計(jì)語(yǔ)言”
當(dāng)然如果我們想要把這樣的設(shè)計(jì)語(yǔ)言與項(xiàng)目連接的更加緊密,還需要把前端同學(xué)也拉進(jìn)來(lái),把這樣的設(shè)計(jì)語(yǔ)言轉(zhuǎn)化為前端代碼,從工程角度讓設(shè)計(jì)語(yǔ)言融入的更深,提升我們項(xiàng)目開(kāi)發(fā)效率與質(zhì)量。
如圖所示,螞蟻金服把可視化組件這類的分子語(yǔ)言轉(zhuǎn)化為前端代碼:
“AntV設(shè)計(jì)語(yǔ)言對(duì)應(yīng)的前端代碼”
九陽(yáng)神功第六式:跟進(jìn)問(wèn)題
1. 選擇讓自己更可靠的產(chǎn)出方式
人是不可靠的,要多借助工具讓自己更可靠一點(diǎn)。某次版本迭代中,因?yàn)樘嘈抛约旱牧α?,忽視了產(chǎn)出方式的重要性,導(dǎo)致跟進(jìn)過(guò)程中項(xiàng)目失控、延期。
這件事對(duì)我打擊很大,也逼迫我去尋找能夠讓自己變得更靠譜的工具,經(jīng)過(guò)一年多的實(shí)踐,我總結(jié)了兩套非常實(shí)用的產(chǎn)出方式:需求規(guī)格描述文檔、將交互方案上傳只可實(shí)時(shí)更新的地方。
1)需求規(guī)格描述文檔
建一座大廈前,為了保證大廈能夠按照?qǐng)D紙建造下去,我們需要一份詳細(xì)的工程說(shuō)明,把圖紙中涉及的每個(gè)細(xì)節(jié)執(zhí)行下去。
把需求比作大廈,為了保證需求能夠按照設(shè)計(jì)稿開(kāi)發(fā)下去,我們同樣需要一份詳細(xì)的需求規(guī)格說(shuō)明,把設(shè)計(jì)稿中涉及的每個(gè)細(xì)節(jié)執(zhí)行下去。
這就是需求規(guī)格描述文檔在問(wèn)題跟進(jìn)環(huán)節(jié)中的意義,通過(guò)該文檔,我們可以清楚地知道每個(gè)細(xì)節(jié)的執(zhí)行程度 ,從而讓我們有重點(diǎn)地跟進(jìn),直到方案的完美交付。
這里推薦使用Google docs制作我們的需求規(guī)格描述文檔:
- 由于它是在線協(xié)作類工具,團(tuán)隊(duì)協(xié)同性非常好;
- 文檔自帶的關(guān)鍵詞查詢功能可以便于我們快速定位對(duì)應(yīng)的細(xì)節(jié)描述,不至于因?yàn)檫^(guò)了一星期別人再問(wèn)某某細(xì)節(jié)時(shí),發(fā)現(xiàn)自己也記不得了,也不知道從哪里找了;
- 相比與騰訊文檔等其他競(jìng)品,Google docs編輯自由度要好很多,沒(méi)有那么多限制。
具體制作過(guò)程中,我們需要對(duì)需求內(nèi)容進(jìn)行拆解,拆解的目的:
- 避免遺漏細(xì)節(jié),就算遺漏也知道可以在哪里補(bǔ)充;
- 通過(guò)需求內(nèi)容的上下游,快速定位需求細(xì)節(jié),從而方便需求的管理與跟進(jìn)。
我們將一個(gè)需求內(nèi)容拆解為5個(gè)字段,對(duì)其進(jìn)行描述,分別是:
- 需求所屬模塊,比如某個(gè)需求屬于首頁(yè)模塊;
- 需求名稱;
- 需求list,比如發(fā)語(yǔ)音這個(gè)需求對(duì)應(yīng)的需求list有:開(kāi)啟語(yǔ)音、發(fā)送語(yǔ)音、取消發(fā)送語(yǔ)音、語(yǔ)音發(fā)送失??;
- 每個(gè)需求list對(duì)應(yīng)的前置條件,比如取消發(fā)送語(yǔ)音對(duì)應(yīng)的前置條件為:手勢(shì)上滑到高度Y、手勢(shì)未上滑到高度Y、松手;
- 每個(gè)前置條件對(duì)應(yīng)的規(guī)則,比如當(dāng)用戶手勢(shì)上滑到高度Y語(yǔ)音氣泡有藍(lán)色變成紅色。
“需求規(guī)格描述文檔(Google docs)”
除了開(kāi)發(fā)過(guò)程中的跟進(jìn)之外,該文檔還有個(gè)非常重要的作用:驗(yàn)收環(huán)節(jié)中給我們提供了明確的Check List,我們只需要按照文檔中的細(xì)節(jié)一條條驗(yàn)收即可,這可比憑感覺(jué)驗(yàn)收要省心、靠譜的多了,所以我將第5項(xiàng)字段又稱為“驗(yàn)收細(xì)節(jié)”。
2)將需求文檔上傳至可實(shí)時(shí)更新的地方
我們必須承認(rèn)一個(gè)事實(shí),即使在開(kāi)發(fā)環(huán)節(jié),方案細(xì)節(jié)變動(dòng)的可能性還是很高的,可能是做的過(guò)程中發(fā)現(xiàn)某個(gè)細(xì)節(jié)當(dāng)時(shí)沒(méi)考慮到或該細(xì)節(jié)當(dāng)時(shí)考慮的不合理。
如果沒(méi)有一個(gè)可以實(shí)時(shí)更新的地方,意味著我們的每次改動(dòng)都需要重新走一遍方案提交的流程,上傳這、上傳那,還要一個(gè)個(gè)去通知:“我方案更新啦,下載最新的哈,把之前下載的刪了吧?!?/p>
繁瑣的提交流程還給我們維護(hù)文檔帶來(lái)了很多心理障礙,導(dǎo)致我們不敢面對(duì)問(wèn)題,具體表現(xiàn)為:方案提交了,就不想再看了,遇到問(wèn)題口頭溝通就完事了,最后項(xiàng)目有哪些細(xì)節(jié)自己也不記得了,項(xiàng)目又再次失控了。
除了這個(gè)繁瑣的提交流程之外,我們還得面臨著方案未更新到位的風(fēng)險(xiǎn),畢竟我們也無(wú)法確保:通知了,其他人就真的刪掉之前下載的,使用最新下載的。
有可能他還在用舊的,只是因?yàn)橐粫r(shí)拖延癥,后面就忘記了。最后這個(gè)鍋還是我們的,誰(shuí)叫我們?cè)陂_(kāi)發(fā)環(huán)節(jié)還在改細(xì)節(jié)呢。
制作原型過(guò)程中沒(méi)有工具的使用限制,我們可以用筆,也可以用Sketch、XD、PS、Excel等軟件,選擇我們最習(xí)慣且效率最高的工具即可。
但最終將原型按照一定的邏輯整理成一份詳細(xì)且易讀的交互文檔時(shí),就不能像原型階段那樣放飛自我了,選擇什么樣的工具以及輸出什么樣的形式可是有講究的。
“交互方案的產(chǎn)出形式”
對(duì)比很多工具后發(fā)現(xiàn)Axure的目錄功能還是很強(qiáng)大的,它清晰地展示了文檔的脈絡(luò)結(jié)構(gòu),非常方便閱讀。尤其是針對(duì)比較復(fù)雜的功能,選擇Axure作為文檔輸出工具再合適不過(guò)了。
“Axure的目錄功能”
其次,為了方便文檔的更新維護(hù),我們最好把文檔輸出成網(wǎng)頁(yè)形式,本地修改完,網(wǎng)頁(yè)直接更新,保證其他人看到的一定是我們最新更新的,這一點(diǎn)Axure也完美地支持了我們這一操作:
在菜單“Team”中選擇第一個(gè)選項(xiàng)“Creat Team Project from Current File”,只要一直點(diǎn)OK就行了;最后我們成功創(chuàng)建了一個(gè)團(tuán)隊(duì)版的Axure文件,如紅框內(nèi)所示,每個(gè)目錄的右邊都會(huì)有個(gè)藍(lán)色的點(diǎn)。
“將本地Axure文件轉(zhuǎn)化為團(tuán)隊(duì)版”
如何找到團(tuán)隊(duì)版文件發(fā)布的網(wǎng)頁(yè)地址呢?
點(diǎn)擊右邊菜單中的“Share”,點(diǎn)擊后選擇第三個(gè)選項(xiàng)“Publish to Axure Share”,此時(shí)會(huì)彈出一個(gè)面板,我們可以點(diǎn)擊紅框內(nèi)的“Copy”,將網(wǎng)頁(yè)地址復(fù)制粘貼到瀏覽器里,查看文檔的詳細(xì)內(nèi)容。
“找到團(tuán)隊(duì)版文件發(fā)布的網(wǎng)頁(yè)地址”
如圖所示,我們現(xiàn)在就可以在該網(wǎng)址下瀏覽方案內(nèi)容了:
“團(tuán)隊(duì)文件共享網(wǎng)址”
右鍵想要變更的目錄,選擇“Check Out”,或者點(diǎn)擊想要變更頁(yè)面右上角中的“Check Out”面板,編輯當(dāng)前目錄下的內(nèi)容。
“更新文檔”
Check Out狀態(tài)下目錄右邊小圓圈會(huì)變成綠色:
“Check Out狀態(tài)下的目錄”
編輯完成后,我們需要右鍵選中“Check In”將變更的內(nèi)容提交上去:
“Check In以變更內(nèi)容”
刷新以下網(wǎng)頁(yè),我們可以發(fā)現(xiàn),當(dāng)前內(nèi)容也同步更新了:
“內(nèi)容已同步更新在網(wǎng)頁(yè)上了”
2. 幫助開(kāi)發(fā)一起尋找解決方案
雖然我們大部分產(chǎn)品/設(shè)計(jì)并不懂技術(shù),但這不影響我們幫助開(kāi)發(fā)一起尋找解決辦法。如果只是因?yàn)殚_(kāi)發(fā)一句:“這個(gè)做不了”,就砍掉這個(gè)功能,那最后得到的結(jié)果一定是差的,給別人的印象就是“標(biāo)準(zhǔn)太低”,別人也會(huì)因此不信任我們,更不放心把東西交給我們做。
根據(jù)我的磨合經(jīng)驗(yàn),大部分的“這個(gè)東西做不了”其實(shí)只是個(gè)紙老虎,而我們恰恰因?yàn)閷?duì)于未知的恐懼不敢去捅破它。
開(kāi)發(fā)說(shuō)的做不了,其實(shí)并不是指這個(gè)功能做不了,而是某個(gè)實(shí)現(xiàn)技術(shù)比較麻煩、復(fù)雜甚至確實(shí)做不了;這時(shí)我們應(yīng)該了解開(kāi)發(fā)的難點(diǎn),在不影響目標(biāo)實(shí)現(xiàn)的基礎(chǔ)上尋找可能的妥協(xié)空間,避開(kāi)開(kāi)發(fā)難點(diǎn)。
舉個(gè)例子,在做對(duì)話改版過(guò)程中我們發(fā)現(xiàn)結(jié)果頁(yè)很長(zhǎng),經(jīng)常超出兩屏以外,這個(gè)不良細(xì)節(jié)導(dǎo)致答案看起來(lái)非常費(fèi)勁,不知道從何看起,一堆答案:
“改版前現(xiàn)狀”
于是我們希望通過(guò)簡(jiǎn)化結(jié)果頁(yè)答案信息,讓對(duì)話內(nèi)容看起來(lái)沒(méi)那么費(fèi)勁。我們對(duì)結(jié)果頁(yè)容器做了一個(gè)規(guī)則:精煉出一個(gè)結(jié)果頁(yè)組件,如果用戶想要繼續(xù)了解,則通過(guò)點(diǎn)擊查看更多到落地頁(yè)去看。
“解決方案1.0”
解決方案1.0遇到的開(kāi)發(fā)難點(diǎn):落地頁(yè)是前端新寫的,前端需要將原落地頁(yè)里面的數(shù)據(jù)傳進(jìn)來(lái),這個(gè)過(guò)程涉及很多鉤子函數(shù),一旦沒(méi)協(xié)議好,就會(huì)出現(xiàn)新落地頁(yè)渲染不出來(lái)的情況。
問(wèn)題是我們很難窮舉出所有的情況,自測(cè)環(huán)節(jié)依然出現(xiàn)新落地頁(yè)打不開(kāi)的情況,因?yàn)檫@個(gè)問(wèn)題,導(dǎo)致改版遲遲上不了線。
后來(lái)我們轉(zhuǎn)化了思路:控制結(jié)果頁(yè)容器高度,不超過(guò)有效屏幕的2/3, 超過(guò)部分自動(dòng)折疊;如果用戶想要繼續(xù)了解,則通過(guò)點(diǎn)擊余下內(nèi)容展開(kāi)剩余答案。這個(gè)思路讓我們避開(kāi)了新落地頁(yè),并同樣起到了簡(jiǎn)化結(jié)果頁(yè)答案信息的作用。
“解決方案2.0”
九陽(yáng)神功第七式:量化問(wèn)題
1. 行不行?把數(shù)據(jù)拿出來(lái)練練
一次分享會(huì)上,有同學(xué)和我說(shuō)了一個(gè)關(guān)于數(shù)據(jù)的看法:“數(shù)據(jù)給人的感覺(jué)更偏理性,比較適用于流程性的功能/業(yè)務(wù)設(shè)計(jì),而對(duì)于那種需要付諸情感與創(chuàng)意的藝術(shù)設(shè)計(jì),理性的數(shù)據(jù)好像不太適用,甚至有點(diǎn)與藝術(shù)設(shè)計(jì)本身有點(diǎn)脫節(jié),藝術(shù)是個(gè)人意志的表達(dá),我只需要關(guān)注我的工匠精神有沒(méi)有得到充分的表達(dá),細(xì)節(jié)有沒(méi)有做透,而數(shù)據(jù)和我好像有點(diǎn)遠(yuǎn)哈?!?/p>
其實(shí)這個(gè)想法是錯(cuò)誤的,無(wú)論我們?cè)谧鍪裁丛O(shè)計(jì),必須建立一個(gè)認(rèn)知:任何設(shè)計(jì)行為都可以被量化,如果量化不了,只能說(shuō)明我們做的這件事還沒(méi)有目標(biāo),或者把這件事當(dāng)成個(gè)人玩具在做了。
沒(méi)有目標(biāo)的設(shè)計(jì)過(guò)程是非常糟心的,很容易被別人噴,盡管我們可能不服,覺(jué)得這個(gè)意見(jiàn)很傻,但就是說(shuō)服不了,憑啥你說(shuō)的就對(duì),大家互相不服。
如果這個(gè)意見(jiàn)是來(lái)自一個(gè)需求上游,我們可能連不服的資格都沒(méi)有,只能自我安慰道:“畢竟這只是一份工作,何必那么較真呢?!?/p>
相比于做事沒(méi)有目標(biāo),把事情當(dāng)成個(gè)人玩具做的危害更大,從結(jié)果層面,不僅會(huì)失敗,還會(huì)給團(tuán)隊(duì)營(yíng)造一種獨(dú)斷、官僚的風(fēng)氣。迷之自信只是因?yàn)槲覀兩碓诰祝@不能成為我們獨(dú)斷專行的理由。
既然已經(jīng)在井底,就應(yīng)該多傾聽(tīng)井外的聲音,抱著謙遜的態(tài)度去了解真相,而非下屬都是傻子、同事都是傻子,只有我的感覺(jué)最專業(yè),我不要你覺(jué)得,我只要我覺(jué)得。
因此這兩個(gè)故事給我們一個(gè)啟發(fā):
- 任何時(shí)候要用數(shù)據(jù)說(shuō)話,別總是我覺(jué)得,我有“我覺(jué)得”、他有“他覺(jué)得”、你有“你覺(jué)得”,到底聽(tīng)誰(shuí)的?比誰(shuí)的職位高嗎?比誰(shuí)吵的過(guò)誰(shuí)嗎?我們應(yīng)該讓數(shù)據(jù)去說(shuō)話,行不行?把數(shù)據(jù)拿出來(lái)秀一下;
- 要想學(xué)會(huì)用數(shù)據(jù)說(shuō)話,我們必須要有目標(biāo),我為什么要做這件事,把開(kāi)屏頁(yè)設(shè)計(jì)的好看一點(diǎn)目的是吸引更多的人點(diǎn)進(jìn)來(lái),所以我的目標(biāo)是點(diǎn)擊uv至少要達(dá)到多少人才說(shuō)明我這開(kāi)屏頁(yè)設(shè)計(jì)的確實(shí)可以。
講一個(gè)用數(shù)據(jù)說(shuō)話的案例:以哈啰助力車臨時(shí)鎖車不良細(xì)節(jié)為例,我們?cè)撊绾螌?shù)據(jù)融入到我們的產(chǎn)品設(shè)計(jì)與決策的語(yǔ)言當(dāng)中
1)問(wèn)題描述
騎車途中,臨時(shí)有事,需要把車臨時(shí)停一下,點(diǎn)了臨時(shí)鎖車,頁(yè)面切換為如下?tīng)顟B(tài):
“支付寶小程序哈啰單車:臨時(shí)鎖車”
辦完事回來(lái),不假思索地點(diǎn)擊了“還車”,而不是“解鎖騎行”,導(dǎo)致每次點(diǎn)擊解鎖騎行都需要刻意思考一下。
2)數(shù)據(jù)分析
我們?yōu)榱舜_定這確實(shí)是用戶的問(wèn)題,而不僅僅是我的問(wèn)題,需要看一下解鎖場(chǎng)景下的誤觸率如何?
誤觸率定義:解鎖場(chǎng)景下,點(diǎn)擊還車的有多少人。
指標(biāo)計(jì)算:點(diǎn)擊還車uv|(用戶類型=點(diǎn)擊了臨時(shí)鎖車) / 點(diǎn)擊了臨時(shí)鎖車的uv。
如果發(fā)現(xiàn)臨時(shí)鎖車場(chǎng)景下的誤觸率確實(shí)很高(我們自己可以定一個(gè)高的標(biāo)準(zhǔn),比如我們認(rèn)為超過(guò)5%就很高了),我們?cè)偃ハ虢鉀Q方案。
能不能把鎖車狀態(tài)下的頁(yè)面中的“解鎖騎行”與“還車”調(diào)換一下順序,方便該場(chǎng)景下的解鎖操作,從而降低誤觸率。方案上線后,我們對(duì)比一下上線前的誤觸率,看是否有提升?
2. 需要一份便于維護(hù)的埋點(diǎn)文檔
和需求規(guī)格描述文檔類似,為了讓我們?cè)跀?shù)據(jù)分析階段更可靠一點(diǎn),我們還需要一份便于維護(hù)的埋點(diǎn)文檔。如圖所示,一個(gè)埋點(diǎn)文檔至少應(yīng)該包含3個(gè)部分:埋點(diǎn)字段、文檔說(shuō)明、埋點(diǎn)內(nèi)容。
“埋點(diǎn)文檔(Google docs)”
1)埋點(diǎn)字段
為了更全面地描述埋點(diǎn)內(nèi)容,我們可以從5個(gè)方面對(duì)其進(jìn)行描述:
- 事件類型(Event),如“注冊(cè)相關(guān)的事件”;
- 觸發(fā)行為(Triggered),如在“注冊(cè)相關(guān)的事件”中當(dāng)用戶資料不完整,簽到時(shí)觸發(fā)了補(bǔ)充資料頁(yè);
- 行為變量(Parameters),如在補(bǔ)充資料頁(yè)行為當(dāng)中涉及的變量有用戶的操作類型(user_action)以及是否是首次觸發(fā)(if_first_time);
- 變量值(Values),如在補(bǔ)充資料頁(yè)當(dāng)中的變量user_action的值有編輯(edit)與跳過(guò)(skip);
- 版本(Version),備注每個(gè)埋點(diǎn)當(dāng)前的版本,便于后期增刪改查。
“埋點(diǎn)字段”
2)文檔說(shuō)明
隨著每次版本的迭代,我們可能增加了新功能、修改了已有功能或刪掉了之前功能,這就要求我們的埋點(diǎn)文檔也要隨之更新。
哪些是因?yàn)樵黾恿诵鹿δ芏枰略龅穆顸c(diǎn)?哪些是因?yàn)樾薷牧艘延泄δ芏枰膭?dòng)之前的點(diǎn)?那些是因?yàn)閯h掉了之前功能而需要?jiǎng)h除的點(diǎn)?
用不同的字色與色塊去區(qū)分這些埋點(diǎn)類型說(shuō)明,方便團(tuán)隊(duì)其他成員查閱與理解。文檔說(shuō)明中最后一項(xiàng)“通用值”指的是事件類型,如“注冊(cè)相關(guān)的事件”。
“文檔說(shuō)明”
3)埋點(diǎn)內(nèi)容
根據(jù)前面提到的做事目標(biāo),反推我們需要哪些埋點(diǎn),然后把這些點(diǎn)按照埋點(diǎn)字段錄進(jìn)文檔內(nèi)。最后對(duì)接好負(fù)責(zé)埋點(diǎn)的開(kāi)發(fā),將這些點(diǎn)埋進(jìn)我們的程序中。
九陽(yáng)神功第八式:檢驗(yàn)問(wèn)題
1. 數(shù)據(jù)指標(biāo)的5種類型
有了埋點(diǎn)數(shù)據(jù)之后,需要通過(guò)一些公式構(gòu)建指標(biāo)與埋點(diǎn)數(shù)據(jù)之間的關(guān)系,從而得到我們想要的指標(biāo)數(shù)值。目前常用的指標(biāo)類型有:
- 事件型,比如一共發(fā)起了多少a行為,對(duì)應(yīng)關(guān)系:pv(a);
- 去重型,比如有多少人發(fā)起過(guò)a行為,對(duì)應(yīng)關(guān)系:uv(a);
- 比率型,比如事件x中發(fā)起過(guò)a行為的比率是多少,對(duì)應(yīng)關(guān)系:pv(a)/pv(x);
- 人均型,比如平均每個(gè)人發(fā)起過(guò)多少a行為,對(duì)應(yīng)關(guān)系:pv(a)/uv(a);
- 節(jié)點(diǎn)轉(zhuǎn)化型,比如普通用戶(a)到會(huì)員用戶(b)的轉(zhuǎn)化效率,對(duì)應(yīng)關(guān)系:uv(a)/uv(b)
一個(gè)小思考
如圖所示,在對(duì)話改版中我們確定的目標(biāo)是“提升用戶與機(jī)器人互動(dòng)意愿”,指標(biāo)意義是“用戶觸發(fā)了一次答案后,還會(huì)不會(huì)繼續(xù)往下互動(dòng)”,對(duì)應(yīng)的計(jì)算方式是“uv(一句以上的用戶數(shù))/uv(總用戶數(shù))”。
同學(xué)們可以思考一下,“用戶與機(jī)器人互動(dòng)意愿”屬于數(shù)據(jù)指標(biāo)5中類型中的哪一種?
“改版背景”
2. 定義北極星指標(biāo)面板:設(shè)計(jì)迭代的燈塔
產(chǎn)品設(shè)計(jì)是一個(gè)持續(xù)迭代的過(guò)程,指望一次性把事情做成很難,我們只能在這個(gè)過(guò)程中反復(fù)發(fā)現(xiàn)問(wèn)題、解決問(wèn)題,最終才可能蟄伏出一個(gè)優(yōu)秀的東西。
然而現(xiàn)實(shí)是,我們很多產(chǎn)品和設(shè)計(jì)師做完某個(gè)功能后就沒(méi)下文了,過(guò)段時(shí)間做了另外一個(gè)功能,之后又沒(méi)下文了。就這樣,日復(fù)一日,年復(fù)一年,看似干了很多事情,但卻沒(méi)有一件有結(jié)果。
我比較喜歡梁寧老師的一句話“求之于勢(shì),不責(zé)于人”,意思就是,出了問(wèn)題,不要一味去指責(zé)人不行,而是應(yīng)該多借助外部力量給團(tuán)隊(duì)賦能,打贏一場(chǎng)仗的關(guān)鍵并不是士兵努不努力,而是陣法與策略。
因此,無(wú)法持續(xù)迭代的問(wèn)題關(guān)鍵并不是某個(gè)產(chǎn)品或設(shè)計(jì)師不夠努力、不夠有責(zé)任心,而是產(chǎn)品設(shè)計(jì)流程出現(xiàn)了問(wèn)題:我們忽視了燈塔的重要性,導(dǎo)致這個(gè)過(guò)程中很難以終為始,畢竟我連自己在哪都不知道,更別提要通過(guò)什么樣的計(jì)劃去什么終點(diǎn)了。
如何在這個(gè)過(guò)程中建立我們的燈塔呢?
如圖所示,是關(guān)于某游戲戰(zhàn)斗平衡模塊的北極星指標(biāo)面板,通過(guò)這個(gè)面板,我們每天都可以檢查自己所負(fù)責(zé)模塊目前處在一個(gè)什么樣的水平、距離目標(biāo)終點(diǎn)還有多遠(yuǎn)、針對(duì)這個(gè)差距,我們還可以做哪些試錯(cuò)。
“某游戲戰(zhàn)斗平衡模塊的北極星指標(biāo)面板”
九陽(yáng)神功第九式:復(fù)盤問(wèn)題
1. 成長(zhǎng)量變于實(shí)踐、質(zhì)變于復(fù)盤
一直以來(lái),在如何提升產(chǎn)品設(shè)計(jì)能力的問(wèn)題上,我們可能存在個(gè)誤區(qū):看書可以提升產(chǎn)品設(shè)計(jì)能力、博覽產(chǎn)品設(shè)計(jì)理論/方法可以提升產(chǎn)品設(shè)計(jì)能力。
因?yàn)檫@個(gè)誤區(qū)導(dǎo)致我們很多人正在努力地做“邯鄲學(xué)步”的事情:作品集里套些空洞的理論與模型,面試過(guò)程中一旦深究,立馬嗝屁;做需求關(guān)心的不是用戶,而是某個(gè)理論,到底是在做產(chǎn)品還是在寫本自己的書,傻傻分不清楚。
如果上訴情況有我們的影子,狠狠地掐自己一下,讓自己清醒清醒:指望看書、博覽產(chǎn)品設(shè)計(jì)理論/方法提升產(chǎn)品設(shè)計(jì)能力是絕對(duì)不可能的。
成長(zhǎng)的唯一方式只有多在工作中實(shí)踐;看書、報(bào)班、聽(tīng)講座等等學(xué)習(xí)方式只是一種復(fù)盤手段,而復(fù)盤的前提是我們有一定的實(shí)踐。
所以我們看書的過(guò)程其實(shí)是在尋找與作者共鳴的點(diǎn),作者幫我們總結(jié)了之前的實(shí)踐并形成了經(jīng)驗(yàn);但這個(gè)過(guò)程,如果我們沒(méi)有相似的實(shí)踐經(jīng)歷,只是努力學(xué)習(xí)作者的方法,并試圖套在工作中,那就又邯鄲學(xué)步了。
如果這樣,我們?cè)倨约阂幌?,把書放下,去尋找更多的?shí)踐,等有一天真的有點(diǎn)共鳴了,說(shuō)明我們已經(jīng)在成長(zhǎng)了,之前的實(shí)踐終于質(zhì)變了!
2. 多停下來(lái),回頭看看
工作中發(fā)現(xiàn)很多人并沒(méi)有停下來(lái)復(fù)盤的習(xí)慣,把自己當(dāng)成一個(gè)機(jī)器一樣不停的做,但就是看不到終點(diǎn),最后的結(jié)局就是大家都累死了,團(tuán)隊(duì)卒,項(xiàng)目黃。
前往目標(biāo)地的路上必然會(huì)遭遇很多沙塵暴,雖然迷眼,但指望閉著眼一條線走過(guò)去幾乎不可能,適當(dāng)停下來(lái),睜眼看看,有沒(méi)有走錯(cuò)方向。
項(xiàng)目迭代階段,通過(guò)北極星指標(biāo)面板復(fù)盤本次迭代有沒(méi)有達(dá)成目標(biāo):如果達(dá)成了,是因?yàn)槲覀冏隽四男?shí)踐,下次如何復(fù)用這些經(jīng)驗(yàn);如果沒(méi)達(dá)成,是因?yàn)槲覀兡男┉h(huán)節(jié)沒(méi)做好,下個(gè)迭代中如何修正,再試一下。
如哈啰助力車誤觸率案例中,如果方案上線后,誤觸率沒(méi)有被有效降低,需要再?gòu)臄?shù)據(jù)上追蹤用戶的使用行為,找出問(wèn)題,再構(gòu)思解決方案,以此循環(huán),直至誤觸率被降下來(lái)。
有同學(xué)經(jīng)常跟我說(shuō):“我不會(huì)總結(jié),只會(huì)不停的做”。其實(shí)不是我們不會(huì),而是缺乏復(fù)盤能力。如何建立并提升自己的復(fù)盤能力呢?
業(yè)余時(shí)間,建議大家多接觸些工作內(nèi)容以外的新事物,比如周末下午去個(gè)咖啡廳看看書、上下班地鐵上刷刷文章、一個(gè)月更新一次作品集、半年參加一次講座等等。
我開(kāi)始建立起復(fù)盤能力,是2015年實(shí)習(xí)那會(huì)兒,公司到住的地方需要1個(gè)半小時(shí)的地鐵,這意味著我每天有3個(gè)小時(shí)的閱讀時(shí)間,結(jié)合工作上的實(shí)踐,那段時(shí)間真的很充實(shí)。
總結(jié)
九陽(yáng)神功圖譜
以一張圖譜來(lái)總結(jié)一下產(chǎn)品設(shè)計(jì)九陽(yáng)功招式。該圖譜共有4個(gè)象限,從第3象限開(kāi)始,N順序分別為:事實(shí)就是×問(wèn)題、靈感創(chuàng)意×問(wèn)題、實(shí)事求是×解決辦法、靈感創(chuàng)意×解決辦法。
“九陽(yáng)神功象限圖譜”
- 事實(shí)就是×問(wèn)題:該象限要求我們?cè)谘芯繂?wèn)題過(guò)程中一定要恪守“實(shí)事求是”原則,切忌先入為主;
- 靈感創(chuàng)意×問(wèn)題:該象限要求我們盡可能地發(fā)揮自己的主觀能動(dòng)性,通過(guò)可視化方式,讓問(wèn)題故事變得更栩栩如生;
- 事實(shí)求是×解決辦法:該象限內(nèi)我們開(kāi)始造航天飛機(jī)了,它是個(gè)非常嚴(yán)謹(jǐn)且注重細(xì)節(jié)的過(guò)程:注意不要亂提些天馬行空、無(wú)法落地的想法,盡管可能確實(shí)很用戶體驗(yàn),但在我們還不了解當(dāng)前實(shí)現(xiàn)原理以及當(dāng)前階段的主要矛盾之前,這些想法可能就是搗亂。所以多去了解工程技術(shù)以及當(dāng)前階段的主要目標(biāo),可以幫助我們提出些更靠譜的解決方案;
- 靈感創(chuàng)意×解決辦法:如何發(fā)揮我們的主觀能動(dòng)性,幫助團(tuán)隊(duì)點(diǎn)亮燈塔,照亮團(tuán)隊(duì)繼續(xù)朝著目標(biāo)前行是該象限的使命。
把各象限內(nèi)對(duì)應(yīng)的招式補(bǔ)充進(jìn)去,就是我們的九陽(yáng)神功招式圖譜:
“九陽(yáng)神功招式圖譜”
九陽(yáng)神功圖譜修煉精髓
我們可以把它當(dāng)成產(chǎn)品設(shè)計(jì)實(shí)踐過(guò)程中的一本詞典,遇到不知道怎么做時(shí),可以查閱一下當(dāng)前處在九陽(yáng)神功的哪一式;參照該招式的心法,結(jié)合具體的工作內(nèi)容,進(jìn)行產(chǎn)品設(shè)計(jì)實(shí)踐。
在應(yīng)用產(chǎn)品設(shè)計(jì)方法時(shí),也可以參照該字典,明確該方法處在哪一招式,從而幫助我們理解該方法的作用,更能靈活地使用該方法,而不再是生搬硬套。
參考資料:
1.Kate Kaplan.When and How to Create Customer Journey Maps.
2.劉津,從無(wú)中生有到快速迭代,產(chǎn)品不同階段設(shè)計(jì)方法及策略.
3.梁寧,產(chǎn)品思維30講-認(rèn)清人的本性,理解角色化生存.
4.Donald Arthur Norman.the Design of Everyday Things: Human Error? No, Bad Design.
5.Brad Frost.Atomic Design.
#專欄作家#
UE小牛犢,微信公共號(hào):交互實(shí)驗(yàn)獅,人人都是產(chǎn)品經(jīng)理專欄作家。關(guān)注產(chǎn)品思考、用戶體驗(yàn)分析、交互研究,致力于UX方法論的探索和實(shí)踐。
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
題圖來(lái)自 Unsplash,基于 CC0 協(xié)議
交互打卡的那個(gè)App是什么
給偉偉大佬打call??!
我能打你很牛皮的嘛,真的厲害 給點(diǎn)贊~~~
可以!你的鼓勵(lì)是我前行的動(dòng)力!??
謝謝寫得這么詳細(xì),圖文并茂有說(shuō)服力
不客氣,有幫助就好
dalao
詳實(shí)的內(nèi)容,給大佬點(diǎn)贊