交互探討：以用戶(hù)場(chǎng)景和產(chǎn)品需求導(dǎo)向的設(shè)計(jì)

介紹了設(shè)計(jì)師在成長(zhǎng)過(guò)程中的三個(gè)階段，并針對(duì)這三種不同的發(fā)展階段講訴了三種不同適應(yīng)自己水平的設(shè)計(jì)方法。從基礎(chǔ)技術(shù)到效果設(shè)計(jì)，最后要設(shè)計(jì)師要做的就是設(shè)計(jì)用戶(hù)。

　　在對(duì)設(shè)計(jì)師而言，對(duì)自己設(shè)計(jì)最重要的就是深刻理解產(chǎn)品需求，深入考慮用戶(hù)是如何使用產(chǎn)品，

　　作為交互設(shè)計(jì)師，我覺(jué)得有幾個(gè)發(fā)展階段：

　　初入這個(gè)領(lǐng)域，大部份人可能更多精力放在如何使用工具、如何畫(huà)線框圖、如何將想法變?yōu)閷?shí)際可見(jiàn)的Demo;

　　再往下一個(gè)階段的設(shè)計(jì)師，可能會(huì)考慮線框圖怎樣做得更加合理、怎樣可以有更棒的交互效果、關(guān)注任務(wù)流程和信息結(jié)構(gòu)的設(shè)計(jì)以及可用性原則;

　　再到一個(gè)更高層次，我覺(jué)得需要設(shè)計(jì)師在前兩個(gè)層次的基礎(chǔ)上去前置產(chǎn)品，深刻理解產(chǎn)品需求，深入考慮用戶(hù)是如何使用產(chǎn)品的。用戶(hù)使用產(chǎn)品有哪些路徑以及在這些路徑上的實(shí)際使用場(chǎng)景是怎樣的。哪些是強(qiáng)場(chǎng)景，哪些是弱場(chǎng)景，在各場(chǎng)景下用戶(hù)目標(biāo)是怎樣的，他們有怎樣的需求，哪些是強(qiáng)需求，哪些是弱需求……

　　跟大家分享第3個(gè)層次的設(shè)計(jì)方法，這些方法適合WebBase類(lèi)產(chǎn)品的設(shè)計(jì)。

　　首先做產(chǎn)品的初期，從PM那里拿到需求時(shí)，一定不是立馬開(kāi)始畫(huà)線框圖。做一個(gè)產(chǎn)品，我們?cè)O(shè)計(jì)師的工作就是要確定兩個(gè)核心的問(wèn)題：1、需要哪些頁(yè)面以及這些頁(yè)面的關(guān)系;2、每個(gè)頁(yè)面應(yīng)該如何設(shè)計(jì)。

　　對(duì)于第1個(gè)問(wèn)題我是這樣考慮的。首先確定產(chǎn)品的用戶(hù)群和使用場(chǎng)景，這里的用戶(hù)群是產(chǎn)品中實(shí)際存在的、互斥的幾個(gè)群體，分類(lèi)方法很多，以產(chǎn)品自身特征來(lái)確定，也可以在前期用研的基礎(chǔ)上來(lái)確定�；�于此思路就產(chǎn)生下面的一個(gè)思維圖:

　　當(dāng)然，這里需要去判斷哪些是強(qiáng)場(chǎng)景，哪些是弱場(chǎng)景，然后在做設(shè)計(jì)時(shí)，做些取舍。比如強(qiáng)場(chǎng)景下，可以考慮將較核心的路徑入口添加到明顯的位置(如導(dǎo)航)。

　　拿百度身邊來(lái)舉例，這里按這種模型大致羅列了頁(yè)面路徑：

　　(這邊重點(diǎn)介紹設(shè)計(jì)模型，對(duì)于里面的分類(lèi)方法是否有優(yōu)化空間這里不做特別的探討)

　　? 在設(shè)計(jì)時(shí)，我們綜合考慮這兩種用戶(hù)，并從中選擇幾個(gè)最強(qiáng)的場(chǎng)景，如找美食、商家，這樣就需要有清晰的商家聚合頁(yè)及美食聚合頁(yè)。

　　? 現(xiàn)在，“需要哪些頁(yè)面以及這些頁(yè)面之間的關(guān)系”已經(jīng)非常清楚了，我們就可以產(chǎn)出如下產(chǎn)品架構(gòu)圖：

　　第1個(gè)問(wèn)題解決了，下面看看單獨(dú)一個(gè)頁(yè)面應(yīng)該如何去設(shè)計(jì)。

　　首先還是引用與第1個(gè)問(wèn)題類(lèi)似的設(shè)計(jì)模型：考慮此頁(yè)面有幾種互斥的用戶(hù)，這些用戶(hù)在這個(gè)頁(yè)面有哪些使用場(chǎng)景，每一種使用場(chǎng)景下用戶(hù)有哪些需求及對(duì)應(yīng)的功能。針對(duì)每一個(gè)功能，從深度、廣度、頻度這3個(gè)維度來(lái)評(píng)價(jià)功能的強(qiáng)弱。功能越強(qiáng)，設(shè)計(jì)時(shí)需要優(yōu)先考慮此功能，比如在最明顯的位置給予最強(qiáng)的展現(xiàn);功能越弱，則考慮將功能隱藏、合并或置于非核心視圖區(qū)域。

　　以百度XX產(chǎn)品APP官網(wǎng)為例，引用此模型則可以導(dǎo)出以下思維圖：

　　由此模型，我們發(fā)現(xiàn)平臺(tái)入口、下載入口、產(chǎn)品功能等得分較高，因此這些是我們?cè)谠O(shè)計(jì)時(shí)需要重點(diǎn)考慮和突出展示的信息。因此，我們做了以下的設(shè)計(jì)：

　　在設(shè)計(jì)一個(gè)產(chǎn)品過(guò)程中，引入以上設(shè)計(jì)模型，我們可以真正做到“以用戶(hù)為中心“去設(shè)計(jì)，同時(shí)，可以非常清晰的解決以下問(wèn)題：

　　模擬重現(xiàn)真實(shí)用戶(hù)實(shí)際是如何使用我們的產(chǎn)品，避免盲目的主觀臆斷;

　　設(shè)計(jì)師與PM能用同樣的思維模式考慮同一個(gè)問(wèn)題，避免無(wú)休的爭(zhēng)論;

　　真實(shí)考慮每一種用戶(hù)的使用路徑，為任務(wù)流程的優(yōu)化以及頁(yè)面路徑的合理化提供依據(jù);

　　重現(xiàn)每個(gè)頁(yè)面的用戶(hù)目標(biāo)及需求，從而使頁(yè)面布局和功能展現(xiàn)更加合理，符合用戶(hù)預(yù)期;

服務(wù)器租用/服務(wù)器托管中國(guó)五強(qiáng)！虛擬主機(jī)域名注冊(cè)頂級(jí)提供商！15年品質(zhì)保障！--億恩科技[ENKJ.COM]