做爰三级在线播放_又大又粗又猛又舒服又爽_暖暖www免费高清视频最新期_午夜精品aaa国产福利

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

2015-9-17    用心設(shè)計(jì)

藍(lán)藍(lán)設(shè)計(jì)91whvog3.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供有效的UI界面設(shè)計(jì)BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服


來源:優(yōu)界網(wǎng)

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

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

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

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

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

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

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

交互探討:以用戶場(chǎng)景和產(chǎn)品需求導(dǎo)向的設(shè)計(jì),優(yōu)界網(wǎng)

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

拿百度身邊來舉例,這里按這種模型大致羅列了頁面路徑:

交互探討:以用戶場(chǎng)景和產(chǎn)品需求導(dǎo)向的設(shè)計(jì),優(yōu)界網(wǎng)

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

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

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

交互探討:以用戶場(chǎng)景和產(chǎn)品需求導(dǎo)向的設(shè)計(jì),優(yōu)界網(wǎng)

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

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

交互探討:以用戶場(chǎng)景和產(chǎn)品需求導(dǎo)向的設(shè)計(jì),優(yōu)界網(wǎng)

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

交互探討:以用戶場(chǎng)景和產(chǎn)品需求導(dǎo)向的設(shè)計(jì),優(yōu)界網(wǎng)

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

交互探討:以用戶場(chǎng)景和產(chǎn)品需求導(dǎo)向的設(shè)計(jì),優(yōu)界網(wǎng)

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

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

· 設(shè)計(jì)師與PM能用同樣的思維模式考慮同一個(gè)問題,避免無休的爭論;

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

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

通過前面的敘述,希望能給大家?guī)硪恍﹩⑹荆四P瓦€可以有很多優(yōu)化的空間,如果大家有什么好的想法,可以通過微博@wbuild探討。

作者:AfuuLee

日歷

鏈接

個(gè)人資料

存檔