前言

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

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

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

1. 市場現(xiàn)狀

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

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

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

但無論往哪個方向發(fā)展，界面設(shè)計終究是基本功，但交互能力，視覺能力以及編程能力現(xiàn)如今也不是附加題。如果把基礎(chǔ)界面設(shè)計能力比作大學(xué)的基礎(chǔ)課，那其他三種能力更像是設(shè)計師的專業(yè)課，可以選擇但也是必選其一，否則就會被不斷發(fā)展的市場所淘汰。

3. 挖掘你的交互思維

交互思維是挖掘的而不是培養(yǎng)的

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

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

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

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

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

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

這就是在工作時沒有規(guī)范的工作模式，或者只做了執(zhí)行層面的內(nèi)容，導(dǎo)致最終自己在工作中話語權(quán)低，面試時無話可說。就如同下面的設(shè)計師作品集節(jié)選，可以看出作者本身實力不差，但是單薄的內(nèi)容和邏輯的不足很容易讓人對其專業(yè)能力產(chǎn)生質(zhì)疑。

1. 延伸拓展

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

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

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

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

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

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

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

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

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

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

工作量指的又是什么呢？

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

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

怎樣體現(xiàn)專業(yè)度和工作量？

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

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

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

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

以「撰寫評論功能」為例講解改版思路

1. 改版背景

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

原版流程與頁面如下：

2. 改版原因

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

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

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

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

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

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

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

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

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

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

「波士頓矩陣」就是一個很好的對改版重要性進行排序的一個工具。

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

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

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

通過運營活動提升用戶評論積極性的京東。

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

提升「沉沒成本」的餓了么與美團外賣。

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

沒有鼓勵用戶評論機制的淘寶。

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

實際數(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. 改版調(diào)研

用戶調(diào)研

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

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

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

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

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

競品分析

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

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

干貨預(yù)警

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

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

4. 改版迭代

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

版本1.0

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

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

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

版本2.0

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

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

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

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

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

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

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

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

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

版本3.0

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

版本4.0

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

5. 規(guī)范輸出

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

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

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

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

通過「波士頓矩陣」來分析需求層級，對功能改版的先后順序進行排序。

2. 如何對一個功能點進行快速的迭代與改版？

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

3. 在做用戶調(diào)研時，新手最容易出現(xiàn)哪些問題？

只能跟用戶提及產(chǎn)品存在的問題，而不能利用更專業(yè)的知識和對產(chǎn)品的熟知去和用戶理論，更不能輕易讓用戶提出解決方案。

用戶體驗有時會和產(chǎn)品目標(biāo)沖突，所以有時候我們并不能一味的幫助用戶解決問題而忽略了商業(yè)訴求。

用戶的問題并不一定是產(chǎn)品的真正問題，有些時候我們不能一味的解決問題，我們應(yīng)該從用戶的話語中去提煉他想要達到的目的，再從目的去出發(fā)尋找達到目的的最簡單的方式。

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

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

三個角度是在改版過程中都需要考慮的，往往很多人只考慮到「解決問題」就戛然而止，全然不考慮通過「覆蓋全面」去優(yōu)化用戶體驗，通過「情感補充」去提高用戶積極性，是不可取的。（很多人認(rèn)為做到了改版 1.0 其實就解決了此次的問題）

并沒有按照順序去思考與解決問題，直接通過高度的情感補充去解決用戶體驗不好的問題，最終導(dǎo)致事倍功半。

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

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

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

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

6. 成果驗收

這部分其實也是相當(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)的）

歡迎添加作者微信：