2022-3-3 ui設(shè)計(jì)分享達(dá)人
首先,我們先來(lái)了解什么是用戶體驗(yàn)
從字面上來(lái)說(shuō),用戶體驗(yàn)就是用戶在使用產(chǎn)品過(guò)程中對(duì)產(chǎn)品的直觀感受以及評(píng)價(jià)
這種感受非常的主觀,但又很容易影響別人對(duì)產(chǎn)品的判斷。這就是為什么某寶商家一直求好評(píng),而某團(tuán)騎手會(huì)為了好評(píng)跟用戶“大動(dòng)干戈”的原因了
UI——User Interface,本意是“?戶界面”,但現(xiàn)在這個(gè)詞已經(jīng)被擬人化了,即把那些做用戶界面的設(shè)計(jì)師們叫做UI
UE——User Experience,本意是“?戶體驗(yàn)”,現(xiàn)在也變成了一個(gè)職業(yè)名詞,是指那些做用戶調(diào)研的研究員,比如用戶畫像、產(chǎn)品分析、競(jìng)品分析等。有些公司把“交互設(shè)計(jì)師”也叫做UE,嚴(yán)格來(lái)說(shuō)UE和交互是兩個(gè)職位,不過(guò)現(xiàn)在很多UE除了做用戶調(diào)研也會(huì)畫交互原型,所以混在一起也不奇怪了
IxD——InteractionDesigner,本意為“交互設(shè)計(jì)”,也就是交互設(shè)計(jì)師,現(xiàn)在也常常用UX(User Experience)來(lái)表示交互設(shè)計(jì),用來(lái)跟UI進(jìn)行區(qū)分。簡(jiǎn)單來(lái)說(shuō)就是幫產(chǎn)品畫原型的,實(shí)際上這個(gè)職位非常的關(guān)鍵,產(chǎn)品希望表達(dá)的邏輯,各個(gè)界面的跳轉(zhuǎn)與關(guān)聯(lián)關(guān)系,以及產(chǎn)品的可用性與易用性,都體現(xiàn)在交互上
UED——User Experience Design,本意為“?戶體驗(yàn)設(shè)計(jì)”,現(xiàn)在常常表示用戶體驗(yàn)設(shè)計(jì)團(tuán)隊(duì),基本上大一點(diǎn)的互聯(lián)網(wǎng)公司都有自己的UED團(tuán)隊(duì),甚至大的部門都有自己的UED團(tuán)隊(duì)
UED團(tuán)隊(duì)要做的事情可多了,通常來(lái)來(lái)說(shuō)主要坐下面的事情:
用戶研究
產(chǎn)品分析
交互設(shè)計(jì)
產(chǎn)品設(shè)計(jì)
視覺設(shè)計(jì)
品牌設(shè)計(jì)
插畫設(shè)計(jì)
簡(jiǎn)而言之,UED是以用戶需求為目標(biāo)而進(jìn)行的設(shè)計(jì)的團(tuán)隊(duì),通過(guò)團(tuán)隊(duì)的經(jīng)驗(yàn)與設(shè)計(jì)能力給出設(shè)計(jì)方案,是幫助公司進(jìn)行產(chǎn)品策劃的主力之一
說(shuō)到用戶體驗(yàn),就不得不提用戶體驗(yàn)五要素了
現(xiàn)在我們所談?wù)摰挠脩趔w驗(yàn)的概念,其實(shí)最早出自一本叫《用戶體驗(yàn)要素》的一本書
《用戶體驗(yàn)要素》--作者Jesse James Garrett,是美國(guó)用戶體驗(yàn)咨詢公司Adaptive Path的創(chuàng)始人之一
這本書出的其實(shí)比較早,英文版在2001年就出了,國(guó)內(nèi)常見的是2010年出版的中文版第2版,書里的概念在互聯(lián)網(wǎng)設(shè)計(jì)界廣為流傳,非常值得閱讀
當(dāng)設(shè)計(jì)師在設(shè)計(jì)或重構(gòu)產(chǎn)品,卻不知從何開始時(shí),這時(shí)我們可以參考用戶體驗(yàn)五要素
用戶體驗(yàn)五要素是一種產(chǎn)品分析與設(shè)計(jì)的方法論,他向教科書一樣指導(dǎo)我們從0到1設(shè)計(jì)一款產(chǎn)品。同時(shí)它涵蓋了一個(gè)產(chǎn)品從想法到落地的整個(gè)流程,這正是我們學(xué)習(xí)它的重要原因
用戶體驗(yàn)五要素由戰(zhàn)略層、范圍層、結(jié)構(gòu)層、交互層、表現(xiàn)層等5個(gè)層級(jí)構(gòu)成,由下而上像個(gè)金字塔的結(jié)構(gòu)一樣,戰(zhàn)略層則是底部最堅(jiān)定的根基,產(chǎn)品的起源也源自該層
這是五要素的最底層,一般是公司負(fù)責(zé)人與產(chǎn)品總監(jiān)、市場(chǎng)總監(jiān)等高層之間的討論范圍層。這一層主要是確定產(chǎn)品目標(biāo)以及用戶需求。比如:
公司要做什么
面向什么樣的用戶
什么樣的解決方案
公司的產(chǎn)品特色是什么
競(jìng)爭(zhēng)對(duì)手有什么
將來(lái)的收益怎么樣
值得一提的是用戶畫像需要在這一層定義出來(lái)。我們可以招募一些用戶進(jìn)行訪談,然后為用戶分組,并結(jié)合用戶的需求確定我們的產(chǎn)品目標(biāo)
戰(zhàn)略決定范圍,這一層主要針對(duì)戰(zhàn)略層的需求進(jìn)行更細(xì)致的分析,定義需求是什么,提出解決方案,同時(shí)要定要好需求的優(yōu)先級(jí)
根據(jù)前兩層思考產(chǎn)品的信息架構(gòu),規(guī)劃任務(wù)流程,簡(jiǎn)單來(lái)說(shuō)這一層主要是產(chǎn)品PRD的輸出
頁(yè)面的具體功能擺放,信息布局,這一層主要是交互設(shè)計(jì),輸出低保真原型
頁(yè)面最終給用戶呈現(xiàn)的視覺效果,這一層主要是視覺設(shè)計(jì),輸出高保真視覺稿
作為設(shè)計(jì)師的你,接到了一個(gè)餅干公司的設(shè)計(jì)需求,公司希望你能幫他完成從產(chǎn)品到包裝一系列的設(shè)計(jì),你該怎么去做呢?
我們用用戶體驗(yàn)五要素來(lái)整理設(shè)計(jì)思路:
-戰(zhàn)略層
先了解這家公司的產(chǎn)品需求和用戶需求
產(chǎn)品需求:公司是個(gè)小型食品加工廠,主營(yíng)是面包和餅干,有實(shí)體店也有網(wǎng)店,今年準(zhǔn)備在圣誕節(jié)推出一款圣誕餅干
用戶需求:用戶畫像是20-35歲的女性,喜歡看劇,喜歡網(wǎng)購(gòu),對(duì)可愛的東西沒有抵抗力。今年上映的一部電影叫《餅干俠》(虛擬)票房火爆,用戶都想買到劇中同款的餅干
公司目標(biāo):希望圣誕前后一個(gè)月內(nèi)盈利50w
-范圍層
分析需求:公司是做一款圣誕餅干,了解到《餅干俠》的原型是出自美國(guó)卡芙食品的一款餅干,并把它確定為競(jìng)品并展開分析
設(shè)計(jì)方案:列出一系列設(shè)計(jì)清單,包括品牌logo重新設(shè)計(jì),食品包裝、網(wǎng)店圣誕裝飾、廣告宣傳圖等,給這些設(shè)計(jì)需求確定好優(yōu)先級(jí)
-結(jié)構(gòu)層
信息架構(gòu):進(jìn)一步細(xì)化已列出的設(shè)計(jì)方案,輸出文檔或者設(shè)計(jì)規(guī)范,比如《品牌手冊(cè)》《食品包裝標(biāo)準(zhǔn)》等
交互流程:進(jìn)一步的用戶畫像與分析,收集市場(chǎng)同類型品牌調(diào)性,通過(guò)試用的方式整理出餅干的分類屬性,如口味、分量、包裝材質(zhì)等
-框架層
從這里可以開始整體的、低保真的設(shè)計(jì)了,可以出一些比較具體的設(shè)計(jì)方案,目的是快速跟需求方進(jìn)行評(píng)審,為后續(xù)的視覺設(shè)計(jì)作準(zhǔn)備
-表現(xiàn)層
經(jīng)過(guò)前面反復(fù)的溝通與評(píng)審,開始高保真的視覺設(shè)計(jì),從產(chǎn)品包裝到廣告圖到物料,這里就是設(shè)計(jì)師們展示商品顏值,提升其商業(yè)價(jià)值的時(shí)刻到了
最終產(chǎn)品上市
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍(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