之前作為視覺(jué)設(shè)計(jì)師，做過(guò)很多產(chǎn)品的官網(wǎng)，但關(guān)注點(diǎn)都集中在品牌調(diào)性的傳達(dá)。而今作為交互設(shè)計(jì)師，再次經(jīng)歷官網(wǎng)的設(shè)計(jì)，則需要我用產(chǎn)品思維的能力來(lái)搭建官網(wǎng)，更加注重信息的梳理和整合。本文將以司法行業(yè)官網(wǎng)為例，按步驟進(jìn)行，從而梳理出一個(gè)完整的官網(wǎng)設(shè)計(jì)思路。（本文的司法行業(yè)官網(wǎng)是指本司的無(wú)案糾紛調(diào)解平臺(tái)）

1.產(chǎn)品目標(biāo)

作為設(shè)計(jì)師，就必須了解自家產(chǎn)品的目標(biāo)，以目標(biāo)為導(dǎo)向，才能在設(shè)計(jì)產(chǎn)品的過(guò)程中始終圍繞目標(biāo)設(shè)計(jì)。簡(jiǎn)而言之，要先問(wèn)自己“產(chǎn)品提供什么服務(wù)，解決什么問(wèn)題”。與產(chǎn)品經(jīng)理的不斷溝通交流，無(wú)案的產(chǎn)品目標(biāo)即為“協(xié)助和引導(dǎo)當(dāng)事人進(jìn)行糾紛案件的在線調(diào)解，讓當(dāng)事人雙方滿意，提高調(diào)解員的工作效率，積累產(chǎn)品口碑和傳播量，吸引更多的當(dāng)事人來(lái)我們的平臺(tái)進(jìn)行糾紛調(diào)解”。

通過(guò)產(chǎn)品目標(biāo)的設(shè)定，我們也就知道官網(wǎng)的目標(biāo)是需要圍繞提高產(chǎn)品的轉(zhuǎn)化率來(lái)設(shè)計(jì)，對(duì)無(wú)案而言就是設(shè)計(jì)引導(dǎo)用戶完成注冊(cè)及體驗(yàn)。所以無(wú)案的官網(wǎng)平臺(tái)要有能夠滿足產(chǎn)品目標(biāo)的內(nèi)容，例如用戶注冊(cè)轉(zhuǎn)化、產(chǎn)品下載試用等。

2.用戶目標(biāo)

用戶來(lái)到網(wǎng)站，肯定是有他們要達(dá)成的目的。比如用戶通過(guò)搜索找到無(wú)案的網(wǎng)站，他們就會(huì)希望看到跟產(chǎn)品強(qiáng)相關(guān)的內(nèi)容甚至是更詳細(xì)的資料，看看產(chǎn)品的功能是否能滿足對(duì)自己的需求或動(dòng)機(jī)。也可能是用戶看到投放的廣告，戳中痛點(diǎn)，點(diǎn)擊跳轉(zhuǎn)到無(wú)案的官網(wǎng)，同樣他們也想看到網(wǎng)站的功能能否滿足自己的期望。

所以無(wú)案的官網(wǎng)平臺(tái)要有能夠滿足用戶目標(biāo)的內(nèi)容，例如相關(guān)資料的描述、客服咨詢、營(yíng)銷承諾等。

3.用戶分析

在這里我們需要明確自己產(chǎn)品的用戶群體，找到他們對(duì)于產(chǎn)品的關(guān)注點(diǎn)，比如價(jià)值和服務(wù)。以無(wú)案為例，用戶習(xí)慣于線下進(jìn)行糾紛調(diào)解，所以他們使用線上產(chǎn)品時(shí)會(huì)考慮到產(chǎn)品是否能打破原有線下復(fù)雜臃腫的流程，是否能滿足高效和便捷，這就是他們關(guān)注的價(jià)值。另外從行業(yè)屬性上來(lái)說(shuō)，案件調(diào)解的用戶會(huì)非常關(guān)注與公平性與隱私性，這也就是為什么線下要有調(diào)解員在私密的空間進(jìn)行案件的調(diào)解，所以要求平臺(tái)的服務(wù)能夠人性化。

所以無(wú)案的官網(wǎng)平臺(tái)要能夠滿足目標(biāo)用戶的關(guān)注點(diǎn)，例如調(diào)解效率、調(diào)解人員資質(zhì)、當(dāng)事人信息的保護(hù)等等。

所以，無(wú)案在頁(yè)面的顯著位置放置了用戶的關(guān)注點(diǎn)內(nèi)容。

4.場(chǎng)景分析

用戶是通過(guò)哪些渠道來(lái)到官網(wǎng)的？這個(gè)前提就是運(yùn)營(yíng)推廣和銷售策略。以無(wú)案為例，無(wú)案的用戶主要通過(guò)網(wǎng)站SEO的優(yōu)化和搜索詞匯廣告的投放。所以用戶通過(guò)搜索進(jìn)入無(wú)案時(shí)，我們的網(wǎng)站就需要將搜索詞或廣告內(nèi)容相匹配。還有一部分是通過(guò)公司其他產(chǎn)品的鏈接吸引用戶進(jìn)入網(wǎng)站，也要求了網(wǎng)站的內(nèi)容需要與鏈接內(nèi)容相一致。

所以無(wú)案的官網(wǎng)平臺(tái)要密切與運(yùn)營(yíng)相結(jié)合，例如產(chǎn)品品牌背書、運(yùn)營(yíng)推廣內(nèi)容落地、內(nèi)容的統(tǒng)一話術(shù)等等。

5.內(nèi)容梳理

人們接受新的事物和信息，都會(huì)按照由淺入深、由概括到具體的順序來(lái)。官網(wǎng)中的內(nèi)容也可以按照這樣的順序呈現(xiàn)給用戶：形成印象，大致了解，選擇性深入，轉(zhuǎn)化行為。所以通過(guò)這樣的一種思路，我們可以將之前四步總結(jié)的內(nèi)容進(jìn)行認(rèn)知排序，重新整合和打散，就能大致規(guī)劃出網(wǎng)站的內(nèi)容層次了。

6.內(nèi)容展現(xiàn)

內(nèi)容展現(xiàn)形式主要分為文字、圖片和視頻。在官網(wǎng)上要多種形式配合來(lái)傳達(dá)內(nèi)容，有些內(nèi)容適合用文字圖片進(jìn)行描述即可，而有些內(nèi)容過(guò)于復(fù)雜，可能就需要通過(guò)視頻來(lái)介紹。一般從認(rèn)知效率、傳播推廣、使用成本和獲取關(guān)注四個(gè)維度來(lái)考慮。無(wú)案從傳播和推廣成本的考慮，首屏選用了圖文混合的形式來(lái)展現(xiàn)內(nèi)容。

7.文案?jìng)鬟_(dá)

書寫文案時(shí)，需要站在用戶的角度描述，要使用用戶能懂的詞匯，而非功能術(shù)語(yǔ)的簡(jiǎn)單堆砌。以無(wú)案為例，當(dāng)你需要向你的用戶介紹這款產(chǎn)品時(shí)，你該怎么描述呢？特別是當(dāng)目標(biāo)用戶是不具備法律常識(shí)。我們可能需要用更貼近生活的語(yǔ)言去描述，讓用戶不會(huì)在認(rèn)知上感到困惑。

8.品牌傳達(dá)

官網(wǎng)需要成為為用戶與產(chǎn)品之間情感化的紐帶。所以第一印象是非常重要的，我們要向用戶傳達(dá)產(chǎn)品的品牌價(jià)值觀強(qiáng)調(diào)。例如無(wú)案，所處的是司法行業(yè)，作為調(diào)解平臺(tái)，一定要突出公平公正的價(jià)值觀。而面向的用戶來(lái)自各個(gè)階層，品牌的傳達(dá)也就需要簡(jiǎn)單易懂。所以logo的設(shè)計(jì)，我們選取了雅典衛(wèi)城這樣一個(gè)大家普遍接受的元素作為核心，希望通過(guò)logo傳達(dá)自由平等的理念，同時(shí)圖形的邊角處理銳利，希望傳達(dá)嚴(yán)謹(jǐn)和信任的理念。

9.情感趣味

最后來(lái)說(shuō)一說(shuō)如何打動(dòng)用戶，讓他產(chǎn)生難忘的印象并且促進(jìn)轉(zhuǎn)化。設(shè)想一下用戶在官網(wǎng)上的情感體驗(yàn)過(guò)程。首先會(huì)對(duì)產(chǎn)品形成一個(gè)好的印象，這個(gè)印象包括產(chǎn)品氣質(zhì)和視覺(jué)感受。接著讓用戶帶著這個(gè)印象去接收內(nèi)容，為了讓他能夠讀下去，需要讓他產(chǎn)生興趣，就是喚起他的興奮點(diǎn)。接下來(lái)在內(nèi)容中讓他感受到共鳴這一類的感受。最后推他一把，讓他信任我們，從而轉(zhuǎn)化。?

所以我們?cè)谧鰺o(wú)案的設(shè)計(jì)時(shí)，會(huì)找很多實(shí)際的場(chǎng)景來(lái)做情感的訴說(shuō)和表達(dá)。例如對(duì)于在線調(diào)解場(chǎng)景的設(shè)計(jì)中，所設(shè)計(jì)的配圖會(huì)顯示當(dāng)事人雙方不快的情緒，但卻會(huì)力圖突出調(diào)解員角色的微笑辦公。我們希望通過(guò)這樣的情感化表達(dá)，去踩住用戶在線下糾紛中的痛點(diǎn)，因?yàn)檎?wù)窗口的接待人員往往并不友好，而通過(guò)線上調(diào)解，調(diào)解員會(huì)始終保持微笑辦公，進(jìn)而對(duì)平臺(tái)產(chǎn)生良好的印象，進(jìn)而產(chǎn)生信任和想嘗試的沖動(dòng)。

總結(jié)

以上就是司法行業(yè)官網(wǎng)的設(shè)計(jì)思路。實(shí)際上是通過(guò)分析產(chǎn)品目標(biāo)分析場(chǎng)景，組織出網(wǎng)站的內(nèi)容，賦予情感，博取用戶的信任。