首頁(yè)

這個(gè)練習(xí)雖然已經(jīng)不錯(cuò)了,但我覺(jué)得還可以有以下幾點(diǎn)能優(yōu)化!

lanlanwork



我們先來(lái)看原作效果:

圖片

再來(lái)看臨摹練習(xí)的效果:

圖片

好了,分析開(kāi)始:

可優(yōu)化點(diǎn)1:頭圖的透氣感

我們看下頭圖的對(duì)比:

圖片

相比之下原作中的頭圖有很多白色,讓畫面更加的有透氣感,練習(xí)作品中的頭圖會(huì)有點(diǎn)悶。

頭圖的選取也影響了卡片投影的效果:

圖片

原作的投影會(huì)稍有細(xì)節(jié)一點(diǎn),會(huì)耐看很多。

 

可優(yōu)化點(diǎn)2:色彩耐看度

當(dāng)我們的顏色全都用彩色的時(shí)候,就會(huì)看起來(lái)有點(diǎn)膩,添加黑白灰是最好的一種解膩方式,我們看下面的這些插畫:

圖片

基本所有的都黑白灰色。

回來(lái)看我們的案例:

圖片

原版會(huì)有很多灰色的搭配使用,但是練習(xí)作品全都是用的橙色系,所以看起來(lái)會(huì)稍微有點(diǎn)滿。

 

可優(yōu)化點(diǎn)3:圖標(biāo)的精致度

當(dāng)圖標(biāo)有圓形底座的時(shí)候,我經(jīng)常使用的方式就是把圖標(biāo)本身稍微小一點(diǎn),別讓它填充的太慢,比如我們舉個(gè)最簡(jiǎn)單的例子,看下面兩種方式:

圖片

是不是左面的看起來(lái)會(huì)精致一些。

回到案例本身,我們看下箭頭圖標(biāo):

圖片

也是一樣的道理,左側(cè)原版的會(huì)稍微精致一些。

 

可優(yōu)化點(diǎn)4:關(guān)于信息層級(jí)對(duì)比

我們看下信息層級(jí)對(duì)比:

圖片

原版的很多信息層級(jí)十分明顯,練習(xí)的作品層級(jí)有點(diǎn)沒(méi)拉開(kāi)。

當(dāng)然,這里需要強(qiáng)調(diào)下,真正落地的時(shí)候還是要考慮能否看清,原版的灰色字是有點(diǎn)太淺了,如果真正落地的話,可能不太行,但是作為概念高,把信息層級(jí)拉開(kāi)一點(diǎn)的做法,是OK的。

 

可優(yōu)化點(diǎn)5:一些散點(diǎn)

臨摹稿的一些間距可能也會(huì)有一些問(wèn)題,比如卡片和下面信息之間的間距:

圖片

就稍微有點(diǎn)大了,看起來(lái)有點(diǎn)不太合理。

還有這里的狀態(tài)可能也不是很全等等,沒(méi)有選中愛(ài)心的狀態(tài):

圖片

當(dāng)然,說(shuō)了一些問(wèn)題之后,回來(lái)看,臨摹作品其實(shí)也是有一些優(yōu)點(diǎn)的:

比如這個(gè)頁(yè)面的底部按鈕:

圖片

我覺(jué)得變成重色按鈕會(huì)讓整個(gè)畫面層次更加豐富,并且操作區(qū)域也更加明顯。

再比如選中態(tài)家了一個(gè)愛(ài)心圖標(biāo):

圖片

這也算是一種小的創(chuàng)意點(diǎn),是有經(jīng)過(guò)思考的。

這些小的思考和優(yōu)化,積累多了,后期一定可以激發(fā)巨大能力和進(jìn)步。

好了,以上就是今天分享的這個(gè)小案例,很多細(xì)節(jié),希望可以給大家一點(diǎn)啟發(fā), 后面大家在做界面練習(xí)的時(shí)候,也可以多多思考并實(shí)踐。

 

原文地址:菜心設(shè)計(jì)鋪(公眾號(hào))
作者:菜心設(shè)計(jì)鋪
轉(zhuǎn)載請(qǐng)注明:學(xué)UI網(wǎng)》這個(gè)練習(xí)雖然已經(jīng)不錯(cuò)了,但我覺(jué)得還可以有以下幾點(diǎn)能優(yōu)化!

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(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.yvirxh.cn )是一家專注而深入的界面設(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ù)

設(shè)計(jì)師如何提升總結(jié)力

lanlanwork


前言 

 

總結(jié)能力,是人的一種底層能力和通用能力。跟創(chuàng)造力、溝通表達(dá)、學(xué)習(xí)能力等等一樣,它是無(wú)論從事什么職業(yè),做什么工作,都應(yīng)該具備的一種重要能力。

 

很多設(shè)計(jì)師只顧著提升自己的專業(yè)能力,卻忽略了這些通用能力的培養(yǎng),導(dǎo)致自己很快就陷入了發(fā)展瓶頸?,F(xiàn)實(shí)中有很多這樣的例子,比如甲乙兩個(gè)人,甲的專業(yè)能力上更強(qiáng)一些,但乙因?yàn)楹苌瞄L(zhǎng)跟人溝通,結(jié)果乙發(fā)展的反正要更好。

 

打個(gè)比方,專業(yè)能力就像是游戲里的技能和裝備,而通用能力,就像是游戲里人物的基本屬性。技能和裝備隨著游戲的進(jìn)程可能會(huì)不斷更新替換,而基本屬性則是永遠(yuǎn)跟隨著你的成長(zhǎng),它的提升給你帶來(lái)的是全方位的提升。

 

文末 原文地址可觀看此視頻講解

 

 

一、什么是總結(jié)力

總結(jié)力,也就是歸納總結(jié)的能力。

那么,我們?cè)僮穯?wèn)一下,什么是總結(jié)呢?它的目的是什么?

 

我們通常所說(shuō)的總結(jié)主要有兩種

圖片

 

一種信息資料的總結(jié),也就是將一些體量較大的信息,歸納概況為簡(jiǎn)單的信息。比如我們?nèi)粘V械膶W(xué)習(xí)總結(jié)、會(huì)議總結(jié)、工作總結(jié)、年終總結(jié)等等,都是這一類。

另一種是經(jīng)驗(yàn)規(guī)律的總結(jié),從大量相關(guān)的信息、資料中,尋找共性、規(guī)律,最終得出具有指導(dǎo)性的經(jīng)驗(yàn)方法和結(jié)論。比如人類社會(huì)的科學(xué)、學(xué)術(shù)成果,我們所學(xué)的設(shè)計(jì)理論,設(shè)計(jì)講座、文章里分享的設(shè)計(jì)經(jīng)驗(yàn),畢業(yè)設(shè)計(jì)論文等等,都是屬于這一類總結(jié)。

 

前者,信息資料的總結(jié),是我們?nèi)粘I钪凶畛R?jiàn)、最常用的,主要作用是整理歸納,就像是整理自己房間,整理超市貨物,整理圖書館資料一樣,讓它看起來(lái)更加的整潔有序。

而后者,經(jīng)驗(yàn)規(guī)律的總結(jié),它是一種層次更高的總結(jié),就像凝水成冰,百煉成鋼一樣,在原有的基礎(chǔ)上進(jìn)一步得到了升華。

 

二、為什么要提升總結(jié)力

接下來(lái)我們來(lái)聊為什么要提升總結(jié)能力,它的目的、作用是什么?

隨著工作經(jīng)驗(yàn)的增長(zhǎng),技術(shù)能力漸漸成熟,拉開(kāi)差距、決定上限的,往往就是審美、創(chuàng)意、設(shè)計(jì)思維等等這些更高維度的能力。

而總結(jié)能力,就是這種更高維度的能力之一。

 

先從宏觀上來(lái)看

進(jìn)入設(shè)計(jì)的大門時(shí),我們首先接觸的往往就是各種設(shè)計(jì)理論。

而這些設(shè)計(jì)理論,就是前輩設(shè)計(jì)師們一代一代總結(jié)下來(lái)的寶貴經(jīng)驗(yàn)。

圖片

我們站在今日,看昨日之設(shè)計(jì),能夠很直觀的感受到,設(shè)計(jì)像是一個(gè)有生命的東西,它是在不斷發(fā)展和進(jìn)步的。

圖片

 

這種進(jìn)步,是技術(shù)的進(jìn)步,也是整個(gè)行業(yè)的不斷總結(jié)與迭代。

 

有了總結(jié),所以我們知道,大紅大綠不好看、要突出主體,排版要盡量對(duì)齊,熬夜要喝枸杞。。。。

 

總之,我們每個(gè)人都受益于前人的總結(jié),不必再去走前輩們?cè)冗^(guò)的坑。

 

 

再?gòu)膫€(gè)人的角度來(lái)看

鍛煉總結(jié)能力對(duì)自己有哪些幫助?這里我列舉了幾個(gè)方面:

 

1、學(xué)習(xí)能力

首先是學(xué)習(xí)能力。

無(wú)論從事什么行業(yè),擺在我們面前的第一道關(guān)卡就是學(xué)習(xí)。

人與人之間的學(xué)習(xí)能力差異是很大的。

有的人花幾周的時(shí)間就可以快速上手一門新的軟件,而有的人可能學(xué)了幾個(gè)月還是感覺(jué)自己啥也不會(huì)。

這里面的影響因素有很多,比如你是否能找到好的教程資源,每天真正花在學(xué)習(xí)上的時(shí)間有多少,學(xué)完之后是否有通過(guò)練習(xí)來(lái)鞏固,等等。

 

而總結(jié)能力,則是影響學(xué)習(xí)能力的其中一個(gè)重要因素。

它能夠幫你簡(jiǎn)化復(fù)雜龐大的信息,更有效的消化知識(shí),快速搭建起自己的知識(shí)技能樹。

 

如果你要學(xué)一個(gè)新的軟件和工具,在挑選書或教程的時(shí)候,可以先去看看它的目錄。

圖片

 

雖然它非常簡(jiǎn)短,但卻是對(duì)整本書或整個(gè)教程內(nèi)容的概括總結(jié)。

一個(gè)好的教程,一定是目錄結(jié)構(gòu)清晰有條理的,而不是東講一點(diǎn),西講一點(diǎn),想到哪講到哪。

看完目錄,你就可以對(duì)這個(gè)軟件的功能模塊上有一個(gè)宏觀的認(rèn)知。并可以篩選哪些內(nèi)容是你需要的,哪些是暫時(shí)用不上的,這樣就可以有針對(duì)性的學(xué)習(xí),節(jié)省了很多時(shí)間。

 

2、成長(zhǎng)提升

學(xué)習(xí)入門之后,接下來(lái)就是積累經(jīng)驗(yàn),成長(zhǎng)提升的過(guò)程。

在設(shè)計(jì)這個(gè)行業(yè)里,能力跟工作年限,是沒(méi)有絕對(duì)的關(guān)系的。

其中,善于不斷總結(jié)過(guò)往經(jīng)驗(yàn),復(fù)盤項(xiàng)目的人,往往成長(zhǎng)的會(huì)更快。

 

一個(gè)人是否善于總結(jié),其中一個(gè)關(guān)鍵在于:他是怎么看待問(wèn)題的?

是僅僅看到眼前的這一個(gè)問(wèn)題,還是能夠看的更遠(yuǎn),看的是這一類問(wèn)題?

圖片

如果是前者,那么你解決的就只是當(dāng)下的這一個(gè)問(wèn)題。這就是為什么,有的人一個(gè)問(wèn)題犯了幾十遍了,然而下次遇到類似的問(wèn)題,還是會(huì)繼續(xù)犯錯(cuò)。

如果是后者,那么你解決掉的就不僅是當(dāng)下的這一個(gè)問(wèn)題,而是未來(lái)所有類似的問(wèn)題。這樣不斷的總結(jié),成長(zhǎng)下去,最后積累的力量必然是驚人的。

 

比如我們來(lái)解決這樣一個(gè)問(wèn)題:這里有幾個(gè)小元素,我們想讓其中一個(gè)元素看起來(lái)更顯眼。

圖片

應(yīng)該怎么做?

 

我們可能會(huì)想到一些辦法,比如:讓其中一個(gè)圓更大一點(diǎn)

圖片

 

讓其中一個(gè)圓描邊更粗:

圖片

 

或者降低其它圓的透明度,讓其中一個(gè)更亮:

圖片

 

這些方法都能達(dá)到我們的目的。

不善總結(jié)的人到這里可能就已經(jīng)結(jié)束了,因?yàn)楫?dāng)前問(wèn)題已經(jīng)解決了。

 

但是善于總結(jié)的人到這里問(wèn)題才剛開(kāi)始。

他會(huì)思考:為什么這些操作會(huì)讓元素看起來(lái)更顯眼?它們中的共性和規(guī)律是什么?

 

經(jīng)過(guò)這種更深一層的總結(jié)和思考,我們可以發(fā)現(xiàn),無(wú)論是改變大小,改變粗細(xì),還是改變亮度等等,它們的共性與本質(zhì),都是形成了“對(duì)比”。

這種對(duì)比形成的反差,讓畫面中與眾不同的的元素會(huì)更加的突出。

圖片

當(dāng)我們經(jīng)過(guò)總結(jié)思考,提煉出了“對(duì)比”這個(gè)本質(zhì)之后,就能夠基于“對(duì)比”這個(gè)概念,延伸出更多的方案。

圖片

比如讓它改變顏色、進(jìn)行填充、改變清晰度等等,總之只要是符合“對(duì)比”這個(gè)核心的方案都是可以的。

 

我們還可以將它運(yùn)用到各種其它領(lǐng)域的設(shè)計(jì)中,解決掉所有“讓元素更突出”的問(wèn)題。比如文字排版中,主標(biāo)題對(duì)比其它的文字一定是最顯眼的;海報(bào)設(shè)計(jì)中,主角要放在c位,

 

甚至我們還能反向運(yùn)用,把元素弱化,比如彈窗廣告的關(guān)閉按鈕永遠(yuǎn)藏的讓你找不到。。。。

 

你會(huì)發(fā)現(xiàn),通過(guò)這種總結(jié),我們找到了問(wèn)題的本質(zhì)與關(guān)鍵。從中得到的經(jīng)驗(yàn)將不再只是幾個(gè)具體的解決方案,而是這個(gè)問(wèn)題的“通解”。從“有限”變?yōu)椤盁o(wú)限”,從“具象”變?yōu)椤俺橄蟆?。下次再看到這個(gè)問(wèn)題,我們就能夠站在一個(gè)更高的維度去思考。

 

 

3、溝通與表達(dá)

當(dāng)然,對(duì)于設(shè)計(jì)師來(lái)說(shuō),專業(yè)設(shè)計(jì)能力的成長(zhǎng)固然重要,但它絕不是一個(gè)設(shè)計(jì)師能力的全部。

設(shè)計(jì)離不開(kāi)與人的溝通和交流,所以溝通和表達(dá)能力也非常重要。

 

而總結(jié)能力,可以讓你在溝通上非常的有邏輯性,能夠有效的把想表達(dá)的信息傳遞給對(duì)方,反之,則會(huì)讓別人聽(tīng)了后面忘了前面,聽(tīng)了半天也沒(méi)弄清楚你到底想說(shuō)什么。

 

比如你要告訴別人一個(gè)設(shè)計(jì)要怎么優(yōu)化,如果是這么去說(shuō):

圖片

這種想到哪說(shuō)到哪的方式,一旦信息量比較多的話,聽(tīng)的人會(huì)很頭疼,而且get不到重點(diǎn)。

 

而清晰易懂的表達(dá),一定要經(jīng)過(guò)一個(gè)總結(jié)整理的過(guò)程,減輕聽(tīng)的人的接收負(fù)擔(dān)。

 

這里介紹一個(gè)比較好的表達(dá)結(jié)構(gòu):就是我們小時(shí)候?qū)懽魑牡臅r(shí)候常用的“總分總”結(jié)構(gòu)。

圖片

先說(shuō)總結(jié)、結(jié)論,再進(jìn)行分類、分段闡述,最后結(jié)尾再進(jìn)行一次總結(jié),加深印象。

 

下面我們看看用“總分總”的結(jié)構(gòu)應(yīng)該是怎么表述的:

圖片

 

先做總結(jié):這個(gè)設(shè)計(jì)整體最大的問(wèn)題是什么?然后細(xì)節(jié)上主要有哪些方面的問(wèn)題?

然后做分類闡述。這個(gè)分類可以有很多種,比如可以跟之前一樣按ABCD不同的區(qū)域去劃分。但是不要跟之前一樣來(lái)來(lái)回回繞,從A講到D,又從D跳到B,而是應(yīng)該按順序講完一個(gè)再講下一個(gè)。

也可以按設(shè)計(jì)的不同層面去分類,比如根據(jù)構(gòu)圖、配色、排版、質(zhì)感、動(dòng)效等不同方面分別去展開(kāi)講。

最后結(jié)尾把整體最大的問(wèn)題、一些關(guān)鍵的問(wèn)題再總結(jié)一下,加深印象。

 

按照這樣的結(jié)構(gòu)溝通起來(lái)就會(huì)很有條理性。

 

前面我們是站在“說(shuō)”的一方的角度,而如果是“聽(tīng)”的一方,其實(shí)也是一樣的。

如果接收到的設(shè)計(jì)需求很多很雜,那么首先要做的就是整理歸納,做主次優(yōu)先級(jí)的排序等等,整理清楚再動(dòng)手。

 

 

好了,說(shuō)完了總結(jié)能力的一些應(yīng)用場(chǎng)景,再回頭看看我們前面所說(shuō)的總結(jié)的兩種類型:

信息資料的總結(jié)經(jīng)驗(yàn)規(guī)律的總結(jié)。

 

學(xué)習(xí)能力,成長(zhǎng)提升,溝通表達(dá),這三個(gè)方面中:

圖片

學(xué)習(xí)能力和溝通表達(dá),所用到的總結(jié)主要屬于信息資料的總結(jié),所以它通過(guò)歸納整理,帶來(lái)了效率上的提升。

而成長(zhǎng)提升,所用到的總結(jié)主要是經(jīng)驗(yàn)規(guī)律的總結(jié),我們前面說(shuō)過(guò),它能夠在原有的基礎(chǔ)上進(jìn)一步得到升華,正是這種升華產(chǎn)生的力量,推動(dòng)了我們的成長(zhǎng)

 

三、如何提升總結(jié)力

我們?cè)賮?lái)看怎么做的問(wèn)題,如何去提升總結(jié)能力。

首先要說(shuō)的是,總結(jié)能力其實(shí)是人的一種本能,人們的大腦會(huì)自動(dòng)對(duì)信息做歸納和分類,方便自己理解。

比如有西瓜、蘋果、香蕉、草莓,雞肉五個(gè)東西,我們會(huì)自動(dòng)把西瓜、蘋果、香蕉、草莓歸為一類,因?yàn)樗鼈兌际撬?

 

再比如這張圖:

圖片

 

我們會(huì)認(rèn)為左邊的圖形是一組,而右邊的是另一組。

 

所以游戲機(jī)按鈕就是這么設(shè)計(jì)的:

圖片

 

其實(shí)我們每個(gè)人都是天生就擁有總結(jié)歸納的能力,

只是很多時(shí)候我們可能大腦想偷懶,沒(méi)有刻意的去進(jìn)行總結(jié)。

只要你開(kāi)始真正做起來(lái),它并不是一件難事。

 

總結(jié)步驟

總結(jié)的步驟其實(shí)很簡(jiǎn)單:

步驟一大量的資料收集,匯總

步驟二提煉規(guī)律、共性,歸類分組,得到總結(jié)

 

我們開(kāi)頭所說(shuō)的兩類總結(jié)中,信息資料的總結(jié),一般用到這兩步就夠了,而經(jīng)驗(yàn)規(guī)律的總結(jié)還需要用到第三步:

 

步驟三將得到的總結(jié)代入大量的資料,印證完善

 

加入了第三步之后,它就形成了一個(gè)閉環(huán),會(huì)讓你的總結(jié)不斷完善下去。也就是所謂的:實(shí)踐是檢驗(yàn)真理的唯一標(biāo)準(zhǔn)。

圖片

 

比如,我們前面講總結(jié)能力對(duì)成長(zhǎng)提升的幫助中,提到的例子“怎么讓設(shè)計(jì)中的元素更明顯”,這里面我們找到的各種方法:放大,改顏色,加描邊等等,就是第一步:資料的收集匯總。

接下來(lái)我們進(jìn)入了第二步:從這些方法中尋找共性,尋找規(guī)律,得到了“對(duì)比能夠讓元素更突出”這個(gè)總結(jié)。

最后是進(jìn)入第三步,我們把得到的這個(gè)總結(jié)帶回“讓設(shè)計(jì)中的元素更明顯”這一類問(wèn)題中,得到了更多的方案,從而繼續(xù)完善“對(duì)比”這個(gè)經(jīng)驗(yàn)總結(jié)。

 

從實(shí)踐中得到的經(jīng)驗(yàn)總結(jié),要再回到實(shí)踐中去,指導(dǎo)實(shí)踐,并讓自身不斷完善。

這也是設(shè)計(jì)中實(shí)踐和理論之間的關(guān)系。

從這三步形成的閉環(huán)來(lái)看,在設(shè)計(jì)師成長(zhǎng)的前期階段,實(shí)踐重于理論,因?yàn)檫@時(shí)候沒(méi)有足夠的實(shí)踐和資料去支撐,也就無(wú)法完成第三步:用實(shí)踐去印證理論。

而越往后面,隨著自己掌握的經(jīng)驗(yàn)、資料越來(lái)越多,這個(gè)閉環(huán)被打通,理論就會(huì)越來(lái)越重要。不斷循環(huán),不斷完善下,讓自己獲得不斷地提升。

 

而在這三個(gè)步驟中,第一步和第三步,并沒(méi)有什么操作的難度,主要是時(shí)間和耐心的問(wèn)題。

那么主要的問(wèn)題就是在第二步,我們按照什么樣的原則去總結(jié)?怎么去歸類分組?這里是需要不斷嘗試的。

 

幾個(gè)經(jīng)典的總結(jié)框架

所以接下來(lái)我們介紹幾個(gè)比較經(jīng)典的總結(jié)框架,如果你自己沒(méi)有好的方案,就可以直接套用這些成熟的總結(jié)框架。

 

 1、MECE原則

MECE原則是衡量歸納總結(jié)是否完善的一個(gè)經(jīng)典原則。

它是在《金字塔原理》這本書里提到了一個(gè)思考工具,中文意思是“相互獨(dú)立,完全窮盡”。

指的是分類歸納要做到:不重疊,不遺漏。

圖片

不重疊是指每一個(gè)分類之間相互獨(dú)立,不能有重復(fù)、交叉的部分。

不遺漏是指要完全窮盡,不能有遺漏的部分。

 

如果我們對(duì)人進(jìn)行分類,分為“男人、女人、小孩”,這就不符合MECE原則,因?yàn)槟腥撕团死锩嬉舶诵『?,有重?fù)的部分。

 

再比如站酷對(duì)各大設(shè)計(jì)領(lǐng)域的分類。因?yàn)樵O(shè)計(jì)的分類非常廣泛,為了避免一些相對(duì)小眾的設(shè)計(jì)分支,找不到對(duì)應(yīng)的分類。會(huì)增加一個(gè)“其它”分類。這就滿足了“不遺漏”原則。

圖片

 

 

 

我們每天調(diào)色時(shí)都要使用的RGB色彩模式,它就是完全符合MECE原則的。

圖片

紅綠藍(lán)作為三基色,是相互獨(dú)立,互不重疊的;而它們相互組合,就可以得到所有的色彩,滿足了不遺漏的原則。

 

 

而在設(shè)計(jì)的分工合作上,使用mece原則也非常有效。

如果一個(gè)工作需要多個(gè)人分工合作來(lái)完成,根據(jù)mece原則,分工就應(yīng)該滿足兩個(gè)條件:

圖片

第一是不重疊,就是說(shuō)每個(gè)人負(fù)責(zé)的任務(wù)要相互獨(dú)立,不要有交叉重疊的部分。

不滿足這一點(diǎn),就會(huì)導(dǎo)致可能有兩個(gè)人做了同一件事,造成了時(shí)間的浪費(fèi)。

 

第二是不遺漏,也就是說(shuō)分解工作的過(guò)程中不要漏掉某項(xiàng),保證最后所有人的工作合起來(lái)是完整的。

不滿足這一點(diǎn),就會(huì)導(dǎo)致有一部分工作最后沒(méi)有人做。

 

2、五帽架原則

接下來(lái)我們介紹下“五帽架原則”。

「帽架]這個(gè)詞是根據(jù)類比而來(lái),「帽」表示資料,「架」表示組織資料的方法,所以可以理解為「組織資料的五種方法]。

 

“五帽架”的概念最初是由理查德·沃爾曼在他的“ 信息焦慮”一書中提到的。

圖片

 

 

它是做資料整理時(shí)可用的五種高效的邏輯順序。

我在之前寫的“設(shè)計(jì)師如何有效提升執(zhí)行力”一文中也提到過(guò)這種方法。

它們分別是種類、時(shí)間、空間、字母、連續(xù)性。

 

種類,就是按相似性,關(guān)聯(lián)性劃分,這是我們最容易想到的一種分類方法,比如b站的各類分區(qū)。

圖片

 

 

然后是時(shí)間順序,這也是我們最常用的一種結(jié)構(gòu),比如總結(jié)自己的工作經(jīng)歷時(shí),我們可以按時(shí)間順序從前往后,或者從后往前講;再比如做年度設(shè)計(jì)總結(jié),也可以按時(shí)間順序,羅列每個(gè)月份或者每個(gè)季度的工作。

圖片

 

 

有時(shí)間順序,自然就有空間順序,空間的不同位置,前后、遠(yuǎn)近。

比如攝影攝像中有一個(gè)非常重要的概念,就是“景別”。它就是使用空間順序來(lái)分類的。

圖片

 

根據(jù)攝像機(jī)離被攝物體遠(yuǎn)近的不同,我們可以劃分出遠(yuǎn)景、全景、中景、近景、特寫五種景別。

有了這樣的統(tǒng)一劃分,導(dǎo)演,攝影師,剪輯師等等不同職能的人員之間,才能擁有一套通用的語(yǔ)言,無(wú)障礙的溝通。

 

 

接下來(lái)是字母順序,就是按字母、數(shù)字等符號(hào)的順序進(jìn)行分類,最典型的例子就是字典。

這種方式?jīng)]有什么邏輯性,優(yōu)點(diǎn)就是非常直白,便于查找。很適合用于資料之間本身沒(méi)有太大相關(guān)性的。比如各種檔案、資料的管理,通常就會(huì)用不同的編號(hào)來(lái)歸類。

還有游戲里面用會(huì)SSR,SR,R這樣的編號(hào)來(lái)區(qū)分角色的強(qiáng)度和稀有度。

 

最后是連續(xù)性,指的是按照從小到大,從少到多,從高到低,從淺到深等等,這種數(shù)學(xué)規(guī)律去總結(jié)整理。

圖片

 

這種方式,通常都是為了能夠從總結(jié)中得出一些重要的結(jié)論。

比如我們做完了一個(gè)項(xiàng)目,想進(jìn)行一下復(fù)盤,就可以羅列一下項(xiàng)目中哪些地方花的時(shí)間最多?根據(jù)時(shí)間的占比做一個(gè)排序;然后就可以針對(duì)這些消耗時(shí)間最多的地方,看看哪里可以再優(yōu)化一下,哪里效率還可以再提升提升。

 

 

3、5W2H分析法

5w2h分析法是一種廣泛用于企業(yè)管理和技術(shù)活動(dòng)中的策略方法。

它由五個(gè)W和兩個(gè)H組成。分別是:

圖片

(1)WHAT——是什么?目的是什么?做什么工作?

(2)WHY——為什么要做?可不可以不做?有沒(méi)有替代方案?

(3)WHO——誰(shuí)?由誰(shuí)來(lái)做?

(4)WHEN——何時(shí)?什么時(shí)間做?什么時(shí)機(jī)最適宜?

(5)WHERE——何處?在哪里做?

(6)HOW ——怎么做?如何提高效率?如何實(shí)施?方法是什么?

(7)HOW MUCH——多少?做到什么程度?數(shù)量如何?質(zhì)量水平如何?費(fèi)用產(chǎn)出如何?

 

通過(guò)這七個(gè)方面的思考,我們就可以總結(jié)出事情的主要框架,讓工作計(jì)劃具有完整性,思考的更加全面、清晰、有條理,避免出現(xiàn)遺漏,這也是符合前面所說(shuō)的mece法則的。

 

比如工作中做總結(jié)匯報(bào),制定一個(gè)項(xiàng)目的開(kāi)展計(jì)劃,我們都可以使用5w2h這個(gè)總結(jié)框架,讓自己能夠?qū)θ钟幸粋€(gè)清晰的認(rèn)知,也就是我們常說(shuō)的做事要有“全局觀”。

 

如何高效訓(xùn)練

我們知道了總結(jié)的一些常用框架,常用方法,接下來(lái)就是去實(shí)際的運(yùn)用。

怎么去高效的鍛煉自己的總結(jié)能力呢?

這里介紹兩個(gè)我自己常用的訓(xùn)練方法。

 

1、培養(yǎng)找關(guān)鍵的習(xí)慣

總結(jié),說(shuō)白了就是一個(gè)濃縮凝練的過(guò)程,從一堆信息中尋找它們的核心思想和關(guān)鍵點(diǎn)。

就像寫文章一樣,每篇文章都會(huì)有一個(gè)“標(biāo)題”,這個(gè)標(biāo)題就是整篇文章的核心和關(guān)鍵。

圖片

 

所以,我們?cè)谏钪幸桃馀囵B(yǎng)找關(guān)鍵的習(xí)慣。

 

比如工作中跟別人交流的時(shí)候,可以刻意鍛煉自己做到“長(zhǎng)話短說(shuō)”,用最簡(jiǎn)潔的話來(lái)概括你要表達(dá)的重點(diǎn),而不是給別人發(fā)一大段未經(jīng)整理的文字。能一句話講完的不要分兩句講。

 

再比如對(duì)設(shè)計(jì)做優(yōu)化,可以先去找設(shè)計(jì)中最大的問(wèn)題是什么,再去抓畫面局部的小細(xì)節(jié)。

圖片

我剛開(kāi)始學(xué)平面設(shè)計(jì)的時(shí)候,我的老師就曾教過(guò)我,如果要看一個(gè)設(shè)計(jì)做的好不好,就先把圖縮小,離遠(yuǎn)了看,看看整體的感覺(jué)怎么樣,如果整體效果不行,是哪里不行,最主要的問(wèn)題是什么?如果整體效果ok了,再去把圖放大看里面的細(xì)節(jié)。

 

2、費(fèi)曼學(xué)習(xí)法

費(fèi)曼學(xué)習(xí)法,簡(jiǎn)單來(lái)說(shuō)其實(shí)就是四個(gè)字:以教為學(xué)。

這是一種最高效的學(xué)習(xí)方法,

 

圖片

 

為什么這么說(shuō)呢,這是有科學(xué)依據(jù)的。有一個(gè)著名的研究成果,叫“學(xué)習(xí)金字塔”。它通過(guò)實(shí)驗(yàn),研究出了不同的學(xué)習(xí)方式,學(xué)習(xí)者在兩周后能記住內(nèi)容的多少。

 

也就是說(shuō)這篇文章你看完之后,因?yàn)閷儆诒粍?dòng)學(xué)習(xí),過(guò)段時(shí)間你還記得的內(nèi)容最多只有30%,但是如果你看完之后還能再把它教給別人,你就能記住90%

 

圖片

 

但是這里的教,并不是說(shuō)隨便怎么教,而是有目標(biāo)的。

目標(biāo)是要讓別人很容易聽(tīng)懂,并且能夠記住。如果有些地方別人沒(méi)聽(tīng)懂,或者說(shuō)記不住,那就說(shuō)明這些地方你的歸納總結(jié)做的還不夠好。那就要繼續(xù)去簡(jiǎn)化表達(dá),直到對(duì)方很容易聽(tīng)懂為止。

這個(gè)過(guò)程會(huì)倒逼你對(duì)自己掌握的知識(shí)去做概括總結(jié),否則你是無(wú)法做到讓別人很容易聽(tīng)懂并記住的,

如果沒(méi)有嘗試過(guò)的可以試一下,它其實(shí)是很有難度的,如果你成功了,你會(huì)發(fā)現(xiàn)自己對(duì)所教的內(nèi)容的理解會(huì)更加深刻和清晰

 

 

這個(gè)方法也是我一直在用的方法。因?yàn)槲易约鹤鲞^(guò)好幾年的講師,對(duì)此深有體會(huì)。有些技術(shù)點(diǎn)自己操作起來(lái)已經(jīng)很熟了,但是想要輕松的教會(huì)一些零基礎(chǔ)的人,還有很有難度。需要不斷的去深挖,真正理解透徹。

在教別人的過(guò)程中,我自己的收獲也是巨大的,每寫一篇文章,都是對(duì)自己經(jīng)驗(yàn)的再次提煉和總結(jié),從總結(jié)中得到升華。

 

總結(jié)

本次的內(nèi)容信息量比較大,所以最后再總結(jié)回顧一下。

圖片

我們從“是什么,為什么,怎么做”三個(gè)方面展開(kāi),去聊總結(jié)能力。

先講了什么是總結(jié),大致分為信息資料的總結(jié)和經(jīng)驗(yàn)規(guī)律的總結(jié)兩種。

然后講了為什么要做總結(jié),從學(xué)習(xí)能力,成長(zhǎng)提升和溝通表達(dá)三個(gè)應(yīng)用場(chǎng)景出發(fā),舉例說(shuō)明了總結(jié)的作用

最后是怎么做的問(wèn)題,我們介紹了三個(gè)經(jīng)典的總結(jié)框架:mece法則,五帽架法以及5w2h分析法。然后講了兩種高效的訓(xùn)練方法“培養(yǎng)找關(guān)鍵習(xí)慣”以及費(fèi)曼學(xué)習(xí)法。

 

歸納總結(jié),其實(shí)是一件偏理性,比較考驗(yàn)邏輯的事情,雖然我們平時(shí)做設(shè)計(jì)更多的是動(dòng)用感性思維。但是如果能夠把理性與感性相結(jié)合,往往能產(chǎn)生出更強(qiáng)大的力量。

 

希望本文對(duì)大家有所幫助。

 

原文地址:動(dòng)態(tài)設(shè)計(jì)書屋(公眾號(hào))

作者: 崔小駿

轉(zhuǎn)載請(qǐng)注明:學(xué)UI網(wǎng)》設(shè)計(jì)師如何提升總結(jié)力

15條APP體驗(yàn)設(shè)計(jì)的思路分析

lanlanwork


“微信”

公眾號(hào)的音樂(lè)

關(guān)鍵詞:#用戶體驗(yàn)#
產(chǎn)品體驗(yàn):
在微信公眾號(hào)內(nèi)的文章中或者鏈接中,會(huì)遇到插入音樂(lè)模塊的內(nèi)容,點(diǎn)擊播放后可以拖拽快進(jìn)或者重放,同時(shí)點(diǎn)擊下方有15的按鈕可以快進(jìn)15s或快退15s。
圖片 
設(shè)計(jì)思考:
在原有的公眾號(hào)內(nèi)插入音樂(lè)模塊是無(wú)法快進(jìn)或者快退的,用戶只能聽(tīng)完或者關(guān)閉音樂(lè)的單獨(dú)模塊,推出該公眾號(hào)也是不能關(guān)閉的。在優(yōu)化后這里明顯體驗(yàn)更好,沒(méi)有兩極分化嚴(yán)重的選擇,增加了快進(jìn)快退這樣的功能,還有一個(gè)原因我認(rèn)為,在公眾號(hào)內(nèi)增加音樂(lè)模塊的內(nèi)容多數(shù)還是以推薦為目的的,增加拖拽功能后,用戶在閱讀時(shí)快速了解到到歌曲是否是自己喜愛(ài)的類型,提高用戶的選擇速度。  
 

“高德地圖”

詢問(wèn)前方路況
關(guān)鍵詞:#活躍度# #用戶體驗(yàn)#
產(chǎn)品體驗(yàn):
使用高德地圖導(dǎo)航后,如果路段中發(fā)生事故等原因堵塞時(shí),在該路段會(huì)彈出一個(gè)提示框,提示該路段可能通暢的時(shí)間段,點(diǎn)擊提示框后進(jìn)入實(shí)時(shí)交通對(duì)話框。 
圖片 
設(shè)計(jì)思考:
之前有體驗(yàn)過(guò)一次高德的交通實(shí)況功能,這次也是看到了在導(dǎo)航初期就提示了路段的狀況,在系統(tǒng)的提示之外,結(jié)合實(shí)況交通的方式,更準(zhǔn)確的提供路況信息,也是為了進(jìn)一步的提高用戶在產(chǎn)品內(nèi)的活躍程度,更有可能提供潛在的陌生人社交,畢竟產(chǎn)品也上線的旅游路線等功能。  
 

“微信”

可以手動(dòng)拒收其他應(yīng)用的消息
關(guān)鍵詞:#用戶體驗(yàn)優(yōu)化#
產(chǎn)品體驗(yàn):
在微信的對(duì)話框內(nèi),好友發(fā)送來(lái)的非微信產(chǎn)品的分享消息,可以點(diǎn)擊該消息右下角的小手,點(diǎn)擊后彈出“接受/拒收來(lái)自此應(yīng)用的所有消息”用戶可以自主選擇是否接受。 
圖片 
設(shè)計(jì)思考:
產(chǎn)品分享鏈接無(wú)非是QQ、微信、微博、小紅書等一些社交類產(chǎn)品,其中微信的基數(shù)是最大的一個(gè),多數(shù)小伙伴還是選擇微信登陸其他產(chǎn)品,再以微信為分享終端。不過(guò)這樣做有一個(gè)問(wèn)題,就是朋友分享來(lái)的程序可能是自己不感興趣的內(nèi)容,還會(huì)拉低朋友之間的好感度。微信在這里直接上線了拒收這類消息的功能,讓用戶自己決定要不要接收,不再整個(gè)產(chǎn)品上做限制。也是按照用戶自主意愿進(jìn)行了有效的分類選擇。  
 

“抖音”

關(guān)注的提示增強(qiáng)
關(guān)鍵詞:#視覺(jué)強(qiáng)化# #提示#
產(chǎn)品體驗(yàn):
在抖音觀看視頻時(shí),長(zhǎng)時(shí)間停留在該up主的頁(yè)面時(shí),在作者信息下會(huì)顯示出關(guān)注的顏色飽和度較高的按鈕。 
圖片 
設(shè)計(jì)思考:
抖音的用戶基礎(chǔ)是非常龐大的數(shù)字,眾多用戶每天在產(chǎn)品中瀏覽觀看是up主發(fā)視頻的動(dòng)力之一,其次,用戶的關(guān)注度更是刺激up主更新優(yōu)質(zhì)視頻的動(dòng)力源之一。所以在這里產(chǎn)品強(qiáng)化了關(guān)注這一行為,原有的up主頭像下的關(guān)注按鈕保留之外,增加了一個(gè)面積更大的按鈕在創(chuàng)作者、視頻信息的區(qū)域,刺激用戶的視覺(jué)感受提示用戶喜歡就關(guān)注,不過(guò)這個(gè)按鈕是在用戶長(zhǎng)時(shí)間停留之后才顯示的按鈕,產(chǎn)品會(huì)根據(jù)用戶頁(yè)面停留時(shí)長(zhǎng)做初步判斷,用戶是否對(duì)這個(gè)視頻感興趣,停留時(shí)間長(zhǎng)感興趣才會(huì)顯示關(guān)注按鈕提示用戶。 
  

“微信”

折疊群
關(guān)鍵詞:#強(qiáng)提示#
產(chǎn)品體驗(yàn):
微信群中可以進(jìn)入群設(shè)置,在消息免打擾下新增折疊群的功能,點(diǎn)擊后將不出現(xiàn)在消息區(qū),可以在群列表中找到,也不會(huì)收到@的強(qiáng)提示。
圖片 
設(shè)計(jì)思考:
微信與QQ在群聊天上之前最大的不同就是,QQ可以完全屏蔽群信息,微信卻不可以,雖然有消息免打擾,但是群@消息會(huì)有強(qiáng)提醒的功能,用戶還是可以看到群中的信息。而這一次的優(yōu)化徹底解決了這個(gè)問(wèn)題,實(shí)際的使用環(huán)境確實(shí)會(huì)有用加入群是不得已的情況,退也不好退,又不想被打擾,所以需要一個(gè)完全屏蔽的功能來(lái)解決這個(gè)問(wèn)題。而這個(gè)功能推出之后,估計(jì)對(duì)運(yùn)營(yíng)的同學(xué)是不太友好了,私域流量的限制估計(jì)會(huì)在未來(lái)越來(lái)越大,微信也總給我一種和QQ越來(lái)越像的感覺(jué)。  
 
 

“知乎”

我的頁(yè)面中的回答問(wèn)題
關(guān)鍵詞:#交互方式#
產(chǎn)品體驗(yàn):
打開(kāi)知乎后切換至我的頁(yè)面,在頁(yè)面中間可以看到卡片形式的回答問(wèn)題的部分,左右滑動(dòng)卡片可以切換下一張。 
圖片
 
設(shè)計(jì)思考:
知乎這里的回答問(wèn)題采用左右滑動(dòng)的方式,更像是社交產(chǎn)品中的交互方式,但是不同點(diǎn)是這里的左右滑沒(méi)有附加更多的功能,只是為了看下一個(gè)內(nèi)容。不過(guò)這樣的操作也在一定程度上增加了用戶與產(chǎn)品之間的互動(dòng)性,讓回答問(wèn)題變得有趣。還有一點(diǎn)就是如果回答問(wèn)題是很長(zhǎng)的feed流,用戶會(huì)在漫長(zhǎng)的瀏覽中產(chǎn)生疲倦感,從而導(dǎo)致流量的流失,這樣左右滑的形式可以很好的避免長(zhǎng)頁(yè)面的瀏覽疲倦,讓用戶的精力集中在內(nèi)容本身。  
 

“微信”

視頻等待接通期間可看朋友狀態(tài)
關(guān)鍵詞:#用戶體驗(yàn)#
產(chǎn)品體驗(yàn):
在微信中,與好友視頻通話時(shí),在等待對(duì)方接電話的時(shí)間里,界面中會(huì)顯示對(duì)方近期發(fā)布朋友圈的內(nèi)容,同時(shí)點(diǎn)擊下方按鈕可以收起內(nèi)容不查看。  
圖片  
設(shè)計(jì)思考:
在生活中,微信已經(jīng)成為我們?nèi)粘W钪饕臏贤ㄊ侄沃?,而隨著流量降費(fèi),視頻電話也更多的興起。隨之而來(lái)的就是在等待電話的過(guò)程中,用戶是無(wú)事可做的狀態(tài),增加對(duì)方用戶的朋友圈發(fā)布內(nèi)容觀看,除了知道對(duì)方近期做了什么,也是消除等待電話的真空期,提升用戶體驗(yàn)。  
 

“騰訊地圖”

搜索路線更綜合
關(guān)鍵詞:#用戶體驗(yàn)#
產(chǎn)品體驗(yàn):
在騰訊地圖中搜索路線,在公共交通這里會(huì)有更綜合的搜索結(jié)果,把騎行也包含在目標(biāo)路線內(nèi)。 
圖片
 
設(shè)計(jì)思考:
騰訊地圖的公共交通搜索更綜合,對(duì)于日常上班出行的人群來(lái)說(shuō)更友好,往往增加一個(gè)交通工具的選擇可以有更多一種節(jié)省時(shí)間的出行方式,而且標(biāo)注了每一條結(jié)果路線的預(yù)計(jì)費(fèi)用,這也是給用戶多一個(gè)選擇思考的方向。 
  

“閑魚”

長(zhǎng)輩模式
關(guān)鍵詞:#適老設(shè)計(jì)#
產(chǎn)品體驗(yàn):
在閑魚中我的頁(yè)面內(nèi),設(shè)置按鈕進(jìn)入后可以在列表中可以找到長(zhǎng)輩模式,點(diǎn)擊后進(jìn)入確認(rèn)開(kāi)啟頁(yè),點(diǎn)擊開(kāi)啟后重啟app進(jìn)入長(zhǎng)輩模式。
圖片 
設(shè)計(jì)思考:
面對(duì)老齡結(jié)構(gòu)嚴(yán)重的社會(huì),互聯(lián)網(wǎng)產(chǎn)品不只是年輕人的專屬,疫情之后更多老年人學(xué)會(huì)了智能手機(jī),從而帶來(lái)的問(wèn)題就是多數(shù)產(chǎn)品沒(méi)有適老設(shè)計(jì),老年人面對(duì)小手機(jī)會(huì)看不清內(nèi)容,操作按不準(zhǔn)等現(xiàn)象凸顯出來(lái),玲瑯滿目的運(yùn)營(yíng)活動(dòng)也是讓老年人招架不過(guò)來(lái)。
那么,面對(duì)這么龐大的人群基數(shù),推出適合老年人的產(chǎn)品就顯得更為重要。這里并不單單是為老年人優(yōu)化設(shè)計(jì)更好的用戶體驗(yàn),而是從根本上,心里上解決老年人在互聯(lián)網(wǎng)產(chǎn)品使用的問(wèn)題,閑魚在這里推出的長(zhǎng)輩版本刪除了很多花里胡哨的設(shè)計(jì)元素,也沒(méi)有簡(jiǎn)單用大字解決一切,更好的滿足老年人使用需求。 
  

“App Store”

搜索結(jié)果增加細(xì)分標(biāo)簽(ios)
關(guān)鍵詞:#標(biāo)簽#
產(chǎn)品體驗(yàn):
在ios系統(tǒng)的Appstore內(nèi),搜索目標(biāo)內(nèi)容后,搜索結(jié)果頁(yè)面搜索框下新增了結(jié)果的細(xì)分標(biāo)簽,點(diǎn)擊標(biāo)簽可以進(jìn)一步篩選。  
 
圖片 
設(shè)計(jì)思考:
蘋果商店中在近幾個(gè)月不斷的更新,首先是之前增加的搜索結(jié)果頁(yè)廣告位,這里有增加了搜索結(jié)果的細(xì)分標(biāo)簽,可以讓用戶進(jìn)一步細(xì)分篩選,節(jié)約目標(biāo)明確的用戶,因?yàn)g覽導(dǎo)致選擇困難或無(wú)限下滑尋找目標(biāo)的痛苦。  
 

“綠洲”

我的頁(yè)面增加時(shí)間線
關(guān)鍵詞:#用戶體驗(yàn)#
產(chǎn)品體驗(yàn):
在綠洲中,進(jìn)入我的頁(yè)面,可以看到自己發(fā)表內(nèi)容的時(shí)間線,切換tab到第二個(gè)icon也保留了瀑布流的列表樣式。 
圖片 
 
設(shè)計(jì)思考:
在最初的綠洲中沒(méi)有設(shè)置發(fā)布時(shí)間線的展示樣式,只有瀑布流的列表樣式,用戶在這里雖然可以有更前衛(wèi),更沉浸的閱讀感受,但是作為內(nèi)容發(fā)布,并不能很好的看到自己發(fā)布內(nèi)容的時(shí)間,尤其是時(shí)間久了之后,會(huì)有忘記原來(lái)發(fā)布的時(shí)間。那么增加時(shí)間線后,用戶可以很清楚的看到自己發(fā)布每一個(gè)內(nèi)容時(shí)的時(shí)間點(diǎn),作為內(nèi)容發(fā)布的產(chǎn)品來(lái)說(shuō),這種功能的增加也會(huì)激發(fā)用戶的成就感,刺激用戶繼續(xù)發(fā)布。  
 
 

“淘寶”

雙11前的視覺(jué)變化
關(guān)鍵詞:#視覺(jué)氣氛#
產(chǎn)品體驗(yàn):
更新淘寶產(chǎn)品之后,啟動(dòng)可以發(fā)現(xiàn)淘寶有點(diǎn)不一樣了,首頁(yè)、逛逛頻道視覺(jué)更新。   
圖片 
設(shè)計(jì)思考:
隨著淘寶的雙十一購(gòu)物節(jié)的到來(lái),從遠(yuǎn)古的光棍節(jié)的感念到現(xiàn)在全民購(gòu)物的形成,產(chǎn)品在這個(gè)節(jié)點(diǎn)前增強(qiáng)節(jié)日氣氛,用戶在啟動(dòng)打開(kāi)產(chǎn)品后會(huì)潛移默化的感覺(jué)到購(gòu)物的氣氛,在氣氛烘托的作用之下用戶會(huì)逛一逛,動(dòng)作有了開(kāi)始的第一步隨之而來(lái)的就會(huì)有后續(xù)的一連串動(dòng)作。  
 

“開(kāi)眼”

底部標(biāo)簽欄的交互方式
關(guān)鍵詞:#趣味性# #用戶習(xí)慣#
產(chǎn)品體驗(yàn):
啟動(dòng)產(chǎn)品后,切換底部標(biāo)簽欄,可以看到選中狀態(tài)是中文漢字加選中點(diǎn),未選中的則為icon符號(hào)。在切換時(shí)也采用了模仿滾動(dòng)的樣式。  
圖片 
設(shè)計(jì)思考:
底部標(biāo)簽作為整個(gè)產(chǎn)品的導(dǎo)航,承接這很重要的功能性,用戶進(jìn)入產(chǎn)品除了看到首頁(yè)的視覺(jué)、滑動(dòng)兩下看內(nèi)容,接下來(lái)就是點(diǎn)一點(diǎn)底部的導(dǎo)航。有序的底部導(dǎo)航會(huì)對(duì)產(chǎn)品的使用有不少的加分,比如愛(ài)奇藝、優(yōu)酷的點(diǎn)擊交互,比如早一點(diǎn)之前版本的站酷app都是比較有序的方式,當(dāng)然,極簡(jiǎn)的樣式也是有的比如小紅書、Behance這樣的。
而開(kāi)眼雖說(shuō)也是極簡(jiǎn)的類別中,但是更適應(yīng)中文用戶的交互方式,作為傳統(tǒng)的中文用戶,習(xí)慣性的還是要看一下文字的提示來(lái)確保點(diǎn)擊正確,減少大腦的二次思考。所以開(kāi)眼并沒(méi)有像Behance一樣完全符號(hào)化,也沒(méi)有像小紅書全完中文漢字,將兩者結(jié)合之后加上一定的動(dòng)效豐富切換的之間的有趣度,感覺(jué)會(huì)更符合大眾用戶的使用習(xí)慣 
 

“斗魚”

將用戶關(guān)注內(nèi)容分類
關(guān)鍵詞:#細(xì)分#
產(chǎn)品體驗(yàn):
在斗魚中,用戶關(guān)注的主播列表進(jìn)行了很好的分類,未開(kāi)播、錄播、正在直播、精選視頻和很久未上線的主播分類設(shè)計(jì)。 
圖片 
設(shè)計(jì)思考:
目前市場(chǎng)中的軟件產(chǎn)品中,不論是不是內(nèi)容類的,都設(shè)計(jì)了收藏的功能,當(dāng)然也不是說(shuō)收藏功能只有內(nèi)容類的可以用。斗魚作為直播平臺(tái),收藏喜歡的主播可以節(jié)約用戶的操作路徑,快速觸達(dá)用戶目標(biāo)。但是問(wèn)題也來(lái)了,并不是所有的產(chǎn)品都會(huì)細(xì)分收藏之后的內(nèi)容,收藏列表里大多數(shù)還是按照時(shí)間點(diǎn)按序排列。而斗魚這里之前版本也是這樣的方式,但是更新之后的斗魚收藏列表則一改面貌,更好的細(xì)分可以讓用戶更快的找到目標(biāo),較少思考提高效率也就會(huì)留住用戶。 
 

“支付寶”

積分去看看
關(guān)鍵詞:#按鈕#
產(chǎn)品體驗(yàn):
在支付寶中付款完成后,支付完成頁(yè)面中金額下第一個(gè)卡片是領(lǐng)積分,點(diǎn)擊立即領(lǐng)按鈕后領(lǐng)取積分,領(lǐng)取完成后按鈕變?yōu)槿タ纯矗c(diǎn)擊后跳轉(zhuǎn)積分頁(yè)面。 
圖片 
 
設(shè)計(jì)思考:
支付完成后的領(lǐng)取積分,這里點(diǎn)擊領(lǐng)取并不會(huì)跳轉(zhuǎn)到積分頁(yè)面,不會(huì)對(duì)用戶造成頁(yè)面之間的跳轉(zhuǎn)導(dǎo)致多一步返回的操作,而點(diǎn)擊之后將按鈕由“立即領(lǐng)”變?yōu)椤叭タ纯础笨梢宰層脩舳嘁粋€(gè)選擇,是否要去積分頁(yè),減少用戶的來(lái)回操作的煩躁感。同時(shí)在視覺(jué)上,領(lǐng)取積分為實(shí)心的暖色按鈕,點(diǎn)擊感視覺(jué)沖擊上比較強(qiáng)烈,領(lǐng)取之后的去看看變?yōu)榭招牡木€框按鈕,在視覺(jué)強(qiáng)度上減弱,也在一定程度上考慮了購(gòu)物之后需要展示付款成功頁(yè)面的使用環(huán)境,需要降低用戶的視覺(jué)沖擊。 
  
本期產(chǎn)品設(shè)計(jì)細(xì)節(jié)分享結(jié)束,我們下期再見(jiàn)。  
 

原文地址:黑馬家族(公眾號(hào))

作者:神奇的小豪同學(xué)

轉(zhuǎn)載請(qǐng)注明:學(xué)UI網(wǎng)》15條APP體驗(yàn)設(shè)計(jì)的思路分析

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(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.yvirxh.cn )是一家專注而深入的界面設(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ù)



教程 | 設(shè)計(jì)中的規(guī)矩與秩序

lanlanwork



今天我們講講關(guān)于設(shè)計(jì)中的規(guī)矩與秩序

圖片

 

中國(guó)人經(jīng)常講沒(méi)有規(guī)矩不成方圓,規(guī)矩不是固執(zhí)也不是保守,在規(guī)矩之內(nèi)任意的流動(dòng),所形成的是規(guī)律,這便是規(guī)矩的內(nèi)涵。

圖片

 

世間萬(wàn)物,變幻萬(wàn)千,形成無(wú)序的混亂體系和錯(cuò)綜關(guān)系,合理分配成規(guī)范化的形態(tài)和關(guān)聯(lián)體系,支撐起這一切的作用,這是秩序。

圖片

 

所謂秩序?yàn)榉剑?guī)矩成圓,這不僅是上千年留下來(lái)的一個(gè)古語(yǔ),也透徹了一切事物本源的真相,如何運(yùn)用在設(shè)計(jì)中,我們先做個(gè)示范。

圖片

 

教程示范一

1、甜甜圈放置規(guī)矩之內(nèi),神奇的綠色總能讓男人瞬間清醒。

圖片

 

2、增加文字與圖形,版式中以合理分配主次內(nèi)容。

圖片

 

3、搭建框架在四周形成秩序關(guān)系,合理的變化流動(dòng),一切都掌握在規(guī)矩的作用中。

[優(yōu)化輸出圖像]

 

4、增加背景,合理的在規(guī)矩之內(nèi)適當(dāng)變化。

[optimize output image]

 

圖片

 

 

想要更多的變化方式,當(dāng)然可以。

▽ 

教程示范二

1、將物體隨意放置到規(guī)矩之內(nèi)。

圖片

 

2、內(nèi)部的可以隨著主體的變化,改變各物體大小規(guī)律。它,便是流動(dòng)的,且變化的,但依然在規(guī)矩之中有序的綻放。

圖片[optimize output image]

 

3、在秩序的外框架中,編排我們的需求文案,在編排時(shí),注意整體的一個(gè)流動(dòng)方向。

圖片

 

4、放置后的編排文字布局,要保持上下的比例平衡來(lái)穩(wěn)定中心的視覺(jué),否則會(huì)造成整體畫面的失衡,以此改變了本身的秩序。

圖片

圖片

 

5、中心的視覺(jué)可在規(guī)矩之內(nèi)形成了多個(gè)空間層次,富有豐富的變化感。

圖片

 

6、背景的色彩幫助規(guī)矩有了更體系化的完整展現(xiàn),使之形成了微妙的化學(xué)反應(yīng)。

圖片

圖片

 

在這規(guī)律之中,感受并掌握這樣的變化方法,你便有了上千種的設(shè)計(jì)形式。

圖片

[優(yōu)化輸出圖像]

 

這就是今天帶來(lái)的設(shè)計(jì)中的規(guī)矩與秩序。

 

原文地址:修先森撩設(shè)計(jì)(公眾號(hào))

作者:修先森

轉(zhuǎn)載請(qǐng)注明:學(xué)UI網(wǎng)》教程 | 設(shè)計(jì)中的規(guī)矩與秩序

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(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.yvirxh.cn )是一家專注而深入的界面設(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ù)



獨(dú)家首發(fā) | 2022年視覺(jué)設(shè)計(jì)趨勢(shì),美得很高級(jí)!

lanlanwork


#1.幻彩立體

圖片
幻彩立體也是3D設(shè)計(jì)的演化,在2022年它會(huì)依然會(huì)瘋狂的出現(xiàn)。不過(guò)風(fēng)格上有些微妙的變化,質(zhì)感更輕盈純粹、色彩更少量、圖形上更幾何塊面化,保持更真實(shí)的空間立體感受,直觀自然。
圖片

我們可以從Dribbble 上面看到像UI8、craftwork、Is等,他們的3D作品逐漸趨近走向更簡(jiǎn)潔風(fēng)格調(diào)性,減少?gòu)?fù)雜的光影,這也是在扁平化中找到的思路。

圖片
圖片

圖片

 

#2.幾何分形

圖片
美國(guó)電視頻道 Turner Classic Movies 
今年發(fā)現(xiàn)越來(lái)越多幾何形狀在平面作品或者UI中出現(xiàn),新的幾何圖形更具表意,更趨于表達(dá)真實(shí)情感。少了一些圖形的抽象化裝飾,更多的是傳達(dá)設(shè)計(jì)理念,品牌符號(hào)穿透。當(dāng)分形形狀與色彩完美結(jié)合,可以創(chuàng)建出極具吸引力的視覺(jué)效果。
圖片
Goodfood Market

圖片

圖片
HANBOK CULTURE WEEK
圖片
unipapa 推出的衛(wèi)生紙,以簡(jiǎn)潔純白的包裝令人眼前一亮。

 

#3.NFT藝術(shù)

圖片
Gucci 發(fā)布首款只能在數(shù)字環(huán)境中穿著的虛擬運(yùn)動(dòng)鞋
AR和VR這個(gè)大家都知道,前幾年就火起來(lái)了。今天主要提一下今年備受關(guān)注的NFT藝術(shù),什么NFT?其中文名稱是非同質(zhì)化代幣,一種應(yīng)用區(qū)塊鏈技術(shù)驗(yàn)證的數(shù)字資產(chǎn)。它最容易理解的外號(hào),是數(shù)字藝術(shù)品。
圖片
Andrés Reisinger 在 2 月份售出支持 NFT 家具

將NFT與平面設(shè)計(jì)聯(lián)系起來(lái),就是我們所說(shuō)的數(shù)字平面藝術(shù)。它的到來(lái)對(duì)設(shè)計(jì)師影響有很大變化,橫向能力要求有所提高,比如了解虛擬數(shù)字化設(shè)計(jì),以及對(duì)全新審美和新三維技術(shù)有更高的要求。

圖片
 Beeple 一幅拼貼畫,經(jīng)過(guò)區(qū)塊鏈驗(yàn)證的藝術(shù)品在拍賣會(huì)上以超過(guò) 6900 萬(wàn)美元的價(jià)格成交。
圖片
Beeple 的其中一幅作品
Moooi與 3D 藝術(shù)家Andrés Reisinger合作完成了這把不能生產(chǎn)的虛擬椅子

 

#4.超萌趣圖標(biāo)

來(lái)源:騰訊ISUX出品

圖標(biāo)設(shè)計(jì)一直是社交領(lǐng)域的重頭戲,自從去年大量在設(shè)計(jì)作品中后,截止今年依然很強(qiáng)勁。因?yàn)楹芏嘣O(shè)計(jì)師意識(shí)到單一的枯燥圖標(biāo)無(wú)法滿足一些特殊場(chǎng)景的情感化設(shè)計(jì)表達(dá),平面超萌趣圖標(biāo)來(lái)了,帶來(lái)更強(qiáng)的視覺(jué)觀欣賞性與生動(dòng)性。
來(lái)源:騰訊ISUX出品

圖片

圖片
圖片

 

#5.經(jīng)典襯線字體

圖片
襯線字體在今年Behance作品集首頁(yè)上,可謂出鏡率可比以往高,喚起一種懷舊的感覺(jué)。也許是因?yàn)榭炊嗔艘r線字體版式,設(shè)計(jì)師更多想嘗試用襯線字體來(lái)打破僵局,設(shè)計(jì)出新穎的視覺(jué)效果。
圖片

圖片

圖片

圖片

圖片

 

#6.自然設(shè)計(jì)

圖片

 Vocation

自然設(shè)計(jì),主張可持續(xù)性發(fā)展與環(huán)境建立聯(lián)系,是一種新生活態(tài)度,是百轉(zhuǎn)千回,回歸本源的理想之態(tài)。設(shè)計(jì)師通過(guò)設(shè)計(jì)表達(dá)對(duì)環(huán)境的敬意,與產(chǎn)品建立強(qiáng)相關(guān),既能表達(dá)產(chǎn)品自然純粹之意,又可以宣傳品牌貼近我們生活自然之意。

圖片

&SMITH 涼茶包裝“循環(huán)生活”理念

圖片

TR?VE

圖片

 

#7.超變形字體

圖片

dia Design studio

今年很多平面海報(bào)設(shè)計(jì)、品牌符號(hào)的動(dòng)態(tài)系統(tǒng)設(shè)計(jì)中,都可以看到字體被扭曲、變形,以一種新的形態(tài)出現(xiàn)在眼前,沒(méi)錯(cuò),這就是超變形字體。它打破常規(guī),以不同尋常的路子出現(xiàn)在大眾視野中,帶來(lái)全新視覺(jué)體驗(yàn)。

圖片

圖片

圖片

 

#8.動(dòng)態(tài)包裝

說(shuō)到動(dòng)態(tài)包裝,這是在國(guó)內(nèi)外這兩年火起來(lái)一個(gè)大趨勢(shì),首先微軟早期各種產(chǎn)品宣傳視頻,在到Google、IBM、Apple的視覺(jué)語(yǔ)言更新宣傳視頻。現(xiàn)在越來(lái)越多廠商喜歡廠商動(dòng)態(tài)包裝產(chǎn)品,這樣比平面展示更多細(xì)節(jié)與生動(dòng)。

 

Rise

格拉斯哥設(shè)計(jì)工作室Need為Rise全新重塑品牌,同時(shí)通過(guò)動(dòng)態(tài)展示品牌延展設(shè)計(jì)。

今天的趨勢(shì)分析差不多到這結(jié)束了,設(shè)計(jì)趨勢(shì)沒(méi)有好壞之分,選擇合適的應(yīng)用在設(shè)計(jì)中,將發(fā)揮不可估量的作用。希望今天的分享能給大家?guī)?lái)一些啟發(fā)。

 

原文地址: 功夫UX(公眾號(hào))
作者: 功夫UX
轉(zhuǎn)載請(qǐng)注明:學(xué)UI網(wǎng)》獨(dú)家首發(fā) | 2022年視覺(jué)設(shè)計(jì)趨勢(shì),美得很高級(jí)!

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(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.yvirxh.cn )是一家專注而深入的界面設(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ù)


萬(wàn)字解析元宇宙及對(duì)設(shè)計(jì)的影響

資深UI設(shè)計(jì)者

hi,朋友,你聽(tīng)說(shuō)過(guò)“元宇宙”嗎?你或許在網(wǎng)上聽(tīng)過(guò)或者在視頻聽(tīng)過(guò)講解,也許它只是曇花一現(xiàn)的概念,但是隨著越來(lái)越多的大廠開(kāi)始下場(chǎng)執(zhí)行和站臺(tái),所以很多人開(kāi)始重視和關(guān)注。

2021年,一個(gè)新奇的概念名詞在網(wǎng)絡(luò)上迅速躥紅,引發(fā)科技界和投資界的廣泛關(guān)注。這個(gè)概念名詞,就是“元宇宙”。


1.10  元宇宙的起源


1981年,一本名叫《真名實(shí)姓》的科幻小說(shuō),描繪了一個(gè)未來(lái)世界的樣子。在這里,人類可以通過(guò)腦機(jī)接口登錄虛擬數(shù)字世界,不僅可以有真實(shí)的生存體驗(yàn),而且可以按照自己的喜好幻化成不同的形象。


時(shí)間來(lái)到 1991年,美國(guó)著名科幻作家尼爾·斯蒂芬森(Neal Stephenson)推出了自己的小說(shuō)《雪崩(Snow Crash)》。


在書中,尼爾·斯蒂芬森描述了一個(gè)平行于現(xiàn)實(shí)世界的網(wǎng)絡(luò)世界,并將其命名為“元界”。所有現(xiàn)實(shí)世界中的人,在元界中都有一個(gè)“網(wǎng)絡(luò)分身”。


這個(gè)“元界”,英文原著中叫“Metaverse”。它由Meta和Verse兩個(gè)詞根組成,Meta表示“超越”、“元”, verse表示“宇宙universe”。


沒(méi)錯(cuò),Meta Verse就是我們今天文章的主角——元宇宙。



值得一提的是,書中所說(shuō)的“網(wǎng)絡(luò)分身”,英文單詞叫做Avatar。大家有沒(méi)有很眼熟?


是的,Avatar就是“阿凡達(dá)”。2009年,美國(guó)著名導(dǎo)演詹姆斯·卡梅隆的那部經(jīng)典電影,就是以它命名。


在現(xiàn)在眾多的討論聲中,元宇宙并不是一個(gè)真實(shí)存在的世界,而是一個(gè)虛擬的世界,是一個(gè)人們對(duì)未來(lái)定義的虛擬世界。


說(shuō)到虛擬世界,相信大家馬上又想2018年美國(guó)大導(dǎo)演史蒂文·斯皮爾伯格執(zhí)導(dǎo)的——《頭號(hào)玩家》。在頭號(hào)玩家里描敘的的元宇宙:它是下一代互聯(lián)網(wǎng),是虛擬時(shí)空,是全真互聯(lián)網(wǎng)。



但是不管怎么說(shuō),現(xiàn)在大家默認(rèn)尼爾·斯蒂芬森仍被公認(rèn)為是元宇宙的正式提出者。



1.20  元宇宙是什么?


元宇宙到底是什么呢?我看過(guò)很多解釋,基本都是將“Meta(超越)”與“universe(宇宙)”相互結(jié)合,這個(gè)理解過(guò)于片面,那么直譯過(guò)來(lái)不就是“超越宇宙”,這肯定是不符合情理的,要搞清楚這個(gè)問(wèn)題,我們需要弄清楚“Meta”是什么意思,F(xiàn)acebook將公司名字改名為Meta,在側(cè)面可以說(shuō)明,在扎克伯克看來(lái),元宇宙中的元才是核心,在我們中文中,想要找到一個(gè)完全與“Meta”對(duì)應(yīng)的詞是比較困難的,所以我們只能意會(huì),“Meta”來(lái)自于古希臘語(yǔ),比起元或者超越,我覺(jué)得翻譯成”關(guān)于XX的XX“是更為合理的,例如“Meta Date”就是關(guān)于數(shù)據(jù)的數(shù)據(jù),這個(gè)概念用于文藝作品中就是,“元戲劇”和“元小說(shuō)”,比較有代表的就是卡爾維諾的“寒冬夜行人”,在心理學(xué)上,還有一個(gè)概念,叫元認(rèn)知,這樣去理解,就可以理解“Meta”為什么被翻譯成“元”了,“宇宙”,我們可以理解它與物理的宇宙是不一樣的意思,比如,我們都知道“漫威宇宙”,指的是漫威及一系列作品和角色組成的世界,還有國(guó)內(nèi)比較火的IP“唐探宇宙”,都是指的是一個(gè)公司旗下多個(gè)IP所組成的世界觀,所以“宇宙”的理解應(yīng)該是“一個(gè)領(lǐng)域多個(gè)IP的合集”。


按照“元宇宙第一公司”Roblox公司的說(shuō)法,一個(gè)真正的元宇宙產(chǎn)品應(yīng)該具備八大要素,分別是:身份、朋友、沉浸感、低延遲、多元化、隨地、經(jīng)濟(jì)系統(tǒng)、文明。



身份:需要一個(gè)能代表的你身份,無(wú)論是打工人還是老板或者是總統(tǒng)都行,它與現(xiàn)實(shí)世界的身份是完全不一樣的。


朋友:在可以在擁有自由的社交和談戀愛(ài),無(wú)論他和你在現(xiàn)實(shí)世界里是否有交集(也就是社交)。


沉浸感:可以讓你有在現(xiàn)實(shí)世界一樣的真實(shí)體驗(yàn),讓你可以忘記這是虛擬的世界。


低延遲:一個(gè)合格的元宇宙需要在整個(gè)空間范圍上進(jìn)行時(shí)間統(tǒng)一,不能讓人感受到延遲。


多元化:元宇宙可以提供多種世界場(chǎng)景,供玩家有多種身份而已選擇。


隨地:元宇宙的入口需要可以隨時(shí)隨地的方便登錄,不受任何限制。


經(jīng)濟(jì)系統(tǒng):像現(xiàn)實(shí)世界一樣,無(wú)論是用BTC和ETH還是什么別的貨幣,元宇宙需要都自己的交易系統(tǒng)和規(guī)則


文明:元宇宙里所有人們?cè)谝黄?,一起努力,?chuàng)造虛擬且先進(jìn)的文明。


我們按照現(xiàn)在的技術(shù)水平對(duì)比一樣,發(fā)現(xiàn)很多東西都是無(wú)法去完成的,就例如文明來(lái)說(shuō)吧,我們無(wú)論是哪一個(gè)虛擬的社區(qū)還是游戲里,基本這么多年的發(fā)展都無(wú)法形成自己的文明,最多是有自己的游戲文化或者社區(qū)文化。


當(dāng)然,按照現(xiàn)在的研究和技術(shù)可以實(shí)現(xiàn)的,我們對(duì)于元宇宙的規(guī)劃可以總結(jié)成一句話:人以自由獨(dú)立的數(shù)字身份自由的參與可能存在的數(shù)字世界。


1.21  元宇宙的數(shù)字身份


我們將它拆分出來(lái)理解:元宇宙是一個(gè)數(shù)字世界,這個(gè)是沒(méi)錯(cuò)的,它不是現(xiàn)實(shí)的世界,也不是物理的世界,而是一個(gè)虛擬的數(shù)字世界。

然后我們?cè)賮?lái)看看另外一個(gè)詞:“數(shù)字身份”,我們現(xiàn)在在上網(wǎng)的時(shí)候大多數(shù)都是實(shí)名的,但是在平臺(tái)上,我們會(huì)有自己虛擬的ID和昵稱,這些虛擬的ID和昵稱會(huì)遍布整個(gè)互聯(lián)網(wǎng),可能是在淘寶京東買買買的你,也有可能是在騰訊視頻或者愛(ài)奇藝為某個(gè)明星瘋狂打call的你。


所以,這些虛擬的ID不擁有權(quán)力,也不會(huì)承擔(dān)義務(wù),他們不是一個(gè)獨(dú)立的身份,他們都需要依附在線下那個(gè)擁有獨(dú)立身份的你。


那么,我們現(xiàn)在在想理解那句話:元宇宙是人以數(shù)字化身份參與一個(gè)虛擬的數(shù)字世界。并不是單單用數(shù)字賬號(hào)參與,是一個(gè)獨(dú)立、不受干預(yù)的數(shù)字賬號(hào)。

不同的是,在現(xiàn)實(shí)世界你只有一個(gè)身份一個(gè)你,而在元宇宙里,你可以擁有多個(gè)不一樣的數(shù)字身份。


1.22  元宇宙的參與性


上面那句話還有另外一個(gè)關(guān)鍵詞,數(shù)字化身份參與,如果想要更準(zhǔn)確一點(diǎn),我覺(jué)得應(yīng)該是“自由參與”。我們?cè)谶@個(gè)互聯(lián)網(wǎng)上,現(xiàn)在是可以自由的去訪問(wèn),去發(fā)表自己的看法,但是很多互聯(lián)網(wǎng)產(chǎn)品的規(guī)則制定和產(chǎn)品的細(xì)節(jié)定制和我們卻沒(méi)有任何關(guān)系。

比如,微信每次新出一個(gè)功能,都可以引起全民的熱度,甚至可以上熱搜,是因?yàn)橛脩羝诖莻€(gè)功能太久了,所以才會(huì)有這樣的討論熱度,但是微信也有很多用戶想要的功能沒(méi)有去實(shí)現(xiàn),所以我們才說(shuō),互聯(lián)網(wǎng)產(chǎn)品的規(guī)則制定和產(chǎn)品細(xì)節(jié)的開(kāi)發(fā),我們并沒(méi)有“自由的參與”。

但是在元宇宙的設(shè)定里,你可以自由的參與規(guī)則的制定,每一個(gè)該元宇宙世界的玩家都可以參與到游戲規(guī)則的制定,讓每一個(gè)都有會(huì)有參與感。

這個(gè)就像,幾個(gè)朋友一起參與劇本殺劇情的編寫,玩法的設(shè)計(jì),我們每個(gè)人都會(huì)討論角度與角色的關(guān)系,

討論這個(gè)細(xì)節(jié)怎么演比較好,需要一個(gè)什么樣的場(chǎng)景,如果有人覺(jué)得這個(gè)方案或者設(shè)定不滿意,他可以提出否定細(xì)節(jié),然后大家在針對(duì)討論,如果大家都統(tǒng)一了,這句劇本殺就可以開(kāi)始玩了。



1.30  元宇宙的分類


如果我們按照現(xiàn)在有的資料,我們想要將元宇宙去歸類,我們可以把元宇宙分為兩類,一類是傳統(tǒng)型元宇宙,另外一類是開(kāi)放型元宇宙。



1.31 傳統(tǒng)型元宇宙


傳統(tǒng)型元宇宙,一般指的是將線下的生活直接映射到元宇宙中,最后線下線上融為一體,其實(shí)這個(gè)事情在我們的生活中也是一種在重演。

我們現(xiàn)在通過(guò)不同設(shè)備(手機(jī)、PC、物聯(lián)網(wǎng)),我們?cè)诰€下搬到線上,最后回歸到線下生活,傳統(tǒng)型元宇宙是一個(gè)比現(xiàn)在網(wǎng)絡(luò)環(huán)境更完善、體驗(yàn)更沉浸,具備生活、社交、工作、娛樂(lè)的虛擬數(shù)字的世界,也有可能有一天,我們?cè)谔摂M世界體驗(yàn)比較好的方案會(huì)成為推動(dòng)我們現(xiàn)實(shí)世界的助力器,會(huì)落地在現(xiàn)實(shí)的生活中。



1.32 開(kāi)放型元宇宙


與傳統(tǒng)型元宇宙對(duì)立的,便是開(kāi)放型元宇宙,它與現(xiàn)實(shí)的物理世界的是沒(méi)有什么關(guān)系的,他是一個(gè)獨(dú)立是虛擬的數(shù)字世界,比如,我們現(xiàn)實(shí)的生活是一個(gè)地球OL,那么我們?cè)陂_(kāi)放型元宇宙所建立的世界可能是土球OL或者是綠洲OL,是與現(xiàn)在世界平行存在的一個(gè)世界。

開(kāi)放型的元宇宙在理論上是可以有無(wú)數(shù)個(gè)的,只要是符合建立條件的人都是可以建立的廣義元宇宙,可能有的開(kāi)放型元宇宙是因?yàn)槭悄承㎏OL建立的,人氣會(huì)比較高,有的可能會(huì)無(wú)人問(wèn)津,只有創(chuàng)建者一個(gè)人,每天“采菊東臨下,悠然見(jiàn)南山”。



傳統(tǒng)型元宇宙是需要有現(xiàn)實(shí)社會(huì)的映射才能存在的,現(xiàn)實(shí)世界才是主要的,虛擬世界只是現(xiàn)實(shí)世界是依附品。而開(kāi)放型元宇宙則和現(xiàn)實(shí)世界是分開(kāi)的,甚至有些開(kāi)放型元宇宙的擁護(hù)者覺(jué)得開(kāi)放型元宇宙研發(fā)出來(lái)之后,物理世界里的身體都不需要存在了,人的意識(shí)作為了一個(gè)代碼字符或者程序活在廣義元宇宙中,個(gè)人的榮譽(yù)感、社交、幸福感全部來(lái)自于開(kāi)放型元宇宙,當(dāng)然,這是一些非常極端的擁護(hù)者。



現(xiàn)在能看到元宇宙與元宇宙相關(guān)的新聞,基本都是和游戲相關(guān)的。例如,目前第一個(gè)將元宇宙寫進(jìn)招股書的Roblox,它現(xiàn)在已經(jīng)在紐交所上市了,而且投資名單里還有我們國(guó)內(nèi)做游戲比較出名的騰訊,這家公司主要是提供一個(gè)讓玩家可以自由建立內(nèi)容的游戲平臺(tái)。



所以很多人會(huì)認(rèn)為游戲就是元宇宙,或者元宇宙就是進(jìn)階版的元宇宙。


我們前面說(shuō)“開(kāi)放型元宇宙”的時(shí)候說(shuō)過(guò),開(kāi)放型元宇宙是可以自由切換的,上一秒我可能是在為大家出謀劃策的軍事智囊,下一秒我便可以切換到一個(gè)充滿斗氣和斗皇滿天飛的世界,來(lái)履行我的“三年之約”。

正因?yàn)橛羞@樣的特性,所以很多人認(rèn)為游戲它和元宇宙是一樣的,比如,我在“王者榮耀”里連著跪了幾把之后,非常的沮喪,我便打開(kāi)了“哈利波特”在里面騎著掃把自由自在的飛。我們可以在“王者榮耀”里和自己室友或者陌生的人一起組團(tuán)玩游戲,一起推搭,是不是有點(diǎn)元宇宙的意思了。


其實(shí)我們體驗(yàn)到了游戲和VR設(shè)備所營(yíng)造的氛圍來(lái)說(shuō),它們都只是元宇宙構(gòu)成組成。硬件設(shè)備和技術(shù)都是只是構(gòu)成了元宇宙的一部分。而還有另外兩個(gè)組成元宇宙的基礎(chǔ)部分,是游戲所不具備的,一個(gè)是身份系統(tǒng),另外一個(gè)經(jīng)濟(jì)系統(tǒng)。



2.01  身份系統(tǒng)


我們前面說(shuō)過(guò),我們現(xiàn)在以賬號(hào)的形式參與互聯(lián)網(wǎng)上的任何活動(dòng),都是需要與現(xiàn)實(shí)世界中的個(gè)體是密不可分的,我們是需要現(xiàn)實(shí)中的個(gè)人有需求才會(huì)去選擇登錄賬號(hào),比如,我們需要中午想吃飯,才會(huì)打開(kāi)外賣軟件點(diǎn)外賣,都是有目的的才會(huì)去建立這個(gè)身份。


而元宇宙真正的價(jià)值就是要隔離和現(xiàn)實(shí)世界的身份,讓數(shù)字身份作為一個(gè)長(zhǎng)期獨(dú)立的個(gè)體存在,不同身份之間產(chǎn)生各種關(guān)系和聯(lián)系,這才會(huì)讓整個(gè)元宇宙運(yùn)轉(zhuǎn)起來(lái),就如同我們現(xiàn)實(shí)的物理世界一樣,這便是元宇宙的身份系統(tǒng)。



2.02  經(jīng)濟(jì)系統(tǒng)


經(jīng)濟(jì)系統(tǒng),它是維系整個(gè)元宇宙經(jīng)濟(jì)正常運(yùn)轉(zhuǎn)的規(guī)則。就像我們們?cè)谠钪胬飫?chuàng)造什么價(jià)值,都可以和別人進(jìn)行交易,且整個(gè)經(jīng)濟(jì)系統(tǒng)不會(huì)突然崩潰,例如貨幣會(huì)突然的歸零或者突然的飆漲,我們可以自由的拿著貨幣去任何地方放心的交易,都是受到保護(hù)的。



2.10  元宇宙和游戲的根本區(qū)別

說(shuō)到這里,大家肯定會(huì)有疑問(wèn),我們平時(shí)所玩的游戲也有身份系統(tǒng)和經(jīng)濟(jì)系統(tǒng),那他們和元宇宙有什么區(qū)別嗎?雖然游戲里也具備這兩個(gè)基礎(chǔ)的條件,但是,他們和元宇宙的這兩個(gè)系統(tǒng)是完全無(wú)關(guān)的事情,他們最大的區(qū)別就是游戲里的身份系統(tǒng)和經(jīng)濟(jì)系統(tǒng)是“中心化”的。

就拿最經(jīng)濟(jì)系統(tǒng)來(lái)說(shuō)吧,一些道具的價(jià)值和商店上架什么新品道具,完全都是在游戲廠家的掌握中,而且他們只許在游戲中用指定的交易方式交易,玩家只是按照游戲廠家制定的規(guī)則去完成任務(wù)而已。

另外,“中心化”就會(huì)存在一個(gè)問(wèn)題,我們?cè)谟螒蚶镉兴漠a(chǎn)品最終都是歸游戲廠家所有,游戲廠家會(huì)擁有“超級(jí)權(quán)限”,如果我們不按照游戲廠家的規(guī)則進(jìn)行交易,有極大可能會(huì)被封號(hào),那么我們?cè)谀莻€(gè)賬號(hào)里的經(jīng)濟(jì)價(jià)值并會(huì)瞬間湮滅,所有,在本質(zhì)上來(lái)說(shuō),游戲里的財(cái)產(chǎn)屬不屬于自己,是由游戲廠家說(shuō)了算。


身份系統(tǒng)也是同樣的道理,每款游戲有什么角色,有什么裝備可以選擇,都是由游戲廠家制定好了,另外在換一個(gè)角度來(lái)說(shuō),擁有“超級(jí)權(quán)限”的廠家隨時(shí)可以決定你這個(gè)號(hào)存不存在,所以游戲里的身份不是你的。


所以中心化的游戲根本不會(huì)是元宇宙的進(jìn)階版。而去中心化的元宇宙,是不會(huì)有編輯好的劇本,也沒(méi)有現(xiàn)成的角色供你選擇。從早起元宇宙建立的一片荒蕪,到后期的人氣如潮,這些由元宇宙所有人來(lái)參與制定和修改,該元宇宙所有的玩家都會(huì)享受極大的自由度。


我們?cè)谇懊嬲f(shuō)到的Roblox能在元宇宙這個(gè)概念中這么火是有原因的。雖然它僅僅是一款普通的開(kāi)放性世界的游戲,但是他采用了去中心的運(yùn)營(yíng)和發(fā)展形式,所以大家會(huì)公認(rèn)Roblox是一款基于元宇宙原理的游戲,也有可能是元宇宙的初級(jí)形態(tài)。而我們現(xiàn)在無(wú)論玩的什么種類的游戲,基本都是中心化的,游戲規(guī)則和進(jìn)度都是在游戲廠家規(guī)定好了的。


在去中心化的元宇宙里,我們都會(huì)以新的身份和新的權(quán)力去過(guò)一種全新的生活,在這里,我們會(huì)有新的朋友,新的家園,全新的社交關(guān)系。



我們前面說(shuō)過(guò),元宇宙要存在需要有兩個(gè)基礎(chǔ)條件,一個(gè)是身份系統(tǒng)。另外一個(gè)是經(jīng)濟(jì)系統(tǒng),它們構(gòu)成了元宇宙存在的基礎(chǔ)保障。

元宇宙的經(jīng)濟(jì)系統(tǒng),主要是引導(dǎo)元宇宙的用戶或玩家一起進(jìn)行經(jīng)濟(jì)創(chuàng)造、市場(chǎng)交易的系統(tǒng),那經(jīng)濟(jì)系統(tǒng)是怎么運(yùn)行的?它的基本運(yùn)行原理和現(xiàn)實(shí)物理世界也是一樣的,靠的是稀缺性。

比如,石油,產(chǎn)量少且只有部分國(guó)家掌握石油資源,那它的價(jià)值就高,因?yàn)樗哂邢∪毙院筒豢商娲?,只有稀缺性的物品才能產(chǎn)生交易價(jià)值和交換價(jià)值,但是我們需要明白的是,數(shù)字世界是不利用經(jīng)濟(jì)系統(tǒng)的建立的,原因是數(shù)字世界的物品都是由代碼構(gòu)成的,它可以限制的復(fù)制和無(wú)限制的擁有,如果不考慮版權(quán)問(wèn)題,它是可以有無(wú)數(shù)個(gè)的。

那我們?cè)钪媸窃趺慈ソ鉀Q這個(gè)問(wèn)題的呢?要想知道怎么解決這個(gè)問(wèn)題,我們需要知道底層的技術(shù)邏輯。說(shuō)到這里,我們需要也要引入最近比較火的方案,這個(gè)方案也是最近比較公認(rèn)的,Non-Fungible Tokens(簡(jiǎn)稱NFT),

簡(jiǎn)單地說(shuō),NFT是元宇宙里的數(shù)字版權(quán)、數(shù)字物權(quán)的一個(gè)合約。因?yàn)镹FT不可替代的特性,這意味著它可以用來(lái)代表獨(dú)一無(wú)二的東西,比如博物館里的蒙娜麗莎原畫,或者一塊土地的所有權(quán)。


3.10  NFT助力設(shè)計(jì)版權(quán)增值


我們平時(shí)在網(wǎng)上沖浪的時(shí)候基本都知道一個(gè)道理,在數(shù)字世界的所有東西都可以低成本的復(fù)制,并可以在短時(shí)間內(nèi)無(wú)限制的拷貝,是沒(méi)法聲明版權(quán)和唯一性的。但是這個(gè)一切的顧慮NFT都可以解決,它給數(shù)字世界的所有物品包裹一層數(shù)字代碼的合約,有了NFT合約的包裹,數(shù)字世界的物品就有了不可分割、不可復(fù)制的特性,這樣便解決了數(shù)字世界物品容易被盜版的問(wèn)題,也就具有交易和交換的價(jià)值。

我們都知道早期騰訊賺的第一桶金就是靠的是QQ秀,經(jīng)歷過(guò)QQ秀瘋狂的年代的人都知道,一個(gè)絕版的太陽(yáng)神的QQ秀可以賣到1萬(wàn)塊,然后到現(xiàn)在王者榮耀皮膚讓騰訊賺的盆滿缽滿,說(shuō)明人們對(duì)好看形象的熱愛(ài)。


那我們跳出元宇宙回到現(xiàn)實(shí)來(lái)看一個(gè)最近的一個(gè)現(xiàn)象,就是NFT的頭像。好多人都不明白,一個(gè)糊的不行的頭像,為啥可以賣的那么貴,我喜歡我知道截圖,我直接自己用不可以嗎?現(xiàn)在我們也許明白了,截圖或者拷貝出來(lái)的是贗品,是沒(méi)有任何價(jià)值的,是不具備交易價(jià)值的。


當(dāng)然。數(shù)字世界的物品能不能作為商用,還需要看作者在NFT商用合約里規(guī)定了了什么,可以做什么用途,NFT合約一般會(huì)分為兩個(gè)部分,一個(gè)是標(biāo)準(zhǔn)化的,另外一個(gè)是非標(biāo)準(zhǔn)化的。



3.11  NFT標(biāo)準(zhǔn)化合約


標(biāo)準(zhǔn)化合約就是我們前面說(shuō)的那兩個(gè)特性,不可以分割和不可以復(fù)制性,這是我們用戶無(wú)法改變的,交割時(shí)只是交割了版權(quán)給你。



3.12  NFT非標(biāo)準(zhǔn)化合約


非標(biāo)準(zhǔn)化的合約部分就是由作者去制定的。例如,我們?cè)O(shè)計(jì)了一個(gè)LOGO,我們可以要求別人在公司盈利了10萬(wàn)之后,在支付LOGO的設(shè)計(jì)費(fèi)用,也可以要求別人的使用場(chǎng)景,比如,只能用于APP上,用在其他上面需要支付另外的版權(quán)費(fèi),然后在給他開(kāi)通權(quán)限,不同的作者會(huì)根據(jù)環(huán)境時(shí)間和他自己的性格,來(lái)撰寫不同的NFT合約和調(diào)整合約內(nèi)容。


3.20  元宇宙有哪些就業(yè)機(jī)會(huì)

以前,我讀凱文·凱利的《必然》這本書中曾經(jīng)說(shuō)過(guò),“人們會(huì)在新的生產(chǎn)力水平上找到新工作”,在以前讀到這句話的時(shí)候,我不太理解,現(xiàn)在我在想起這句話,我可能讀出了新的領(lǐng)悟,那不就是現(xiàn)在說(shuō)的元宇宙嗎?在元宇宙里我們會(huì)有新的雇傭模式和就業(yè)模式。人們也有可能在元宇宙里衍生出全新的職業(yè),創(chuàng)造全新的價(jià)值。

現(xiàn)在我們?cè)絹?lái)越多提到的是人工智能將要來(lái)到,大部分重復(fù)的工作將要被取代,尤其在《人類簡(jiǎn)史》這本書中提到了“,“未來(lái)20到30年之間,超過(guò)50%的工作機(jī)會(huì)被人工智能取代?!边@件事已經(jīng)在發(fā)生了,無(wú)人超市、無(wú)人貨架、無(wú)人駕駛,都正在成為現(xiàn)實(shí)。不只是重復(fù)性勞動(dòng),還有像醫(yī)生、律師、文字工作者,在人工智能發(fā)展越來(lái)越強(qiáng)大的未來(lái),也有被替代的風(fēng)險(xiǎn)。”


所有,對(duì)我們來(lái)說(shuō),元宇宙因?yàn)閯?chuàng)造和關(guān)系,為我們創(chuàng)造了更多在的強(qiáng)烈的存在感。更重要的是,它提供了我們?nèi)?yīng)對(duì)人工智能對(duì)人替代的策略。


前面我們說(shuō)過(guò),當(dāng)身份系統(tǒng)和經(jīng)濟(jì)系統(tǒng)這兩個(gè)基礎(chǔ)條件滿足的時(shí)候,一個(gè)元宇宙就基本成立了,而且隨著元宇宙的熱度越來(lái)越高,全球的頭部企業(yè)都開(kāi)始布局元宇宙,比如,國(guó)內(nèi)外的社交巨頭Facebook和騰訊,都已經(jīng)公開(kāi)自己已經(jīng)開(kāi)始慢慢的轉(zhuǎn)型做元宇宙,而且都開(kāi)始慢慢的開(kāi)始研發(fā)元宇宙相關(guān)的應(yīng)用和技術(shù)。

老話說(shuō)過(guò),早起的鳥兒有蟲吃,彭博社預(yù)測(cè)說(shuō),到2030年,元宇宙的市場(chǎng)規(guī)??赡軙?huì)達(dá)到2.5萬(wàn)億美元。但隨之而來(lái)的一個(gè)問(wèn)題是,元宇宙所帶來(lái)的機(jī)會(huì)是不是還是像現(xiàn)在一樣,被幾家巨頭壟斷,還是我們普通人也可以參與元宇宙的建設(shè)中去。


這個(gè)我們需要分析元宇宙的構(gòu)成,除了身份系統(tǒng)和經(jīng)濟(jì)系統(tǒng)外,元宇宙的最終的形態(tài)肯定還是需要很多其他的資源來(lái)支持,比如,最基礎(chǔ)的底層基礎(chǔ)設(shè)施,是不是需要足夠的電力資源、算力和高速網(wǎng)絡(luò),其次,我們需要進(jìn)入到元宇宙,是不是需要一個(gè)引導(dǎo)的設(shè)備?我們想在元宇宙里生活工作,那是不是需要各種場(chǎng)景的布局,是不是也需要提供各種各樣的工作崗位,這意味著元宇宙有需要非常多的第三方的技術(shù)支持,有些風(fēng)口,也是很多其他企業(yè)和普通人能夠去參與的。


元宇宙的建設(shè),是一個(gè)龐大的工程,絕對(duì)不是一家兩家公司能搞定的,那么這個(gè)龐大的工程在建設(shè)的過(guò)程中,會(huì)遇到什么樣的機(jī)會(huì)和挑戰(zhàn)呢?在元宇宙的建設(shè)過(guò)程中,我們先來(lái)梳理下元宇宙需要的生命周期



4.10  元宇宙的準(zhǔn)備期


準(zhǔn)備期,這階段主要涉及元宇宙的基礎(chǔ)設(shè)施供應(yīng)商的準(zhǔn)備工作,我們知道,元宇宙的基礎(chǔ)設(shè)施主要包括通訊網(wǎng)絡(luò)、云計(jì)算和新的開(kāi)放的網(wǎng)絡(luò)協(xié)議。理想中的元宇宙,能同時(shí)容納百萬(wàn)級(jí)、千萬(wàn)級(jí)甚至億級(jí)的人,所以它對(duì)網(wǎng)絡(luò)和算力的需求會(huì)有指數(shù)級(jí)的增長(zhǎng)。

舉個(gè)簡(jiǎn)單的例子,我們國(guó)內(nèi)現(xiàn)在比較火熱的大逃殺游戲“和平精英”,目前一個(gè)房間能容納100人同時(shí)一起在線,而元宇宙需要的算力支持可能是“和平精英”的千倍萬(wàn)倍。另外就是不同元宇宙直接如果需要聯(lián)系的話,還有需要支持統(tǒng)一的協(xié)議接口,這些都是需要一個(gè)統(tǒng)一的協(xié)會(huì)來(lái)制定,就像W3C來(lái)制定hTML代碼規(guī)范一樣,這些比較基礎(chǔ)的問(wèn)題都要解決了才能算是度過(guò)的準(zhǔn)備期。當(dāng)然實(shí)際上在實(shí)施過(guò)程中可能會(huì)遇到更加棘手的問(wèn)題需要解決。



4.20  元宇宙的啟動(dòng)期


啟動(dòng)期,需要解決元宇宙運(yùn)行期的一些規(guī)則性的問(wèn)題,比如,經(jīng)濟(jì)系統(tǒng)的正常運(yùn)轉(zhuǎn)和NFT的交易系統(tǒng)。經(jīng)濟(jì)系統(tǒng),按照我們現(xiàn)在能想到的技術(shù),就是通過(guò)區(qū)塊鏈形式的記賬系統(tǒng)去解決。

比如我們?cè)谀硞€(gè)元宇宙空間的數(shù)字身份買了一包紙巾,那么元宇宙的賬本會(huì)記錄一筆,然后把這瓶的所有的權(quán)轉(zhuǎn)給我,然后并向整個(gè)區(qū)塊鏈去廣播這一筆交易。

目前在為元宇宙做記賬系統(tǒng)的公司已經(jīng)有很多都開(kāi)始進(jìn)入行動(dòng)階段了,比如,阿里的螞蟻鏈、騰訊的至信鏈,國(guó)外為元宇宙做準(zhǔn)備也就更多了,比較比較知名的就是以太坊。NFT交易系統(tǒng)就更多了,比如,OpenSea(開(kāi)放海)、

SuperRare(超級(jí)稀有),國(guó)內(nèi)的NFT交易系統(tǒng)還屬于剛剛起步的階段,我相信明年會(huì)有很多實(shí)力雄厚的廠家崛起。



4.30  元宇宙的爆發(fā)期


爆發(fā)期,是元宇宙設(shè)備供應(yīng)商百家爭(zhēng)鳴的時(shí)候,有兩類目的廠家應(yīng)該會(huì)大有作為,元宇宙的設(shè)備供應(yīng)商和場(chǎng)景應(yīng)用的開(kāi)發(fā)商。

元宇宙相關(guān)的設(shè)備我們?cè)陔娪吧弦部催^(guò)不少,像眼睛、手表手環(huán)、腦機(jī)接口之類的,場(chǎng)景應(yīng)用的開(kāi)發(fā)商可能就更多了,比如娛樂(lè)設(shè)施、工作場(chǎng)景和模式、教育場(chǎng)景、購(gòu)物場(chǎng)景,這些都可以構(gòu)成元宇宙的豐富的場(chǎng)景,這都是場(chǎng)景應(yīng)用開(kāi)發(fā)商的機(jī)會(huì)。當(dāng)然另外做出創(chuàng)新的廠家可能會(huì)成為某個(gè)單獨(dú)類目的龍頭,例如,讓腦機(jī)接口變的更小巧攜帶更方便,以方便隨時(shí)隨地的可以進(jìn)入到元宇宙的空間里。



我們前面說(shuō)到,要想迎來(lái)元宇宙需要經(jīng)歷三個(gè)階段,分別是準(zhǔn)備期、啟動(dòng)期和爆發(fā)期。我們現(xiàn)在處于元宇宙的什么階段呢?距離元宇宙的開(kāi)始正式商用還需要多久呢?正式進(jìn)入爆發(fā)期我們需要做好哪些準(zhǔn)備呢?我一個(gè)個(gè)來(lái)解決這些問(wèn)題吧!

關(guān)于我們目前處于元宇宙什么階段,就目前技術(shù)的發(fā)展,我們應(yīng)該處于元宇宙的啟動(dòng)階段,為什么這么判斷呢?因?yàn)樵诮?jīng)過(guò)過(guò)去幾年技術(shù)的沉淀,我們有成熟的區(qū)塊鏈的記賬系統(tǒng),NFT系統(tǒng)已經(jīng)得到了市場(chǎng)的認(rèn)證,并已經(jīng)開(kāi)始大量啟動(dòng)商用階段,在2020上半年,全球NFT的市場(chǎng)交易額只有1370萬(wàn)美元,而到了2021年上半年,這個(gè)數(shù)字飆升25億美金。


5.10 元宇宙來(lái)臨標(biāo)志


我們知道在元宇宙的產(chǎn)品生命周期有一個(gè)啟動(dòng)期和爆發(fā)期,但是,在爆發(fā)期之前肯定有一個(gè)臨界點(diǎn),當(dāng)這個(gè)臨界點(diǎn)到來(lái)的時(shí)候,就代表我們即將迎來(lái)元宇宙的時(shí)代,那我們?cè)趺磁袛嗍裁磿r(shí)間是元宇宙的臨界點(diǎn)呢?我們還是需要從兩個(gè)基礎(chǔ)條件開(kāi)始判斷。

首先是身份系統(tǒng)。要想達(dá)到這個(gè)臨界點(diǎn),必須有一個(gè)全民級(jí)作為元宇宙的入口能接入元宇宙,就像現(xiàn)在FacebooK一樣 ,全球使用的人數(shù)超過(guò)了一半,這便是我們現(xiàn)實(shí)世界互聯(lián)網(wǎng)的全民級(jí)的應(yīng)用。


第二個(gè)標(biāo)志,當(dāng)然是經(jīng)濟(jì)系統(tǒng),衡量經(jīng)濟(jì)系統(tǒng)的一個(gè)關(guān)鍵指標(biāo)是NFT的交易規(guī)模?!,F(xiàn)在我們?nèi)虻腉DP超過(guò)了80萬(wàn)億美元,而NFT市場(chǎng)規(guī)模僅有約200億美元,如果要達(dá)到臨界點(diǎn)的標(biāo)準(zhǔn),這個(gè)NFT市場(chǎng)的規(guī)模,也就是元宇宙的GDP,肯定要達(dá)到萬(wàn)億美元的水平。這樣估算,距離元宇宙的臨界點(diǎn),至少還有五年。



5.10 元宇宙臨界點(diǎn)會(huì)遭遇哪些挑戰(zhàn)?


在我們向元宇宙的慢慢過(guò)渡的時(shí)候,我們整個(gè)社會(huì)會(huì)遇到哪些挑戰(zhàn)和需要做好哪些準(zhǔn)備呢?我認(rèn)為比較重要的兩點(diǎn)比較關(guān)鍵,一是建立共識(shí),二是文化和倫理的沖擊



(1) 建立共識(shí)


為什么說(shuō)建立共識(shí)比較重要呢?我們都了解,創(chuàng)造是元宇宙最大的優(yōu)勢(shì),但是也是有風(fēng)險(xiǎn)的。比如,在元宇宙里,我們每個(gè)人都有編寫劇本和玩法的權(quán)力,這樣就會(huì)產(chǎn)生很多矛盾,每個(gè)編寫的元宇宙的劇本不一樣,這個(gè)是可以的,但是不同的劇本的矛盾是,元宇宙空間里可能是一個(gè)美好的元宇宙,也有可能是充滿殺戮和暴力的元宇宙,也有可能是勞動(dòng)最光榮的元宇宙,也有可能是不勞而獲的元宇宙。

所以我們需要在法律、文化、價(jià)值觀等等層面,讓社會(huì)各個(gè)階級(jí)都可以參與討論,提前達(dá)成一個(gè)符合大家正能量共識(shí)的價(jià)值共識(shí)。


(2) 文化和倫理的沖擊


第二個(gè)需要解決的問(wèn)題可能是面的文化和倫理的沖擊,我們可以想想,如果某一個(gè)元宇宙充滿打打殺殺的事情,在里面的玩家回到現(xiàn)實(shí)也是不是會(huì)有暴力傾向。比較嚴(yán)重的是,在數(shù)字世界中,暴力和殺戮它的成本會(huì)比較低,所以在里面的犯罪成本也會(huì)更低。但是,在現(xiàn)實(shí)世界中,發(fā)生暴力沖突,無(wú)論在哪個(gè)國(guó)家都要付出比較重的代價(jià),可能是需要接受法律的制裁,也可能是經(jīng)濟(jì)上的損失。但是在元宇宙的數(shù)字世界中,可能一個(gè)屏幕上的一個(gè)角色消失而已。

再往深一層的看,在元宇宙的世界中,我們說(shuō)的自由是絕對(duì)的還是相對(duì)的呢?我覺(jué)得應(yīng)該是相對(duì)的,在元宇宙世界里,還是需要法律和規(guī)則的,甚至要相對(duì)的比較嚴(yán)格,而這種規(guī)則和法律的制定恰恰是因?yàn)樵钪娌皇且粋€(gè)開(kāi)發(fā)商,不能通過(guò)監(jiān)管一家公司、一個(gè)機(jī)構(gòu)就可以解決的,而是要回到共識(shí)的層面,通過(guò)建立個(gè)人、社會(huì)和國(guó)家之間的公約,創(chuàng)建文明的元宇宙。

5.20 元宇宙技術(shù)層的挑戰(zhàn)


元宇宙的虛擬現(xiàn)實(shí)是什么呢?我覺(jué)得是欺騙大腦的感官,它光有視覺(jué)的呈現(xiàn)是不夠的,觸覺(jué)也需要跟的上,例如,我們?cè)谠钪胬锟吹揭粋€(gè)菠蘿,我們聞起來(lái)是菠蘿味,摸起來(lái)也是尖尖刺刺的,可能我們認(rèn)為它只是元宇宙里的一串代碼,但是我們的大腦會(huì)通過(guò)感官來(lái)告訴我們,這就是菠蘿,所以除了戴在設(shè)備,可穿戴設(shè)備也是極為重要的,它會(huì)給我們一個(gè)真實(shí)的力作用的反饋,但其實(shí),欺騙五感并不是最大的難題,最難解決的應(yīng)該是移動(dòng)和交互問(wèn)題,我們可以想象下,我們戴好設(shè)備,來(lái)到了元宇宙,一切的聽(tīng)覺(jué)視覺(jué)觸覺(jué)都非常逼真,這時(shí)候我們街道一個(gè)任務(wù),要去野外去打BOSS,問(wèn)題來(lái)了,我們?cè)撛趺催^(guò)去,在真實(shí)的物理世界里,我們是需要移動(dòng)的,但是,我們的房間只有20平方米,所以虛擬空間再大,我們物理空間是有限的,大部分的方案是通過(guò)傳送門直接過(guò)去,所以,元宇宙的開(kāi)放世界就很難實(shí)現(xiàn)了。

但是即使是傳送,也不能解決所有的問(wèn)題,我們都聽(tīng)過(guò)3D眩暈癥,這個(gè)原理是我們生理在視覺(jué)上感覺(jué)到了移動(dòng),但是身體沒(méi)有移動(dòng),如果大腦足夠敏感或者第一次接觸,那么就是產(chǎn)生眩暈感,這種情況在第一個(gè)玩穿越火線的時(shí)候會(huì)比較常見(jiàn),通常這種情況是視覺(jué)上越真實(shí),眩暈感就越嚴(yán)重,在頭號(hào)玩家里,主角之所以可以在小小的車廂里可以移動(dòng),是因?yàn)樗谂懿綑C(jī)上,現(xiàn)在的虛擬現(xiàn)實(shí)游戲的移動(dòng)也是靠這種方案解決的。


交互方面就更加復(fù)雜了,這里包括了人與物、人與環(huán)境、人與人直接的問(wèn)題,比如,扎克伯格演示的開(kāi)會(huì)場(chǎng)景,我們實(shí)際上還行需要椅子和桌子,不然,我們的感官雖然可以給椅子的反饋,但是坐下來(lái)確實(shí)空氣,當(dāng)開(kāi)會(huì)玩了,需要互相給實(shí)體文件怎么辦,需要握手怎么辦,這都是一些交互邏輯上需要解決的問(wèn)題,是不是每次開(kāi)會(huì)我們都需要先把場(chǎng)景和東西搭建好,才可以使用,這樣的話,實(shí)用的成本也顯得太高了。每多一個(gè)步驟,用戶的體驗(yàn)都是墜崖式的下跌。

所以,在現(xiàn)在目前看來(lái),我們需要解決體驗(yàn)層方便的東西還是太多了。

5.30 元宇宙能帶來(lái)哪些改變

前面我們對(duì)元宇宙的概念及需要的條件進(jìn)行了結(jié)構(gòu),那么我們來(lái)落到實(shí)處,談?wù)勗钪婺芙o生活帶來(lái)哪些便利,首先,在扎克伯克發(fā)布的關(guān)于元宇宙的視頻中,我們可以發(fā)現(xiàn),元宇宙最先落地的可能是現(xiàn)場(chǎng)感,例如現(xiàn)在疫情比較嚴(yán)重,我們可以通過(guò)虛擬會(huì)議室來(lái)開(kāi)會(huì),還有我們很多現(xiàn)有的商業(yè)模式都可以借助現(xiàn)場(chǎng)感來(lái)進(jìn)行重構(gòu)和升級(jí),比如,我們現(xiàn)在去購(gòu)物,一般是自己打開(kāi)APP購(gòu)物,或者分享自己的購(gòu)物車給朋友,未來(lái)我們可以一起在虛擬世界中逛街,足不出戶,可以一起試衣服,幫對(duì)方挑漂亮的首飾,現(xiàn)在看任何直播賽事,都需要通過(guò)屏幕去看,最多有人氣和在線人數(shù),未來(lái)我們可以身臨其境,感受到四面八方的歡呼,現(xiàn)在我們看網(wǎng)紅都是隔著手機(jī)刷視頻,未來(lái)我們可以更加直接,走到小姐姐身邊,更加近距離的接觸和交談。


關(guān)于元宇宙是否有未來(lái),是很多人一直爭(zhēng)論的話題,但是我們可以肯定的是,隨著全球科技水平和人民精神物質(zhì)的逐步提高,人的精神層面和娛樂(lè)層面的閾值時(shí)被不斷提升的,肯定會(huì)有企業(yè)做去做能滿足人更高維度精神層次的工作,因?yàn)槿藢?duì)精神層面的追求的欲望時(shí)沒(méi)有頂峰的,而我們現(xiàn)實(shí)能滿足的條件時(shí)有限的,而虛擬現(xiàn)實(shí)則可以極大成本的去滿足這個(gè)條件,我們現(xiàn)在人平時(shí)周末的娛樂(lè)時(shí)什么,無(wú)非是玩游戲逛街和看電影,而這些在虛擬世界里也可以實(shí)現(xiàn),甚至可以不用出門,但是,有人可能會(huì)說(shuō),虛擬世界的東西終究是虛擬的,怎么可以和現(xiàn)實(shí)的相比呢?我們所能感受到了娛樂(lè)帶來(lái)的精神滿足無(wú)非是眼、手感知到了,在傳輸給大腦,如果我們技術(shù)足夠發(fā)達(dá),在虛擬世界中的東西反饋?zhàn)銐蛘鎸?shí),騙過(guò)大腦就不是問(wèn)題。

說(shuō)到這里,我想起我以前讀書的時(shí)候,我特別愛(ài)一款名叫冒險(xiǎn)島的網(wǎng)絡(luò)游戲,剛好在那天,我們那個(gè)工會(huì)要去打里面的一個(gè)BOSS“扎昆”,打完BOSS會(huì)掉落一個(gè)專屬的BOSS裝備,扎昆頭盔,但是那天,我剛開(kāi)團(tuán),我表姐要去買鞋,她問(wèn)我,游戲里的東西有那么重要嗎?我沒(méi)有回答,但是我心里已經(jīng)有答案了,當(dāng)打完BOSS掉落的扎昆頭盔,隊(duì)友的興奮是真實(shí)的,當(dāng)這款游戲沒(méi)落時(shí),大家在QT里面的告別的落寞是真的,現(xiàn)在想到大家一起組隊(duì)刷本互相幫助的溫暖是真的,我珍惜我在冒險(xiǎn)島的每一件橙裝還有一起和我打副本的朋友,所以,世界上哪有那么多的真真假假,當(dāng)有一天,你在元宇宙花的時(shí)候比你在現(xiàn)實(shí)里要多,你的元宇宙的身份比你現(xiàn)在的身份要重要的時(shí)候,你那時(shí)候覺(jué)得那邊是虛擬哪邊是現(xiàn)實(shí)的,當(dāng)你有一天想去現(xiàn)實(shí)中買鞋和衣服的時(shí)候,會(huì)有人問(wèn)你,現(xiàn)實(shí)中的鞋子和衣服不就是一堆垃圾嗎?為什么要那么認(rèn)真呢?

文章來(lái)源:站酷 作者:Endings 

分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責(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.yvirxh.cn )是一家專注而深入的界面設(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ù)

如何高效地進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)?

資深UI設(shè)計(jì)者

把握中心目標(biāo)

大多數(shù)網(wǎng)頁(yè)設(shè)計(jì)是以目標(biāo)為導(dǎo)向,也就是網(wǎng)頁(yè)做出來(lái)能為用戶提供什么、能解決用戶的哪些問(wèn)題。例如電商網(wǎng)站的終極目標(biāo)是賣出更多的商品,資訊類網(wǎng)站的目標(biāo)是讓用戶能更多地閱讀最新訊息,目標(biāo)不同,兩類網(wǎng)站在設(shè)計(jì)上也會(huì)有截然不同的差異。

在設(shè)計(jì)上,電商網(wǎng)站會(huì)更注重頁(yè)面氛圍的營(yíng)造,把紅紅火火的促銷氛圍搞起來(lái),用戶看到會(huì)更興奮。

如何高效地進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)?重點(diǎn)關(guān)注這7個(gè)要素

在電商網(wǎng)站中,設(shè)計(jì)重點(diǎn)放在幫助用戶瀏覽店鋪并輕松找到特定商品上,放在詳情頁(yè)上用盡可能好的方式展示商品;付款流程也經(jīng)過(guò)簡(jiǎn)化和仔細(xì)計(jì)算(例如某寶最近更新的訂單頁(yè)把價(jià)格聚集在一起),因此用戶不需要經(jīng)過(guò)太多思考就能快速下單購(gòu)買。

打造平衡的效果

網(wǎng)頁(yè)中炫酷的視覺(jué)效果能讓用戶印象深刻,但效果實(shí)現(xiàn)需要付出更成本。能明確知道什么時(shí)候更簡(jiǎn)潔的視覺(jué)效果能讓整個(gè)設(shè)計(jì)變得更好,能讓用戶專注于正確的事情,這一點(diǎn)很重要。

有時(shí)候在網(wǎng)頁(yè)中添加過(guò)多元素,會(huì)分散有價(jià)值的信息,用戶也難以識(shí)別他們想看的內(nèi)容。

如何高效地進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)?重點(diǎn)關(guān)注這7個(gè)要素

對(duì)齊和對(duì)稱是頁(yè)面保持平衡的重要因素。對(duì)齊既保證了布局統(tǒng)一,又將有聯(lián)系的元素緊密連接起來(lái);對(duì)稱營(yíng)造一種平衡的感覺(jué),元素整齊有序。

如何高效地進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)?重點(diǎn)關(guān)注這7個(gè)要素

網(wǎng)站的登錄注冊(cè)頁(yè)往往都設(shè)計(jì)得很簡(jiǎn)潔,有大面積的留白處理,只保留關(guān)鍵的信息輸入框,這樣用戶能更專注于輸入內(nèi)容。

如何高效地進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)?重點(diǎn)關(guān)注這7個(gè)要素

在宜家網(wǎng)頁(yè)中,清晰的視覺(jué)層級(jí)結(jié)構(gòu)以及留白的運(yùn)用讓整個(gè)頁(yè)面看起來(lái)非常整潔有序。好的結(jié)構(gòu)能讓用戶知道他們?cè)诳词裁?,留白提供了視覺(jué)上的緩解作用,有助于引導(dǎo)用戶的注意力。

了解基本的設(shè)計(jì)原理

格式塔原理基本上定義了我們感知事物的六種不同的認(rèn)知規(guī)則。在網(wǎng)頁(yè)設(shè)計(jì)中,這意味著需要以一種合理的方式來(lái)安排元素,幫助用戶從整體上理解設(shè)計(jì)。

如何高效地進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)?重點(diǎn)關(guān)注這7個(gè)要素

設(shè)計(jì)中需要考慮不同元素的對(duì)齊關(guān)系、相似元素或按鈕的排放位置、一組信息要如何展示、列表類信息該如何展示…

另一個(gè)重要的原則是??硕?/span>,也就是向用戶展示的選項(xiàng)越多,做出決定需要的時(shí)間就越長(zhǎng)。因?yàn)槲覀兊拇竽X需要考慮和分析所有選擇,然后再選出最好的選擇,當(dāng)選擇太多時(shí),這就會(huì)成為一個(gè)問(wèn)題。

這就像我們?cè)诓蛷d里點(diǎn)菜一樣,如果拿來(lái)一個(gè) 20 頁(yè)的菜單,我們可能會(huì)從頭到尾把這 20 頁(yè)全看了,仍然不知道該點(diǎn)哪個(gè),然后又把這個(gè) 20 頁(yè)的菜單重新翻一遍。去餐廳吃飯是件放松高興的事,我們肯定不想在點(diǎn)餐上給自己帶來(lái)壓力,這樣吃飯的樂(lè)趣也會(huì)大打折扣。

如何高效地進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)?重點(diǎn)關(guān)注這7個(gè)要素

如果需要填寫很長(zhǎng)的表單,考慮將長(zhǎng)表單拆分成幾個(gè)短的問(wèn)題,讓用戶按步驟依次作答,避免一下看到過(guò)多問(wèn)題給用戶帶來(lái)負(fù)擔(dān)。

了解面對(duì)的用戶

網(wǎng)頁(yè)設(shè)計(jì)需要知道面對(duì)的用戶是誰(shuí)、他們想獲取什么、想處理什么問(wèn)題以及他們是想法是什么等等。

對(duì)最終用戶的印象越清晰,越有可能創(chuàng)造出成功的設(shè)計(jì),就像設(shè)計(jì)一個(gè)面向兒童的網(wǎng)站與設(shè)計(jì)一個(gè)供老年人使用的網(wǎng)頁(yè)會(huì)完全不同。所以在一開(kāi)始,要先學(xué)會(huì)把自己的觀點(diǎn)先放在一邊,傾聽(tīng)目標(biāo)用戶的意見(jiàn),然后再慢慢驗(yàn)證自己的想法。

如何高效地進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)?重點(diǎn)關(guān)注這7個(gè)要素

抖音千人千面的推薦機(jī)制,能為用戶精準(zhǔn)推送他們感興趣的內(nèi)容,把握住了用戶的興趣,產(chǎn)品才能越來(lái)越受歡迎。

排版很重要

排版需要長(zhǎng)期的積累和沉淀,如何合理地安排頁(yè)面中的品牌標(biāo)識(shí)、圖片、文字等元素,是始終需要考慮的事。比如不管網(wǎng)頁(yè)設(shè)計(jì)的目標(biāo)是什么,或者選擇什么樣的視覺(jué)效果,在選擇字體時(shí)我們總要考慮字體的粗細(xì)、大小或?qū)Ρ榷鹊纫蛩亍?/span>

如何高效地進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)?重點(diǎn)關(guān)注這7個(gè)要素

根據(jù)設(shè)備不同,最佳字體的選擇可能會(huì)發(fā)生變化。在移動(dòng)端設(shè)計(jì)中,文字可讀性是首要的,屏幕越小越要保證信息的可讀性。

信息架構(gòu)和導(dǎo)航

網(wǎng)頁(yè)的導(dǎo)航設(shè)計(jì)和信息架構(gòu)共同構(gòu)成了產(chǎn)品的主干,讓用戶能夠了解產(chǎn)品和功能并找到需要的信息。

如何高效地進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)?重點(diǎn)關(guān)注這7個(gè)要素

無(wú)論信息的長(zhǎng)短如何,合理的層級(jí)結(jié)構(gòu)有助于在產(chǎn)品中創(chuàng)建邏輯結(jié)構(gòu),以便用戶可以查找信息。導(dǎo)航能反映出產(chǎn)品架構(gòu),這樣用戶無(wú)需花費(fèi)大量精力,就能輕松找到主要信息和功能。

如何高效地進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)?重點(diǎn)關(guān)注這7個(gè)要素

點(diǎn)擊按鈕之后會(huì)切換到哪一頁(yè)、怎么返回到當(dāng)前頁(yè)、點(diǎn)擊哪些按鈕頁(yè)面不跳轉(zhuǎn)。架構(gòu)流程不僅自己要明確,更需要用戶看得懂。

降低認(rèn)知成本

咱們前面提到,如果面臨的選擇太多,就需要經(jīng)過(guò)大量思考,這樣用戶很可能會(huì)變得有壓力甚至困惑。其實(shí)這里面還包含著另一層意思,過(guò)多的選擇會(huì)增加用戶的認(rèn)知成本。

只有降低認(rèn)知成本,才不會(huì)給用戶帶來(lái)過(guò)多壓力,才能快速做出判斷。在網(wǎng)頁(yè)大框架已經(jīng)設(shè)計(jì)好的基礎(chǔ)上,降低認(rèn)知成本的地方往往更在于細(xì)節(jié)。

如何高效地進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)?重點(diǎn)關(guān)注這7個(gè)要素

準(zhǔn)確拿捏細(xì)節(jié)。在面包屑導(dǎo)航中,鼠標(biāo)懸浮上去是一種狀態(tài),點(diǎn)擊后又是一種狀態(tài);選中的標(biāo)簽與未選中的標(biāo)簽在顏色上做出區(qū)分;當(dāng)前頁(yè)碼重點(diǎn)突出的同時(shí),告知用戶前后頁(yè)碼還支持左右切換。




文章來(lái)源:優(yōu)設(shè) 作者:Clippp


分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責(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.yvirxh.cn )是一家專注而深入的界面設(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ù)





怎么將畫像與體驗(yàn)工具打通賦能設(shè)計(jì)

ui設(shè)計(jì)分享達(dá)人

什么是體驗(yàn)可視化地圖

它們是一種體驗(yàn)洞察和形成參考材料的工具,能夠幫助業(yè)務(wù)人員探討決策使用,它們都是結(jié)合真實(shí)用戶反饋形成的。另外這些地圖本身并不能直接提供答案,而是用于促進(jìn)對(duì)話或作為決策導(dǎo)向,它能跨部門讓人們聚在一起討論業(yè)務(wù)目標(biāo),指出潛在的機(jī)會(huì)或達(dá)成一致的價(jià)值觀與目標(biāo),使解決方案更可行。即促進(jìn)共同參與、共同思考、共同目標(biāo)、共同發(fā)力。像心智模型、空間地圖、服務(wù)藍(lán)圖、用戶體驗(yàn)地圖、客戶旅程地圖都屬于體驗(yàn)可視化地圖,也有稱為對(duì)齊圖。


用戶畫像&用戶體驗(yàn)地圖介紹

用戶畫像 本身可以反映出服務(wù)對(duì)象的特征,便于改進(jìn)業(yè)務(wù)服務(wù),幫助研究用戶需求或產(chǎn)品痛點(diǎn),因此在一些體驗(yàn)可視化地圖中會(huì)配合使用。并且可以幫助設(shè)計(jì)師指導(dǎo)產(chǎn)品功能、導(dǎo)航、交互、甚至視覺(jué)設(shè)計(jì)方面的決策,是一種聯(lián)系用戶訴求與設(shè)計(jì)方向的有效工具,總之它能讓你知道產(chǎn)品是給什么人用的,他們有什么特征或訴求。


用戶體驗(yàn)地圖 以個(gè)體在某個(gè)產(chǎn)品或領(lǐng)域中的體驗(yàn)經(jīng)歷為主,關(guān)注產(chǎn)品是如何契合個(gè)體用戶體驗(yàn)的,通過(guò)用戶個(gè)體的行為觸點(diǎn)與視角來(lái)洞察商業(yè)機(jī)會(huì)。是一種比較視覺(jué)化、有助于引發(fā)共鳴和聚焦用戶體驗(yàn)的工具,比較貼合情感化設(shè)計(jì)的理念,適用于洞察用戶視角下與產(chǎn)品系統(tǒng)交互的可視化地圖。


所以在作品集里經(jīng)??匆?jiàn)這些體驗(yàn)地圖就能夠理解了,一方面是作為戰(zhàn)略層的研究報(bào)告說(shuō)明,用于佐證設(shè)計(jì)或決策的依據(jù)。另一方面是為了其他讀者達(dá)成共識(shí),便于共情設(shè)計(jì)目標(biāo)。當(dāng)然豐富和美化作品集也是一方面,更多的則是希望不要濫用起來(lái),形同虛設(shè),成了一個(gè)沒(méi)有深入作用的裝飾工具。


兩者工具的差異與特性

用戶畫像的因素

用戶體驗(yàn)地圖的因素

如何打通用戶畫像與用戶體驗(yàn)地圖

方便直觀易懂的去解釋用戶畫像與用戶體驗(yàn)地圖之間的關(guān)系作用,這里我通過(guò)流程、相互作用來(lái)解釋一下;

從流程上看

體驗(yàn)地圖是基于用戶研究開(kāi)展的,所以要考慮研究誰(shuí),研究什么問(wèn)題,在什么場(chǎng)景或領(lǐng)域進(jìn)行,因此就需要借助用戶畫像去界定范圍,以及形成用戶材料,再去考慮用何種體驗(yàn)可視化地圖展現(xiàn),而用戶畫像也將一直貫穿始終提供可參考的用戶信息;

相互作用上看

用戶體驗(yàn)地圖一般都是聚焦于既定范圍的目標(biāo)群體,一份完整的用戶體驗(yàn)地圖應(yīng)該包含用戶畫像信息,應(yīng)交代清楚目標(biāo)用戶的背景、場(chǎng)景、需求、痛點(diǎn)等關(guān)聯(lián)信息,方便讀者了解,以便于代入用戶視角深入到用戶體驗(yàn)地圖的討論中。


而用戶畫像盡管提供了由外而內(nèi)的視角或部分設(shè)計(jì)見(jiàn)解,但并不能滿足項(xiàng)目多樣化視角的需求,且不足以形成一系列的設(shè)計(jì)見(jiàn)解洞察,所以用戶畫像始終需要與心智、情景、體驗(yàn)地圖或研究報(bào)告等結(jié)合使用。也就是說(shuō)用戶畫像需要與用戶體驗(yàn)地圖配合輸出,兩者誰(shuí)也替代不了誰(shuí)。


體驗(yàn)可視化工具的一般流程簡(jiǎn)述

一個(gè)正式且有效的體驗(yàn)可視化地圖一般必須經(jīng)過(guò)四個(gè)階段才能完成,最后再得出結(jié)論達(dá)成一致;

一、項(xiàng)目啟動(dòng);通過(guò)內(nèi)部識(shí)別或收集用戶反饋找到需求點(diǎn),計(jì)劃研究目的,制定目標(biāo)。

二、開(kāi)始調(diào)研;通過(guò)研究手段向用戶收集優(yōu)化資料或數(shù)據(jù),為創(chuàng)造體驗(yàn)可視化地圖提供可靠的數(shù)據(jù)。

三、闡述分析;選擇闡述方式,通過(guò)體驗(yàn)可視化地圖將研究結(jié)果與核心價(jià)值進(jìn)行呈現(xiàn),為后面探討做準(zhǔn)備。

四、達(dá)成一致;使相關(guān)業(yè)務(wù)人員共同參與研討,結(jié)合地圖報(bào)告進(jìn)一步的思考,指出潛在機(jī)會(huì)或達(dá)成一致的觀點(diǎn)。

五、展望未來(lái);根據(jù)研討結(jié)果設(shè)計(jì)解決方案,提出價(jià)值主張,進(jìn)一步跟進(jìn)和實(shí)施起來(lái)。

真實(shí)應(yīng)用中不用急著畫圖準(zhǔn)備填充,先明確目標(biāo)再?gòu)挠脩粞芯炕蛸Y料收集開(kāi)始。如果沒(méi)辦法找到目標(biāo)用戶進(jìn)行訪談或測(cè)試研究,那么至少找到一線的人員進(jìn)行訪談或測(cè)試,不要依賴自己的見(jiàn)解或認(rèn)知套用,這些地圖的精髓在于打破內(nèi)部視角建立起一場(chǎng)具有包容性的對(duì)話,不同部門的參與者多多益善,所以這些地圖只是研討中心的參考物。


如何正確Get用戶原型與畫像

構(gòu)建和使用畫像時(shí)大致可以分為兩類;

1. 根據(jù)用戶研究建立正式的用戶畫像

2. 建立人物角色原型

具體取決于用途與條件情況等,制作任何一組用戶畫像都非依托想象力,都是基于事實(shí)或用戶研究的。并且不只是簡(jiǎn)單的人口數(shù)據(jù)或個(gè)人信息描述,如果一組不能達(dá)到共情效果的用戶畫像也就失去了核心價(jià)值《如何有效快速共情-點(diǎn)擊查看》,就像一份簡(jiǎn)歷,沒(méi)能體現(xiàn)出個(gè)人能力與專業(yè)素養(yǎng)一樣。


人物角色原型

制作一個(gè)正式的用戶畫像是一個(gè)漫長(zhǎng)的過(guò)程,還需要開(kāi)展用戶研究,如果你沒(méi)有現(xiàn)成的調(diào)研對(duì)象或調(diào)研條件,你就可以采用人物角色原型,該方法是由《Lean UX》的作者Jeff Gothelf提出的,他描述到;

“人物角色原型是一個(gè)正式人物角色的變式,其最大不同在于人物角色原型不是用戶研究的結(jié)果,而是更多的源于頭腦風(fēng)暴的結(jié)果。公司成員會(huì)從公司理念出發(fā),基于自身領(lǐng)域的專業(yè)性和直覺(jué),來(lái)明確誰(shuí)是公司產(chǎn)品或服務(wù)的目標(biāo)用戶,用戶的動(dòng)機(jī)和需求是什么?!币篔eff Gothelf."Using Proto-Personas for Executive Alignment,"UX Magazine(May 2012)

這類角色原型不用花費(fèi)大量時(shí)間去做用戶調(diào)研,它們是基于已知的特征情況或預(yù)期的目標(biāo)用戶,適合臨時(shí)性使用,便于開(kāi)展前期工作或達(dá)成一致的見(jiàn)解,但是人物角色原型并不能代替基于可靠數(shù)據(jù)的用戶畫像。


構(gòu)建人物角色原型的方法

就是跨部門集體參與貢獻(xiàn)觀點(diǎn)與數(shù)據(jù)來(lái)構(gòu)建。前線相關(guān)業(yè)務(wù)人員是必備的,人數(shù)控制在5-8個(gè)人就行,要有主持人把控節(jié)奏和參與度,盡可能收集到不同業(yè)務(wù)視角下的問(wèn)題反饋,討論開(kāi)始前可以提出一兩個(gè)角色原型來(lái)激發(fā)討論,然后充實(shí)起來(lái),盡管最后可能形成了多個(gè)角色甚至有些看起來(lái)有沖突,不過(guò)沒(méi)關(guān)系,重點(diǎn)是讓這些人物角色清晰明確下來(lái),不一致的地方可以進(jìn)一步的討論。


人物角色原型的構(gòu)成內(nèi)容

一般人物角色原型在一頁(yè)的篇幅內(nèi)就可以顯示完,主要五個(gè)板塊。值得注意的是,一定不要脫離了產(chǎn)品主題的范圍;

一、角色基本資料:角色頭像、姓名、頭銜、單位或一些可用的輔助資料。

二、人口統(tǒng)計(jì)特征:一般包含性別、年齡、職業(yè)、收入等與主題相關(guān)的人口統(tǒng)計(jì)指標(biāo)(類似簡(jiǎn)歷中的個(gè)人信息)。

三、心理統(tǒng)計(jì)特征:與主題相關(guān)聯(lián)的因素,主要指不可輕易觀察的心理活動(dòng)、態(tài)度、信仰、動(dòng)機(jī)、觀念的個(gè)人特征。

四、產(chǎn)品相關(guān)行為:指與產(chǎn)品體驗(yàn)有主要關(guān)系的行為或是行動(dòng),包括興趣愛(ài)好、個(gè)人習(xí)慣、專業(yè)活動(dòng)等。

五、需求與痛點(diǎn):用戶有哪些與主題相關(guān)的需求或痛點(diǎn),你的設(shè)計(jì)可以滿足用戶那些需求和痛點(diǎn)緩解。



用戶畫像

用戶畫像本身可以幫助發(fā)現(xiàn)問(wèn)題或進(jìn)行決策,同時(shí)也反應(yīng)出了對(duì)用戶或用戶視角的共同理解,并且可以在日常研發(fā)工作中持續(xù)使用,例如一些材料歸檔、分享、更新、輔助其他可視化地圖等,以發(fā)揮出更多的余熱。


如何打造可用的用戶畫像

定性還是定量類型

根據(jù)產(chǎn)品需求選擇定性還是定量分析,亦或者結(jié)合,一般定性適用于用戶需求深挖或業(yè)務(wù)創(chuàng)新等情況,講究的是“為什么”,而定量更像是通過(guò)數(shù)據(jù)驗(yàn)證“有多少”,常用于數(shù)據(jù)分析、趨勢(shì)分析、數(shù)據(jù)驗(yàn)證、做精細(xì)化運(yùn)營(yíng)和用戶精準(zhǔn)投放。  

定量需要足夠的數(shù)據(jù)支撐,如果項(xiàng)目需要畫像且企業(yè)不穩(wěn)定、用戶量級(jí)不夠不能滿足數(shù)據(jù)需求,則可以借助市場(chǎng)數(shù)據(jù)報(bào)告、白皮書、第三方數(shù)據(jù)服務(wù)平臺(tái)、調(diào)研服務(wù)公司等來(lái)參考,這些數(shù)據(jù)也都是可靠的。大數(shù)據(jù)殺熟就是數(shù)據(jù)畫像的反面引用,通過(guò)畫像對(duì)用戶進(jìn)行分層,再挑出用戶中的軟柿子或老實(shí)人欺負(fù)。


識(shí)別用戶群體優(yōu)先級(jí)

對(duì)目標(biāo)群體要有認(rèn)知,要根據(jù)特征劃分層級(jí)或類型,例如典型用戶、潛力用戶、專家用戶。這些用戶的界定范圍需要業(yè)務(wù)相關(guān)人員去制定,類似一份簡(jiǎn)歷我們可以根據(jù)能力對(duì)標(biāo)級(jí)別,一般我們可以通過(guò)4個(gè)比較有影響力的指標(biāo)進(jìn)行劃分,至于權(quán)重我們可以采用常見(jiàn)的四象限或卡諾模型;

在制作用戶畫像前可以合理的根據(jù)人物角色原型的特征過(guò)濾目標(biāo)用戶群體,但不要過(guò)分依賴,你只是需要找到符合的目標(biāo)群體,而不是根據(jù)原型找到理想的那個(gè)人。

最終調(diào)研對(duì)象的關(guān)系表呈現(xiàn);

定性類畫像不用邀請(qǐng)很多用戶參與研究,一般在5人左右,只有研究資源充沛時(shí)才會(huì)考慮邀請(qǐng)更多研究對(duì)象,一方面是研究發(fā)現(xiàn)5人左右就能反映出絕大多數(shù)問(wèn)題了,另一方面是出于時(shí)間精力和預(yù)算情況考慮。


定性類用戶畫像要做什么

一、確認(rèn)研究對(duì)象的優(yōu)先級(jí),根據(jù)需求背景或目標(biāo)確認(rèn)重點(diǎn)跟次要群體來(lái)挖掘不同用戶視角下的問(wèn)題;



二、通過(guò)線上招募(APP內(nèi)或相關(guān)平臺(tái)發(fā)布有償邀請(qǐng),亦或者尋求第三方服務(wù)公司幫助)、客戶群(相關(guān)的用戶答疑群邀請(qǐng))、論壇社區(qū)(發(fā)布招募帖子等)、專家咨詢、產(chǎn)品線上推送等方式,尋找目標(biāo)群體并建立聯(lián)系;


三、選擇線上訪談、可用性測(cè)試、問(wèn)卷調(diào)查、焦點(diǎn)小組等有效的用戶洞察方式,并設(shè)計(jì)好相關(guān)問(wèn)題或材料準(zhǔn)備與用戶進(jìn)行深入研究(主要圍繞已知問(wèn)題或新的設(shè)計(jì)方案驗(yàn)證,再就是新的業(yè)務(wù)需求洞察為主);



四、整理用戶資料,圍繞研究主題建立用戶畫像信息,完成主要信息模塊,可以根據(jù)業(yè)務(wù)需要,將用戶技術(shù)特征、職業(yè)特征、環(huán)境因素進(jìn)行補(bǔ)充(需要考慮是否與業(yè)務(wù)有一定關(guān)聯(lián)或影響,否則無(wú)意義);



五、完善用戶畫像的細(xì)節(jié),將價(jià)值信息同步到畫像中,并對(duì)有效信息的細(xì)節(jié)進(jìn)行補(bǔ)充,增加可信度還原真實(shí)性;


用戶畫像并沒(méi)有一個(gè)模版標(biāo)準(zhǔn),具體還是要看業(yè)務(wù)需求,而且網(wǎng)上的模版挺多的,自己甄別吧。另外在用戶洞察的過(guò)程中,我們可以結(jié)合可用性測(cè)試、繪制故事板(這兩種研究方法有興趣可以查閱資料,一兩句講不清楚,有機(jī)會(huì)展開(kāi)講)等方式一同進(jìn)行,而不只是把目的停留在建立用戶畫像上,這樣反而獲取的有效信息受限了。


定量類用戶畫像要做什么

一、數(shù)據(jù)采集

通過(guò)有效途徑將用戶產(chǎn)生的數(shù)據(jù)集中,不論是產(chǎn)品數(shù)據(jù)庫(kù)、數(shù)據(jù)埋點(diǎn)、第三方數(shù)據(jù)統(tǒng)計(jì)或是定量調(diào)研的結(jié)果,這些數(shù)據(jù)都是重要構(gòu)成部分,同時(shí)也決定了信息的范圍,比如你拿不到用戶的出行數(shù)據(jù),那么就根本沒(méi)辦法構(gòu)建相關(guān)標(biāo)簽或指標(biāo)。

二、數(shù)據(jù)定義

對(duì)數(shù)據(jù)進(jìn)行清洗整理,識(shí)別出用戶行為數(shù)據(jù)、用戶偏好、生命周期等數(shù)據(jù),并進(jìn)行標(biāo)簽化分類整理,這些標(biāo)簽或指標(biāo)可以體現(xiàn)出某些維度的趨勢(shì)或用戶行為預(yù)測(cè)。不過(guò)值得注意的是,在構(gòu)建這些標(biāo)簽或指標(biāo)時(shí)盡量結(jié)合業(yè)務(wù)流程或生命周期來(lái)梳理,考慮畫像建成目的與業(yè)務(wù)場(chǎng)景同時(shí),也要思考標(biāo)簽的權(quán)重問(wèn)題,標(biāo)簽不等于越多越好。 

三、構(gòu)建畫像

根據(jù)產(chǎn)品階段或業(yè)務(wù)需要,把相關(guān)業(yè)務(wù)標(biāo)簽結(jié)合用戶群特征信息整合成用戶畫像,一般的業(yè)務(wù)標(biāo)簽類型有增長(zhǎng)策略、用戶偏好、用戶價(jià)值、營(yíng)銷觸點(diǎn)等,這類畫像可以包攬多個(gè)維度信息,還能對(duì)周期數(shù)據(jù)可視化顯現(xiàn)趨勢(shì)變化,但是在用戶痛點(diǎn)或需求上,可能不會(huì)很直觀,需要進(jìn)一步的結(jié)合用戶場(chǎng)景帶入思考。



通?;ヂ?lián)網(wǎng)產(chǎn)品前期,沒(méi)有構(gòu)建標(biāo)簽或數(shù)字畫像的經(jīng)驗(yàn),可以考慮讓團(tuán)隊(duì)引入相關(guān)第三方數(shù)據(jù)畫像服務(wù),它們可以更便捷的接入到你的產(chǎn)品中并幫助你打標(biāo)簽做統(tǒng)計(jì);

以下截圖來(lái)自第三方大數(shù)據(jù)畫像工具(神策)

*第三方數(shù)據(jù)分析輔助產(chǎn)品也不少,這里只做交流使用


如何讓畫像角色更生動(dòng)

畫像中的角色應(yīng)該更加生動(dòng),能夠讓我們感受到真實(shí)的存在,只有這樣才能產(chǎn)生共鳴,賦予畫像價(jià)值,為此我們可以通過(guò)控制以下六點(diǎn)來(lái)做的更好。


一、不要特殊化

特殊能加深印象,但是特殊化并不代表產(chǎn)品的典型群體,同時(shí)在實(shí)際應(yīng)用時(shí)容易擾亂共情或分散注意力,例如用戶群體是普通青年,就不要描述成一個(gè)帥氣的學(xué)霸,也不要為用戶添加一些奇怪的癖好,這些不相干的信息并不能讓畫像更加生動(dòng);



二、合理應(yīng)用頭像

通常作品集中的頭像都比較美觀個(gè)性,這沒(méi)事兒。但實(shí)際畫像應(yīng)用中,頭像也是很重要的一部分,會(huì)馬上映入眼簾,這些頭像不要使知名人群的,且貼合真實(shí)用戶標(biāo)簽,不用暴露性感或是丑陋異樣的,也不要使用插畫、卡通、3D形象,不要有奇怪或不自然的行為動(dòng)作。


三、充實(shí)細(xì)節(jié)

以一款線上教育產(chǎn)品作為背景,舉例原本我們的用戶信息寫到:

那么即可根據(jù)產(chǎn)品屬性結(jié)合實(shí)際情況進(jìn)行豐富補(bǔ)充,例如調(diào)整為以下描述;

雖然沒(méi)有過(guò)大的變化,但是已經(jīng)將貼合教育產(chǎn)品的地域信息、課程階段、收入情況進(jìn)行了完善刻畫;

接著再例如,虞溪女士的需求寫到;

簡(jiǎn)單來(lái)看確實(shí)是透出了線上教育產(chǎn)品的需求,但是需求并不深刻,也沒(méi)有刻畫出虞溪女士的核心訴求,為此我們可以結(jié)合創(chuàng)造情景故事的方法,融合角色、場(chǎng)景、行動(dòng)、事件、評(píng)價(jià)、情節(jié)這些元素去深度刻畫描述,例如以下調(diào)整;

結(jié)合創(chuàng)造情景故事的辦法是為了刻畫出更多細(xì)節(jié),不僅可以讓瀏覽者更好的沉浸在角色視角,也能在完善的過(guò)程中深挖出更多有價(jià)值的思考;


四、創(chuàng)造情景故事

情景故事不會(huì)很枯燥會(huì)更抓人心,能夠傳達(dá)更多信息的同時(shí),將產(chǎn)品信息與真實(shí)情景交融在一起,方便團(tuán)隊(duì)記憶理解以及更好的促進(jìn)討論。創(chuàng)造情景故事的元素通常有:角色、場(chǎng)景、行動(dòng)、事件、評(píng)價(jià)、情節(jié)。看起來(lái)就像是在描述“我與xx產(chǎn)品的一天”。

  1. 角色:故事的主人翁或是參與者,不可缺少的重要部分;

  2. 場(chǎng)景:故事發(fā)生的時(shí)間地點(diǎn)物理環(huán)境,例如早上八點(diǎn)半我在擁擠的地鐵上搶到了座椅,并打開(kāi)了手機(jī);

  1. 行動(dòng):能夠觀察到且與主題有影響的行為動(dòng)作,例如我被這個(gè)問(wèn)題難住了,解鎖手機(jī)并打開(kāi)了這個(gè)APP;

  2. 事件:發(fā)生了什么事兒,角色間做出了什么反應(yīng)產(chǎn)生了何種結(jié)果;

  1. 評(píng)論:角色怎樣評(píng)估并作出決策,有了怎樣的目標(biāo),并如何進(jìn)行下一步。其中任務(wù)目標(biāo)是驅(qū)動(dòng)的核心;

  2. 情節(jié):一系列行為與事件的演變過(guò)程再到結(jié)果,從問(wèn)題的發(fā)生到角色推進(jìn)目標(biāo)到結(jié)局。例如經(jīng)典的戲劇結(jié)構(gòu):

*創(chuàng)造情景故事是要花費(fèi)時(shí)間精力的,如果時(shí)間充裕你可以慢慢將相關(guān)描述進(jìn)行轉(zhuǎn)換,時(shí)間有限責(zé)挑取重點(diǎn)轉(zhuǎn)化;


五、不要孤立使用畫像

在前文就有描述到畫像需要配合其他體驗(yàn)可視化地圖一起才能更好的發(fā)揮效用,畫像通常始終保持著個(gè)體視角,而且沒(méi)有辦法傳達(dá)一系列完整的體驗(yàn)報(bào)告,所以為了更好的滿足項(xiàng)目多樣化視角的需求,盡量不要孤立的使用畫像。



六、定期更新

產(chǎn)品發(fā)展中,會(huì)經(jīng)歷不同的階段與市場(chǎng)變化,用戶群體自然會(huì)變。如果說(shuō)產(chǎn)品在研發(fā)新的功能去開(kāi)拓年輕化的市場(chǎng),那同樣意味著目標(biāo)群體趨向年輕群體,這種時(shí)候就需要變更或新增用戶畫像,就不要使用舊的畫像起步了。



基本上做好以上細(xì)節(jié),你的用戶畫像就大功告成了,這就像是結(jié)合STAR法則優(yōu)化項(xiàng)目經(jīng)歷一樣。最簡(jiǎn)單的標(biāo)準(zhǔn)就是業(yè)務(wù)人員能夠去理解這些角色并代入角色視角思考,可以有效共情或決策。


如何用好用戶體驗(yàn)地圖

首先我們回顧一下用戶體驗(yàn)地圖的關(guān)鍵詞:既定的用戶群體、應(yīng)用場(chǎng)景或領(lǐng)域,用戶以某個(gè)持續(xù)性目標(biāo)驅(qū)動(dòng)與你的產(chǎn)品或服務(wù)發(fā)生交互,并且涉及多個(gè)階段來(lái)實(shí)現(xiàn)目標(biāo),地圖會(huì)通過(guò)由外而內(nèi)的視角洞察產(chǎn)品服務(wù)是否契合用戶的體驗(yàn)。



由此可見(jiàn)在與用戶研討時(shí),我們的問(wèn)題或測(cè)試任務(wù)應(yīng)該覆蓋相關(guān)階段或重要的任務(wù)流程,以此來(lái)獲取體驗(yàn)地圖的相關(guān)重點(diǎn)信息。另外很多產(chǎn)品比較龐大,服務(wù)頗多,因此控制好體驗(yàn)的階段范圍也很重要,不僅會(huì)拉長(zhǎng)工期也會(huì)使得焦點(diǎn)分散。

用戶體驗(yàn)地圖的構(gòu)成簡(jiǎn)述

用戶體驗(yàn)地圖主要包含三個(gè)層面的內(nèi)容,一、用戶目標(biāo)階段,二、用戶與產(chǎn)品服務(wù)交互,三、痛點(diǎn)機(jī)會(huì)洞察;

其實(shí)礙于不同產(chǎn)品和服務(wù)類型,體驗(yàn)地圖的構(gòu)成元素也有差異,不過(guò)在漫長(zhǎng)的應(yīng)用發(fā)展中也逐步趨于穩(wěn)定。



常見(jiàn)的構(gòu)成元素:

一、用戶需求或目標(biāo):
在體驗(yàn)地圖中,用戶以需求或目標(biāo)驅(qū)動(dòng)與產(chǎn)品發(fā)生交互,需求或目標(biāo)既定了要做什么,應(yīng)該需要什么服務(wù)。


二、行為階段:

行為階段是界定場(chǎng)景的重要部分,以目標(biāo)任務(wù)階段的生命周期或者關(guān)鍵節(jié)點(diǎn)展開(kāi),不一定所有階段托盤而出,階段太多則不聚焦,細(xì)分太多則費(fèi)時(shí)間也不一定快速見(jiàn)效。


三、采取的行為觸點(diǎn)或步驟:

用戶使用產(chǎn)品或服務(wù)展開(kāi)的行為或接觸的設(shè)備、泛功能應(yīng)用等。


四、想法與問(wèn)題:

在體驗(yàn)服務(wù)的過(guò)程中出現(xiàn)的問(wèn)題或是一些真實(shí)的想法感受。


五、情緒波動(dòng)與精神狀態(tài):

情緒和精神狀態(tài)通常是反映服務(wù)好壞或用戶滿意度的重要因素,但同時(shí)也難以觀察或量化,通常會(huì)根據(jù)用戶對(duì)問(wèn)題的描述來(lái)共情情緒,亦或者向用戶提供情緒表情標(biāo)簽。


六、痛點(diǎn)或機(jī)會(huì)揭示:

結(jié)合上層階段行為與用戶的反饋信息向下垂直洞察產(chǎn)品服務(wù)的痛點(diǎn)或機(jī)會(huì)。


七、設(shè)備或其他圖例補(bǔ)充:

例如跨端跨設(shè)備或包含特殊標(biāo)簽信息的補(bǔ)充說(shuō)明。


*示例模版


用戶情緒板怎么用才對(duì)

表情包早已成為網(wǎng)友互動(dòng)和情緒表達(dá)的重要部分,但是在實(shí)際的可用性測(cè)試或訪談中,用戶會(huì)相對(duì)拘束一些,也不會(huì)把各種各樣的表情掛在臉上,所以才說(shuō)用戶情緒很難研究和洞察,更別說(shuō)量化執(zhí)行了。有些人可以進(jìn)行表情管理,情緒更是難以琢磨;


那么體驗(yàn)地圖中的情緒板怎么搞定呢?


就用戶體驗(yàn)地圖中的情緒塊來(lái)講,通常一定不只是表情icon來(lái)做表達(dá),這樣費(fèi)解還缺乏實(shí)際價(jià)值,所以一定會(huì)加上相關(guān)描述來(lái)揭示用戶情緒與觀點(diǎn)。心智模型中用戶情緒感受便是靠的文本描述來(lái)傳達(dá)。


早期Pieter·Desmet在其《Designing Emotions》一書中提出了如何衡量情緒的研發(fā)方法,他開(kāi)發(fā)了一款叫做產(chǎn)品情緒度量?jī)x的工具,其原理就是為用戶提供各種表情表達(dá)的卡通形象,用戶在體驗(yàn)過(guò)程中根據(jù)自己情緒選出最匹配的那個(gè)卡通形象來(lái)示意自己情緒。這個(gè)工具經(jīng)過(guò)不斷迭代并豐富聲音后已授權(quán)到:https://www.premotool.com/,我們可以在度量用戶情緒或其他體驗(yàn)可視化地圖中配合使用。 


另外在使用表情標(biāo)簽應(yīng)用時(shí),并不大推薦常見(jiàn)的微信表情、QQ表情等,這些表情在長(zhǎng)時(shí)間的使用中,用戶都會(huì)形成一些偏好,這會(huì)影響使用決策


在服務(wù)體驗(yàn)的過(guò)程中,很多時(shí)候情緒變化并非是單一線型上起伏變,例如:

我在觀看電影高潮的部分突然網(wǎng)絡(luò)異常,那么我的情緒應(yīng)該是多樣化的,一邊是代入高潮部分的激動(dòng),另一方面是網(wǎng)絡(luò)帶來(lái)的失落感,同時(shí)還有等待網(wǎng)絡(luò)恢復(fù)的焦急。

為此我們通常有兩種方法來(lái)傳遞情緒變化;

1、將喜、怒、哀、樂(lè)、悲、恐、驚或需要的情緒標(biāo)簽化,每種情緒用一個(gè)顏色表示,然后使用同軸的趨勢(shì)圖結(jié)合用戶行為階段來(lái)表示;


2、即使一次展示多種情緒,也難免有積極情緒與消極情緒同時(shí)出現(xiàn)的情況,這種時(shí)候可以圍繞一條分界線劃分兩類情緒區(qū)間,使用情緒曲線結(jié)合關(guān)鍵因素描述來(lái)顯示更加全面而復(fù)雜的情緒心理,對(duì)應(yīng)每個(gè)關(guān)鍵情緒節(jié)點(diǎn)可以使用不同表情圖標(biāo)細(xì)化輔助,使得情緒起伏的信息更充實(shí)有價(jià)值;


怎樣完善用戶體驗(yàn)地圖

1、建立正確的項(xiàng)目目標(biāo)是第一步,用戶體驗(yàn)地圖的優(yōu)勢(shì)與作用都有在前面講過(guò)(如果忘了可以在“兩者工具的差異與特性”中開(kāi)始回顧),使用用戶體驗(yàn)地圖是有目的性地,它不是優(yōu)化體驗(yàn)的萬(wàn)金油,通常都是收集用戶反饋知道某一些階段或環(huán)節(jié)存在問(wèn)題,而建立優(yōu)化目標(biāo)開(kāi)展的工作;



2、鎖定存在問(wèn)題的階段,建立用戶問(wèn)卷、焦點(diǎn)小組或用戶測(cè)試進(jìn)行聚焦研究,嘗試收集用戶的意見(jiàn)或優(yōu)化方案;



3、通過(guò)白板或線上協(xié)作工具建立簡(jiǎn)易的用戶體驗(yàn)地圖框架,并將研究用戶的畫像信息與碎片信息填入地圖。白板共創(chuàng)的辦法其實(shí)就是根據(jù)用戶體驗(yàn)地圖的框架,結(jié)合用戶視角將自己的觀點(diǎn)寫到便簽貼到對(duì)應(yīng)的區(qū)域,避免你一句我一句難以記載和整理;



4、關(guān)注每個(gè)階段的過(guò)渡,通常問(wèn)題很容易出現(xiàn)在這些地方,例如付費(fèi)前到付費(fèi)后階段,如何進(jìn)入后者階段就成了關(guān)鍵點(diǎn),另外沒(méi)啥優(yōu)化空間或體驗(yàn)良好的階段可以折疊起來(lái)留出更多空間關(guān)注核心;



5、用戶體驗(yàn)地圖的畫龍點(diǎn)睛之處在于跨部門協(xié)作完成,而不是閉門造車,邀請(qǐng)一兩個(gè)其他部門的人說(shuō)明要求和完善地圖并不是什么難事,只有這樣最后的結(jié)果才能達(dá)成戰(zhàn)略一致,而不是自己繪制完后要求其他人被動(dòng)接受結(jié)果;


檢驗(yàn)用戶體驗(yàn)地圖的標(biāo)準(zhǔn)

一、首先看你是否與用戶建立聯(lián)系,用戶體驗(yàn)地圖的個(gè)體對(duì)象是用戶不是你自己,盡可能的獲取真實(shí)的用戶的信息。

二、一個(gè)產(chǎn)品運(yùn)作是需要多個(gè)部門協(xié)作的,所以至少要有三個(gè)不同部門的人員參與進(jìn)來(lái)。

三、協(xié)作完成用戶體驗(yàn)地圖和達(dá)成共識(shí)后,你會(huì)驚奇的發(fā)現(xiàn)問(wèn)題如何解決,各個(gè)部門該怎么配合實(shí)現(xiàn)都清晰明朗了。


前一陣子跟UXren社區(qū)主理人寶珠老哥討論過(guò),就如截圖所示,更重要的是將企業(yè)各部門協(xié)同在一起,達(dá)成一致的戰(zhàn)略目標(biāo),共同參與探討出解決方向?yàn)闃I(yè)務(wù)賦能,這才是體驗(yàn)地圖的精髓所在。


什么是觸點(diǎn)模版工具

用戶體驗(yàn)地圖通常包含了一系列階段,而每一個(gè)階段都會(huì)由多個(gè)觸點(diǎn)編排成一段微型體驗(yàn),而觸點(diǎn)模板工具將會(huì)很好的為你建立和打開(kāi)一片微型的體驗(yàn)?zāi)P?,這種模型是由羅伯特·羅斯曼(j·Robert·Rossman)[美]與馬修·迪尤爾登(Mathew D·Duerden)[美]在《最佳體驗(yàn)》中提出的一種體驗(yàn)洞察工具,它可以很好的結(jié)合體驗(yàn)地圖去進(jìn)一步的深挖某段流程或階段里需要優(yōu)化的體驗(yàn),它們之間的關(guān)系就像一條路線圖與一份詳細(xì)的指引說(shuō)明。當(dāng)你完成某個(gè)觸點(diǎn)模版時(shí),你會(huì)對(duì)該觸點(diǎn)上的體驗(yàn)設(shè)計(jì)有清晰的認(rèn)識(shí),并且會(huì)形成一份書面報(bào)告與執(zhí)行團(tuán)隊(duì)共享和交流,觸點(diǎn)模板可以很好的解釋體驗(yàn)是如何設(shè)計(jì)的,并且將相關(guān)執(zhí)行團(tuán)隊(duì)的角色聯(lián)系在一起,這不是噱頭,你可以根據(jù)后文指引進(jìn)行嘗試。


體驗(yàn)類型的框架

體驗(yàn)是復(fù)雜的,在用戶觸點(diǎn)模版工具中,體驗(yàn)被劃分為平淡的、專心的、難忘的、有意義、革新性五種類型,并且它們具有連續(xù)性,是通過(guò)關(guān)鍵特征與關(guān)鍵屬性定義出來(lái)的,它們結(jié)合了心理學(xué)理論基礎(chǔ),目的是方便更好的理解體驗(yàn),并在設(shè)計(jì)實(shí)踐中起到指引作用促進(jìn)交流,因此我們?cè)谠O(shè)計(jì)時(shí)也應(yīng)該對(duì)用戶體驗(yàn)結(jié)果有意向性的去設(shè)計(jì),框架如圖;

*關(guān)于參與感的兩種系統(tǒng)思維是兩種不同的思維狀態(tài),系統(tǒng)1更像是慣性思維,憑借認(rèn)知或經(jīng)驗(yàn)更加快速和自動(dòng)化的思考,而系統(tǒng)2就會(huì)開(kāi)始更主動(dòng)的更深入的進(jìn)行思考,參與階段越高思維越深思。


而三個(gè)階段分別是;

一、接受:個(gè)體意識(shí)到和接受體驗(yàn)過(guò)程中正在發(fā)生的事情。

二、思考->處理->計(jì)劃:個(gè)體開(kāi)始積極的思考體驗(yàn),并對(duì)正在進(jìn)行中的事物做出處理與反應(yīng),同時(shí)可能開(kāi)始計(jì)劃各種應(yīng)對(duì)方案。

三、行動(dòng):深入的參與到體驗(yàn)中并引入新的觸點(diǎn)和元素來(lái)維持互動(dòng),從而共同創(chuàng)造體驗(yàn),例如《魷魚游戲》上映后,影片中的“扣糖餅”又帶火了糖餅。

當(dāng)新的事物被第三階段引入后,又會(huì)重新開(kāi)始接受并循環(huán),不過(guò)這并不代表所有的體驗(yàn)都能夠完整經(jīng)歷這三個(gè)階段。


觸點(diǎn)模板框架

觸點(diǎn)是用戶進(jìn)行交互的重要部分,其周期可長(zhǎng)可短,會(huì)產(chǎn)生不同感受,而一系列的心理感受會(huì)促成最終階段或完整的體驗(yàn)。觸點(diǎn)模版由11個(gè)部分組成,它們互相作用指導(dǎo)和揭示體驗(yàn)設(shè)計(jì)的方向與細(xì)節(jié),并把設(shè)計(jì)結(jié)果引向預(yù)期的體驗(yàn)方向。


抬頭信息

  • 編號(hào):對(duì)應(yīng)到體驗(yàn)地圖的階段編號(hào)或是觸點(diǎn)編號(hào),隨著觸點(diǎn)設(shè)計(jì)逐步完善,對(duì)應(yīng)的位置可能會(huì)發(fā)生轉(zhuǎn)移。

  • 標(biāo)題:對(duì)應(yīng)該觸點(diǎn)模版主題的標(biāo)題或是任務(wù)觸點(diǎn)的名字。

  • 體驗(yàn)類型:觸點(diǎn)的體驗(yàn)類型或整體的體驗(yàn)?zāi)繕?biāo),從平淡的到革新性的五個(gè)體驗(yàn)類型。

  • 期望的反應(yīng):我們把期望的反應(yīng)視為觸點(diǎn)預(yù)期結(jié)果的北極星指標(biāo),它可以是多個(gè)。我們通過(guò)用戶反應(yīng)逐步提煉出預(yù)期的結(jié)果供予用戶體驗(yàn),例如期望的反應(yīng)是笑容,那么我就可以提煉出“講個(gè)笑話、開(kāi)黑游戲”等可以促成反應(yīng)的體驗(yàn)結(jié)果,同時(shí)期待的反應(yīng)應(yīng)該盡可能的傳遞用戶價(jià)值。

核心組成部分

  • 期望的結(jié)果:根據(jù)期望的反應(yīng),我們要提供給用戶哪些體驗(yàn)來(lái)實(shí)現(xiàn)。同時(shí)期望的結(jié)果應(yīng)該跟類型相匹配。一般我們可以根據(jù) “1. 產(chǎn)生積極情緒、2. 吸引注意力、3. 幫助發(fā)展和加強(qiáng)關(guān)系、4. 從更宏大的視角給人來(lái)帶意義、5. 提升能力、6. 孤立自由選擇” 這些類型內(nèi)容作為起點(diǎn),并根據(jù)體驗(yàn)項(xiàng)目的情況細(xì)化,例如“心情低落想要刷刷手機(jī)產(chǎn)生積極情緒”Change“在App上刷會(huì)兒短視頻,看點(diǎn)有趣搞笑的段子來(lái)緩解下低落的情緒”。


  • 體驗(yàn)場(chǎng)景元素:觸點(diǎn)模板工具沒(méi)有特定的行業(yè)或業(yè)務(wù)模式,因此這些元素根據(jù)需要完善即可。而實(shí)際的元素應(yīng)用中也會(huì)有不同的權(quán)重,注意重點(diǎn)元素的設(shè)計(jì)應(yīng)用。

  • 互動(dòng)設(shè)計(jì):可以是人與人互動(dòng)、人機(jī)交互或更為復(fù)雜的互動(dòng),就是有意向性的將元素進(jìn)行編排與用戶產(chǎn)生互動(dòng)獲取必要的信息或傳遞。


  • 貢獻(xiàn)者:整個(gè)體驗(yàn)階段中,可見(jiàn)的幕前服務(wù)人員與后臺(tái)的服務(wù)員,他們是組成完整體驗(yàn)的重要部分,例如餐飲店的服務(wù)員與傳菜員就是可見(jiàn)的幕前服務(wù)貢獻(xiàn)者,而廚師們就是幕后的貢獻(xiàn)者。


  • 共同創(chuàng)造:共同創(chuàng)造和可供性是促進(jìn)用戶參與的兩個(gè)重要的方法,并且參與度有高有低。好的體驗(yàn)更多是與用戶共同創(chuàng)造的,建立合適的觸點(diǎn)與用戶共同創(chuàng)造體驗(yàn)是重要的!以微信的“拍一拍”來(lái)看就是個(gè)很好的例子,拍一拍功能本身是加強(qiáng)了微信聊天的可供性,給用戶提供了更多的互動(dòng)可能,同時(shí)用戶可以自己編輯被拍以后的文本,加強(qiáng)了體驗(yàn)的趣味性,這便是共同創(chuàng)造的過(guò)程。可供性為用戶提供更多互動(dòng)體驗(yàn)的可能,而共同創(chuàng)造為用戶提供DIY的空間。

  • 優(yōu)化:對(duì)觸點(diǎn)進(jìn)一步的優(yōu)化,加深體驗(yàn)感受。一般分成了兩大類型,一類是技術(shù)優(yōu)化、一類是藝術(shù)優(yōu)化。例如讓一個(gè)App加載短視頻更快更流暢,這就是技術(shù)型優(yōu)化,如果為一個(gè)服務(wù)器未響應(yīng)的404界面配上緩解焦慮的插圖,這便是藝術(shù)型優(yōu)化。


  • 過(guò)渡:觸點(diǎn)與觸點(diǎn)之間的過(guò)渡可能波動(dòng)、異常、緩慢、復(fù)雜等,如何引導(dǎo)用戶正常的過(guò)渡到下一個(gè)觸點(diǎn)也是重要的一部分,它可以是自動(dòng)化的隱式過(guò)渡也可以是引導(dǎo)性的顯式過(guò)渡,就像是安全通道的指示燈一樣將用戶從一個(gè)地點(diǎn)帶往另一個(gè)地點(diǎn)。


*觸點(diǎn)模版(可直接下載原圖進(jìn)行打印使用)


如何構(gòu)建一個(gè)觸點(diǎn)模版

通過(guò)一段音頻聊天室互動(dòng)體驗(yàn)之旅來(lái)揭示觸點(diǎn)模版用法與效果,音頻聊天室大家應(yīng)該都熟悉了,這里就不聚焦用戶畫像與用戶體驗(yàn)地圖了,觸點(diǎn)發(fā)生在用戶第一次進(jìn)入歌廳音頻房間,那么應(yīng)該怎么設(shè)計(jì)體驗(yàn)來(lái)為用戶留下好印象呢?



觸點(diǎn)是發(fā)生在注冊(cè)后的第二個(gè)階段,即首頁(yè)房間列表(編號(hào)A02),完成注冊(cè)階段后見(jiàn)到的第一個(gè)界面。標(biāo)題則暫定為“一次非凡的音頻互動(dòng)之旅”,我們希望新用戶在選擇好一個(gè)房間進(jìn)入后能夠有一次愉悅難忘的體驗(yàn)經(jīng)歷,而相應(yīng)的期待反應(yīng)則是“有人帶我玩真棒!這個(gè)聲音我好喜歡,下次還來(lái)找Ta們”。體驗(yàn)類型則希望是從平淡的體驗(yàn)類型升華到難忘的。

其中體驗(yàn)場(chǎng)景除了設(shè)備自身與軟件環(huán)境,更多真實(shí)的環(huán)境因素碰撞我們無(wú)法預(yù)測(cè)和控制,因此僅鎖定軟件自身的場(chǎng)景元素?;?dòng)設(shè)計(jì)則是關(guān)鍵,軟件本身更多是工具支持,我們需要利用好運(yùn)營(yíng)資源跟用戶產(chǎn)生互動(dòng)來(lái)促成體驗(yàn)結(jié)果,這里我們會(huì)根據(jù)技術(shù)可行性優(yōu)先考慮能為用戶提供的體驗(yàn)結(jié)果,再到互動(dòng)設(shè)計(jì)部分。其次就是過(guò)渡部分,預(yù)期的過(guò)渡觸點(diǎn)實(shí)際上會(huì)有多個(gè)方向,我們優(yōu)先以充值消費(fèi)作為一個(gè)觸點(diǎn)(轉(zhuǎn)化)、私信關(guān)注為另一個(gè)觸點(diǎn)(形成互動(dòng)聯(lián)系方式),完善后的觸點(diǎn)模版如圖;


在該觸點(diǎn)模版中,主要揭示了如何為用戶打造理想的體驗(yàn)之旅,不僅涉及到運(yùn)營(yíng)方法也包含了軟件的重點(diǎn)優(yōu)化部分,它很好的展示了如何通過(guò)角色之間在軟件中的互動(dòng)來(lái)促成體驗(yàn)與商業(yè)價(jià)值,當(dāng)你把這份資料在團(tuán)隊(duì)里分享后,完全可以清晰的對(duì)體驗(yàn)設(shè)想進(jìn)行解釋,以促進(jìn)團(tuán)隊(duì)內(nèi)的深入討論與細(xì)節(jié)推進(jìn)。至于相關(guān)功能的細(xì)節(jié)推敲同樣可以采用觸點(diǎn)模版繼續(xù)深入。



接著A02觸點(diǎn)模版中提到的標(biāo)簽體系優(yōu)化,我們?cè)僖淮蔚慕Y(jié)合觸點(diǎn)模版進(jìn)行標(biāo)簽的體驗(yàn)設(shè)計(jì),編號(hào)設(shè)定為“A03”,這是一個(gè)泛觸點(diǎn),它涉及到用戶注冊(cè)進(jìn)入時(shí)、房間互動(dòng)、系統(tǒng)消息、消費(fèi)與充值、裝扮標(biāo)簽的著落頁(yè),但歸根還是在應(yīng)用內(nèi)。標(biāo)題為“讓標(biāo)簽為用戶賦能意想不到的體驗(yàn)”,在這段泛觸點(diǎn)中我們期望圍繞標(biāo)簽為用戶打造難忘的體驗(yàn),讓標(biāo)簽產(chǎn)生更多的價(jià)值與業(yè)務(wù)轉(zhuǎn)換,經(jīng)過(guò)初步的體驗(yàn)設(shè)計(jì)后,新的觸點(diǎn)模版如下;


在這個(gè)觸點(diǎn)模版上我們對(duì)標(biāo)簽的作用價(jià)值進(jìn)行了定義,并對(duì)功能及業(yè)務(wù)流程上進(jìn)行了設(shè)想,已經(jīng)初步的形成了標(biāo)簽體驗(yàn)的設(shè)計(jì),接下來(lái)只要將裝扮標(biāo)簽的著陸頁(yè)與房間內(nèi)的應(yīng)用進(jìn)行完善設(shè)計(jì),在輔以條件判斷與消息通知打通閉環(huán)就算是完成主要工作了,再此后的內(nèi)容你是繼續(xù)用觸點(diǎn)模版還是設(shè)計(jì)交互原型都是可以的,至少目標(biāo)是明確的。相信寫到這里,觸點(diǎn)模版的應(yīng)用與功效你已經(jīng)一目了然了。


觸點(diǎn)模版小結(jié)

觸點(diǎn)模版的板塊跟信息維度較多,但是考慮到觸點(diǎn)或項(xiàng)目的實(shí)際情況,模板內(nèi)的信息填充不用完整。并且它的確可以很好的將體驗(yàn)設(shè)計(jì)的思路整理出來(lái)并形成材料分享,對(duì)于多個(gè)觸點(diǎn)只需要根據(jù)體驗(yàn)地圖上的順序打上編號(hào)后,即可將多個(gè)觸點(diǎn)模版的關(guān)系連接起來(lái),你可以將打印填充后的模版依次排列或張貼在白板上的體驗(yàn)地圖上。


觸點(diǎn)模版就像是一份交互自檢表,它從多個(gè)維度去考慮和解釋了觸點(diǎn)體驗(yàn)的設(shè)計(jì),盡管沒(méi)有勾畫出詳細(xì)的設(shè)計(jì)細(xì)節(jié),但是體驗(yàn)設(shè)計(jì)思路與執(zhí)行團(tuán)隊(duì)的任務(wù)已經(jīng)很明確了。


另外完成觸點(diǎn)模版時(shí),并非是要按照模版里的板塊順序作業(yè),比如有時(shí)候我們是根據(jù)體驗(yàn)結(jié)果考慮運(yùn)用哪些體驗(yàn)場(chǎng)景,如果有固定的場(chǎng)景,那么你就可以根據(jù)場(chǎng)景情況開(kāi)始考慮,一般更傾向于先設(shè)定體驗(yàn)結(jié)果進(jìn)行倒推。再就前面啰嗦過(guò)的,我們根據(jù)項(xiàng)目情況完善需要的模塊即可。


服務(wù)藍(lán)圖介紹

更完整的服務(wù)流程可視化工具,可以結(jié)合用戶體驗(yàn)地圖對(duì)服務(wù)流程進(jìn)行優(yōu)化或調(diào)整,相比傳統(tǒng)的業(yè)務(wù)流程圖,它在用戶角色關(guān)系與前后端分離上有明顯優(yōu)勢(shì)。是一種服務(wù)可視化的工具,利于讓產(chǎn)品保持精益(識(shí)別價(jià)值點(diǎn)、優(yōu)化流程)

多角色的引入,雖然使得藍(lán)圖更加復(fù)雜,但是能夠反映出更多角色的交互與流程關(guān)系。

服務(wù)藍(lán)圖的因素:

服務(wù)藍(lán)圖的構(gòu)建元素:


結(jié)語(yǔ)

客觀來(lái)講,這些體驗(yàn)地圖時(shí)常保持爭(zhēng)議,特別是逐步大范圍在業(yè)內(nèi)曝光后,形式化、假把式、濫用等標(biāo)簽也愈發(fā)明顯吶,這些體驗(yàn)洞察工具并不總是能夠在項(xiàng)目中發(fā)揮預(yù)期作用,它們也需要區(qū)分使用場(chǎng)景跟項(xiàng)目需求情況,如果你沒(méi)有嘗試過(guò),可以積極引用,當(dāng)你熟悉應(yīng)用后你會(huì)發(fā)現(xiàn)收獲更多的是一種體驗(yàn)設(shè)計(jì)的思維,一旦需求或痛點(diǎn)擺到面前時(shí)不再像一只無(wú)頭蒼蠅。

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)掃碼ben_lanlan,報(bào)下信息,會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

文章來(lái)源:站酷 作者:泡泡bing

分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責(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.yvirxh.cn )是一家專注而深入的界面設(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ù)

“留量”時(shí)代,做設(shè)計(jì)需要運(yùn)營(yíng)思維

ui設(shè)計(jì)分享達(dá)人

寫在前面


今年的“雙十一”,朋友圈異常安靜,沒(méi)有了以前電商活動(dòng)的氛圍,沒(méi)有漂亮的數(shù)據(jù),沒(méi)有曬圖,有人說(shuō)是用戶消費(fèi)疲軟了?數(shù)據(jù)不會(huì)騙人,今年”雙十一”一天的GMV還是比去年高了將近500億,而且一大波尾款人在11月1日就已經(jīng)結(jié)束。再加上直播電商,用戶購(gòu)買渠道變多了。李佳琦直播帶貨一晚就超100億的GMV,說(shuō)明用戶的消費(fèi)意愿和消費(fèi)力還是很強(qiáng)的。算一下,50個(gè)李佳琦直播一晚上就能抵上“雙十一”一整天的GMV,有點(diǎn)厲害。中國(guó)偉大復(fù)興的道路還在繼續(xù),隨著人民生活水平的提高,文化素養(yǎng)提高,互聯(lián)網(wǎng)普及,消費(fèi)力只會(huì)增不會(huì)減,只是戰(zhàn)場(chǎng)在變化。


前些日子發(fā)了PP微助手的優(yōu)化作品,本篇將結(jié)合改版思路和最近對(duì)互聯(lián)網(wǎng)設(shè)計(jì)行業(yè)的思考進(jìn)行一些分享,希望對(duì)大家有一定的幫助,歡迎大家來(lái)指正吐槽~


點(diǎn)擊可以查看   PP微助手改版優(yōu)化







流量變“留量”




互聯(lián)網(wǎng)產(chǎn)品最重要的就是流量,沒(méi)有流量,就算產(chǎn)品設(shè)計(jì)的再好,早晚也會(huì)運(yùn)營(yíng)不下去。縱觀這些年移動(dòng)互聯(lián)網(wǎng)的發(fā)展,市場(chǎng)已經(jīng)被分割的差不多了,各個(gè)行業(yè)都有龍頭企業(yè)(社交:微信、購(gòu)物:京東淘寶、出行:滴滴哈羅、外賣:餓了么美團(tuán)、旅游:攜程等等),各大互聯(lián)網(wǎng)公司業(yè)務(wù)也趨于穩(wěn)定,紅利期已經(jīng)過(guò)去,流量市場(chǎng)已經(jīng)變成了“留量”市場(chǎng)。就像淘寶這種大流量的產(chǎn)品,也在吃流量老本。




回歸到設(shè)計(jì),在互聯(lián)網(wǎng)公司做設(shè)計(jì),一直在強(qiáng)調(diào)需要有產(chǎn)品思維、用戶思維,然而在“留量”的時(shí)代,更需要我們具有運(yùn)營(yíng)思維,同行業(yè)的業(yè)務(wù)趨同、需求趨同,可挖掘的需求少之又少,可以打開(kāi)同一行業(yè)的各類app一看,就知道產(chǎn)品形態(tài)大同小異。所以只能在“留量”里下功夫,既要減少存量用戶的流失,還要在這基礎(chǔ)上讓存量用戶創(chuàng)造更大的價(jià)值。必然,我們?cè)谧鲈O(shè)計(jì)改版的時(shí)候就需要結(jié)合一些運(yùn)營(yíng)知識(shí)。






曝光



“曝光”一詞相信大家都聽(tīng)過(guò),在拍照時(shí),“曝光”時(shí)間越長(zhǎng),照片細(xì)節(jié)就越豐富,當(dāng)然過(guò)度“曝光”,也會(huì)讓照片失真。在運(yùn)營(yíng)一個(gè)互聯(lián)網(wǎng)產(chǎn)品時(shí),也需要用到“曝光”,這里的“曝光”是指產(chǎn)品內(nèi)容的“曝光”。


用戶在進(jìn)入某款產(chǎn)品的時(shí)候,都是帶有一定目的性,通常情況都會(huì)經(jīng)歷三步操作,從看見(jiàn)內(nèi)容,到與產(chǎn)品互動(dòng),最后得到想要的結(jié)果。




這里的“看見(jiàn)”,就要說(shuō)到產(chǎn)品承載信息的曝光,合理的信息曝光才能更精準(zhǔn)快速的觸達(dá)用戶。同時(shí),運(yùn)營(yíng)同學(xué)最關(guān)心的數(shù)據(jù)和流量,也是需要安排合理的信息曝光才能有有效的數(shù)據(jù)和流量。在手機(jī)這么一小塊屏幕想把所有內(nèi)容都曝光出來(lái),是不太現(xiàn)實(shí)的,就算能,也不合理。把過(guò)多的信息一下子全部曝光給用戶,效果反而會(huì)很差。通常做法就是對(duì)頁(yè)面進(jìn)行樓層的分割,流量進(jìn)行合理的分發(fā)。大流量的產(chǎn)品,每個(gè)樓層都需要單獨(dú)部門去運(yùn)營(yíng)的,這樣就會(huì)出現(xiàn)業(yè)務(wù)主次和優(yōu)先級(jí),不然各部門就會(huì)為了爭(zhēng)奪"屏幕地盤",無(wú)限撕逼。




作為設(shè)計(jì)師,就需要和運(yùn)營(yíng)部門做好以下確認(rèn):


1、樓層怎么分割,哪些樓層是產(chǎn)品部門控制,哪些樓層是運(yùn)營(yíng)部門控制,每個(gè)樓層顯示哪些內(nèi)容,設(shè)計(jì)師需要根據(jù)每個(gè)樓層的重要性,去定義屏占比


2、哪些模塊需要首屏曝光,哪些是需要第二屏曝光,依此類推,這個(gè)至關(guān)重要,設(shè)計(jì)師就要考慮各類機(jī)型適配問(wèn)題,比如iPhoneX一屏能顯示下的內(nèi)容,在其他手機(jī)未必能顯出來(lái),這樣會(huì)直接影響曝光,導(dǎo)致數(shù)據(jù)不好(等著背鍋吧~),嚴(yán)格來(lái)講要根據(jù)實(shí)際用戶使用機(jī)型占比去定義首屏顯示的內(nèi)容。


3、每個(gè)模塊內(nèi)容的信息層級(jí),明確信息優(yōu)先級(jí)才能結(jié)果為導(dǎo)向去做交互布局和視覺(jué)呈現(xiàn),這時(shí)候就是你發(fā)揮的時(shí)候,對(duì)比、親密關(guān)系、留白等等,都可以上了。






這里結(jié)合PP微助手的一些改版優(yōu)化(非全套),分享一些改版思路。


PP微助手改版思路解析


項(xiàng)目背景:PP微助手是取代電視遙控器一部分功能開(kāi)發(fā)的一款小程序,核心需求有幾點(diǎn)


1、賬號(hào)統(tǒng)一,PPTV時(shí)代的用戶,大多都是使用的PPTV的賬號(hào),為了方便管理蘇寧易購(gòu)賬號(hào)體系,會(huì)引流把PPTV尚未升級(jí)的賬戶統(tǒng)一升級(jí)合并至蘇寧易購(gòu)賬號(hào)。

2、投屏功能,看影片終端還是以電視機(jī)為主,所以只做投屏,不做在線播放功能

3、智能語(yǔ)音,結(jié)合蘇寧小biu智能語(yǔ)音系統(tǒng),可以和電視機(jī)語(yǔ)音互動(dòng),實(shí)現(xiàn)交互功能

4、會(huì)員業(yè)務(wù),移動(dòng)端開(kāi)通會(huì)員比電視端更方便,同時(shí)可以用一些運(yùn)營(yíng)手段促進(jìn)用戶開(kāi)通會(huì)員

5、推送活動(dòng),電視機(jī)打開(kāi)頻次不如移動(dòng)端,推送活動(dòng)給用戶,移動(dòng)端可以實(shí)時(shí)看到



電商行業(yè)通常會(huì)把用戶分成“大明”、“笨笨”、“小閑”三大類用戶,在視頻類產(chǎn)品,絕大多數(shù)用戶都是“小閑”用戶,來(lái)平臺(tái)都是找樂(lè)子打發(fā)時(shí)間的。




思路一:架構(gòu)改變(產(chǎn)品思維):


PP微助手本來(lái)就是輔助電視機(jī)的,用戶覺(jué)得用遙控器操作麻煩才會(huì)選擇用小程序操作。在設(shè)計(jì)的時(shí)候,把用戶當(dāng)成是一個(gè)并不想動(dòng)腦子并且很懶的傻子,產(chǎn)品設(shè)計(jì)越簡(jiǎn)單越好,否則用戶干嘛要用小程序,遙控器挺好的,遙控器的大多交互都已經(jīng)習(xí)慣,也沒(méi)啥學(xué)習(xí)成本。






從用戶角度分析,進(jìn)入小程序無(wú)非就是找片源、看片以及看片過(guò)程中的一些基礎(chǔ)控制操作(播放、暫停、快進(jìn)等等),所以簡(jiǎn)化了產(chǎn)品整體框架,從原來(lái)底部5個(gè)tab(首頁(yè)、片庫(kù)、遙控、搜索、我的),改為3個(gè)tab(首頁(yè)、遙控、我的)。產(chǎn)品呈現(xiàn)給用戶的樣貌更加簡(jiǎn)單直觀,也相應(yīng)的培養(yǎng)了用戶心智,讓用戶對(duì)PP微助手這款小程序有個(gè)基本定位。





思路二:樓層分割(運(yùn)營(yíng)思維):


首頁(yè)改版前,按照iPhoneX的尺寸,首頁(yè)第一屏也就曝光了3個(gè)分類,而且下滑到底總共也就幾個(gè)分類,片源的曝光度不高,banner呈現(xiàn)也相對(duì)普通,就是那種正常電商類頭部banner。同時(shí)交互成本也高,要點(diǎn)擊“更多”才能看該分類影片的全部列表,要知道多一步操作就會(huì)多損失一部分用戶轉(zhuǎn)化。


改版后,針對(duì)第一樓層推薦影片采用電影宣傳時(shí)的大海報(bào)樣式,視覺(jué)焦點(diǎn)更強(qiáng)烈,同時(shí)曝光也更強(qiáng)烈一些,你去電影院的時(shí)候,看到的電影宣傳海報(bào),大多都是這類豎版的,用戶已經(jīng)有一定的心智模型,所以在這里采用豎版更為好一些。這些推薦影片在這里也作為“hook”,后面會(huì)講。當(dāng)然像電商類產(chǎn)品,首頁(yè)需要考慮嚴(yán)謹(jǐn)?shù)钠琳急?,這類尺寸肯定不合適。


第二樓層是影片的分類,采用文字tab左右滑動(dòng)的方式,這種分類方式雖然沒(méi)啥設(shè)計(jì)感,也普普通通,但是在一個(gè)分類眾多的產(chǎn)品里,這種處理方法相當(dāng)不錯(cuò)。減小了樓層的沖突,也提高了內(nèi)容的曝光。像騰訊視頻、愛(ài)奇藝、優(yōu)酷,分類tab都是吸頂固定的,很直觀的傳達(dá)給用戶影片信息。下拉的時(shí)候,這里采用feed流,用戶在交互習(xí)慣上,連續(xù)操作時(shí),對(duì)同一種交互會(huì)有慣性和依賴,上滑時(shí)查看更多影片,能滿足用戶的預(yù)期,也不會(huì)因?yàn)檎{(diào)整新的交互(上述的點(diǎn)擊跳轉(zhuǎn)查看更多)方式讓用戶反感。在視覺(jué)形式上,采用了橫版的樣式,是為了和第一樓層形成對(duì)比,也是為了節(jié)省屏幕空間,能曝光更多的內(nèi)容。二樓的影片內(nèi)容也可以分布一些“hook”



搜索也是一種用戶找片源的方式,后面再講,這里要考慮到流量分發(fā)的情況。





思路三:引導(dǎo)用戶(運(yùn)維思維)


按照福格模型B=MAT,完成行為的三要素:動(dòng)機(jī)、能力和觸發(fā)器。



用戶進(jìn)了影片詳情,說(shuō)明已經(jīng)有動(dòng)機(jī)了,這時(shí)候需要抓住機(jī)會(huì),按照產(chǎn)品需求可以完成兩個(gè)行為目的,一個(gè)是讓PPTV賬號(hào)升級(jí)成蘇寧易購(gòu)賬號(hào),二是轉(zhuǎn)化成會(huì)員用戶。


這里要看一下進(jìn)入詳情的數(shù)據(jù),是“hook”進(jìn)來(lái)的用戶多還是非“hook”進(jìn)來(lái)的用戶多。如果是“hook”進(jìn)來(lái)的多,說(shuō)明用戶主觀意愿不是很強(qiáng),這部分用戶可能會(huì)流失,如果是非“hook”或者搜索進(jìn)來(lái)的更多,說(shuō)明平臺(tái)用戶主觀意愿更強(qiáng),有較高的粘性,更容易促進(jìn)會(huì)員的轉(zhuǎn)化。



對(duì)平臺(tái)來(lái)說(shuō),希望用戶進(jìn)來(lái)完成兩條路徑:


1、未登錄的用戶,點(diǎn)“推送”和“開(kāi)通會(huì)員”按鈕,進(jìn)入下一步登錄或者升級(jí)賬號(hào)流程。當(dāng)然這一步會(huì)流失用戶,部分用戶會(huì)反感登錄這種操作。


2、已登錄的用戶,可以快速推送影片,完成自己的看片目的,如果是會(huì)員影片,這里就需要用戶先開(kāi)通會(huì)員,當(dāng)然只是引導(dǎo),還會(huì)有一部分用戶不想開(kāi)通會(huì)員,選擇離開(kāi)。





防止用戶過(guò)多的流失,就需要平臺(tái)一定的干涉,加強(qiáng)登錄或者開(kāi)通會(huì)員的意愿,可以從以下幾點(diǎn)入手:


1、沉浸式體驗(yàn),進(jìn)入詳情,頭部區(qū)域自動(dòng)播放影片花絮或者預(yù)告,快速讓抓取用戶眼球,增加下一步操作的意愿。

2、醒目的豆瓣評(píng)分,“hook”影片選擇一些評(píng)分高的,用戶針對(duì)豆瓣評(píng)分已經(jīng)有一定的認(rèn)知,評(píng)分優(yōu)質(zhì)的影片,用戶更有意愿觀看,更容易促進(jìn)下一步動(dòng)作,提高會(huì)員的轉(zhuǎn)化率。

3、各類標(biāo)簽,比如:首播、獨(dú)家、會(huì)員免費(fèi)、會(huì)員半價(jià)、4K高清等等,能清晰定位影片,捕捉各類用戶看片心智。

4、會(huì)員相關(guān)信息展示,未登錄的提示“登錄領(lǐng)券、限時(shí)活動(dòng)等”,非會(huì)員提示“會(huì)員權(quán)益、開(kāi)通會(huì)員的利益點(diǎn)等”刺激用戶。



思路四:優(yōu)惠券吸引用戶(運(yùn)維思維)


改版前優(yōu)惠券和體驗(yàn)券在不同入口,流量分散了,券的目的就是要讓用戶去使用,需要縮短路徑,更直觀的展示給用戶,能讓用戶快速做決策。如果券種類多的話,還需要區(qū)分各種券樣式,需要讓用戶快速定位想使用的券。

其中已使用和已過(guò)期的券對(duì)用戶來(lái)說(shuō)就是已經(jīng)沒(méi)用的券,并不需要再用單獨(dú)的tab分類,并且弱化處理。因?yàn)镻P微助手會(huì)員券相對(duì)比較少,不像電商一樣,會(huì)送很多商品券,所以用最簡(jiǎn)單的形式展示給用戶就行。


值得注意的一點(diǎn),不是說(shuō)已過(guò)期的券就沒(méi)用了,如果運(yùn)營(yíng)把控好節(jié)奏,發(fā)券有一定規(guī)律,用戶看到過(guò)期的券會(huì)有一定的挫敗感,就會(huì)經(jīng)常來(lái)關(guān)注券?!皬U券再利用”也能增加用戶的粘性。針對(duì)快過(guò)期的券,必要時(shí)候可以做二次提醒,給用戶造成緊張感,會(huì)激發(fā)用券欲望。


說(shuō)服用戶下決定,一般從以下三個(gè)點(diǎn)去考慮:時(shí)間緊迫性、暗示稀缺性、后果恐嚇性







流量分發(fā)和流量承接



產(chǎn)品的流量來(lái)源有很多,除了自身用戶進(jìn)入產(chǎn)品的流量,還有線下廣告、線上廣告、分享鏈接等等各種來(lái)源。目前主要的流量分發(fā)方式包括:搜索分發(fā)、算法分發(fā)、社交分發(fā)、人工分發(fā)、付費(fèi)分發(fā)。PP微助手主要應(yīng)用算法分發(fā)、搜索分發(fā)、人工分發(fā)。




先講一下“hook”,在電商里是“鉤子商品”,這里我把“hook”當(dāng)做是“鉤子影片”,運(yùn)營(yíng)精準(zhǔn)推薦的一些“hook”,會(huì)取到不錯(cuò)的轉(zhuǎn)化效果。



用戶在產(chǎn)品內(nèi)的行為路徑是不可控的,一大波流量進(jìn)入首頁(yè),每個(gè)用戶都有自己的目的,所以需要對(duì)用戶進(jìn)行分流。一部分用戶去了搜索,這類用戶目的很明顯,知道自己想看的影片名稱,這部分就是搜索分發(fā)的流量;一部分用戶被“hook”勾走了,"hook"激發(fā)了用戶的看片動(dòng)機(jī),這部分就是人工分發(fā)的流量,需要運(yùn)營(yíng)去干預(yù);一部分用戶在不停的瀏覽,在瀏覽過(guò)程中找自己的影片,產(chǎn)品會(huì)分析用戶行為,顯示千人千面的首頁(yè),這部分就是算法分發(fā)的流量。


有流量分發(fā),那必然就有流量承接,流量承接都是相對(duì)流量分發(fā)的,在電商產(chǎn)品里,站內(nèi)的流量承接一般都在商詳,以及對(duì)應(yīng)的后置鏈路(訂單確認(rèn)、結(jié)算等等),從各渠道進(jìn)來(lái)的流量,最終匯總在商詳。在商詳,會(huì)突出各種利益點(diǎn)和產(chǎn)品自身優(yōu)勢(shì)去刺激用戶下單。至于利益點(diǎn),活動(dòng)時(shí)候的各種優(yōu)惠信息就是典型例子,產(chǎn)品自身優(yōu)勢(shì),比如:淘寶的先享后付、京東有京東物流次日達(dá)等等。在PP微助手這里流量承接就是影片詳情以及后置鏈路會(huì)員套餐頁(yè),具體可以看上面的“思路三”的分析,怎么去承接流量,怎么去促進(jìn)轉(zhuǎn)化。

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)掃碼ben_lanlan,報(bào)下信息,會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

文章來(lái)源:站酷 作者:胖冷不冷

分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責(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.yvirxh.cn )是一家專注而深入的界面設(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ù)


B端設(shè)計(jì)規(guī)范

資深UI設(shè)計(jì)者

1.準(zhǔn)備工作


設(shè)計(jì)工具

Sketch

精不精通Sketch,就看插件用的溜不溜,推薦個(gè)網(wǎng)站:http://sketch.cm/

無(wú)論是學(xué)習(xí)Sketch,還是搜插件、找素材,都是Sketch使用者的優(yōu)選項(xiàng)。

Sketch是OS X平臺(tái)獨(dú)占,需要下載Sketch可以到這個(gè)網(wǎng)站去下載。

這里推薦個(gè)Mac平臺(tái)應(yīng)用的下載網(wǎng)站,使用Mac的小伙伴可以去這里下:http://xclient.info/

我個(gè)人是很推薦使用Sketch做UI設(shè)計(jì)的,軟件本身已經(jīng)提供了大量的IOS和Android系統(tǒng)設(shè)計(jì)資源,配合各類插件,幾乎無(wú)所不能。



Photoshop

相比于Sketch來(lái)說(shuō),體型胖了點(diǎn),在UI設(shè)計(jì)上略遜一籌。不過(guò)因?yàn)镾ketch是OS X獨(dú)占,所以因?yàn)槠脚_(tái)限制的原因,用PS設(shè)計(jì)也沒(méi)有問(wèn)題。

我很久沒(méi)用它做UI設(shè)計(jì)了,也沒(méi)啥可推薦的了。



Adobe XD

全稱為Adobe Experience Design;這是一款集原型、設(shè)計(jì)和交互于一體的小清新時(shí)代風(fēng)格的設(shè)計(jì)軟件。雖然有人說(shuō),Adobe XD將會(huì)是Skech的勁敵。然而在windows系統(tǒng)當(dāng)中,Adobe XD的確是產(chǎn)品原型設(shè)計(jì)領(lǐng)域最順手的設(shè)計(jì)軟件。它使用簡(jiǎn)單,界面整潔,雖然之前一直使用的是Axure 8.0,但看來(lái),Adobe XD在界面、素材以及設(shè)計(jì)操作上的確甩了Axure好幾條街,至少它成功的吸引到了我。



做好版本管理、文件歸檔的工作

專業(yè)水平不僅體現(xiàn)在設(shè)計(jì)能力之上,優(yōu)秀的管理能力也是重要的職業(yè)素養(yǎng)。

合理規(guī)劃好設(shè)計(jì)版本,進(jìn)行明確的文件歸檔工作,有助于提高設(shè)計(jì)師的工作效率。

這里不贅述了,每個(gè)人有自己的版本管理方式,不過(guò)目標(biāo)只有一個(gè):清晰高效。




2.關(guān)于手機(jī)的基礎(chǔ)概念

這里的概念性內(nèi)容不要強(qiáng)行記憶,理解即可,它是做移動(dòng)UI設(shè)計(jì)的理論常識(shí)。


手機(jī)分辨率

手機(jī)屏幕的像素點(diǎn)數(shù)。比如750*1334、720*1280等等,細(xì)分還有物理分辨率和邏輯分辨率,這里不擴(kuò)展講解了,想了解自行百度吧。

手機(jī)分辨率牽扯到的就是工作時(shí)設(shè)計(jì)稿的尺寸,只要記住設(shè)計(jì)尺寸就可以了。


屏幕尺寸

手機(jī)對(duì)角線的物理尺寸,單位是英寸。IPhone 6/7/8的尺寸就是4.7英寸……

屏幕尺寸和設(shè)計(jì)其實(shí)關(guān)系不大,主要是用來(lái)計(jì)算屏幕密度的。


屏幕密度(DPI或PPI)

每英寸的像素點(diǎn)數(shù)。簡(jiǎn)單理解就是屏幕密度越大,畫面越逼真細(xì)膩。

下面是屏幕密度的計(jì)算方法,范例是5英寸,分辨率為1920*1080的手機(jī):



屏幕密度牽扯最多的是安卓系統(tǒng),安卓手機(jī)屏幕本身的密度種類非常多,這也是導(dǎo)致了安卓系統(tǒng)需要提供多套切圖的原因。(使用SVG格式圖片可以解決多套切圖和適配的問(wèn)題,這個(gè)我們下面會(huì)提到)




3.基礎(chǔ)設(shè)計(jì)規(guī)范——IOS系統(tǒng)

這是蘋果的開(kāi)發(fā)者官網(wǎng):https://developer.apple.com/

這里有持續(xù)更新的最新設(shè)計(jì)規(guī)范和資源模板,雖然是全英文的,但并不影響閱讀。

設(shè)計(jì)師應(yīng)該學(xué)會(huì)從官方獲得設(shè)計(jì)資料,這比其他途徑獲得的資料更加全面和權(quán)威。


最新系統(tǒng)版本:IOS 11.4.1

中文字體:蘋方黑體

英文字體:San Francisco

官方系統(tǒng)設(shè)計(jì)模板下載:

https://developer.apple.com/design/resources/


官方系統(tǒng)設(shè)計(jì)字體下載:

https://developer.apple.com/fonts/


下圖是截止到目前,可能還需要支持的機(jī)型和對(duì)應(yīng)的設(shè)計(jì)尺寸:




設(shè)計(jì)稿尺寸

只推薦750*1334的尺寸來(lái)做設(shè)計(jì)稿,這是向上向下都最容易適配的尺寸,包括用這個(gè)尺寸去適配Android版。

除了IPhone X的比例特殊外,其他的IPhone比例幾乎差不多的,比較容易適配。



Sketch設(shè)計(jì)

使用375 * 667尺寸即可,開(kāi)發(fā)在Xcode里也是使用這個(gè)尺寸。

導(dǎo)出的@2x圖適配IPhone 5/5S/5C/SE   6/6S/7/8

導(dǎo)出的@3x圖適配Iphone 6/6S/7/8 Plus    IPhone X



Photoshop設(shè)計(jì)

畫布就建成750 * 1334尺寸的即可,在這個(gè)前提之下,

導(dǎo)出原尺寸圖片加后綴@2x,適配IPhone 5/5S/5C/SE   6/6S/7/8

導(dǎo)出1.5倍圖片加后綴@3x,適配IPhone 6/6S/7/8 Plus    IPhone X



常用數(shù)據(jù)

下面的內(nèi)容蘋果官方提供的模板文檔其實(shí)都有對(duì)應(yīng)的數(shù)據(jù),可以去官網(wǎng)下載。


字號(hào)使用建議(這個(gè)不是硬性規(guī)定,根據(jù)視覺(jué)效果酌情使用)

導(dǎo)航文字            34-38px

標(biāo)題文字            28-34px

正文文字            26-30px

輔助文字            20-24px

Tab bar文字       20px



圖標(biāo)尺寸建議

APP應(yīng)用圖標(biāo),建議使用1024*1024尺寸去做,逐級(jí)縮小去應(yīng)用到各種場(chǎng)景中。

SKetch已經(jīng)提供了IOS和Android系統(tǒng)的APP尺寸圖標(biāo)模板,直接使用就可以了。


界面適配

程序內(nèi)部的功能界面:這種界面通過(guò)寫成自適應(yīng)的界面可以很好的適配各種機(jī)型;如果有特殊的布局要求,也可以讓開(kāi)發(fā)根據(jù)特定機(jī)型去調(diào)整,不需要單獨(dú)為各類機(jī)型再做設(shè)計(jì)稿。


覆蓋全屏類的界面:比如閃屏、啟動(dòng)頁(yè)、引導(dǎo)界面、插畫頁(yè)面等等,這類覆蓋全屏的界面必須要單獨(dú)為IPhone X的比例重新繪制或者調(diào)整設(shè)計(jì)稿。

其他的IPhone機(jī)型,遇到這種界面,整體放大縮小、微調(diào)之后按照各機(jī)型的設(shè)計(jì)尺寸輸出對(duì)應(yīng)的切圖就可以了。


IPhone X的安全區(qū)域:IPhone X的安全區(qū)域就是扣除頂部劉海狀態(tài)欄和底部虛擬home鍵之后,中間的內(nèi)容顯示區(qū)域。如果你不得不使用IPhoneX的尺寸做設(shè)計(jì)稿,請(qǐng)一定設(shè)置好參考線,不要把內(nèi)容做進(jìn)這兩塊區(qū)域內(nèi)部。

IPhone X規(guī)范:iPhone X 人機(jī)交互指南及其設(shè)計(jì)細(xì)節(jié)



簡(jiǎn)單理解APP構(gòu)成

下圖是IOS開(kāi)發(fā)工具Xcode里的一個(gè)空白頁(yè)面,圖片的文字標(biāo)注請(qǐng)仔細(xì)閱讀。

本質(zhì)上,開(kāi)發(fā)寫APP界面和設(shè)計(jì)做設(shè)計(jì)稿是一樣的,只不過(guò)兩者實(shí)現(xiàn)方法不同。



APP的構(gòu)成遠(yuǎn)遠(yuǎn)要比上圖寫的復(fù)雜的多,我們這里使用最簡(jiǎn)單的理解方式。



設(shè)計(jì)稿的標(biāo)注

根據(jù)上圖我們可以理解設(shè)計(jì)稿和程序之間的關(guān)系:

設(shè)計(jì)稿里的按鈕、文字、圖標(biāo)、列表、背景色、線條等等所有的設(shè)計(jì)元素,

在Xcode里都有對(duì)應(yīng)的控件,設(shè)計(jì)元素必須使用對(duì)應(yīng)控件,才能在APP的界面里顯示出來(lái)。


設(shè)計(jì)稿的標(biāo)注,實(shí)質(zhì)上是標(biāo)注的各類控件的屬性以及相對(duì)于其他控件的關(guān)系:

設(shè)計(jì)稿中:

文字的自身屬性:顏色、字號(hào)、字體、行間距、對(duì)齊方式、透明度;

圖片的自身屬性:寬高、間距、距離、透明度。

至于標(biāo)注在上篇文章有詳解:一款A(yù)PP從設(shè)計(jì)到切圖標(biāo)注適配全記錄,這里就不累贅了!




程序的對(duì)應(yīng)控件

Label的自身屬性:顏色、字號(hào)、字體、行間距、對(duì)齊方式、透明度;

Image View的自身屬性:寬高、間距、距離、透明度。

實(shí)際上各類控件的屬性也要比這個(gè)復(fù)雜的多,這里是最簡(jiǎn)單理解的舉例說(shuō)明。


如今使用本地化插件Sketch Measure,幾乎不用手工標(biāo)注,標(biāo)注導(dǎo)出HTML后,扔給開(kāi)發(fā),他們想看什么屬性自己點(diǎn)擊查看就是了,所以我們這里了解下標(biāo)注原理就行。

而一些線上工具的插件,比如藍(lán)湖、墨刀、Mockplus等等,功能更加豐富,各位根據(jù)自身情況靈活運(yùn)用吧。

Sketch Measure去http://Sketch.im下載





設(shè)計(jì)稿的切圖

IOS目前常用的還是輸出2套PNG圖片。@2x、@3x的后綴,是為了在Xcode導(dǎo)入圖片資源時(shí),識(shí)別對(duì)應(yīng)機(jī)型所用的圖片。

Xcode里提供了相應(yīng)的位置,相同命名圖片會(huì)根據(jù)后綴填入到對(duì)應(yīng)的位置。



目前Sketch提供了PNG、JPG、TIFF、WebP、PDF、EPS、SVG格式。

但是對(duì)于UI設(shè)計(jì)來(lái)說(shuō),常用的圖片格式就以下幾種:


PNG      常用圖片格式,沒(méi)什么解釋的,目前大部分產(chǎn)品還在使用此格式;

WebP    安卓的圖片格式,同等質(zhì)量圖片下體積非常小,非常推薦給安卓使用;

SVG      矢量格式,完美解決適配問(wèn)題,但也有部分缺點(diǎn)。

想具體了解WebP和SVG,可以查看之前的文章。



切圖輸出規(guī)范

前提:同一類型、位置的切圖,請(qǐng)保證切圖尺寸、規(guī)格一致,圖片尺寸為偶數(shù)大小。


1.有操作功能、可點(diǎn)擊的功能性切圖:最小點(diǎn)擊區(qū)域問(wèn)題

蘋果官方提供的能準(zhǔn)確點(diǎn)擊的最小點(diǎn)擊區(qū)域:88 * 88px;

小于這個(gè)范圍也可以點(diǎn)擊,但是點(diǎn)擊不靈敏,體驗(yàn)較差。

對(duì)于比這個(gè)范圍小的可點(diǎn)擊按鈕,周圍需要用透明區(qū)域填充后再輸出切圖。



解釋下為什么用透明區(qū)域填充來(lái)擴(kuò)大點(diǎn)擊區(qū)域范圍:

圖標(biāo)這東西,對(duì)設(shè)計(jì)師來(lái)說(shuō)沒(méi)區(qū)別,都是圖片。

但對(duì)開(kāi)發(fā)來(lái)說(shuō),可操作和不可操作的圖標(biāo)是兩種類型的控件,圖標(biāo)的樣式不過(guò)是傳給該控件的顯示圖片罷了。


可操作的功能圖標(biāo)在Xcode對(duì)應(yīng)控件是UIButton。

對(duì)控件來(lái)說(shuō),如果不在代碼里明確固定控件的大小、點(diǎn)擊區(qū)域等等各類屬性,設(shè)計(jì)師傳給我多大的圖,這個(gè)控件就會(huì)被這張圖撐到多大。


你給我一張40*40的按鈕切圖,如果開(kāi)發(fā)什么都不做,那這個(gè)UIButton在手機(jī)界面里就被撐到40*40的大小。

我也可以在Xcode里寫幾行代碼,固定圖片的大小就是40*40,擴(kuò)大UIButton這個(gè)控件的大小變成88*88,這樣這個(gè)控件的點(diǎn)擊區(qū)域也擴(kuò)大了。


但是一張規(guī)范的切圖就能解決的事情,為什么還要在代碼里再手動(dòng)加幾行呢?

一個(gè)可點(diǎn)擊按鈕需要加一行代碼,整個(gè)APP就可能多加上百行上千行的代碼。


規(guī)范的切圖也是可以提升產(chǎn)品開(kāi)發(fā)效率的。


2.非功能性切圖,比如列表圖標(biāo)、說(shuō)明圖標(biāo)等,按統(tǒng)一規(guī)格的最小尺寸切。

這么切還可以減少一些程序因圖片資源大小導(dǎo)致的體積大小問(wèn)題。



這類切圖,對(duì)應(yīng)的是UIImageView控件,就是一張圖片,無(wú)操作,只是占位和顯示。

所以你按照相同規(guī)格,最小尺寸切就可以了。


有朋友問(wèn):一定要切正方形的嗎?如果圖標(biāo)都是30*20的,那我統(tǒng)一切30*20的行不行

答案是:可以,這個(gè)沒(méi)有完全的硬性規(guī)定。雖然我是設(shè)計(jì)師,但也會(huì)去寫一些IOS程序。正方形規(guī)格切圖就是為了方便開(kāi)發(fā),當(dāng)然還是推薦你使用正方形規(guī)格來(lái)切圖。

但實(shí)際開(kāi)發(fā)過(guò)程中,只要保證同一位置,切圖規(guī)格統(tǒng)一就可以。


切圖輸出狀態(tài):

同一按鈕、元素的不同狀態(tài),要明確命名對(duì)應(yīng)狀態(tài)之后,分別輸出對(duì)應(yīng)圖片。

下圖示例按鈕的選中狀態(tài)多出現(xiàn)在游戲APP中,這里僅表示說(shuō)明。




命名規(guī)范

不要使用中文、特殊字符,請(qǐng)使用英文、下劃線、數(shù)字對(duì)切圖命名,數(shù)字不要打頭。


命名方式盡量清晰,推薦采用:種類_位置_功能_狀態(tài)

示例說(shuō)明:

btn_homepage_seach_normal@2x.png


開(kāi)發(fā)看到就會(huì)明白:這是位于首頁(yè),處于正常狀態(tài)的搜索按鈕2倍切圖。



4.基礎(chǔ)設(shè)計(jì)規(guī)范——Android系統(tǒng)


這是Android Material Design中文版的地址

https://www.mdui.org/design/


Android的英文版地址

https://material.io/


最新系統(tǒng)版本:Android 9.0

中文字體:思源黑體

英文字體:Robot


Android不整理各類機(jī)型的尺寸規(guī)范了,數(shù)據(jù)零散,難以整理。所以我們從屏幕密度這里理解設(shè)計(jì)規(guī)范就可以了。


Android手機(jī)屏幕密度

上文我們提過(guò)屏幕密度的計(jì)算方式,安卓手機(jī)因?yàn)楦鞣N屏幕尺寸和分辨率,導(dǎo)致如果單純按照數(shù)值計(jì)算,可能屏幕密度種類會(huì)多到讓設(shè)計(jì)師崩潰。


所以為了解決這個(gè)問(wèn)題,安卓手機(jī)出廠時(shí),屏幕有自己初始的固定密度,系統(tǒng)會(huì)根據(jù)這些屏幕密度自行適配,下圖是對(duì)應(yīng)的屏幕密度表:




Android的開(kāi)發(fā)單位以及設(shè)計(jì)尺寸


正因?yàn)锳ndroid手機(jī)分辨率多樣,為了保證同一設(shè)計(jì)在不同屏幕密度的手機(jī)上顯示效果一致,Android系統(tǒng)使用了下面兩個(gè)單位:

dp:android開(kāi)發(fā)單位,相當(dāng)于比例換算單位。使用該單位,可以保證控件在不同密度的屏幕上按照比例解析顯示成相同視覺(jué)效果;

sp:android開(kāi)發(fā)文字單位,和dp類似,也是為了保證文字在不同密度的屏幕上顯示相同的效果。


當(dāng)屏幕密度為MDPI(160DPI)時(shí),1dp=1px

當(dāng)屏幕密度為MDPI(160DPI)時(shí),1sp=1px


按照上面兩個(gè)公式的換算,同樣dp大小的圖片在不同屏幕密度的手機(jī)上如下圖所示,

基本可以保證圖片顯示效果在各類手機(jī)上相同。




設(shè)計(jì)稿尺寸

通過(guò)上面的分析,在xHDPI這個(gè)密度等級(jí)下,倍數(shù)關(guān)系為2,推薦使用720*1280尺寸做設(shè)計(jì)稿,換算方便,適配容易。


不過(guò)目前的現(xiàn)狀是,如果公司的產(chǎn)品有IOS和Android兩個(gè)版本,基本上設(shè)計(jì)師只會(huì)做IOS的版本,然后套用給Android,這樣做也是可以的。兩者的切圖,在這個(gè)設(shè)計(jì)尺寸之下是可以通用的。



設(shè)計(jì)稿的標(biāo)注

推薦使用dp和sp進(jìn)行標(biāo)注。但是呢,如果你用720*1280做設(shè)計(jì),使用像素單位標(biāo)注,現(xiàn)在也不會(huì)影響什么。

因?yàn)榍懊嬉呀?jīng)提到過(guò)IOS的標(biāo)注了,這里也就不再贅述了。



設(shè)計(jì)稿的切圖

理論上,對(duì)于Android系統(tǒng)來(lái)說(shuō),如果你想完美適配各種機(jī)型,應(yīng)該為不同的屏幕密度提供不同尺寸大小的切圖,而Android的開(kāi)發(fā)工具也為不同的屏幕密度提供了對(duì)應(yīng)的資源文件夾。


但實(shí)際上,并不需要提供上面密度表那么多套的切圖,程序安裝包的大小基本就是由于圖片占用了太多的位置。

所以需要提供多少套圖片,請(qǐng)和公司的開(kāi)發(fā)溝通,確定你們的產(chǎn)品實(shí)際支持哪些屏幕密度。



圖片格式

WebP和SVG

我個(gè)人是推薦現(xiàn)在為Android系統(tǒng)使用WebP格式,體積小,顯示效果好;

而SVG這種矢量圖片格式完美解決了Android多套切圖的問(wèn)題,一套切圖,完美適配各種屏幕密度。



最小可點(diǎn)擊區(qū)域

48dp:這和IOS的最小點(diǎn)擊區(qū)域性質(zhì)是一樣的,都是考慮到手指點(diǎn)擊的靈敏性的問(wèn)題,設(shè)計(jì)可點(diǎn)擊控件的時(shí)候要考慮到這一點(diǎn)。


更多的注意事項(xiàng)和IOS切圖是相同的,這里不再贅述了。




5.UI設(shè)計(jì)師的職業(yè)道路

如今的移動(dòng)UI設(shè)計(jì)行業(yè)已經(jīng)很成熟了,針對(duì)移動(dòng)UI設(shè)計(jì)的便捷工具層出不窮;移動(dòng)UI設(shè)計(jì)的理論體系知識(shí)也已經(jīng)漸漸完善。但這些都是外部因素,社會(huì)發(fā)展了,我們跟著一起向前適應(yīng)就好了;


但對(duì)于設(shè)計(jì)師工作能力的提升,還需要有明確的方法體系,更要有清晰的職業(yè)規(guī)劃!

很多設(shè)計(jì)師工作了幾年,卻一直在原地踏步,苦苦掙扎,甚至沒(méi)有職業(yè)目標(biāo)。


目前我工作5年,就從我自身的體會(huì)來(lái)分享我自己的方式,當(dāng)然資深的、精英設(shè)計(jì)就別跟我較真了,我代表的是那90%還在向上努力爬的普通設(shè)計(jì)師~


工作能力,不僅僅指的是自身的專業(yè)技術(shù)水平,還包含了各種綜合性能力,請(qǐng)務(wù)必對(duì)自己有明確的職業(yè)規(guī)劃和能力發(fā)展軌跡。



工作0~2年

這個(gè)階段對(duì)于新人來(lái)說(shuō),是一個(gè)設(shè)計(jì)能力和工作經(jīng)驗(yàn)的快速積累過(guò)程,不夸張的說(shuō),這兩年內(nèi)的經(jīng)驗(yàn)可以決定你之后的職業(yè)發(fā)展道路是否順利。


此階段目的:提升設(shè)計(jì)專業(yè)能力、完善理論知識(shí)、積累實(shí)際項(xiàng)目經(jīng)驗(yàn)

這個(gè)階段就別想著一專多能了,先把那個(gè)“一?!备愫镁涂梢粤耍?dāng)然不是不讓你學(xué)習(xí)別的知識(shí),而是說(shuō)重心應(yīng)該發(fā)在提升目前的專業(yè)能力上。


提升設(shè)計(jì)能力:

一方面,通過(guò)公司的實(shí)際商業(yè)項(xiàng)目提升能力,這個(gè)沒(méi)什么可說(shuō)的;


另一方面,業(yè)余時(shí)間務(wù)必進(jìn)行大量的作品練習(xí),無(wú)論是臨摹、還是重設(shè)計(jì)都可以,目的就是一個(gè):量大 從優(yōu)!

臨摹請(qǐng)用高質(zhì)量作品,臨摹一堆垃圾還不如不做,臨摹請(qǐng)務(wù)必做到99%以上的相似度,不然那不叫臨摹,臨摹的過(guò)程是考驗(yàn)軟件功力、設(shè)計(jì)技法能否完美復(fù)制的過(guò)程。


重設(shè)計(jì)請(qǐng)使用成熟知名產(chǎn)品,不要重設(shè)計(jì)一堆垃圾應(yīng)用,成熟產(chǎn)品每個(gè)界面的布局、樣式、功能、邏輯都是經(jīng)過(guò)深思熟慮后呈現(xiàn)給你的。

重設(shè)計(jì)的目的是要體會(huì)產(chǎn)品背后反映的設(shè)計(jì)意圖,不是為了重設(shè)計(jì)而重設(shè)計(jì)。

所以重設(shè)計(jì)之前請(qǐng)自己思考原產(chǎn)品這么做的目的再動(dòng)手。


完善理論知識(shí):

沒(méi)有理論體系方法的支持,在設(shè)計(jì)道路上是走不遠(yuǎn)的。

現(xiàn)在關(guān)于UI設(shè)計(jì)的知識(shí)網(wǎng)站已經(jīng)很多了,當(dāng)然不局限在這類專業(yè)性網(wǎng)站上。

人人都是PM、UI中國(guó)、25學(xué)堂等等很多這類網(wǎng)站都是學(xué)習(xí)理論知識(shí)的好地方。

當(dāng)然,你也可以關(guān)注我嘛~(給自己打個(gè)廣告,吼吼~)



工作2~3年

3年對(duì)于互聯(lián)網(wǎng)從業(yè)者是一個(gè)坎兒,其實(shí)這是相對(duì)于職業(yè)規(guī)劃來(lái)說(shuō)的。

通過(guò)前兩年的積累,對(duì)于UI設(shè)計(jì)本職工作已經(jīng)可以勝任了,接下來(lái)的要考慮的是個(gè)人的職業(yè)發(fā)展規(guī)劃了。


此階段目的:拓展技能、明確職業(yè)目標(biāo)、為進(jìn)大廠做準(zhǔn)備


拓展技能:

這個(gè)階段可以考慮“一專多能”的多能了,作為UI設(shè)計(jì)師,可以學(xué)習(xí)的東西實(shí)在太多了,交互、動(dòng)效、產(chǎn)品設(shè)計(jì)、開(kāi)發(fā)等等。

不要求你達(dá)到那些專業(yè)從業(yè)者的地步,你要學(xué)到專業(yè)程度,還干什么UI設(shè)計(jì)啊。

目的是為了拓展自己的技能樹,為自己提供更多的競(jìng)爭(zhēng)力,這個(gè)習(xí)慣要一直保持伴隨之后的工作……


明確職業(yè)目標(biāo):

設(shè)計(jì)師最怕的就是迷茫,如果說(shuō)前兩年因?yàn)閯側(cè)胄校瑢?duì)行業(yè),對(duì)自身都不完全了解,那情有可原。但工作兩年后,對(duì)自身的情況再不清醒那就說(shuō)不過(guò)去了。


可以從以下方面考慮:

是始終堅(jiān)持在一線崗位的設(shè)計(jì)技術(shù)大牛,還是想做設(shè)計(jì)管理者,亦或者想從UI設(shè)計(jì)師轉(zhuǎn)職成交互設(shè)計(jì)、產(chǎn)品設(shè)計(jì)等等。

工作兩年已經(jīng)對(duì)自身,對(duì)行業(yè)有理解了,自己的能力是否適合設(shè)計(jì)崗位,對(duì)設(shè)計(jì)的熱愛(ài)是否能經(jīng)久不變都可以作為參考調(diào)節(jié)了。


為進(jìn)入大廠做準(zhǔn)備:

剛工作,可能限制于能力實(shí)力問(wèn)題,委身于小公司。

但是!雖然我們身在小公司,但心要在BAT CAO  TMD,

Apple、Google也不是不可以!

Skr!Skr!


這階段可以為大廠準(zhǔn)備一下,當(dāng)然不是讓你工作兩年多就去面試啊,如果你的能力特別突出,就當(dāng)我放屁吧~

意思是,可以以進(jìn)入大廠為目標(biāo),綜合性的考慮自身的缺陷并盡量彌補(bǔ)。


千萬(wàn)別以為就在小公司將就著干吧,反正拿的錢也差不多,大公司的滋味你是體會(huì)不到的。

拿同樣的薪水,在小公司和大公司的感受可是完全不同的,小公司對(duì)個(gè)人的眼界、人脈、能力提升的幫助都不可能和大公司相提并論。




工作3~5年


對(duì)互聯(lián)網(wǎng)人來(lái)說(shuō),3年一個(gè)坎,5年一個(gè)坎,都是職業(yè)規(guī)劃的節(jié)點(diǎn)時(shí)間。

3到5年的設(shè)計(jì)師,如果你真的用心工作了,一個(gè)人可以實(shí)實(shí)在在的頂起來(lái)一個(gè)項(xiàng)目。

我們上面說(shuō),為進(jìn)入大廠做準(zhǔn)備。在這個(gè)階段,可以考慮進(jìn)入一些中大型企業(yè),提升個(gè)人的綜合能力、拓展人脈。

部分企業(yè)也比較喜歡要這個(gè)階段的設(shè)計(jì)師,有工作能力,職業(yè)道路又剛開(kāi)始,搞不好可以在公司培養(yǎng)起來(lái)。


此階段的目的:提升綜合能力、拓展人脈圈子

這時(shí)的個(gè)人專業(yè)水平其實(shí)已經(jīng)不是問(wèn)題,繼續(xù)在工作中磨練積累就可以了;

這里需要的是打開(kāi)個(gè)人在職場(chǎng)上的道路。

說(shuō)實(shí)話,即使是互聯(lián)網(wǎng)行業(yè),搞技術(shù)除了要保證自身技術(shù)過(guò)硬之外,會(huì)不會(huì)發(fā)展人脈,能不能提升綜合能力才是最后職業(yè)道路能不能走遠(yuǎn)走高的決定因素。


提升綜合能力:

與各部門的溝通能力、對(duì)設(shè)計(jì)資源的協(xié)調(diào)能力、在公司業(yè)務(wù)上的話語(yǔ)能力、對(duì)項(xiàng)目的把控能力等等,都算綜合能力,這是對(duì)內(nèi)部的能力。

不要以為對(duì)設(shè)計(jì)師來(lái)說(shuō),我悶著頭接需求,做設(shè)計(jì)就可以了。

這樣的設(shè)計(jì)師,也許你可以踏踏實(shí)實(shí)當(dāng)個(gè)接需求的小設(shè)計(jì),但你永遠(yuǎn)也只是一個(gè)這類的設(shè)計(jì),對(duì)于有更高更強(qiáng)的職業(yè)追求的人來(lái)說(shuō),沒(méi)有幫助。

所以,張開(kāi)嘴、邁開(kāi)腿,一步一步嘗試去推動(dòng)自身進(jìn)步吧,這個(gè)沒(méi)什么技術(shù)性方法,必須要自己親自去做。


拓展人脈圈子:

人脈對(duì)個(gè)人職業(yè)道路的幫助,遠(yuǎn)遠(yuǎn)要比專業(yè)能力的幫助要大的多,這是對(duì)外的能力。


設(shè)計(jì)師的圈子,說(shuō)實(shí)話不算大。搞技術(shù)的,本身就坐辦公室,而做設(shè)計(jì)的人本身性格也有一部分原因,但還是請(qǐng)你努力拓展自己的人脈。


對(duì)于自身的專業(yè)圈子,努力分享自己的設(shè)計(jì)經(jīng)驗(yàn)、工作心得,總結(jié)自己的體會(huì),發(fā)布到各類設(shè)計(jì)專業(yè)論壇上,積極的幫助別人,這都算一種拓展方式。

時(shí)間久了,就會(huì)結(jié)識(shí)非常多的設(shè)計(jì)界朋友,設(shè)計(jì)大牛也會(huì)逐漸注意到你,這些都是你職業(yè)道路上的寶貴資源。


還可以認(rèn)識(shí)幾個(gè)不錯(cuò)的獵頭朋友,有好的職位,他們都會(huì)優(yōu)先想到你的。


作者自述

這也是我寫的最后一篇關(guān)于基礎(chǔ)規(guī)范類文章,也算是整理一下工作到現(xiàn)在的基礎(chǔ)常識(shí)類內(nèi)容,以后不再寫這類基礎(chǔ)文章了。

人總要進(jìn)步的,設(shè)計(jì)師還是要靠干貨作品來(lái)?yè)窝?,?duì)吧。

以后發(fā)的內(nèi)容都是我做過(guò)的實(shí)際商業(yè)項(xiàng)目,我會(huì)把設(shè)計(jì)經(jīng)驗(yàn)和工作方法融入到這些作品實(shí)例里來(lái)寫,這總比我單純講理論知識(shí)要強(qiáng)。




文章來(lái)源:站酷 作者:Z085740511 

分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責(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.yvirxh.cn )是一家專注而深入的界面設(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ù)


日歷

鏈接

個(gè)人資料

存檔