本文分享了如何在作品集中體現(xiàn)“交互思維”，并進(jìn)一步分享了如何將產(chǎn)品思維與交互思維應(yīng)用到改版設(shè)計。

一、前言

最近半年，一直有設(shè)計師請教我如何培養(yǎng)交互思維，在行業(yè)日漸飽和的情況下，設(shè)計師們也意識到了 交互思維 的重要性，不約而同的希望我能幫助他們更好的在工作中或者作品集中體現(xiàn)交互思維。

在此期間，我也做了很多功課，詢問了很多大廠做招聘的朋友，總結(jié)了很多規(guī)律，受邀參加了很多次分享，所以這篇文章其實(shí)是倒逼自己對“如何在作品集中體現(xiàn)交互思維”做一次總結(jié)。

在整理之前，我想先聊一聊市場是什么樣子的，為什么我們要學(xué)習(xí)交互思維。

1.1 市場現(xiàn)狀

UI設(shè)計師已經(jīng)不再是那個只要能夠畫好界面就能輕松找到高薪的工作了，更多的設(shè)計師涌入造就了更高的門檻，這就意味著只有掌握更高的能力，才能不被時代淘汰。（但很多人因此對這個行業(yè)產(chǎn)生恐慌，我覺得是沒有必要的，因?yàn)檫@才是這個行業(yè)的常態(tài)）

所以，UI設(shè)計師自然的往三個方向分化：

1. 繼續(xù)深耕設(shè)計功底，逐漸的往運(yùn)營設(shè)計和視覺設(shè)計發(fā)展。
2. 偏向產(chǎn)品和交互部分，從用戶體驗(yàn)出發(fā)來思考頁面如何設(shè)計，來更好的幫助：品實(shí)現(xiàn)商業(yè)價值。
3. 在外國已經(jīng)存在，但是國內(nèi)并不普及的方向――Codeisgner，當(dāng)設(shè)計師同時掌握了設(shè)計與實(shí)現(xiàn)兩個技能時，往往可以產(chǎn)生更強(qiáng)大的力量，可以攻克以往團(tuán)隊很難解決的技術(shù)難關(guān)。

但無論往哪個方向發(fā)展，界面設(shè)計終究是基本功，但交互能力，視覺能力以及編程能力現(xiàn)如今也不是附加題。

如果把基礎(chǔ)界面設(shè)計能力比做大學(xué)的基礎(chǔ)課，那其他三種能力更像是設(shè)計師的專業(yè)課，可以選擇但也是必選其一，否則就會被不斷發(fā)展的市場所淘汰。

1.2 “挖掘”你的交互思維

言歸正傳，有些人會說交互思維是培養(yǎng)出來的，我不敢茍同。交互思維人人都有，只是我們不常使用而忽略了它的存在。

舉個例子，我們平時也會去作為用戶使用一些產(chǎn)品，其實(shí)內(nèi)心都會對產(chǎn)品的好壞有一個評測，這其實(shí)就是我們的交互思維在潛意識里運(yùn)作的結(jié)果，讓你覺得：嗯，這個產(chǎn)品不合理。

尤其是第一條和第四條一定深入人心。銀行軟件的難用是人盡皆知的，而大部分人也都出現(xiàn)過在一個平臺用不同的信息注冊了兩個賬號，導(dǎo)致了一些棘手的問題。

如果你曾經(jīng)有過上述的想法，那么證明你是有交互思維的，只是需要更好的方法論幫助你“挖掘”更開闊的思路。所以可以發(fā)現(xiàn)，讓自己成為用戶，然后站在自己的角度思考問題，才是邁出培養(yǎng)交互思維第一步的好方式。

二、如何在作品集中體現(xiàn)交互思維

在給很多設(shè)計師梳理思路后，我逐漸捋清楚一套成體系的方法論，我將一個完整的產(chǎn)品改版拆分為以下五個模塊。但是很多設(shè)計師在闡述改版思路時，往往只重視闡述“改版原因+成果驗(yàn)收”這兩個模塊。（尤其是作品集中這種趨勢體現(xiàn)的更加明顯）

這就是在工作時沒有規(guī)范的工作模式，或者只做了執(zhí)行層面的內(nèi)容，導(dǎo)致最終自己在工作中話語權(quán)低，面試時無話可說。

就如同下面的設(shè)計師作品集節(jié)選，可以看出作者本身實(shí)力不差，但是單薄的內(nèi)容和邏輯的不足很容易讓人對其專業(yè)能力產(chǎn)生質(zhì)疑。

2.1 延伸拓展 —— “專業(yè)度”與“工作量”

作品集應(yīng)該從“專業(yè)度”和“工作量”兩個方面進(jìn)行體現(xiàn)，凸顯個人才華的內(nèi)容可以展示，但是不能當(dāng)作重點(diǎn)，讓面試官信任你能勝任工作才是最終目的。

①?什么是專業(yè)度和工作量？

我們知道，真正進(jìn)入工作，能夠高效率產(chǎn)出的往往不是設(shè)計能力最好的那個人，而是具備綜合能力的人。

• 合作能力：溝通能力，上下游對接能力…
• 綜合設(shè)計能力：調(diào)研能力，分析能力，驗(yàn)收能力，復(fù)盤能力…
• 個人能力：演講能力，解決問題能力…
• ……

這些能力其實(shí)就是你的專業(yè)度的體現(xiàn)，你會發(fā)現(xiàn)設(shè)計能力只占其中很小的一部分。而這些統(tǒng)稱為你的“專業(yè)度”。

工作量的定義就非常簡單了，指的是你工作時完成任務(wù)的數(shù)量。

② 有哪些體現(xiàn)專業(yè)度和工作量的例子？

舉一個很簡單的例子，大部分人在作品集中體現(xiàn)圖標(biāo)設(shè)計時，都是從設(shè)計角度出發(fā)來分析圖標(biāo)制作過程、改版過程。像下圖這種：（文章中所有配圖均以保證觀感為主，不以作品集的包裝方式進(jìn)行設(shè)計）

而我有一個非常極客愛研究的朋友，我就讓他將他研究的“圖標(biāo)標(biāo)準(zhǔn)制作流程”放在了作品集中。

這就是專業(yè)度的體現(xiàn)的一種方式，他不是單純的設(shè)計能力，這種將一個細(xì)節(jié)處理到極致的態(tài)度，即可體現(xiàn)設(shè)計師的解決問題的能力，橫向延展的能力以及對待事物的態(tài)度，那么這樣的作品集，才可以給面試官留下一個立體的“人”的形象，而非單純的作圖工具。

工作量指的又是什么呢？

一般的設(shè)計師在做改版迭代時，往往內(nèi)容上單薄且說服力不夠。

真實(shí)的工作環(huán)境中，往往一次改版需要多次迭代才能得到最終的結(jié)果。而通過迭代的過程，才能體現(xiàn)設(shè)計師在其中的思考與價值。

③ 怎樣體現(xiàn)“專業(yè)度”與“工作量”？

專業(yè)度：其實(shí)在文章開頭我已經(jīng)給出了答案。通過之前總結(jié)的改版的五個步驟，即可提升大部分的設(shè)計師的設(shè)計能力與交互能力專業(yè)度。

除此之外，還有一些其他的方法。比如通過翻譯一些外文文章，來向面試官展現(xiàn)自己的外語能力以及資源整合的能力；更有甚者可以通過接國際外包來綜合提升自己的背書。（最近好多設(shè)計師想要加入我們團(tuán)隊也是這個原因，希望我能帶他們做一些國際訂單。）

而工作量，則需要設(shè)計師在日常工作時有總結(jié)思考，以及保留飛機(jī)稿的習(xí)慣。將自己的工作內(nèi)容輸出成可供他人觀看、分享與觀看的能力也是在這個時代設(shè)計師所需要具備的能力。

下面我將以一個設(shè)計師朋友的例子切入分析 ―― 如何做好一家旅游類App的“撰寫評論功能”。（由于不方便展示作品集中的真實(shí)案例，我會對以下案例進(jìn)行脫敏處理，不代表任何上線產(chǎn)品。）

三、以“撰寫評論功能”為例講解改版思路

3.1 改版背景

評論區(qū)始終是很多產(chǎn)品頭疼的一個功能，他對于產(chǎn)品有必要性，但同時大部分用戶卻不愿意在服務(wù)后給予評論。這次我們就圍繞著某旅游App “撰寫評論” 功能來分析如何改版，才能真正有理有據(jù)的，既能解決用戶的痛點(diǎn)，又能解決產(chǎn)品的痛點(diǎn)。

原版流程與頁面如下：

3.2 改版原因

改版原因可以分為兩點(diǎn)：理論推導(dǎo)原因以及實(shí)際數(shù)據(jù)證明。

這跟驗(yàn)證一款新藥療效的邏輯是一樣的。我們既要從藥理學(xué)中得出結(jié)論，新藥安全且可以攻克疾?。ɡ碚撏茖?dǎo)）。又要有臨床研究，證明藥物確實(shí)可以幫助病人治愈疾病。

在闡述改版原因時也是如此，既要從道理上闡述，為什么要改版？也要有實(shí)際案例來證明，我們的改版是最終可以取得效果的。

① 理論推導(dǎo)01 : 沒有人用的“撰寫評論”功能（改版目的）

我在很多分享會和公開課上問過很多人，即使在淘寶平臺，也只有5%不到的用戶能夠做到每個商品收貨后都評論，同時有60%的用戶幾乎不評論。所以“撰寫評論”這個功能幾乎像bug一樣存在于諸多App中。

那么為什么這樣一個功能，卻被很多行業(yè)一直保留到現(xiàn)在呢？我們只需要站在用戶立場去考慮即可得到答案。

在購買商品時，評論數(shù)量的多少，質(zhì)量的高低是我們購買一件商品的重要指標(biāo)。這是一個鏈接商家和用戶的強(qiáng)有力的紐帶，沒有人評論的商品，幾乎沒有人愿意冒險購買。這就是為什么要一直保留的原因。

那么綜上所述，自然可以得到我們對于評論區(qū)改版的目的，即在不破壞用戶體驗(yàn)的情況下，盡可能多的讓用戶參與到評論中來。

② 理論推導(dǎo)02 : 評論區(qū)改版是迫切需要被提上日程的（改版的必要性）

說完目的就要說必要性。為什么我們產(chǎn)品有那么多需要改進(jìn)的內(nèi)容，為什么偏偏需要先改版評論區(qū)呢？

“波士頓矩陣”就是一個很好的對改版重要性進(jìn)行排序的一個工具。

通過波士頓矩陣，我們可以把產(chǎn)品所有的功能按照對用戶的價值高低以及對公司戰(zhàn)略的價值高低分為四大類別?！白珜懺u論”的功能是一個對商家、平臺高價值的需求，對用戶體驗(yàn)低價值的需求。

所以在波士頓矩陣中，它屬于“現(xiàn)金牛需求”中的一種，這是除“明星需求”外能夠提高轉(zhuǎn)化率的第二大需求類別，所以在已經(jīng)進(jìn)入維持存量市場階段的旅游類產(chǎn)業(yè)，如何利用好現(xiàn)金牛需求就是產(chǎn)品增長的關(guān)鍵。

③ 實(shí)際數(shù)據(jù)01 : 眾家App爭相鼓勵用戶評論（線上數(shù)據(jù)）

按照剛才的說法，用戶不愿意評論，而評論卻如此重要，那么平臺應(yīng)該會鼓勵用戶進(jìn)行評論，而事實(shí)的確如此：

A 通過運(yùn)營活動提升用戶評論積極性的京東

京東的“評價官”活動，以諸多權(quán)益來提高用戶撰寫評論的積極性，從而提高評論的數(shù)量和質(zhì)量。

B 提升“沉沒成本”的餓了么與美團(tuán)外賣

“餓了么“與”美團(tuán)外賣“在當(dāng)用戶退出時，會提醒用戶他們將要損失的權(quán)益。這兩款產(chǎn)品同時使用損失厭惡提高用戶的沉沒成本，從而讓用戶完成評論過程。

C 沒有鼓勵用戶評論機(jī)制的淘寶

淘寶為什么沒有鼓勵用戶評論的機(jī)制？淘寶本身已經(jīng)累積了巨量的客戶，某個商品的評論不佳對淘寶的影響微乎其微。所以自然淘寶會更加從用戶體驗(yàn)的角度出發(fā)去思考問題，所以自然它將引導(dǎo)用戶評論的責(zé)任轉(zhuǎn)嫁到了商家身上。這也就是我們?yōu)槭裁磿吹?，即使淘寶平臺明文規(guī)定的違規(guī)行為“好評返現(xiàn)”卻屢禁不止的原因。

④ 實(shí)際數(shù)據(jù)02:多數(shù)量的評論對于商品轉(zhuǎn)化率有顯著影響（科研數(shù)據(jù)）

在人人都是產(chǎn)品經(jīng)理中，有一篇文章專門提到了原創(chuàng)評論對于商品轉(zhuǎn)化率的顯著性影響。

據(jù)Yotpo數(shù)據(jù)顯示，平均而言，沒有查看評論的購物者轉(zhuǎn)化率僅為2.16%，而查看評論的購物者的轉(zhuǎn)化率為5.65%，這就是用戶評論所帶來的顯著結(jié)果，下面則是不同行業(yè)的平均轉(zhuǎn)化率的細(xì)分：

這樣，改版的原因被論證完畢。

3.3 改版調(diào)研

3.3.1 用戶調(diào)研

通過用戶調(diào)研，我們歸納出了用戶主要的痛點(diǎn)在于：

• 撰寫評論成本過高。
• 評論容易泄露個人信息，不愿意評論。
• 評論功能入口深，無法及時想起評論。
• 沒有撰寫評論的積極性與欲望。

具體如何做用戶調(diào)研相信已經(jīng)有很多同行寫過文章詳細(xì)的講述過了，在此不再贅述。我只提醒三點(diǎn)大家在用戶調(diào)研時容易犯的錯誤：

• 只能跟用戶提及產(chǎn)品存在的問題，而不能利用更專業(yè)的知識和對產(chǎn)品的熟知去和用戶理論，更不能輕易讓用戶提出解決方案。
• 用戶體驗(yàn)有時會和產(chǎn)品目標(biāo)沖突，所以有時候我們并不能一味的幫助用戶解決問題而忽略了商業(yè)訴求。
• 用戶的問題并不一定是產(chǎn)品的真正問題，有些時候我們不能一味的解決問題，我們應(yīng)該從用戶的話語中去提煉他想要達(dá)到的目的，再從目的去出發(fā)尋找達(dá)到目的的最簡單的方式。

接下來的所有內(nèi)容，將圍繞著用戶的痛點(diǎn)進(jìn)行分析。

3.3.2 競品調(diào)研

通過競品分析，來觀察競品是如何優(yōu)化“撰寫評論”功能的。

首先對市面上的主流產(chǎn)品做篩選，最終確定了以八款產(chǎn)品為例來進(jìn)行調(diào)研。分別是：淘寶，京東，美團(tuán)外賣，大眾點(diǎn)評，餓了么，美團(tuán)，滴滴出行，馬蜂窩旅游。

接下來，我們會對這八款產(chǎn)品進(jìn)行分析，幫助我們思考如何改版。

我們已經(jīng)知道了其他產(chǎn)品是用了什么樣的方式來優(yōu)化“撰寫評論”功能的了。此時，我們再對之前的內(nèi)容做一份總結(jié)。

有了比較全面的分析之后，我們就可以游刃有余的去思考我們的產(chǎn)品應(yīng)該如何改版了。

3.4 改版迭代

在得知用戶痛點(diǎn)后，我們就可以通過制定一些具體的改版目標(biāo)來約束整個改版的方向。所以，改版目標(biāo)分為以下幾點(diǎn)：

① 版本1.0

評論維度過多是用戶難以完成流程的重要原因。所以在這里我們可以利用登門檻效應(yīng)，通過讓用戶不斷的完成小目標(biāo)從而減少用戶對于過大目標(biāo)的畏難心理。

• 形式上：可以通過彈窗替換頁面跳轉(zhuǎn)從而減輕用戶的認(rèn)知負(fù)擔(dān)。
• 內(nèi)容上：通過降低評分維度來減輕用戶的決策負(fù)擔(dān)。
• 交互上：只需要點(diǎn)擊一次即可完成操作，從而減輕用戶的操作負(fù)擔(dān)。

那么此時我們就可以做出我們1.0的撰寫評論改版。

GIF高清版：https://www.bilibili.com/video/av74918624/

② 版本2.0

在解決了絕大多數(shù)用戶的評論成本問題后，我們就需要分離不同用戶的行為，對用戶設(shè)計專屬的行為路徑。首先思考一個問題，用戶在購買流程結(jié)束后會積極主動撰寫評論？

• 對商品不滿意的用戶――希望通過評論發(fā)泄情緒以及以此來尋求解決問題的途徑。
• 本身是“意見領(lǐng)袖型”的用戶――樂于分享自己的心得。

針對第一類用戶，我們可以將剛剛制作的“第一重評分維度”作為用戶對商品滿意度的篩選器，如果用戶滿意則直接結(jié)束流程，用戶不滿意則通過給予更全面的表單來幫助用戶表達(dá)。

此時，由于我們增加了更多的信息，我們版本1.0中很多元素的排布方式在版本2.0中就不適用了，此時為了照顧到整體的功能不混亂，需要重新設(shè)計信息層級。

GIF高清版：https://www.bilibili.com/video/av74918691/

針對第二類用戶，我們可以在彈窗中加入進(jìn)入“撰寫詳細(xì)評論”頁面的渠道，讓用戶可以有渠道發(fā)表更詳細(xì)的感想。

GIF高清版：https://www.bilibili.com/video/av74918691/

經(jīng)過一系列的改動，最終我們還是回到了最初的頁面，但是用戶體驗(yàn)流程更加完整并照顧到了更多用戶的行為，那么這就是提升用戶體驗(yàn)的一種方式。

我們通過一張流程圖來觀察我們具體的改動內(nèi)容。

大多數(shù)產(chǎn)品在發(fā)展初期時只能夠給用戶提供一種行為路徑，沒有細(xì)分用戶的使用場景就會讓用戶體驗(yàn)極差。

這也是為什么大廠產(chǎn)品體驗(yàn)良好的原因，在完成產(chǎn)品初期架構(gòu)和框架搭建后，他們用更多的時間將產(chǎn)品從滿足80%的用戶到滿足99%的用戶，這在大多數(shù)人看來是一種性價比很低的行為，但卻是提升用戶體驗(yàn)的絕佳方式。

③ 版本3.0

在撰寫評論時，用戶的行為可以被分類解決。同樣的，在進(jìn)入“撰寫評論”功能的流程中，用戶行為也可以被拆解，從而針對不同的用戶行為，制定不同的方案解決“入口深”的難題。

在“彈窗評論流程”中，我們已經(jīng)通過彈窗形式直接引導(dǎo)用戶評論，從而減少用戶遺忘撰寫評論的可能性。在“二次喚醒評論流程”中，我們可以通過在【個人信息頁】增加“快捷入口”來鼓勵用戶進(jìn)行評論。

④ 版本4.0

接下來我們就可以通過上一章競品分析中得到的結(jié)論，按照“解決問題，覆蓋全面，情感補(bǔ)充”三個步驟，來改良我們自己的產(chǎn)品了。最終，我們把上述所有的迭代記錄和最終結(jié)果呈現(xiàn)在作品集中，就可以真正的體現(xiàn)出了我們設(shè)計中的專業(yè)度和工作量。

3.5 規(guī)范輸出

很多人認(rèn)為最終結(jié)果展示完畢，功能改版就結(jié)束了。但是在公司的正常流程中，我們往往需要對項目進(jìn)行整理復(fù)盤，從而得出對團(tuán)隊有價值的規(guī)范性文檔或者方法論。

標(biāo)準(zhǔn)工作流程即是如此，在制作作品集時同樣如此。設(shè)計是設(shè)計師的基礎(chǔ)能力，但是更重要的是獨(dú)立思考能力，以及如何能為團(tuán)隊創(chuàng)造更多的價值，這才是公司更看重的能力。

其實(shí)細(xì)心觀察可以發(fā)現(xiàn)，我已經(jīng)在文章通篇都在做規(guī)范化輸出和總結(jié)了：

3.5.1 如何確定改版的優(yōu)先度？

通過“波士頓矩陣”來分析需求層級，對功能改版的先后順序進(jìn)行排序。

3.5.2 如何對一個功能點(diǎn)進(jìn)行快速的迭代與改版？

通過觀察競品App的功能相關(guān)內(nèi)容，倒推提升用戶體驗(yàn)以及提高產(chǎn)品轉(zhuǎn)化率的優(yōu)化點(diǎn)。這樣無疑是最高效便捷的方式。

3.5.3 在做用戶調(diào)研時，新手容易出哪些問題？

• 只能跟用戶提及產(chǎn)品存在的問題，而不能利用更專業(yè)的知識和對產(chǎn)品的熟知去和用戶理論，更不能輕易讓用戶提出解決方案。
• 用戶體驗(yàn)有時會和產(chǎn)品目標(biāo)沖突，所以有時候我們并不能一味的幫助用戶解決問題而忽略了商業(yè)訴求。
• 用戶的問題并不一定是產(chǎn)品的真正問題，有些時候我們不能一味的解決問題，我們應(yīng)該從用戶的話語中去提煉他想要達(dá)到的目的，再從目的去出發(fā)尋找達(dá)到目的的最簡單的方式。

3.5.4 在做改版迭代時，可以從哪幾個角度去思考問題？

解決問題、覆蓋全面、情感補(bǔ)充，從這三個角度去思考一個功能點(diǎn)的優(yōu)化方向，這三個思考點(diǎn)是相輔相成，層層遞進(jìn)的。

• 三個角度是在改版過程中都需要考慮的，往往很多人只考慮到“解決問題”就戛然而止，全然不考慮通過“覆蓋全面”去優(yōu)化用戶體驗(yàn)，通過“情感補(bǔ)充”去提高用戶積極性，是不可取的。（很多人認(rèn)為做到了改版1.0其實(shí)就解決了此次的問題）
• 并沒有按照順序去思考與解決問題，直接通過高度的情感補(bǔ)充去解決用戶體驗(yàn)不好的問題，最終導(dǎo)致事倍功半。

3.5.5 對于屬于現(xiàn)金牛需求的功能，有哪些可以復(fù)用的方法論？

由于現(xiàn)金牛需求本身就是用戶所不喜愛的功能，所以可以采取以下的角度切入改版：

• 利用登門檻效應(yīng)降低用戶的畏難心理是一個百試不爽的方式。
• 通過舉辦活動提供獎勵來提高用戶積極性。
• 通過文案暗示喚醒用戶對于沉沒成本的意識，從而減少操作過程中的跳出率。

這是在方法論層面的規(guī)范和復(fù)盤，其實(shí)并不完整，很多改版還伴隨著設(shè)計規(guī)范的制定，以及設(shè)計樣式的復(fù)用，有機(jī)會和大家分享。不過能夠理解方法論如何復(fù)盤的話，自然就能順藤摸瓜明白如何在作品集中體現(xiàn)“設(shè)計規(guī)范的制定與設(shè)計樣式的復(fù)用”。

3.6 成果驗(yàn)收

這部分其實(shí)也是相當(dāng)重要的一部分，分析與工作是否真正取得了效果，就是以最終數(shù)據(jù)作為判斷標(biāo)準(zhǔn)的。那么有哪些數(shù)據(jù)指標(biāo)是可以在這次改版當(dāng)中當(dāng)作參考數(shù)據(jù)的呢？大家可以去關(guān)注我之前一篇關(guān)于《設(shè)計師需要了解的數(shù)據(jù)指標(biāo)》的指南性手冊來了解。

今天的課題主要圍繞著“如何將產(chǎn)品思維與交互思維應(yīng)用到改版設(shè)計”當(dāng)中，在此也不再贅述。

四、后記

市面上很多撰寫交互相關(guān)的內(nèi)容，大多數(shù)愿意就已經(jīng)存在的產(chǎn)品去分析優(yōu)劣。但是去分析別人的產(chǎn)品只能令初學(xué)者知其然而不知其所以然，所以我想自己通過記錄自己對別人的改版指導(dǎo)，去剖析過程，記錄方法論。

以此來幫助更多的設(shè)計師跨越“交互思維”與“產(chǎn)品思維”這個門檻。系列文章的名字還沒有想好，有主意的同學(xué)可以給我出出主意，興許就有1V1專屬輔導(dǎo)送上。（繼上次數(shù)據(jù)可視化篇更新的Flag后又立了一個Flag，我遲早有一天會遭報應(yīng)的）

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

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