2017-1-20 用心設(shè)計(jì)
如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里
來(lái)源:圖冀網(wǎng)
我們整天都在說(shuō)用戶體驗(yàn),設(shè)計(jì)師要站在用戶的角度思考問(wèn)題,幫助用戶解決問(wèn)題,優(yōu)化產(chǎn)品操作流程及視覺層級(jí)的排布,作為設(shè)計(jì)師我們這么做的目的到底是什么,我們?yōu)槭裁匆獮榱艘粋€(gè)體驗(yàn)細(xì)節(jié)和產(chǎn)品去討論,去爭(zhēng)執(zhí).
因?yàn)槲覀兪巧虡I(yè)設(shè)計(jì)師,商業(yè)設(shè)計(jì)師要站在公司的角度去思考問(wèn)題,我們通過(guò)用戶體驗(yàn)優(yōu)化主要解決兩個(gè)問(wèn)題,一個(gè)是商機(jī),一個(gè)是品牌.怎么樣通過(guò)設(shè)計(jì)讓用戶行為路徑變短變效率,直接影響用戶的留存,這個(gè)產(chǎn)品的體驗(yàn)好與不好影響著品牌在用戶心中的印象.之前在做UI設(shè)計(jì)師的時(shí)候一直都沒(méi)有思考過(guò)關(guān)于品牌對(duì)于一個(gè)設(shè)計(jì)師關(guān)聯(lián)到底有多大,移動(dòng)端上的產(chǎn)品不像很多實(shí)體,實(shí)體產(chǎn)品主要是依靠它的廣告,實(shí)體店,質(zhì)量,價(jià)格,包裝,功能和使用等來(lái)給用戶建立品牌形象的.而移動(dòng)端,主要依靠這個(gè)產(chǎn)品的內(nèi)容,或是一個(gè)完整的操作流程的體驗(yàn)結(jié)合線下來(lái)體驗(yàn)的.體驗(yàn)的好與不好直接會(huì)和商機(jī)和品牌形象聯(lián)系上.
商機(jī):優(yōu)化操作步驟,提率,提高轉(zhuǎn)換率 例接送機(jī)簡(jiǎn)表單設(shè)計(jì)
品牌:提高用戶對(duì)品牌的認(rèn)知,愉悅的用戶體驗(yàn)會(huì)給用戶留下深刻的品牌印象及信任感.
戰(zhàn)略層:產(chǎn)品的目標(biāo)方向,想要用戶在產(chǎn)品上做什么事情,帶來(lái)的收益是什么
范圍層:產(chǎn)品整體的功能類別,圍繞著戰(zhàn)略層這個(gè)產(chǎn)品都該有哪些功能
結(jié)構(gòu)層:根據(jù)戰(zhàn)略目標(biāo)以及功能思考產(chǎn)品核心功能應(yīng)該在哪里出現(xiàn),以及大致的體驗(yàn)流程
框架層:頁(yè)面的具體功能擺放,信息布局,整體頁(yè)面交互流程
表現(xiàn)層:頁(yè)面最終給用戶呈現(xiàn)的視覺效果
產(chǎn)品的整體產(chǎn)出到用戶使用,它是通過(guò)戰(zhàn)略層,范圍層,結(jié)構(gòu)層,框架層及表現(xiàn)層一步一步實(shí)現(xiàn)的.他們之間都有著緊密的關(guān)系,如果從戰(zhàn)略層錯(cuò)了,那整個(gè)產(chǎn)品都會(huì)失敗,如果是功能與用戶預(yù)期的不一樣,不是用戶想要的,相同的也會(huì)失敗.所以從第一步開始就至關(guān)重要.
開始做設(shè)計(jì)前要先想清楚這兩件事情
怎么樣引導(dǎo)用戶達(dá)成用戶目標(biāo)從而完成公司戰(zhàn)略目標(biāo),只有當(dāng)用戶實(shí)現(xiàn)了目標(biāo)公司才能實(shí)現(xiàn)戰(zhàn)略目標(biāo)
用戶需求可通過(guò):?jiǎn)柧碚{(diào)查、用戶訪談、焦點(diǎn)小組、市場(chǎng)調(diào)查、現(xiàn)場(chǎng)調(diào)研等方法來(lái)提取核心點(diǎn)
隨著公司的不斷壯大,它的戰(zhàn)略也會(huì)發(fā)生改變,戰(zhàn)略可能是一個(gè)大戰(zhàn)略會(huì)細(xì)分到不同的小戰(zhàn)略,他們的目標(biāo)都是在這個(gè)大戰(zhàn)略的基礎(chǔ)上
當(dāng)把用戶需求和產(chǎn)品目標(biāo)轉(zhuǎn)變成產(chǎn)品應(yīng)該提供給用戶什么樣的內(nèi)容和功能時(shí),戰(zhàn)略就變成了范圍層
定義項(xiàng)目范圍包含2個(gè)方面,即產(chǎn)品功能和產(chǎn)品內(nèi)容,功能與內(nèi)容針對(duì)不同類型的產(chǎn)品,有的是2者都重要,有的更重功能,有的更重內(nèi)容,根據(jù)產(chǎn)品戰(zhàn)略,它們的權(quán)重是不一樣的
比如,QQ音樂(lè),簡(jiǎn)書,keep等它們更重內(nèi)容.比如騰訊地圖,支付寶等更重功能.
有了戰(zhàn)略級(jí)目標(biāo)和產(chǎn)品的核心功能,這時(shí)候我們要在結(jié)構(gòu)層里梳理出產(chǎn)品功能的信息框架,按照戰(zhàn)略強(qiáng)相關(guān)的功能優(yōu)先展示,哪個(gè)頁(yè)面該展示哪些功能,以及展示的順序和大體的流程.交互設(shè)計(jì)師把控信息架構(gòu)的合理性,以及前后關(guān)系操作起來(lái)是否.
我們通過(guò)框架層的定義,這時(shí)候就可以開始細(xì)化頁(yè)面的信息框架了.交互設(shè)計(jì)師在設(shè)計(jì)交互流程圖的時(shí)候會(huì)考慮很多的設(shè)計(jì)點(diǎn),如何將功能信息有效的組織起來(lái),信息之間的關(guān)系如何排布,在當(dāng)前的場(chǎng)景下應(yīng)該使用什么樣的交互控件,功能樣式統(tǒng)一性,用戶使用起來(lái)是否方便,前后之間的邏輯等問(wèn)題,交互流程圖是需要反復(fù)思考和驗(yàn)證的.
到了表現(xiàn)層,UI設(shè)計(jì)師會(huì)根據(jù)產(chǎn)品的戰(zhàn)略,功能,以及內(nèi)容,根據(jù)市場(chǎng)的調(diào)研分析,使用人群等來(lái)判斷這塊產(chǎn)品從視覺上要傳達(dá)給用戶什么樣的設(shè)計(jì)感覺出來(lái),比如專業(yè)的,親民接地氣的,高大上的,二次元的等視覺表現(xiàn)形式.在設(shè)計(jì)當(dāng)中利用顏色及空間劃分視覺層級(jí),通過(guò)不同平臺(tái)思考設(shè)計(jì)表現(xiàn)形式,梳理控件樣式形成規(guī)范性及統(tǒng)一性.整體視覺樣式盡量做減法,讓用戶輕松看到核心內(nèi)容以及核心操作
我們來(lái)舉個(gè)例子,當(dāng)然這個(gè)只是一個(gè)大致的樣子,實(shí)際上一個(gè)產(chǎn)品從無(wú)到有遠(yuǎn)比這個(gè)要復(fù)雜的多,每一層要素都會(huì)拆解出不同的點(diǎn)來(lái)具體分析具體應(yīng)用,都會(huì)有專業(yè)的團(tuán)隊(duì)去應(yīng)用分析.下面幾步只是一個(gè)示意,大家看一下就好.
這個(gè)很有意思,前一陣子看了阿里的一片文章,17年設(shè)計(jì)師發(fā)展趨勢(shì),不去定義UI,或是UE設(shè)計(jì)師.而是叫UXD.其實(shí)我們?cè)诨ヂ?lián)網(wǎng)公司,很多時(shí)候已經(jīng)區(qū)分不出UI和UE了,我們都是在做設(shè)計(jì)體驗(yàn)提升的事情,視覺要參與到交互,交互也要參與到視覺,只是大家會(huì)有一個(gè)偏重,討論的內(nèi)容也都是如何優(yōu)化設(shè)計(jì),優(yōu)化流程.所以設(shè)計(jì)師不該只給自己定義到一個(gè)只會(huì)畫圖或是畫線框圖的角色,要擴(kuò)充橫向的維度,才會(huì)更加專業(yè)
我們整天都在說(shuō)用戶體驗(yàn),設(shè)計(jì)師要站在用戶的角度思考問(wèn)題,幫助用戶解決問(wèn)題,優(yōu)化產(chǎn)品操作流程及視覺層級(jí)的排布,作為設(shè)計(jì)師我們這么做的目的到底是什么,我們?yōu)槭裁匆獮榱艘粋€(gè)體驗(yàn)細(xì)節(jié)和產(chǎn)品去討論,去爭(zhēng)執(zhí).
因?yàn)槲覀兪巧虡I(yè)設(shè)計(jì)師,商業(yè)設(shè)計(jì)師要站在公司的角度去思考問(wèn)題,我們通過(guò)用戶體驗(yàn)優(yōu)化主要解決兩個(gè)問(wèn)題,一個(gè)是商機(jī),一個(gè)是品牌.怎么樣通過(guò)設(shè)計(jì)讓用戶行為路徑變短變效率,直接影響用戶的留存,這個(gè)產(chǎn)品的體驗(yàn)好與不好影響著品牌在用戶心中的印象.之前在做UI設(shè)計(jì)師的時(shí)候一直都沒(méi)有思考過(guò)關(guān)于品牌對(duì)于一個(gè)設(shè)計(jì)師關(guān)聯(lián)到底有多大,移動(dòng)端上的產(chǎn)品不像很多實(shí)體,實(shí)體產(chǎn)品主要是依靠它的廣告,實(shí)體店,質(zhì)量,價(jià)格,包裝,功能和使用等來(lái)給用戶建立品牌形象的.而移動(dòng)端,主要依靠這個(gè)產(chǎn)品的內(nèi)容,或是一個(gè)完整的操作流程的體驗(yàn)結(jié)合線下來(lái)體驗(yàn)的.體驗(yàn)的好與不好直接會(huì)和商機(jī)和品牌形象聯(lián)系上.
商機(jī):優(yōu)化操作步驟,提率,提高轉(zhuǎn)換率 例接送機(jī)簡(jiǎn)表單設(shè)計(jì)
品牌:提高用戶對(duì)品牌的認(rèn)知,愉悅的用戶體驗(yàn)會(huì)給用戶留下深刻的品牌印象及信任感.
戰(zhàn)略層:產(chǎn)品的目標(biāo)方向,想要用戶在產(chǎn)品上做什么事情,帶來(lái)的收益是什么
范圍層:產(chǎn)品整體的功能類別,圍繞著戰(zhàn)略層這個(gè)產(chǎn)品都該有哪些功能
結(jié)構(gòu)層:根據(jù)戰(zhàn)略目標(biāo)以及功能思考產(chǎn)品核心功能應(yīng)該在哪里出現(xiàn),以及大致的體驗(yàn)流程
框架層:頁(yè)面的具體功能擺放,信息布局,整體頁(yè)面交互流程
表現(xiàn)層:頁(yè)面最終給用戶呈現(xiàn)的視覺效果
產(chǎn)品的整體產(chǎn)出到用戶使用,它是通過(guò)戰(zhàn)略層,范圍層,結(jié)構(gòu)層,框架層及表現(xiàn)層一步一步實(shí)現(xiàn)的.他們之間都有著緊密的關(guān)系,如果從戰(zhàn)略層錯(cuò)了,那整個(gè)產(chǎn)品都會(huì)失敗,如果是功能與用戶預(yù)期的不一樣,不是用戶想要的,相同的也會(huì)失敗.所以從第一步開始就至關(guān)重要.
開始做設(shè)計(jì)前要先想清楚這兩件事情
怎么樣引導(dǎo)用戶達(dá)成用戶目標(biāo)從而完成公司戰(zhàn)略目標(biāo),只有當(dāng)用戶實(shí)現(xiàn)了目標(biāo)公司才能實(shí)現(xiàn)戰(zhàn)略目標(biāo)
用戶需求可通過(guò):?jiǎn)柧碚{(diào)查、用戶訪談、焦點(diǎn)小組、市場(chǎng)調(diào)查、現(xiàn)場(chǎng)調(diào)研等方法來(lái)提取核心點(diǎn)
隨著公司的不斷壯大,它的戰(zhàn)略也會(huì)發(fā)生改變,戰(zhàn)略可能是一個(gè)大戰(zhàn)略會(huì)細(xì)分到不同的小戰(zhàn)略,他們的目標(biāo)都是在這個(gè)大戰(zhàn)略的基礎(chǔ)上
當(dāng)把用戶需求和產(chǎn)品目標(biāo)轉(zhuǎn)變成產(chǎn)品應(yīng)該提供給用戶什么樣的內(nèi)容和功能時(shí),戰(zhàn)略就變成了范圍層
定義項(xiàng)目范圍包含2個(gè)方面,即產(chǎn)品功能和產(chǎn)品內(nèi)容,功能與內(nèi)容針對(duì)不同類型的產(chǎn)品,有的是2者都重要,有的更重功能,有的更重內(nèi)容,根據(jù)產(chǎn)品戰(zhàn)略,它們的權(quán)重是不一樣的
比如,QQ音樂(lè),簡(jiǎn)書,keep等它們更重內(nèi)容.比如騰訊地圖,支付寶等更重功能.
有了戰(zhàn)略級(jí)目標(biāo)和產(chǎn)品的核心功能,這時(shí)候我們要在結(jié)構(gòu)層里梳理出產(chǎn)品功能的信息框架,按照戰(zhàn)略強(qiáng)相關(guān)的功能優(yōu)先展示,哪個(gè)頁(yè)面該展示哪些功能,以及展示的順序和大體的流程.交互設(shè)計(jì)師把控信息架構(gòu)的合理性,以及前后關(guān)系操作起來(lái)是否.
我們通過(guò)框架層的定義,這時(shí)候就可以開始細(xì)化頁(yè)面的信息框架了.交互設(shè)計(jì)師在設(shè)計(jì)交互流程圖的時(shí)候會(huì)考慮很多的設(shè)計(jì)點(diǎn),如何將功能信息有效的組織起來(lái),信息之間的關(guān)系如何排布,在當(dāng)前的場(chǎng)景下應(yīng)該使用什么樣的交互控件,功能樣式統(tǒng)一性,用戶使用起來(lái)是否方便,前后之間的邏輯等問(wèn)題,交互流程圖是需要反復(fù)思考和驗(yàn)證的.
到了表現(xiàn)層,UI設(shè)計(jì)師會(huì)根據(jù)產(chǎn)品的戰(zhàn)略,功能,以及內(nèi)容,根據(jù)市場(chǎng)的調(diào)研分析,使用人群等來(lái)判斷這塊產(chǎn)品從視覺上要傳達(dá)給用戶什么樣的設(shè)計(jì)感覺出來(lái),比如專業(yè)的,親民接地氣的,高大上的,二次元的等視覺表現(xiàn)形式.在設(shè)計(jì)當(dāng)中利用顏色及空間劃分視覺層級(jí),通過(guò)不同平臺(tái)思考設(shè)計(jì)表現(xiàn)形式,梳理控件樣式形成規(guī)范性及統(tǒng)一性.整體視覺樣式盡量做減法,讓用戶輕松看到核心內(nèi)容以及核心操作
我們來(lái)舉個(gè)例子,當(dāng)然這個(gè)只是一個(gè)大致的樣子,實(shí)際上一個(gè)產(chǎn)品從無(wú)到有遠(yuǎn)比這個(gè)要復(fù)雜的多,每一層要素都會(huì)拆解出不同的點(diǎn)來(lái)具體分析具體應(yīng)用,都會(huì)有專業(yè)的團(tuán)隊(duì)去應(yīng)用分析.下面幾步只是一個(gè)示意,大家看一下就好.
這個(gè)很有意思,前一陣子看了阿里的一片文章,17年設(shè)計(jì)師發(fā)展趨勢(shì),不去定義UI,或是UE設(shè)計(jì)師.而是叫UXD.其實(shí)我們?cè)诨ヂ?lián)網(wǎng)公司,很多時(shí)候已經(jīng)區(qū)分不出UI和UE了,我們都是在做設(shè)計(jì)體驗(yàn)提升的事情,視覺要參與到交互,交互也要參與到視覺,只是大家會(huì)有一個(gè)偏重,討論的內(nèi)容也都是如何優(yōu)化設(shè)計(jì),優(yōu)化流程.所以設(shè)計(jì)師不該只給自己定義到一個(gè)只會(huì)畫圖或是畫線框圖的角色,要擴(kuò)充橫向的維度,才會(huì)更加專業(yè)
藍(lán)藍(lán)設(shè)計(jì)( www.wnxcall.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(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ì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.wnxcall.com