首頁

LOGO排版,你還在瞎整么?

seo達(dá)人


圖片

這個(gè)LOGO大家覺得怎么樣,很簡單吧!是不是有手就行?然后用你們經(jīng)常用的排版排一下看看:

圖片

200塊錢,不能再多了…我們再看一下原作者的排版:

圖片

怎么說?2000塊錢怕是拿不下來這個(gè)LOGO吧?所以無論你的LOGO做的是簡單還是復(fù)雜,一個(gè)合適的排版都會(huì)為你的LOGO增加成倍的價(jià)值!

OK,廢話不多說,讓我們開始吧~~!

 

圖片

 

 

圖片

所謂謀定而后動(dòng),知止而有得。我們在做LOGO的時(shí)候,通常會(huì)先根據(jù)不同的行業(yè)和命題選擇相對合適的構(gòu)成方式來表現(xiàn)。

比如企業(yè)類的一般會(huì)用字母類、幾何重復(fù)、中英文這種簡約大氣的構(gòu)成方式,你用一個(gè)擬人化卡通標(biāo)志提交過去,客戶肯定會(huì)讓你滾犢子,而像餐飲、文娛這類命題就可以選擇更為親民,感染力更強(qiáng)的表現(xiàn)形式。

圖片

同樣的,LOGO的排版在選擇上也應(yīng)遵循行業(yè)和圖形本身所體現(xiàn)的氣質(zhì)來進(jìn)行選擇。我們這里分三個(gè)點(diǎn)來看一下。

 

圖片

LOGO中的文字編排,通常都是為了更好的對品牌進(jìn)行信息傳遞及整體美觀性而服務(wù)的,所以我們在字體的選擇上要考慮適不適合這個(gè)LOGO所體現(xiàn)的調(diào)性。

圖片

我們拿小米的LOGO來舉個(gè)例子,雖然200w的經(jīng)費(fèi)主要體現(xiàn)在LOGO里,但是在字體的設(shè)計(jì)上也是遵循了LOGO里MI的調(diào)性來匹配的,非常幾何化同時(shí)加入了小圓角。

而當(dāng)我們將字體換成一個(gè)文化氣質(zhì)更加濃厚的襯線體時(shí),你會(huì)發(fā)現(xiàn)這是啥玩意,200w瞬間變成20w。

圖片

那我們再換一個(gè)偏幾何一點(diǎn),所謂“設(shè)計(jì)感更強(qiáng)”的字體,得,連20w都沒有了…

圖片

英文如此,中文同樣如此,比如下方的山島小食府案例,圖形LOGO本身是非常具有文化氣質(zhì)的,而如果你選擇幾何化或者常規(guī)的黑體,則也是完全不匹配的。

圖片

上面的案例都是關(guān)于調(diào)性匹配的,還有一個(gè)點(diǎn)是圖形與文字的灰度匹配。

如果圖形是比較厚重粗一點(diǎn)的時(shí)候,如果你的字體選擇的很細(xì),也是非常不和諧的,有生活閱歷的朋友應(yīng)該都知道尺寸合適的重要性…(如下圖)

圖片

那到底該如何知道到底咋樣才算不粗、不細(xì)呢,這個(gè)東西其實(shí)沒有一個(gè)評判標(biāo)準(zhǔn),一般情況下會(huì)遵循以下規(guī)律:

如果你是面構(gòu)成的稍微厚重一點(diǎn)的圖形,則字體的粗度在Medium-bold左右差不多,可以拿字庫比對一下;如果你是線構(gòu)成的字體,則字體的粗度差不多比你的線的描邊粗度粗一丟丟即可。

圖片

 

圖片

大多數(shù)情況下,我們都是要給LOGO搭配標(biāo)準(zhǔn)中文和英文的。根據(jù)字體的特征點(diǎn),我們大致可以將常用中英文字體分為以下幾類:

圖片

圖片

圖片

我們在進(jìn)行字體搭配的時(shí)候,一般情況也是遵循這個(gè)規(guī)律來進(jìn)行搭配即可。

比如黑體配非襯線體、宋體配襯線體、圓體配圓體等,需要注意的是當(dāng)中文以書法體為主的時(shí)候,英文通常都不會(huì)再選擇手寫的英文字體了,會(huì)比較混亂,一般會(huì)搭配同樣具有文化氣質(zhì)的襯線體作為裝飾。

圖片

這幾種搭配的形式都是LOGO排版里比較基礎(chǔ)、常規(guī)且不容易犯錯(cuò)的安全范圍,肯定也有黑體+襯線體這種不同搭配的形式存在,但是作為一個(gè)小白,還是先老老實(shí)實(shí)的按照常規(guī)操作來進(jìn)行搭配!先保證不犯錯(cuò),再玩花活…

 

圖片

我們先看一些案例來找一找規(guī)律。

圖片

可以看到上面這些偏大型企業(yè)類一點(diǎn)的行業(yè),一般選擇的排版都比較簡約,往往單個(gè)字母或者簡單中英文搭配即可,不會(huì)有過多的輔助元素出現(xiàn),我們再看一些。

圖片

而上面這些LOGO,都有或多或少的輔助線或輔助文字元素來進(jìn)行裝飾,因?yàn)榕c大型企業(yè)注重品牌傳播識別度不同,也有很多LOGO是需要一些裝飾來提升整體的美感和氣質(zhì)。

我們用兩個(gè)案例來實(shí)操一下看看。

圖片

左邊的LOGO是比較精致簡約的幾何化LOGO,所以我們用簡單的英文搭配就會(huì)非常高級;而右邊的LOGO,我們加入一些裝飾文字和裝飾線來排版。

圖片

我們違背這個(gè)規(guī)律,用相反的方式來做一下,可以看到所體現(xiàn)的氣質(zhì)完全不一樣了,左邊的LOGO變得復(fù)雜,而右邊的LOGO則變得單調(diào)。

圖片

 

 

圖片

說是危險(xiǎn)區(qū)域,其實(shí)也可以算是新手禁忌區(qū)域,也就是絕不應(yīng)該犯的一些排版問題!當(dāng)然了,市面上肯定有一些LOGO是超脫區(qū)域之外的,所以給自己留了個(gè)臺階,哈哈哈,下面我們來看一下都有哪些需要注意的細(xì)節(jié)?

首先我們先將LOGO劃分群組,可以分為圖形部分、文字部分、裝飾文字(宣傳語等)、裝飾圖形部分。其中裝飾部分都是可有可無的(根據(jù)前面所講的選擇性添加)。

圖片

 

圖片

絕大多數(shù)情況下!文字與圖形之間的間距要保持一個(gè)合理的空間,不能太大,也不能太小,就像愛情一樣,太遠(yuǎn)了不行,容易淡,太膩了也不行,容易煩。

圖片

 

圖片

我們要知道文字、裝飾文字它們是一個(gè)組別的物件,所以在編排時(shí)也要將他們編排在一起,他們之間的間距不能超過與圖形之間的間距。

圖片

 

圖片

無論是居中對齊,還是左對齊右對齊,最好都要貫徹到底,因?yàn)?strong>如果不對齊,就會(huì)產(chǎn)生額外的負(fù)空間,導(dǎo)致整體不美觀,不穩(wěn)定。

圖片

 

圖片

什么叫階梯狀呢?就是從圖形到文字按照從長到短,或者從短到長的順序進(jìn)行排列,學(xué)過排版或者對排版有一定了解的同學(xué)應(yīng)該都知道,這種排法往往不具備設(shè)計(jì)感和無法滿足視覺上的審美,如下圖:

圖片

其實(shí)就和我們的人生是一樣的,我們不會(huì)一直幸運(yùn)的向上,這樣生活沒有挑戰(zhàn),而且也不會(huì)一直向下,會(huì)徹底廢掉,有起有落,有長處有短處,才是最有意義的人生!

通常我們都會(huì)選擇長短長、或者短長短這種有錯(cuò)落感的排布方式。

圖片

 

圖片

裝飾文字,一般是指我們放置的品牌slogan或是一些不那么重要的小文字。既然不那么重要,我們就不能對他過度的進(jìn)行設(shè)計(jì)和強(qiáng)調(diào),這里一般會(huì)出現(xiàn)兩種錯(cuò)誤:

圖片

圖片

一般情況下,裝飾文字都是文字組內(nèi)最小的字號,如果是因?yàn)椴环糯蠖鴮?dǎo)致排列邏輯出了問題,則可以增加字間距來解決;且裝飾文字由于占地面積較小,所以一般會(huì)選擇閱讀性較好的普通黑體或宋體等,過多的設(shè)計(jì)感反而影響了主次關(guān)系。

 

圖片

裝飾圖形的存在,一般是為了彌補(bǔ)空間和強(qiáng)調(diào)某些品牌的調(diào)性,類似于補(bǔ)丁的作用,所以它也不應(yīng)該太大太復(fù)雜,往往以LOGO中某個(gè)小元素演變而來,或者以印章的形式存在。

圖片

而很多同學(xué)為了裝飾而裝飾,直接將LOGO拿過來作為輔助圖形擺放…這完全就是畫龍點(diǎn)龍、畫蛇添蛇的做法- -!

圖片

還有一點(diǎn)是關(guān)于參考線的粗細(xì)問題,很多同學(xué)拿捏不準(zhǔn),一般情況下,參考線的粗細(xì),會(huì)比你所以文字組中最細(xì)的筆畫再略粗一點(diǎn)點(diǎn)即可,大家平時(shí)一定要多觀察優(yōu)秀LOGO的處理方式,多洗洗眼睛??!

圖片

 

 

圖片

這里指的就是我們常說的標(biāo)準(zhǔn)字體的設(shè)計(jì),因?yàn)榭蛻舢吘够ㄥX了嘛,往往都希望得到一個(gè)專屬于自己品牌的字體,而不是常見的字庫字,所以一般會(huì)字體設(shè)計(jì)的同學(xué)做LOGO都比較容易做的出彩一些,關(guān)于標(biāo)準(zhǔn)字的設(shè)計(jì),前些時(shí)間猴子哥哥已經(jīng)寫了一篇詳細(xì)的教程,大家可以翻回去學(xué)習(xí)一下。



可以看到,兩組的LOGO都很棒,強(qiáng)哥的二火如果單看LOGO的話妥妥是首頁級別的,但是就差在了字體設(shè)計(jì)和圖文編排上面,所以無論你的LOGO做的有多出彩,字體設(shè)計(jì)也是必不可少的環(huán)節(jié)!

而字體設(shè)計(jì)就太深?yuàn)W了,不可能用很短的篇幅來進(jìn)行概括的,這里主要為不會(huì)字體設(shè)計(jì)的同學(xué)提供一種快速提升標(biāo)準(zhǔn)字設(shè)計(jì)感的思路及方法!

 

圖片

因?yàn)長OGO中的標(biāo)準(zhǔn)字更多的還是起到識別性閱讀性的作用,不需要很復(fù)雜的設(shè)計(jì),所以我們可以將某些筆畫進(jìn)行斷開,再不影響識別性的同時(shí)來提升設(shè)計(jì)感。

圖片

你看,簡簡單單,也就20秒的功夫,字體的設(shè)計(jì)感立馬提升了一個(gè)檔次,你說這需要字體設(shè)計(jì)基礎(chǔ)嗎?不需要吧,完全是用字庫改的…中文同樣如此!

圖片

斷筆的時(shí)候需要注意,選擇同樣的筆畫進(jìn)行斷開,而不要這里斷一下,那里斷一下,很混亂無章法,且數(shù)量不要太多,會(huì)容易碎,適當(dāng)來幾下就可以了。

 

圖片

省略某些不影響識別的筆畫,也是常用的一種設(shè)計(jì)方式。

比如字母A,因?yàn)樗赜械娜切谓Y(jié)構(gòu),我們將內(nèi)部的橫線直接省略掉,也是可以識別出字母A的。

圖片

再比如字母E,也可以簡化成三條直線,不過這個(gè)變化幅度就比較大了,一般情況下只能當(dāng)做唯一一個(gè)變形使用。

圖片

還有小寫字母g,將右下角的連接處斷開,也是具備一個(gè)基本的識別性的。

圖片

像中文里的草字頭,將中間連接的地方省略,也完全OK。

其他的類型就太多了,不一一展示了,有興趣的同學(xué)可以自己去嘗試一下,記住任何變化的前提都是保證最基本的識別性就好。

圖片

 

圖片

還有一種操作是結(jié)構(gòu)替換,這種通常都是將某個(gè)字母的負(fù)空間部分替換成和本行業(yè)相關(guān)的一個(gè)小元素,切記替換的元素不能太復(fù)雜,越簡單越好。

最常見的就是字母O,因?yàn)槠鋬?nèi)部的空間較大,像咖啡品牌可以在內(nèi)部填充一個(gè)簡約的咖啡豆的形態(tài)。

圖片

再比如字母i的上面的點(diǎn),也是一個(gè)替換的不錯(cuò)方向。

圖片

圖片

 

 

圖片

基本的排版知識已經(jīng)講完了,下面來介紹一些常見的組合形式,這里主要分為了六個(gè)方向:

1. 橫排;

2. 豎排;

3. 左右排;

4. 斜排(特殊角度);

5. 環(huán)繞排(徽章式);

6. 嵌入排。

 

圖片

橫排是最基礎(chǔ)常見的排版形式,通常會(huì)將文字組排在LOGO的右側(cè),也有的時(shí)候會(huì)排在左邊,根據(jù)LOGO的特征來決定,此類排版基本適用于任何行業(yè)的LOGO。

 

圖片

豎排和橫排一樣,也是最基礎(chǔ)的排版形式,通常都是可以互相相互轉(zhuǎn)換的,同時(shí)因?yàn)樯舷路降目臻g較大,會(huì)比橫排有更多創(chuàng)作的可能性。

 

圖片

左右排的形式相較上面的橫豎排不是很常見,它比較適合于偏向?qū)ΨQ形式LOGO,從而保持左右平衡,左右排的好處就是可以自行發(fā)揮的空間較大,可以作為橫豎排的一個(gè)拓展來進(jìn)行嘗試。

 

圖片

斜排或者說特殊角度的排版,往往存在于一些偏藝術(shù)化、或者抽象化的LOGO中,它可以打破常規(guī)的排版方式,給人更耳目一新的感覺。當(dāng)你的LOGO重心不是很穩(wěn)定的時(shí)候,可以采用這種方式來填補(bǔ)不足的空間,達(dá)到整體平衡。

 

圖片

環(huán)繞式/徽章式的排版,一般常見在偏卡通或者偏藝術(shù)一些的LOGO中,它極大地增強(qiáng)了LOGO整體的趣味性,同時(shí)為我們增添一些輔助文字和圖形增加了想象的空間。一般餐飲行業(yè)以ip形象為主的LOGO都會(huì)增加一個(gè)環(huán)繞式排版的方向。

 

圖片

嵌入式的排版這個(gè)主要取決了LOGO本身的形態(tài),如果LOGO中有很大的空間,則可以嘗試將文字組放入其內(nèi),這種方式一般更多的是卡通向的LOGO,比如球隊(duì)隊(duì)標(biāo)等,或者LOGO本身不是很復(fù)雜的情況下,可以將文字放里面填補(bǔ)空間(類似文字構(gòu)成的一種)。

圖片

 

 

圖片

好了朋友們,前面了解了LOGO排版中需要注意的一些事項(xiàng),叨逼叨了那么多,下面我們分別用不同行業(yè)的LOGO實(shí)操一下看看排版的可能性。

 

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

像這種企業(yè)類的LOGO,一般采用基礎(chǔ)的上下左右排即可,現(xiàn)實(shí)項(xiàng)目中,可以根據(jù)實(shí)際應(yīng)用場景的尺寸,來制定不同的組合形式。

 

圖片

圖片

像這類的命題我們可以增加一些裝飾英文和圖案來提升整個(gè)LOGO的調(diào)性,一些和前面重復(fù)的排版這里就不做演示了,我們嘗試一下其他更多的可能。

圖片

圖片

圖片

圖片

圖片

圖片

圖片

好啦好啦朋友們,就到這里了,LOGO排版的樣式真的是太多了,沒辦法全部展示出來,但是無論怎么排,都離不開前面講的需要注意的點(diǎn),最后再來復(fù)習(xí)一遍。

 

 

總結(jié):

1. 抓準(zhǔn)品牌的調(diào)性,選擇適合品牌的排版方式;

2. 注意排版中常犯的細(xì)節(jié)錯(cuò)誤,如間距、編組、對齊、錯(cuò)落等;

3. 選擇合適的字體進(jìn)行搭配,適當(dāng)設(shè)計(jì),克制設(shè)計(jì);

4. 通過不同的組合方式進(jìn)行嘗試,商業(yè)稿一般比較克制,根據(jù)實(shí)際應(yīng)用的方向來進(jìn)行編排,自己練習(xí)的時(shí)候,則可以嘗試變化不同的排版方式,讓你的logo更出彩。

OK,那么今天的教程到這里也就結(jié)束了,照例,是很感謝今晚的相伴,如果你對本篇教程很滿意,請三連支持一下!朋友們!giao辭!


作者:告白天

轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》LOGO排版,你還在瞎整么?

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


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。


藍(lán)藍(lán)設(shè)計(jì)www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司


你的設(shè)計(jì)太平了,2022開始流行用這種字體

seo達(dá)人

一、Morganite 

圖片

Morganite字體是我最喜歡的之一,非?,F(xiàn)代的一個(gè)字體,特別百搭,最重要的是免費(fèi)無版權(quán)隨便使用,在很多大型設(shè)計(jì)里都能看見這個(gè)字體的身影。

圖片

電影海報(bào)設(shè)計(jì)就是運(yùn)用了Morganite字體,調(diào)性很足,字體讓整個(gè)電影畫面充滿了好奇和神秘,大的數(shù)字字體恰到好處。如果你想做一些大型海報(bào),糾結(jié)用什么字體,選擇這個(gè)準(zhǔn)沒錯(cuò),平時(shí)做練習(xí)也可以。

圖片

如果你想做出輕奢大牌的感覺,也可以運(yùn)用這套字體,比如上圖的雜志封面,以及耳機(jī)廣告,運(yùn)用上去非?,F(xiàn)代時(shí)尚。

圖片

它的數(shù)字系列字體很好看,很窄很現(xiàn)代,適合于做大標(biāo)題的核心視覺。

圖片

舞蹈海報(bào)設(shè)計(jì),主視覺就是這個(gè)數(shù)字字體和人物的巧妙結(jié)合,現(xiàn)代和藝術(shù)的結(jié)合,讓畫面非常有藝術(shù)氣息。

圖片

印度海報(bào)也是類似的設(shè)計(jì)形式,將人物和畫面結(jié)合,形成這種現(xiàn)代文藝的感覺。同時(shí)這個(gè)字體搭配一些現(xiàn)代建筑,和建筑硬朗的氣質(zhì)也相互呼應(yīng)。

圖片

同樣這個(gè)字體也適合于體育產(chǎn)品,可以當(dāng)背景,也可以當(dāng)主體。比如上圖兩個(gè)設(shè)計(jì),Morganite字體都承擔(dān)了視覺焦點(diǎn)。如果你的產(chǎn)品是體育運(yùn)動(dòng),想做一些調(diào)性強(qiáng),國際點(diǎn)的,直接大膽用這個(gè)字體。

 

二、COLORTUBE 

圖片

看到上面這個(gè)字體,你是不是和我一樣感覺這是設(shè)計(jì)過的字體,其實(shí)不是。這個(gè)字體打出來就是專業(yè),非常的現(xiàn)代。字體都是采用目前最主流的疊加效果,特別適合做一些海報(bào)或者單獨(dú)使用。

圖片

支持大小寫,筆畫非常簡約圓潤,適合年輕產(chǎn)品使用,并且配合很高級,看起來不違和,當(dāng)然你可以自定義配色。

圖片

還可以直接拿這套字體做創(chuàng)意背景元素,用在背景上也非常好看,直接可以當(dāng)背景使用。

圖片

這是我隨便P的一組,是不是也不錯(cuò),你可以大膽拿這些數(shù)字去做背景或者疊加效果。

圖片

當(dāng)然這套字體也是免費(fèi),無版權(quán)支持商用,喜歡的話點(diǎn)贊收藏,文末都已經(jīng)打包好,可直接領(lǐng)取。

 

三、FREE FAT FONT 

圖片

我一直在尋找一款能做英文營銷設(shè)計(jì),并且非常有力量,設(shè)計(jì)很特別的字體。可惜英文筆畫都比較細(xì)很難找到那種像方正黑體充滿力量的字體,直到我遇見了這個(gè)字體FREE FAT FONT,像名字一樣非常的粗壯充滿力量感。

圖片

整個(gè)設(shè)計(jì)非常飽滿,特別適合用在包裝設(shè)計(jì)上,比如上圖冰淇淋設(shè)計(jì)就運(yùn)用了這個(gè)效果。

圖片

FREE FAT FONT 也非常適合潮流產(chǎn)品設(shè)計(jì),比如一些潮流酷炫的場景,運(yùn)用這個(gè)字體能夠彰顯個(gè)性和年輕化。

圖片

同時(shí)這個(gè)字體也有點(diǎn)復(fù)古感,比如上圖我隨便拿了一個(gè)80年代磁帶搭配了一下,效果也非常不錯(cuò)。如果你的產(chǎn)品想體現(xiàn)復(fù)古和潮流感,又希望有一個(gè)粗壯有力的字體,用這個(gè)準(zhǔn)沒錯(cuò)。無論做概念設(shè)計(jì)還是包裝作品集效果都不差。

 

四、Kage Pro 

圖片

一款好的英文字體不僅僅能讓產(chǎn)品有自己獨(dú)一無二的氣質(zhì),同時(shí)在設(shè)計(jì)上也是錦上添花。襯線字體因?yàn)楠?dú)特的古典氣質(zhì),一直受設(shè)計(jì)師喜歡。比如Kage Pro這款,兼?zhèn)涔诺涿篮同F(xiàn)代氣息。

圖片

隨便找個(gè)人物照片,簡單地排版一下,效果就出來了,非常優(yōu)雅簡約。

圖片

比如這個(gè)網(wǎng)頁,是一個(gè)輕奢設(shè)計(jì),整體色調(diào)暖色和金色。金色其實(shí)稍微有點(diǎn)浮夸,需要一些視覺元素壓住,然后用上Kage Pro 字體后,瞬間效果上來一大截。

圖片

Kage Pro 字體的氣質(zhì)非常優(yōu)雅古典,如果你的畫面有些動(dòng)感方向會(huì)更佳,如上圖人物是非常放松愜意的,這個(gè)字體運(yùn)用上去和人物混為一體,讓讀者注意力不自覺地停留。

圖片

同樣這個(gè)字體在很多高端網(wǎng)站設(shè)計(jì)、移動(dòng)端設(shè)計(jì)都大量運(yùn)用。效果非常出挑,如果你在做一些海外設(shè)計(jì)或者概念設(shè)計(jì),需要把你設(shè)計(jì)調(diào)性拉高,需要做出很貴很奢侈的感覺,直接用這套字體。

 

五、Canava Grotesk 

圖片

我相信看到這里,很多同學(xué)會(huì)說蓋哥,有沒有一些適合用在UI的字體,當(dāng)然了,我相信大家看到很多Behance一些APP設(shè)計(jì),里面用的字體一定非常好奇,那么如果只讓我推薦一款,那肯定是Canava Grotesk了。

圖片

圖片

UI的字體和平面不一樣,需要考慮識別度。比如上圖這個(gè)節(jié)目設(shè)計(jì)就是運(yùn)用了Canava Grotesk字體,相對于蘋果原生英文字體會(huì)顯得更特別更有設(shè)計(jì)感,同時(shí)筆畫會(huì)更加時(shí)尚。

圖片

這個(gè)字體適用于電子產(chǎn)品,如上圖一個(gè)智能手環(huán)設(shè)計(jì),就是采用的這種字體,清晰有力。設(shè)計(jì)師通過字重搭配讓整個(gè)畫面非常輕盈充滿科技感。字體也都已經(jīng)打包好,大家直接文末領(lǐng)取。

 

六、DST Helfita 

圖片

DST Helfita字體我第一次看見的時(shí)候,是上圖一個(gè)咖啡廣告,這個(gè)廣告除了運(yùn)用咖啡豆子呼之欲出的感覺,最巧妙地把咖啡豆和字母結(jié)合。這個(gè)廣告就是運(yùn)用的DST Helfita字體,非常廣告大牌,非常適合做廣告。如果你們的產(chǎn)品需要做廣告,需要醒目對比,可以試試這個(gè)字體。

圖片

用在這種AR/VR產(chǎn)品里面,一樣能有非常好的效果,一點(diǎn)不違和。而且這個(gè)字體的小寫字體很特別,相對很硬的科技字體,大小寫結(jié)合有一種說不出的特別感。

圖片

用在游戲畫面里面,是不是也非常有復(fù)古感,搭配簡單的背景顏色,以及游戲主元素,整個(gè)畫面簡約不簡單。

圖片

上圖是一個(gè)電影網(wǎng)站,整體畫面簡單,一個(gè)app界面一個(gè)DST字體,但是你不會(huì)感覺頁面很空,因?yàn)镈ST這個(gè)字體很多細(xì)節(jié)都充滿了設(shè)計(jì)感。

圖片

這個(gè)字體字重很多,你可以做大小對比,也可以做線框和圖形填充對比,效果很好。

圖片

具體效果多試試,上圖我找了個(gè)樣機(jī),隨便貼上去這個(gè)字體,是不是像一個(gè)高級品牌。

 

七、GEON 

圖片

相信大家是不是看見過上圖這樣的設(shè)計(jì),不會(huì)以為設(shè)計(jì)師設(shè)計(jì)的圖形吧,其實(shí)是一個(gè)字體GEON,說實(shí)話我都有點(diǎn)舍不得分享給大家。這個(gè)字體非常個(gè)性化,適合用在一些潮流產(chǎn)品。

圖片

每個(gè)字母都是黃金比例,非常有現(xiàn)代感,哪怕筆畫識別度沒那么強(qiáng),但是你一眼還是能知道是什么字母。

圖片

適合的場景比如游戲設(shè)計(jì)、個(gè)性化海報(bào)、潮流產(chǎn)品,字體充滿個(gè)性。同樣的這個(gè)字體也是無版權(quán)的,可以大膽使用。

 

八、BD Megatoya 

圖片

如果你的產(chǎn)品是科技感非常強(qiáng)的,那我推薦這款BD Megatoya字體,同樣是無版權(quán)字體,如上圖,簡單的搭配一個(gè)效果就調(diào)性非常強(qiáng),這款字體非常適合高科技產(chǎn)品。

圖片

上圖是一個(gè)可視化的產(chǎn)品,全部采用的這個(gè)字體,非常適合可視化。

圖片

電動(dòng)汽車官網(wǎng)設(shè)計(jì),這個(gè)字體搭配上去也毫不違和,簡約的字型和科技館汽車搭配的天衣無縫。

圖片

Apple Watch戶外廣告設(shè)計(jì),也是運(yùn)用的這個(gè)字體,它的字體字重能很好地把畫面對比拉起來。

圖片

圖片

字體的設(shè)計(jì),字距,對比,大小寫都設(shè)計(jì)地非常講究。

圖片

AR眼鏡發(fā)布會(huì)海報(bào)設(shè)計(jì),就問你高級不高級。

圖片

運(yùn)用在傳統(tǒng)雜志上,閱讀感也非常強(qiáng),可以說是一款百搭的字體。大家快文末領(lǐng)取使用起來。

 

九、Baunk 

圖片

這些年賽博朋克非?;?,包括科幻電影。里面很多設(shè)計(jì)都非常特別,我之前也一直在尋找一款科技感很強(qiáng)的字體,后面被我找到了這款Baunk。

圖片

這款字體筆畫很特別,很飄逸,很有未來感,如果你的設(shè)計(jì)是科技感很強(qiáng),可以試試這個(gè)字體。

圖片

外星人筆記本設(shè)計(jì),復(fù)古的銀色外殼,搭配這個(gè)機(jī)械感很強(qiáng)的字體,非常貼合。

圖片

我簡單搭配了下,找了一個(gè)機(jī)器人的圖,搭配了這個(gè)字體,是不是瞬間感覺是未來世界的。

圖片

再找一個(gè)高科技的未來機(jī)器人看看效果,好像也還不錯(cuò)。

圖片

怎么樣搭配都行,所以這個(gè)字體哪怕你現(xiàn)在用不上,未來也一定會(huì)用上,我之前找了很多科技感字體,目前就這款最具未來感。

 

十、Kurye Light 

圖片

Kurye Light是一款非?,F(xiàn)代的字體,如上圖大小寫運(yùn)用,讓我想起sony的設(shè)計(jì),很科技現(xiàn)代,還帶一點(diǎn)點(diǎn)小小的個(gè)性化。比如小寫字母的y非常有線條感。

圖片

這個(gè)字體也是我心頭最愛,識別性強(qiáng)適合大面積文字閱讀,同時(shí)很有科技感。特別適合簡約設(shè)計(jì)。上圖隨便搭配一個(gè)簡約畫面效果就非常出色。

圖片

公司官網(wǎng)介紹這個(gè)字體也非常合適,如果我以后做一個(gè)公司官網(wǎng),一定會(huì)用這個(gè)字體。

圖片

字體細(xì)節(jié)也比較考究,特別注意看小寫字體非常清秀和干凈。

圖片

斜體也是簡約大氣上檔次,怎么搭配怎么好看,關(guān)鍵還是免費(fèi)。

圖片

做品牌設(shè)計(jì)也合適,比如名片設(shè)計(jì),簡單一個(gè)色彩搭配,效果就出來了。

圖片

電商頁面設(shè)計(jì),作為主標(biāo)題小標(biāo)題都合適。


作者:Sky

轉(zhuǎn)載請注明:學(xué)習(xí)網(wǎng)》你的設(shè)計(jì)太平了,2022開始流行用這種字體

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


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。


藍(lán)藍(lán)設(shè)計(jì)www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司



脈脈產(chǎn)品拆解丨1.1億職場人士為什么使用脈脈?

seo達(dá)人


脈脈,作為職場社交行業(yè)的獨(dú)角獸,在他們的產(chǎn)品更新日志里,這段話已經(jīng)使用快2年。相信大家都使用過或聽過脈脈。在脈脈,你可以通過人脈探索去認(rèn)識眾多互聯(lián)網(wǎng)大廠的高端人才,也可以認(rèn)識很多創(chuàng)業(yè)公司的CEO。它的「職言版塊」甚至被人比喻為互聯(lián)網(wǎng)大廠的茶水間、紀(jì)檢委,你可以在那里獲取到很多互聯(lián)網(wǎng)大廠的八卦信息。本期「設(shè)計(jì)大偵探」的職場產(chǎn)品專題,讓我們一起拆解脈脈,看看這個(gè)產(chǎn)品到底是如何設(shè)計(jì)的。

圖片

 

一、導(dǎo)讀

1.、內(nèi)容結(jié)構(gòu)

全文10396字,分為六個(gè)部分,分別是導(dǎo)讀、產(chǎn)品畫像、內(nèi)容服務(wù)、求職服務(wù)、會(huì)員服務(wù)和結(jié)束語。

「導(dǎo)讀」可以幫助你快速了解這篇文章是否適合你閱讀;「產(chǎn)品畫像」從商業(yè)模式、用戶角色到迭代記錄,讓你對脈脈有一個(gè)全面的了解;「內(nèi)容服務(wù)」是實(shí)現(xiàn)用戶留存的關(guān)鍵,主要拆解了社區(qū)、人脈和消息三個(gè)版塊的內(nèi)容;「求職服務(wù)」是商業(yè)變現(xiàn)的重要方式,主要拆解了求職端、招聘端和企業(yè)空間等內(nèi)容;「會(huì)員服務(wù)」主要拆解了用戶中心和脈脈的會(huì)員VIP體系。

圖片

 

2、適合人群

產(chǎn)品拆解是一個(gè)知識點(diǎn)比較密集的分析形式,主要適合三類人群。第一類,UI/交互設(shè)計(jì)師,可以跳出執(zhí)行層,去思考脈脈的產(chǎn)品設(shè)計(jì)策略,提升產(chǎn)品分析能力;第二類,產(chǎn)品經(jīng)理/運(yùn)營,通過全面的產(chǎn)品設(shè)計(jì)拆解、策略推導(dǎo),獲取產(chǎn)品設(shè)計(jì)參考;第三類,網(wǎng)絡(luò)招聘及社交行業(yè)從業(yè)者,通過對脈脈的全面拆解,獲取競品設(shè)計(jì)參考。

圖片

 

3.、分析模型

我們主要運(yùn)用三種模型對產(chǎn)品的功能、設(shè)計(jì)進(jìn)行拆解,由于沒有權(quán)威的官方數(shù)據(jù),所以我們更多以推導(dǎo)的形式去思考脈脈為什么這樣設(shè)計(jì)。

第一個(gè),增長模型。由戴夫·麥克盧爾提出,包含用戶獲取、用戶激活、用戶留存、獲取收入、用戶推薦,分別對應(yīng)用戶生命周期中的5個(gè)重要環(huán)節(jié),主要用于分析產(chǎn)品的功能價(jià)值。

第二個(gè),上癮模型。由尼爾·法埃爾提出,通過對上千種習(xí)慣類產(chǎn)品的調(diào)研,總結(jié)出一款產(chǎn)品如果要讓用戶習(xí)慣、上癮,可以按照觸發(fā)、行動(dòng)、多變的酬賞和投入四個(gè)步驟去設(shè)計(jì),主要用于分析產(chǎn)品的功能價(jià)值和推導(dǎo)產(chǎn)品的策略設(shè)計(jì)。

第三個(gè),社會(huì)心理學(xué)。主要結(jié)合西奧迪尼的社會(huì)心理學(xué)《影響力》六大說服力原則——互惠、承諾和一致、社會(huì)認(rèn)同、喜好、權(quán)威和稀缺,去推導(dǎo)產(chǎn)品設(shè)計(jì)的用戶心理設(shè)計(jì),主要用于推導(dǎo)產(chǎn)品的策略設(shè)計(jì)。

圖片

 

二、產(chǎn)品畫像

1.、產(chǎn)品介紹

脈脈是一款職場社交的APP,首個(gè)版本于2013年10月上線,在國內(nèi)首次提出了“真實(shí)職業(yè)形象”與“人脈共享”概念,致力于利用科學(xué)算法打通“同事、同學(xué)、同鄉(xiāng)、同校、共同的朋友”五同關(guān)系,助力中國職場人塑造個(gè)人職業(yè)形象,拓展人脈機(jī)遇;助力企業(yè)打造雇主品牌,通過脈脈平臺的人才銀行長期獲取并儲(chǔ)備中高端人才。

圖片

 

2.、商業(yè)模式

脈脈以“成就職業(yè)夢想”為價(jià)值主張,深耕職場社交行業(yè),目前穩(wěn)居行業(yè)第一。用戶群體主要分為C端職場人士和B端企業(yè)。脈脈打造了社區(qū)、求職招聘、脈課堂等核心業(yè)務(wù),吸引了3000萬+互聯(lián)網(wǎng)中高端人才;脈脈的盈利模式主要依靠會(huì)員服務(wù)、求職招聘業(yè)務(wù)以及廣告服務(wù)。

圖片

 

3、用戶角色

脈脈作為一個(gè)社交平臺,用戶角色主要分為C端用戶和B端企業(yè)用戶。

C端用戶根據(jù)需求可以分為兩類,第一類是普通用戶群體,這類職場人士主要包含基層職員、中層職員、高管、總監(jiān)和CEO等,他們的需求很簡單,了解行業(yè)氛圍、獲取分享經(jīng)驗(yàn)以及拓展人脈;第二類是特殊用戶群體,包含獵頭、HR以及各類銷售,他們的需求是通過脈脈認(rèn)識更多的職場人士,建立好友關(guān)系后,嘗試銷售公司的產(chǎn)品或服務(wù)。

B端企業(yè)用戶主要通過脈脈建立企業(yè)脈脈主頁,提高企業(yè)知名度和形象,其次也可以通過脈脈招募人才。

圖片

 

4、用戶畫像

脈脈的核心用戶人數(shù)以男性為主,占比77.36%;24-35歲年齡段的用戶居多,占比55.6%;用戶的消費(fèi)力很強(qiáng),中等和中高消費(fèi)者加起來占比67.97%;用戶主要分布在一線、新一線和二線城市,其中以廣東和北京最多。

圖片

 

5、信息結(jié)構(gòu)

「脈脈」主要分為社區(qū)、人脈、職位/招人、消息和用戶中心五大版塊?!干鐓^(qū)」是脈脈最核心的內(nèi)容,包含了「推薦」、「熱榜」和「同事圈」三塊內(nèi)容;「人脈」提供好友管理,人脈探索,還有查看朋友動(dòng)態(tài);「職位」是求職服務(wù),用戶可以上傳簡歷找工作;如果是一個(gè)招聘者,可以在職位切換到招人狀態(tài),發(fā)布崗位后就可以招募人才;「用戶中心」就是用戶的管理中心,儲(chǔ)存了用戶在產(chǎn)品使用的各種數(shù)據(jù),比如影響力、好友數(shù)等。

圖片

 

6、重要迭代記錄

根據(jù)官方數(shù)據(jù),脈脈首個(gè)版本發(fā)布于2013年10月。截止到9月1日,脈脈APP已經(jīng)更新到V6.2.22版本,近一年版本更新次數(shù)達(dá)到39次(來自七麥數(shù)據(jù))。

版本迭代重要記錄

2013年10月,發(fā)布V1.0版本,正式推出脈脈,包含人脈管理、職場交流、求職招聘等功能;

2015年10月,發(fā)布V4.0.0版本,界面全新升級,推出「人脈辦事」等功能;

2019年2月,發(fā)布V5.0.4版本,主界面全新改版,升級企業(yè)Logo形象;

2021年2月,發(fā)布V6.0.10版本,產(chǎn)品全新升級;

圖片

 

7、產(chǎn)品生命周期

目前脈脈官方公布用戶數(shù)已經(jīng)超過1.1億,從易觀千帆2022年5月份平臺數(shù)據(jù)顯示,脈脈的活躍用戶人數(shù)547.53萬,行業(yè)獨(dú)占率31.68%,是職場社交細(xì)分行業(yè)的老大,目前產(chǎn)品已經(jīng)進(jìn)入產(chǎn)品生命周期的成熟期。

圖片

 

三、內(nèi)容服務(wù)

作為一款社區(qū)類產(chǎn)品,「內(nèi)容服務(wù)」是實(shí)現(xiàn)用戶留存和傳播拉新的關(guān)鍵。脈脈作為一款職場社交產(chǎn)品,為用戶提供了一個(gè)內(nèi)容豐富的社區(qū),包含了「職言」、「職業(yè)圈」、「行業(yè)」等熱門分類,而且采用UGC的模式實(shí)現(xiàn)內(nèi)容由用戶共創(chuàng),其次為用戶提供了豐富的人脈探索和管理工具,甚至像微信一樣,提供群聊、發(fā)送文件、加入黑名單等功能。最終幫助用戶在社區(qū)找到自己感興趣的話題,和有興趣的朋友建立關(guān)系,成為產(chǎn)品的忠實(shí)粉絲。

圖片

 

1、社區(qū)

脈脈「社區(qū)」的設(shè)計(jì),采用了信息流的推薦方式,千人千面,根據(jù)每個(gè)用戶的興趣進(jìn)行推薦內(nèi)容。在內(nèi)容設(shè)計(jì)方面,根據(jù)話題熱度設(shè)計(jì)了「推薦」和「熱榜」;根據(jù)人際關(guān)系設(shè)計(jì)了「同事圈」、「職業(yè)圈」和「好友圈」;根據(jù)發(fā)布類型,設(shè)計(jì)了「動(dòng)態(tài)」、「職言」、「提問」、「創(chuàng)作模版」、「視頻」和「文章」六個(gè)類型。

1.1 推薦

1.1.1 全部

「全部」就是脈脈的首頁,采用千人千面的信息流方式設(shè)計(jì),用戶進(jìn)入脈脈后,可以從這個(gè)欄目看到平臺根據(jù)你的興趣、職業(yè)標(biāo)簽推送的最熱門和最新發(fā)布的內(nèi)容。

圖片

1.1.2 職言

「職言」主要是和職場相關(guān)的內(nèi)容,這個(gè)欄目被喻為互聯(lián)網(wǎng)大廠的茶水間、紀(jì)檢委,你可以在那里獲取到很多互聯(lián)網(wǎng)大廠的八卦信息。為了鼓勵(lì)用戶大膽發(fā)言,脈脈設(shè)計(jì)了社區(qū)匿名身份發(fā)帖的形式,這樣無論你寫什么內(nèi)容,其他人也不知道你的真實(shí)身份,有效提升了用戶參與度和活躍度。但外界對這個(gè)欄目的評價(jià)其實(shí)褒貶不一,甚至也為脈脈惹了不少大廠的官司,追賠名譽(yù)損失。

圖片

1.1.3 門道

「門道」的內(nèi)容主要來自KOL、知名媒體和社區(qū)優(yōu)質(zhì)創(chuàng)作者,質(zhì)量高,以商業(yè)、互聯(lián)網(wǎng)和職場內(nèi)容為主。這個(gè)欄目的設(shè)計(jì),主要提升社區(qū)的內(nèi)容質(zhì)量,提升用戶使用產(chǎn)品的時(shí)間。其次通過對優(yōu)質(zhì)內(nèi)容的精選,也可以鼓勵(lì)用戶嘗試高質(zhì)量的創(chuàng)作,進(jìn)一步豐富社區(qū)的內(nèi)容。

圖片

1.1.4 職業(yè)圈

「職業(yè)圈」是根據(jù)用戶的職業(yè)標(biāo)簽來進(jìn)行分類,目的是為用戶提供更專業(yè)的話題,提高用戶活躍度。目前脈脈的「職業(yè)圈」只有后端研發(fā)、設(shè)計(jì)、運(yùn)營等6個(gè)小圈子,其他的暫未開放。

圖片

1.1.5 行業(yè)

「行業(yè)」的內(nèi)容非常垂直,主要聚合了某個(gè)行業(yè)的話題動(dòng)態(tài),從而了解這個(gè)行業(yè)就職的基本情況,同時(shí)也支持用戶切換其他行業(yè)。

圖片

1.2 熱榜

「熱榜」分為熱帖、話題和行業(yè),「熱帖」每天精選社區(qū)30篇帖子,「話題」每天精選10個(gè)話題,「行業(yè)」每天精選15篇帖子。這個(gè)欄目的設(shè)計(jì)不僅可以精選出社區(qū)優(yōu)質(zhì)和熱門的話題,還可以給用戶帶來社交酬賞,吸引用戶創(chuàng)作優(yōu)質(zhì)的話題內(nèi)容。

圖片

1.2.1 話題廣場

「話題廣場」目前入口很深,在用戶中心的社區(qū)服務(wù)才能進(jìn)入,這個(gè)欄目主要聚合了社區(qū)的熱門話題,引導(dǎo)用戶參與創(chuàng)作,最終提高用戶的創(chuàng)作參與度。

圖片

1.3 同事圈

「同事圈」主要為公司的員工提供一個(gè)私密交流的版塊,用戶需要實(shí)名認(rèn)證,公司也同步開通同事圈以后才能使用這個(gè)功能,目前顯示有字節(jié)跳動(dòng)、百度、騰訊等互聯(lián)網(wǎng)大廠都開通了同事圈。不過,這個(gè)版塊的設(shè)計(jì)從用戶真實(shí)的角度去思考,有點(diǎn)雞肋,誰都不愿意在下班以后還要去談?wù)摴ぷ鳌?/span>

圖片

1.4 搜索

「搜索」是社交平臺一個(gè)非常重要的功能,它可以幫助用戶快速檢索到用戶想查找的公司、朋友信息。

1.4.1 引導(dǎo)頁

「引導(dǎo)頁」包含了搜索歷史、搜索推薦、熱門搜索、公司榜和找人榜。不僅為用戶提供豐富的內(nèi)容,還為社區(qū)的熱門話題進(jìn)行引流,比如熱門搜索,可以告訴用戶今日熱點(diǎn),吸引用戶訪問。

圖片

1.4.2 結(jié)果頁

「搜索結(jié)果頁」分為綜合、找人、社區(qū)、職位、實(shí)時(shí)、問員工和話題,顆粒度非常細(xì)。這樣的設(shè)計(jì),可以幫助用戶檢索到比較精準(zhǔn)的內(nèi)容。

圖片

1.5 發(fā)布

脈脈作為一個(gè)UGC社區(qū),內(nèi)容由用戶生產(chǎn)。用戶發(fā)布的內(nèi)容又分為動(dòng)態(tài)(實(shí)名身份發(fā)布)、職言(社區(qū)身份發(fā)布)、提問(可以邀請大廠大佬回答)、創(chuàng)作類型(提供Offer比較和面試經(jīng)歷分享模版)、視頻和文章。

1.5.1 發(fā)布功能

用戶在內(nèi)容發(fā)布頁面,可以選擇參與各種熱門話題,用戶還可以創(chuàng)建投票,分享微博、頭條、公眾號等熱點(diǎn)資訊鏈接。

圖片

1.5.2 職言話題

「職言」是脈脈社區(qū)最核心的一個(gè)內(nèi)容版塊,當(dāng)用戶點(diǎn)擊發(fā)布職言后,系統(tǒng)會(huì)提醒用戶采用社區(qū)身份進(jìn)行發(fā)帖。脈脈的「職言話題」設(shè)計(jì)得很豐富,這主要是引導(dǎo)用戶,提高用戶參與度。話題分為熱議話題、找工作、能力進(jìn)階、職場關(guān)系、趣味現(xiàn)象、生活交友、解壓互助和節(jié)假日8大類型,每個(gè)類型下面還包含了數(shù)十種話題類型,這些話題組成了脈脈社區(qū)的核心內(nèi)容。

圖片

 

2、人脈

當(dāng)用戶之間相互關(guān)注、添加好友以后,就建立了關(guān)系,形成了人脈。「人脈」是實(shí)現(xiàn)用戶留存的關(guān)鍵,只有用戶認(rèn)識了他想認(rèn)識的朋友,才能形成強(qiáng)關(guān)系鏈接的社區(qū)。

2.1 好友管理

在人脈頁面,用戶可查看已添加的好友、最近的申請、對我感興趣的人和待處理的請求。其次平臺還會(huì)根據(jù)你的標(biāo)簽、職業(yè)、學(xué)校、地區(qū)等維度進(jìn)行深入的人脈挖掘。

圖片

2.1.1 用戶主頁

①頭部展示用戶的詳細(xì)信息,包含頭像、姓名、公司、職位、家鄉(xiāng)等信息,其次會(huì)統(tǒng)計(jì)用戶之間的共同好友,有效拉近用戶之間的距離,吸引用戶建立關(guān)系;

圖片

②從第二屏開始,依次展示用戶動(dòng)態(tài)、工作、項(xiàng)目和教育經(jīng)歷;在底部,設(shè)計(jì)了一個(gè)「看了他的人還看了」的好友列表,吸引用戶繼續(xù)深挖關(guān)系鏈接;

圖片

③添加好友的方式有兩種,第一種是「極速聯(lián)系」,用戶開通VIP以后可獲取好友的電話等聯(lián)系方式,快速聯(lián)系;第二種是普通的好友申請,需要好友審核通過后才能成為好友,其次普通用戶每個(gè)月只有5個(gè)免費(fèi)的添加好友名額,超出5個(gè)以后,需要開通VIP會(huì)員才能添加。

圖片

2.2 人脈探索

「人脈探索」有七個(gè)維度,分別是根據(jù)職業(yè)標(biāo)簽推薦、人脈發(fā)現(xiàn)、平臺推薦、同事、校友、同鄉(xiāng)和同行。用戶可以根據(jù)這七個(gè)維度進(jìn)行人脈探索,找到你想認(rèn)識的職場人士。

圖片

2.3 動(dòng)態(tài)

「動(dòng)態(tài)」類似于朋友圈,用戶可以參與社區(qū)的熱門話題,也可以發(fā)心情、問好友和發(fā)動(dòng)態(tài)。其次用戶還可以把好友加入到「好友圈」,第一時(shí)間閱讀他們的動(dòng)態(tài)和職位變動(dòng)等信息。

圖片

3、消息

「消息」主要為用戶提供對話交流?!赶㈩愋汀怪饕譃閯?dòng)態(tài)提醒(邀請參與、評論和點(diǎn)贊)、主動(dòng)溝通、好友消息和未讀消息。其次脈脈也提供建立群聊、加入黑名單等功能。

圖片

3.1 聊天對話框

①當(dāng)用戶處于離線狀態(tài),脈脈會(huì)提供一個(gè)短信通知對方的功能。用戶需要購買商務(wù)會(huì)員VIP,才能使用。

圖片

②當(dāng)用戶開始聊天后,會(huì)員可向好友申請「交換手機(jī)」號碼,而普通用戶也可以對廣告用戶設(shè)置「加入黑名單」,直接屏蔽用戶消息;

圖片

③脈脈還支持發(fā)起群聊,可以邀請多個(gè)好友建立群聊溝通。

圖片

 

4、小結(jié)

從社區(qū)內(nèi)容觀察,脈脈的內(nèi)容其實(shí)主要分為兩種類型,一種是「個(gè)人動(dòng)態(tài)」,另一種則是「職場話題」?!競€(gè)人動(dòng)態(tài)」?jié)M足了一個(gè)社區(qū)用戶最基本的社交需求,而「職場話題」才是脈脈實(shí)現(xiàn)用戶留存的關(guān)鍵。

從脈脈的「話題廣場」內(nèi)容設(shè)計(jì)可以看出,脈脈對職場人士關(guān)注的焦點(diǎn)都挖掘得十分精準(zhǔn)。從找工作、能力進(jìn)階、職場關(guān)系到解壓互助,脈脈都設(shè)計(jì)了開放、可傳播的話題,引導(dǎo)用戶參與社區(qū)的創(chuàng)建。

最后,為了提高社區(qū)的內(nèi)容質(zhì)量,增強(qiáng)用戶黏性,脈脈還設(shè)計(jì)了「門道」欄目,邀請頭部的KOL和知名媒體參與社區(qū)內(nèi)容建設(shè),滿足各類用戶的需求,形成內(nèi)容閉環(huán)。

從人脈拓展形式看,脈脈提倡的「五同關(guān)系」,是整個(gè)社區(qū)用戶形成關(guān)系鏈的核心。通過同事、同校、同鄉(xiāng)和同行這四個(gè)維度的鏈接,充分挖掘二度、三度人脈,最后成為共同的朋友。

 

四、求職服務(wù)

脈脈擁有1.2億職場社交實(shí)名用戶,吸引了眾多互聯(lián)網(wǎng)大廠企業(yè)加入。作為一個(gè)鏈接雙端用戶的平臺型產(chǎn)品,「求職服務(wù)」是脈脈的核心服務(wù),是商業(yè)變現(xiàn)的一個(gè)重要方式,它為求職者提供工作推薦,為招聘者提供人才推薦。

圖片

 

1、求職者

脈脈為求職者提供了「在線簡歷」、「職位收藏」、「求職偏好」等功能?!冈诰€簡歷」支持附件簡歷上傳,有效節(jié)省用戶創(chuàng)建簡歷的時(shí)間成本。

圖片

1.1 求職機(jī)會(huì)

「求職機(jī)會(huì)」是平臺根據(jù)用戶的求職偏好進(jìn)行系統(tǒng)推薦,幫助用戶和招聘方建立更高效的溝通。

圖片

1.2 職位詳情頁

①頭部展示崗位的基礎(chǔ)信息和HR的聯(lián)系方式,用戶如果要想和HR溝通需要開通VIP會(huì)員;如果所在公司有好友,則會(huì)顯示擁有好友內(nèi)推機(jī)會(huì)。

圖片

②在展示完「職位詳情」以后,加入了「公司介紹」,目的是提升崗位的信任度,讓用戶進(jìn)入企業(yè)的主頁進(jìn)行更全面的了解;

圖片

③在底部,脈脈還提供了「職位真相」、「薪資揭秘」和「職場晉升路徑」的VIP服務(wù),用戶可以購買該崗位的晉升空間和發(fā)展評估。

圖片

 

2、招聘者

脈脈沒有單獨(dú)為招聘者設(shè)計(jì)「招聘端」,在「求職」的右上角可以直接切換成招聘者的身份。脈脈為招聘者提供了「簡歷查收」、「職位互動(dòng)」、「人才庫」等功能,略顯單薄,比較基礎(chǔ)。脈脈的招聘服務(wù)目前看上去更側(cè)重于定制化的人才解決方案為主,企業(yè)沒有免費(fèi)發(fā)布職位的次數(shù),如果需要發(fā)布,就需要開通招聘會(huì)員VIP,798一個(gè)季度,相對其他求職產(chǎn)品來說,定價(jià)略高。

圖片

 

3、企業(yè)空間

脈脈的「企業(yè)空間」吸引了眾多行業(yè)的大廠入駐,比如像新媒體行業(yè)的字節(jié)跳動(dòng)、社交行業(yè)的騰訊、電商行業(yè)的阿里巴巴等等,在企業(yè)空間,幾乎可以查詢到你所關(guān)注的互聯(lián)網(wǎng)大廠,從而獲取精準(zhǔn)的信息。

圖片

3.1 企業(yè)空間主頁

①頭部介紹了企業(yè)的基礎(chǔ)信息,包括員工數(shù)量、職位數(shù)量和公司簡介等;其次還提供了公司的評分,用戶可以給公司打標(biāo)簽,評分;

圖片

②脈脈為用戶提供了查詢「職級薪資」的功能,可以通過這個(gè)功能查看像字節(jié)、騰訊等公司的薪資體系;

圖片

③「企業(yè)號」由企業(yè)自己運(yùn)營,主要向用戶對外展示企業(yè)的信息,包含了主頁、動(dòng)態(tài)、職位、產(chǎn)品和相冊等信息,其次還可以查看該公司在脈脈的員工總數(shù);

圖片

④「求職揭秘」關(guān)聯(lián)了和公司相關(guān)的話題,而且像字節(jié)這樣的大公司,還會(huì)分部門展示內(nèi)容,滿足求職者的好奇心,也支持用戶直接發(fā)帖提問;「崗位招聘」則是展示企業(yè)對外招聘的所有崗位,用戶可根據(jù)自己的求職意向進(jìn)行投遞簡歷。

圖片

3.2 職得去榜單

「職得去榜單」設(shè)計(jì)得非常有創(chuàng)意,這個(gè)榜單不僅可以作為企業(yè)空間的標(biāo)簽之一,而且還增加了產(chǎn)品的樂趣,比如「脈有最愛投排行榜」,這樣的設(shè)計(jì)可以利用攀比心理,相互倒逼,提高用戶活躍度。

「職得去榜單」主要包含「脈友入職熱榜」、「脈友最愛投」、「薪資福利榜」、「大廠員工新去處」、「名校生最愛去」、「業(yè)務(wù)前景榜」、「最無年齡焦慮公司」、「團(tuán)隊(duì)氛圍榜」、「個(gè)人發(fā)展榜」、「投遞極速響應(yīng)榜」和「應(yīng)屆生最愛去公司榜」11種榜單,另外還設(shè)計(jì)了「女性友好公司」、「創(chuàng)投機(jī)構(gòu)推薦企業(yè)」和「2021年度多維度優(yōu)質(zhì)雇主」。不過遺憾的是,這些榜單的權(quán)重比較低,入口很深,而且內(nèi)容略顯單薄,做得不夠深。

圖片

 

4、脈課堂

「脈課堂」是一個(gè)知識付費(fèi)欄目,內(nèi)容主要包含同行精選、副業(yè)投資、技能提升等內(nèi)容,以錄播的系統(tǒng)課程為主,價(jià)格較低。這個(gè)欄目主要幫助求職者通過知識學(xué)習(xí)提升職場、技能方面的能力,增加商業(yè)變現(xiàn)手段。不過目前入口較深,權(quán)重較低。

圖片

 

5、職場福利

「職場福利」是一個(gè)充滿創(chuàng)意力和趣味性的欄目,雖然活動(dòng)的數(shù)量少,活動(dòng)頻率低,不過可以看出脈脈的用戶運(yùn)營創(chuàng)新能力非常強(qiáng)。

圖片

5.1 健康加油站

「健康加油站」是脈脈聯(lián)合「中國職工發(fā)展基金會(huì)」為關(guān)愛職場人群身體健康策劃的一個(gè)欄目,用戶可以在這個(gè)欄目發(fā)布關(guān)于身體健康的話題,有健康專家專門為用戶解答,另外還為用戶提供健康科普、課堂講座等內(nèi)容。這個(gè)欄目以關(guān)愛用戶身心健康為主,有效提升了品牌服務(wù)的溫度。

圖片

5.2 最熱脈

「最熱脈」是一個(gè)特別有趣的欄目。它的內(nèi)容是以產(chǎn)品測評為主,比如OPPO的新款Find N折疊屏,通過和脈脈的合作,招募了一批不同職業(yè)的評測官,有產(chǎn)品經(jīng)理、開發(fā)、運(yùn)營、設(shè)計(jì)師,他們從不同的角度去體驗(yàn)產(chǎn)品,然后發(fā)表真實(shí)客觀的評測分享,最終有機(jī)會(huì)贏取企業(yè)贊助的大獎(jiǎng)。這個(gè)欄目,增加脈脈運(yùn)營的趣味性,比如還有一個(gè)評測是體驗(yàn)面膜,這對女性用戶來說,實(shí)在是太受歡迎了。

圖片

5.3 職場關(guān)愛聯(lián)盟

「職場關(guān)愛聯(lián)盟」是由脈脈聯(lián)合企業(yè)一起打造的線上線下活動(dòng)沙龍,主題多以關(guān)注職場人士健康為主,比如脈脈聯(lián)合了京東打造「職場健康關(guān)愛季」,還有聯(lián)合神州租車打造「出行旅游的解壓活動(dòng)」。脈脈用戶均可以一鍵報(bào)名,無需任何門檻,這樣的運(yùn)營設(shè)計(jì)有效提升企業(yè)服務(wù)的溫度,拉近和用戶的距離,提升品牌忠誠度。

圖片

 

6、職趣實(shí)驗(yàn)室

「職趣實(shí)驗(yàn)室」和「職場福利」的定位很相似,不過這個(gè)欄目更側(cè)重娛樂和解壓,通過設(shè)計(jì)一些創(chuàng)新的職場游戲,緩解職場人士工作壓力,提升用戶活躍度。

圖片

6.1 員工面對面

「員工面對面」是一個(gè)問答話題集合,以“找工作前,先問員工”的設(shè)計(jì)理念,脈脈會(huì)把求職者最關(guān)心的薪資、Offer等熱門問題搜集整合,為職場人士提供一份職場問答寶典。

圖片

6.2 人脈升遷名單

「人脈升遷名單」主要指離職好友的升遷名單,通過好友的人脈二度挖掘,用戶可以拓展更多的新人脈資源,結(jié)成好友。

圖片

6.3 好友印象墻

「好友印象墻」有兩種玩法,第一種,發(fā)送自己的印象給指定的好友,增強(qiáng)互動(dòng),比如朋友心中我最擅長的事情;第二種,回答好友的印象,比如“你覺得我是什么性格”等。這個(gè)內(nèi)容版塊的目的是提升好友之間的互動(dòng)頻率,加強(qiáng)關(guān)系鏈接,最終提升用戶活躍度。

圖片

6.4 職場競爭力計(jì)算器

「職場競爭力計(jì)算器」的玩法比較簡單,用戶輸入自己的職級、地區(qū)、就業(yè)方向、工作年限、學(xué)歷和月薪后,系統(tǒng)會(huì)通過數(shù)據(jù)分析,為用戶生成一份職場競爭力報(bào)告,包含同行的流動(dòng)情況、崗位競爭力對比、平均在職時(shí)長年限、同齡人職級晉升百分比和平均薪資數(shù)據(jù)。用戶還可以隱藏薪資,下載長圖分享到朋友圈。通過這種游戲化的設(shè)計(jì),不僅可以全面幫助求職者獲取目前的職場狀態(tài),還可以增強(qiáng)產(chǎn)品的權(quán)威性和用戶活躍度。

圖片

6.5 硬核職場攻略

「硬核職場攻略」通過職場中最常見的12個(gè)場景,比如遇到暴力裁員怎么辦、如何在線獲取新客戶等,再結(jié)合脈脈的核心內(nèi)容,為求職者提供一份全面的職場難題解決攻略。這個(gè)內(nèi)容的設(shè)計(jì),就像一份脈脈的用戶使用手冊,不僅可以幫助用戶解決實(shí)際的難題,還能提升用戶忠誠度。

圖片

6.6 被推薦數(shù)據(jù)分析

這個(gè)欄目目前正在公測中,每周統(tǒng)計(jì)發(fā)布一次,主要向用戶展示當(dāng)周個(gè)人名片通過哪些場景、功能、標(biāo)簽推薦給其他人。對于以職場服務(wù)、營銷為主的職場人士,這個(gè)數(shù)據(jù)統(tǒng)計(jì)價(jià)值很高,可以通過數(shù)據(jù)去針對性設(shè)計(jì)優(yōu)化,提升自己的曝光度。

圖片

6.7 藍(lán)月職場生存測試

「藍(lán)月職場生存測試」是一個(gè)基于脈脈職場發(fā)展模型(決策、感知、控制、協(xié)作、自取和信念)設(shè)計(jì)開發(fā)的H5游戲,主要對用戶進(jìn)行情景式壓力評估,幫助測試者更清晰的理解自己的職場生存能力。這種結(jié)合職場設(shè)計(jì)的游戲,沉浸感非常強(qiáng),再加上充滿了懸疑的劇情,可以極大提升用戶活躍度。

圖片

6.8 1024程序員鑒別挑戰(zhàn)賽

這個(gè)游戲的設(shè)計(jì)非常創(chuàng)新,為了致敬偉大的1024程序員,設(shè)計(jì)了一個(gè)程序員鑒別的挑戰(zhàn)賽。當(dāng)用戶發(fā)起挑戰(zhàn)以后,需要根據(jù)照片和提示找出對應(yīng)數(shù)量的程序員,當(dāng)你提交答案,還會(huì)關(guān)聯(lián)到用戶的脈脈主頁,提升曝光度。這個(gè)游戲還設(shè)計(jì)了游戲難度,根據(jù)臉型、發(fā)型、衣服、背包、鞋子和眼神不斷提升游戲難度,讓用戶越玩越上癮,提高用戶活躍度。最后還設(shè)計(jì)了「我的戰(zhàn)績」這個(gè)內(nèi)容,統(tǒng)計(jì)用戶在這個(gè)游戲中的最佳戰(zhàn)績,找到的程序員,進(jìn)一步吸引用戶添加好友,建立關(guān)系鏈。

圖片

 

7、小結(jié)

從求職端和招聘端的拆解可以看出,雖然網(wǎng)絡(luò)招聘已經(jīng)成為脈脈商業(yè)變現(xiàn)的核心手段,但「求職服務(wù)」還非常單薄。特別是招聘端,相比網(wǎng)絡(luò)招聘的頭部企業(yè)如前程無憂、智聯(lián)招聘和BOSS直聘,脈脈還有很長的路要走。

不過脈脈的產(chǎn)品運(yùn)營創(chuàng)新力非常強(qiáng)。比如「最熱脈」,脈脈通過平臺高端的用戶資源,聯(lián)合其他品牌設(shè)計(jì)了非常創(chuàng)新的產(chǎn)品評測活動(dòng),不僅提升了用戶活躍度,還實(shí)現(xiàn)了商業(yè)變現(xiàn)。還有「藍(lán)月職場生存測試」這個(gè)國內(nèi)首部職場沉浸式互動(dòng)測試游戲,不僅成為現(xiàn)象級互聯(lián)網(wǎng)行業(yè)營銷案例,也把脈脈的創(chuàng)新能力體現(xiàn)得淋漓盡致。

 

五、會(huì)員服務(wù)

「會(huì)員服務(wù)」主要包含了「用戶中心」和「會(huì)員VIP服務(wù)」,其中「會(huì)員VIP服務(wù)」是脈脈實(shí)現(xiàn)商業(yè)變現(xiàn)的重要手段,不僅包含了B端的招聘服務(wù),還有C端各種權(quán)益服務(wù),是脈脈的核心收入來源之一。

圖片

 

1、用戶中心

1.1 影響力

「影響力」就像積分,它是一種社交酬賞,用戶可以通過提問、評論、發(fā)布文章等行為獲取社區(qū)影響力。其次,通過每日做任務(wù)提升「影響力」的形式,進(jìn)一步提升用戶活躍度,增強(qiáng)用戶黏性。最后,脈脈還設(shè)計(jì)了一個(gè)「影響力排行榜」,根據(jù)全國、地區(qū)、同行和好友的維度進(jìn)行排名,進(jìn)一步利用用戶的攀比心理,刺激用戶完成更多任務(wù)提升「影響力」。

圖片

1.2 創(chuàng)作者中心

作為一個(gè)UGC為內(nèi)容生產(chǎn)模式的社區(qū)平臺,為了鼓勵(lì)用戶創(chuàng)作,脈脈為用戶設(shè)計(jì)了「創(chuàng)作者中心」。用戶可以在創(chuàng)作者中心可以查看自己的創(chuàng)作等級,完成平臺每日設(shè)計(jì)的任務(wù),參與社區(qū)熱門的話題。

圖片

1.2.1 內(nèi)容分析

「內(nèi)容分析」包含了「最近7天被閱讀總量」、「同行同工種的閱讀量」、「昨日獲得互動(dòng)次數(shù)」等內(nèi)容,主要幫助職場創(chuàng)作者獲取全面的創(chuàng)作數(shù)據(jù)分析,提供一個(gè)強(qiáng)大智能的數(shù)據(jù)助手,從而提高用戶參與度。

圖片

1.3 勛章墻

「勛章墻」分為三類,第一類是「活躍成就」,分別是「社區(qū)主R」、「評論區(qū)區(qū)長」和「劃水的魚」;第二類是「達(dá)人認(rèn)證」,分別是「行業(yè)老師傅」、「脈警長」、「反向背調(diào)者」和「offer收割機(jī)」;第三類是「創(chuàng)作勛章」,分別是「社區(qū)人氣王」、「頂峰見」、「神評王」和「評論區(qū)樓長」。通過如此多變性的勛章設(shè)計(jì),可以利用社交酬賞提高用戶的社區(qū)活躍度。

圖片

1.4 人氣周報(bào)

「人氣周報(bào)」和「職趣實(shí)驗(yàn)室」的「被推薦數(shù)據(jù)分析」很相似,未來不知道會(huì)不會(huì)合并。目前主要是根據(jù)用戶每周的曝光數(shù)據(jù)生成當(dāng)周的數(shù)據(jù)報(bào)告,比如曝光次數(shù)、人脈推薦、機(jī)遇推薦等。

圖片

 

2、會(huì)員VIP

脈脈擁有眾多用戶角色,他們設(shè)計(jì)了5種會(huì)員VIP,滿足了不同用戶群體的需求,豐富了產(chǎn)品的變現(xiàn)形式,而且定價(jià)均不便宜,吸金能力很強(qiáng)。

2.1 商務(wù)會(huì)員

「商務(wù)會(huì)員」主要幫助用戶開拓精準(zhǔn)人脈,購買后可享受12項(xiàng)特權(quán),包含影響力加速、5次極速聯(lián)系、30個(gè)添加好友機(jī)會(huì)、尊貴標(biāo)識等服務(wù),售價(jià)68元每月,屬于脈脈最基礎(chǔ)的會(huì)員服務(wù)。

圖片

2.2 VIP會(huì)員

「VIP會(huì)員」相比「商務(wù)會(huì)員」,價(jià)格翻了近3倍,售價(jià)198元每月,核心賣點(diǎn)是高端人脈的拓展,比如互聯(lián)網(wǎng)大廠的高管等。用戶購買后可以享受13項(xiàng)特權(quán)和更多權(quán)益,比如15次極速聯(lián)系、90個(gè)添加好友機(jī)會(huì)、聯(lián)系高端人脈等。

圖片

2.3 招聘個(gè)人會(huì)員

「招聘個(gè)人會(huì)員」主要面向企業(yè)招聘者,購買后可享受17項(xiàng)特權(quán),包含可發(fā)布5個(gè)職位、提供每月30次的及時(shí)溝通、批量職位職能邀約和解鎖招聘人才庫擴(kuò)大搜索范圍等服務(wù)。目前這個(gè)服務(wù)以7天試用的形式吸引用戶開通,到期后價(jià)格定價(jià)798元一個(gè)季度,相比其他網(wǎng)絡(luò)招聘產(chǎn)品,價(jià)格略高。

圖片

2.4 銷售會(huì)員

「銷售會(huì)員」主要幫助有職場銷售場景的用戶挖掘商機(jī)拓客,購買后可享受18項(xiàng)特權(quán),包含動(dòng)向智能追蹤潛在客戶、獲取平臺的精準(zhǔn)線索推薦、專享定制化的線索高級搜索等服務(wù)。這個(gè)服務(wù)定價(jià)198元每月。

圖片

2.5 職業(yè)發(fā)展會(huì)員

「職業(yè)發(fā)展會(huì)員」主要是面向個(gè)人求職者,購買后可享受15項(xiàng)特權(quán),包含簡歷置頂、數(shù)據(jù)洞察、雙倍曝光、求職立即溝通等服務(wù)。這個(gè)服務(wù)定價(jià)58元每月,相比「商務(wù)會(huì)員」,更側(cè)重于求職的服務(wù),幫助求職者提升求職效率。

圖片

 

3、小結(jié)

從會(huì)員體系看,脈脈的付費(fèi)會(huì)員體系拆分成了「商務(wù)會(huì)員」、「VIP會(huì)員」、「招聘個(gè)人會(huì)員」、「銷售會(huì)員」和「職業(yè)發(fā)展會(huì)員」。這主要是因?yàn)槊}脈有多種用戶群體,需求都不相同,這樣的設(shè)計(jì)可以滿足不同的用戶需求。比如對于一個(gè)普通的職場人士,他可能就只有求職的需求;而對于一個(gè)有HR、銷售人員,他們則需要添加更多的好友、更豐富的功能。

從商業(yè)變現(xiàn)能力看,脈脈以手握中高端職場人士資源為賣點(diǎn),會(huì)員定價(jià)相比其他網(wǎng)絡(luò)招聘或社交產(chǎn)品都貴。比如智聯(lián)招聘,企業(yè)會(huì)員注冊后可以免費(fèi)發(fā)布5個(gè)崗位,BOSS直聘甚至只需要開通一個(gè)每月50元的會(huì)員就能開始發(fā)起招聘,而脈脈的門檻則比較高。從用戶畫像也能看出,脈脈的用戶以中高等消費(fèi)群體居多。

 

六、結(jié)束語

距離產(chǎn)品2013年首個(gè)版本上線時(shí)間已經(jīng)快九年,在拆解完脈脈后,我特意梳理了一下脈脈過去九年的價(jià)值主張的升級(數(shù)據(jù)以七麥數(shù)據(jù)為主)。

2013年10月,脈脈首個(gè)版本推出,價(jià)值主張打造“真實(shí)職業(yè)形象”。

2016年3月,脈脈的價(jià)值主張是打通職場人脈;

2017年5月,脈脈的價(jià)值主張升級到——職場人都在用的社交APP;

2018年4月,脈脈把自己定位成一個(gè)——職場社交神器;

2019年2月,脈脈全新升級,致力于打造一個(gè)職場社交平臺,成為職場人追捧的社交神器;

2020年8月,脈脈用戶數(shù)突破1億用戶,成為1億職場人士人脈拓展、求職招聘的平臺;

2021年9月,脈脈再次升級,以“成就職業(yè)夢想”為價(jià)值主張,并沿用至今。

可以看出,脈脈作為職場社交行業(yè)的后起之秀(Linkedin成立于2003年,天際網(wǎng)和若領(lǐng)網(wǎng)成立于2004年,Glassdoor成立于2007年),設(shè)計(jì)了一套適合中國職場人士的社交產(chǎn)品,經(jīng)過多年的努力,成為了中國職場社交的獨(dú)角獸。雖然很多人還會(huì)嘲笑脈脈其實(shí)只是互聯(lián)網(wǎng)的一個(gè)茶水間,以看八卦、嗑瓜子為主。但脈脈的產(chǎn)品團(tuán)隊(duì)以“成就職業(yè)夢想”為企業(yè)愿景和產(chǎn)品目標(biāo),在這條路上不斷努力著。

就像脈脈創(chuàng)始人林凡對職業(yè)夢想的定義——中國正經(jīng)歷熟人社會(huì)向生人社會(huì)的轉(zhuǎn)型,脈脈正在堅(jiān)持努力的,就是跟隨眾多有夢想的職場人士和優(yōu)秀企業(yè)一起探索出一條科學(xué)、高效并且緊跟時(shí)代步伐的職業(yè)成長之路,成就全球十億白領(lǐng)的職業(yè)夢想。

這個(gè)夢想,也許就是脈脈能吸引1.1億職場人士使用的動(dòng)力之一。

 

參考文獻(xiàn):

易觀千帆-脈脈APP數(shù)據(jù)分析

七麥數(shù)據(jù)-脈脈APP數(shù)據(jù)分析

脈脈官網(wǎng)


作者:廖慶

轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》脈脈產(chǎn)品拆解丨1.1億職場人士為什么使用脈脈?

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


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。


藍(lán)藍(lán)設(shè)計(jì)www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司


3個(gè)案例,正確理解B端產(chǎn)品中的一致性原則

seo達(dá)人


一、一致性的價(jià)值

工作過程中,當(dāng)產(chǎn)品或者開發(fā)問到一些設(shè)計(jì)細(xì)節(jié)時(shí),設(shè)計(jì)師很容易回答“與XX功能保持一致就可以了”。這在工作中應(yīng)該比較常見,也比較容易理解,沿用以往的設(shè)計(jì)形式省時(shí)、省心,何樂而不為呢?

另外設(shè)計(jì)側(cè)主動(dòng)建立產(chǎn)品設(shè)計(jì)規(guī)范,很大程度上也是為了做好設(shè)計(jì)管控,保證產(chǎn)出的一致性,所以一致性的價(jià)值是毋容置疑的。

當(dāng)然除了產(chǎn)品體驗(yàn)提升外,「一致性」對產(chǎn)品設(shè)計(jì)開發(fā)也有幫助。

(1)降低設(shè)計(jì)成本,提高開發(fā)效率

無論是設(shè)計(jì)還是開發(fā),復(fù)用已有的組件資源,保持界面的一致性可以有效地減少設(shè)計(jì)的投入,避免不必要的設(shè)計(jì)分歧點(diǎn)。

而在開發(fā)階段,可以避免重復(fù)造輪子,提高開發(fā)的效率,保證落地效果,也可以減少上線前設(shè)計(jì)走查、測試的工作量。

(2)形成一致的設(shè)計(jì)風(fēng)格

根據(jù)原子設(shè)計(jì)理論,通過原子組件的一致性,可以構(gòu)建出統(tǒng)一的界面框架、布局,形成統(tǒng)一風(fēng)格和用戶交互認(rèn)知,從而更好地保證用戶體驗(yàn)質(zhì)量。

 

二、一致性思考的維度

不過「一致性」并不是強(qiáng)制性的標(biāo)準(zhǔn),而是要以提升用戶體驗(yàn)為目標(biāo)靈活應(yīng)用。實(shí)際落地執(zhí)行時(shí),要根據(jù)產(chǎn)品定位、用戶場景,結(jié)合業(yè)務(wù)功能來確定設(shè)計(jì)方案,不能為了一致而一致。

當(dāng)我們遇到一致性問題時(shí),還是需要從以下3個(gè)方面深入思考,做出準(zhǔn)確合理的設(shè)計(jì)決策。

 

1. 符合產(chǎn)品定位

傳統(tǒng)的B端產(chǎn)品都是本地化私有部署,功能僅面向企業(yè)內(nèi)部用戶和實(shí)際的業(yè)務(wù)場景。業(yè)務(wù)屬性更強(qiáng),因此頁面的結(jié)構(gòu)形式相對更加統(tǒng)一。

但是隨著SaaS產(chǎn)品的興起,B端產(chǎn)品功能更加豐富,場景和服務(wù)更加多元。

例如面向個(gè)人用戶和團(tuán)隊(duì)協(xié)作的工具型產(chǎn)品,產(chǎn)品定位首先要滿足個(gè)人用戶的服務(wù),獲得足夠的用戶流量,因此大都開放注冊并提供免費(fèi)的基礎(chǔ)服務(wù)。在此基礎(chǔ)上,通過差異化的增值服務(wù)獲得商業(yè)變現(xiàn),例如會(huì)員特權(quán)服務(wù)、團(tuán)隊(duì)服務(wù)等等。

因此在頁面結(jié)構(gòu)上既要滿足業(yè)務(wù)功能的需要,又要考慮運(yùn)營推廣信息的展現(xiàn),單純地追求一致性是無法滿足產(chǎn)品定位的。

例如騰訊文檔,首先滿足用戶日常在線文檔編輯協(xié)作需求,采用的是管理端布局。

圖片

而「模板庫」屬于增值服務(wù),則采用了版心卡片式設(shè)計(jì)。

圖片

在語雀中也是如此,個(gè)人「工作臺」界面采用了3欄布局結(jié)構(gòu),根據(jù)屏幕寬度自動(dòng)縮放適配。而在「廣場」頻道中采用了版心定寬設(shè)計(jì),「空間」頻道則變成了引流入口,點(diǎn)擊后通過瀏覽器標(biāo)簽打開新的頁面,交互邏輯上也是不同的。

所以當(dāng)我們在做產(chǎn)品設(shè)計(jì)時(shí),首先要從產(chǎn)品功能定位和商業(yè)模式出發(fā),結(jié)合用戶需求,不能為了一致而一致。

 

2. 符合用戶認(rèn)知

我們在做產(chǎn)品設(shè)計(jì)或者制定設(shè)計(jì)規(guī)范,不僅僅要考慮自身產(chǎn)品的一致性,還需要與行業(yè)內(nèi)的產(chǎn)品保持一定的一致性。

先看下面的2張圖,兩張都是PC端視頻會(huì)議的邀請界面。

圖片

不知道大家是什么感覺,剛開始我在PC上收到左圖的會(huì)議邀請時(shí),下意識地想點(diǎn)紅色“拒絕”按鈕,需要思考片刻才能做出決策?;蛟S設(shè)計(jì)師會(huì)說,設(shè)計(jì)已經(jīng)遵從行業(yè)內(nèi)的規(guī)范,利用紅、綠色區(qū)分了按鈕的功能屬性。

但是無論是PC還是移動(dòng)端產(chǎn)品,彈窗中的按鈕一般都是采用「右主+左次」的形式,這已經(jīng)成為了大多數(shù)用戶的認(rèn)知。左邊的視頻會(huì)議產(chǎn)品采用了相反的設(shè)計(jì),違背了用戶的認(rèn)知。雖然顏色在一定程度上可以降低用戶的誤判,但是很難改變用戶的認(rèn)知習(xí)慣。

另外PC端按鈕仿照「接聽電話」的設(shè)計(jì)形式,我接觸的確實(shí)不多,還沒有建立起綠色接聽、紅色拒絕的認(rèn)知,所以產(chǎn)生了一定的困難。

在界面設(shè)計(jì)時(shí),一致性除了需要遵從產(chǎn)品內(nèi)部的設(shè)計(jì)規(guī)范,也要考慮行業(yè)產(chǎn)品對用戶認(rèn)知的影響,避免設(shè)計(jì)與用戶普遍認(rèn)知產(chǎn)生沖突。

 

3.符合用戶操作習(xí)慣

依然是按鈕的例子。

我們常見的表單頁面中按鈕和彈窗中的按鈕,位置和組合形式并不一致。

圖片

彈窗中通常采用的是「右主+左次」的形式,而表單頁面中大都采用的是「左主+右次」的形式。為什么出現(xiàn)這種差異呢?以下是我個(gè)人的理解。

1)位置差異性分析

根據(jù)「認(rèn)知負(fù)荷>視覺負(fù)荷>動(dòng)作負(fù)荷」理論,在頁面中我們首先要讓用戶能夠找到按鈕,然后完成操作。

相對于彈窗,頁面的空間更大,邊界感偏弱,用戶的視覺重心更容易停留在左側(cè)表單內(nèi)容區(qū)域。所以按鈕應(yīng)該緊隨表單,便于用戶快速發(fā)現(xiàn)按鈕。如果將按鈕放置頁面右下角,或者頁面底部,用戶的視覺負(fù)荷更高。如下圖所示:

圖片

在緊隨表單內(nèi)容的場景下,設(shè)計(jì)時(shí)優(yōu)先考慮用戶「F型」瀏覽習(xí)慣的原則,將主要按鈕居左放置,更加強(qiáng)調(diào)主按鈕的信息。

而在彈窗中空間更小,內(nèi)容相對比較緊湊,更加適用于「古騰堡原則」,用戶的視覺終點(diǎn)會(huì)停留在右下角。而用戶的鼠標(biāo)往往是停留在屏幕右側(cè),所以主按鈕放置在右側(cè),更方便用戶操作。

2)對齊方式的差異性分析

再擴(kuò)展下對齊的思考,表單中按鈕為什么不與標(biāo)簽對齊,而是與輸入框?qū)R呢?

  • 隱喻認(rèn)知

按鈕作為表單的操作項(xiàng),可以認(rèn)為與輸入框的性質(zhì)是一致的,是需要與用戶發(fā)生交互的。而表單中左側(cè)的標(biāo)簽則是信息區(qū),主要承載的是用戶信息瀏覽。因此按鈕歸屬于交互區(qū),需要與輸入框?qū)R。

  • 視覺要求

標(biāo)簽有3種布局形式,頂對齊、左對齊、右對齊。

頂對齊場景下,標(biāo)簽、內(nèi)容區(qū)和按鈕三者對齊,不會(huì)出現(xiàn)什么問題。

左對齊場景下,標(biāo)簽需要預(yù)留一定的信息空間滿足長文本標(biāo)簽的場景,如果按鈕靠左對齊會(huì)造成明顯的右側(cè)內(nèi)容空白,讓整個(gè)內(nèi)容區(qū)視覺重心不穩(wěn)。

右對齊場景下,除了視覺重心不穩(wěn),還會(huì)造成整體的視覺錯(cuò)亂。如下圖所示:

圖片

所以按鈕與輸入框?qū)R,在視覺上整體更加協(xié)調(diào)。

總結(jié)

簡單總結(jié)下:

1、「一致性」作為設(shè)計(jì)的基礎(chǔ)性原則是非常重要的,對設(shè)計(jì)、開發(fā)以及產(chǎn)品體驗(yàn)的提升都有很大的幫助

2、一致性原則不是強(qiáng)制原則,需要根據(jù)產(chǎn)品定位靈活變通地應(yīng)用

3、一致性的價(jià)值在于提升用戶體驗(yàn),需要符合用戶的認(rèn)知和習(xí)慣

好了,今天就到這里了,下期見~


作者:子牧先生

轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》3個(gè)案例,正確理解B端產(chǎn)品中的一致性原則

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


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。


藍(lán)藍(lán)設(shè)計(jì)www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司


大數(shù)據(jù)掃盲

seo達(dá)人




一、什么是大數(shù)據(jù)?

大數(shù)據(jù)就是任何超過了一臺計(jì)算機(jī)處理能力的龐大數(shù)據(jù)量。–JohnRauser。

大數(shù)據(jù)代表了更多的信息,更多理解信息的角度。

大數(shù)據(jù),又稱巨量資料,指的是所涉及的數(shù)據(jù)資料量規(guī)模巨大到無法通過人腦甚至主流軟件工具,在合理時(shí)間內(nèi)達(dá)到擷取、管理、處理、并整理成為幫助企業(yè)經(jīng)營決策更積極目的的資訊。

 

二、大數(shù)據(jù)的分類

  • 結(jié)構(gòu)化數(shù)據(jù),簡單來說就是數(shù)據(jù)庫。也稱作行數(shù)據(jù),是由二維表結(jié)構(gòu)來邏輯表達(dá)和實(shí)現(xiàn)的數(shù)據(jù),嚴(yán)格地遵循數(shù)據(jù)格式與長度規(guī)范,主要通過關(guān)系型數(shù)據(jù)庫進(jìn)行存儲(chǔ)和管理。結(jié)構(gòu)化數(shù)據(jù)標(biāo)記,是一種能讓網(wǎng)站以更好的姿態(tài)展示在搜索結(jié)果當(dāng)中的方式,搜索引擎都支持標(biāo)準(zhǔn)的結(jié)構(gòu)化數(shù)據(jù)標(biāo)記。(員工的姓名,年齡等)
  • 非結(jié)構(gòu)話數(shù)據(jù),是與結(jié)構(gòu)化數(shù)據(jù)相對的,不適于由數(shù)據(jù)庫二維表來表現(xiàn),包括所有格式的辦公文檔、XML、HTML、各類報(bào)表、圖片和咅頻、視頻信息等。支持非結(jié)構(gòu)化數(shù)據(jù)的數(shù)據(jù)庫采用多值字段、了字段和變長字段機(jī)制進(jìn)行數(shù)據(jù)項(xiàng)的創(chuàng)建和管理,廣泛應(yīng)用于全文檢索和各種多媒體信息處理領(lǐng)域。(員工的聲音,頭像等)
  • 半結(jié)構(gòu)化數(shù)據(jù)是一種適于數(shù)據(jù)庫集成的數(shù)據(jù)模型,也就是說,適于描述包含在兩個(gè)或多個(gè)數(shù)據(jù)庫(這些數(shù)據(jù)庫含有不同模式的相似數(shù)據(jù))中的數(shù)據(jù)。(員工的簡歷等)

 

三、大數(shù)據(jù)的特點(diǎn)

1、規(guī)模性(Volume)大數(shù)據(jù)的數(shù)據(jù)量是驚人的,隨著技術(shù)的發(fā)展,數(shù)據(jù)量開始爆發(fā)性增長,達(dá)到TB甚至PB級別。例如,淘寶網(wǎng)平常每天的商品交易數(shù)據(jù)約20TB(1TB=1024GB),全球最大設(shè)計(jì)平臺Facebook的用戶,每天產(chǎn)生的日志數(shù)據(jù)超過了300TB(日志數(shù)據(jù)是記錄用戶操作記錄的,并非發(fā)帖內(nèi)容)。大數(shù)據(jù)如此龐大的數(shù)據(jù)量,是無法通過人工處理的。需要智能的算法、強(qiáng)大的數(shù)據(jù)處理平臺和新的數(shù)據(jù)處理技術(shù)來處理這些大數(shù)據(jù)。

2、多樣性(Varity) 大數(shù)據(jù)廣泛的數(shù)據(jù)來源,決定了大數(shù)據(jù)形式的多樣性。大數(shù)據(jù)大體上可以分為三類,分別是結(jié)構(gòu)化數(shù)據(jù)、非結(jié)構(gòu)化的數(shù)據(jù)、半結(jié)構(gòu)化數(shù)據(jù)。結(jié)構(gòu)化數(shù)的特點(diǎn)是數(shù)據(jù)間因果關(guān)系強(qiáng),比如息管理系統(tǒng)數(shù)據(jù)、醫(yī)療系統(tǒng)數(shù)據(jù)等;非結(jié)構(gòu)化的數(shù)據(jù)的特點(diǎn)是數(shù)據(jù)間沒有因果關(guān)系,比如音頻、圖片、視頻等;半結(jié)構(gòu)化數(shù)據(jù)的特點(diǎn)是數(shù)據(jù)間的因果關(guān)系弱。比如網(wǎng)頁數(shù)據(jù)、郵件記錄等。

3、高速性(Velocity) 大數(shù)據(jù)的交換和傳播是通過互聯(lián)網(wǎng)、云計(jì)算等方式實(shí)現(xiàn)的,遠(yuǎn)比傳統(tǒng)媒介的信息交換和傳播速度快捷。大數(shù)據(jù)與海量數(shù)據(jù)的重要區(qū)別,除了大數(shù)據(jù)的數(shù)據(jù)規(guī)模更大以外,大數(shù)據(jù)對處理數(shù)據(jù)的響應(yīng)速度有更嚴(yán)格的要求。實(shí)時(shí)分析而非批量分析,數(shù)據(jù)輸入、處理與丟棄立刻見效,幾乎無延遲。數(shù)據(jù)的增長速度和處理速度是大數(shù)據(jù)高速性的重要體現(xiàn)。

4、價(jià)值性(Value) 價(jià)值性是大數(shù)據(jù)的核心特點(diǎn)?,F(xiàn)實(shí)中大量的數(shù)據(jù)是無效或者低價(jià)值的,大數(shù)據(jù)最大的價(jià)值在于通過從大量不相關(guān)的各種類型的數(shù)據(jù)中,挖掘出對未來趨勢與模式預(yù)測分析有價(jià)值的數(shù)據(jù)。比如,某寶電商平臺每天產(chǎn)生的大量交易數(shù)據(jù)(大數(shù)據(jù)),通過一些算法可以分析出具有某些特征的人喜歡什么類型的商品,然后根據(jù)客戶的特征,給其推薦TA喜歡的商品。

圖片

軟件

1.Docker Compose是一個(gè)用來幫助定義和分享多容器應(yīng)用的工具。有了Compose,就能創(chuàng)建一個(gè)YAML文件來定義服務(wù),只需要一個(gè)命令,就能夠啟動(dòng)所有東西,也能夠把所有東西銷毀掉。

2.Zeppelin是一個(gè)基于Web的notebook,提供交互數(shù)據(jù)分析和可視化。后臺支持接入多種數(shù)據(jù)處理引擎,如Spark,Hive等。支持多種語言:Scala(Apache Spark)、Python(Apache Spark)、SparkSQL、 Hive、 Markdown、Shell等。

圖片

3.Hadoop是由java語言編寫的,在分布式服務(wù)器集群上存儲(chǔ)海量數(shù)據(jù)并運(yùn)行分布式分析應(yīng)用的開源框架,其核心部件是HDFS與MapReduce。HDFS為海量的數(shù)據(jù)提供了存儲(chǔ),則MapReduce為海量的數(shù)據(jù)提供了計(jì)算。

4.Hive是基于Hadoop的一個(gè)數(shù)據(jù)倉庫工具,用來進(jìn)行數(shù)據(jù)提取、轉(zhuǎn)化、加載,可以存儲(chǔ)、查詢和分析存儲(chǔ)在Hadoop中的大規(guī)模數(shù)據(jù)的機(jī)制。

5.Hbase其實(shí)是Hadoop database的簡稱,是一種NoSQL數(shù)據(jù)庫,主要適用于海量明細(xì)數(shù)據(jù)(十億、百億)的隨機(jī)實(shí)時(shí)查詢,如日志明細(xì)、交易清單、軌跡行為等。

tips: Hive適合用來對一段時(shí)間內(nèi)的數(shù)據(jù)進(jìn)行分析查詢。適合用來進(jìn)行大數(shù)據(jù)的實(shí)時(shí)查詢。

6.Spark是一種基于內(nèi)存的快速、通用、可擴(kuò)展的大數(shù)據(jù)計(jì)算引擎。它集批處理、實(shí)時(shí)流處理、交互式查詢、圖計(jì)算與機(jī)器學(xué)習(xí)于一體。

tips: Spark是那么一個(gè)專門用來對那些分布式存儲(chǔ)的大數(shù)據(jù)進(jìn)行處理的工具,它要借助Hadoop HDFS的數(shù)據(jù)存儲(chǔ)。Hadoop的MapReduce是分步對數(shù)據(jù)進(jìn)行處理的,存取磁盤的過程會(huì)影響處理速度。Spark從磁盤中讀取數(shù)據(jù),把中間數(shù)據(jù)放到內(nèi)存中,完成所有必須的分析處理,將結(jié)果寫回集群,所以Spark更快。所以Hadoop + Spack結(jié)合起來用更好。

7.JupyterLab是一個(gè)集 Jupyter Notebook、文本編輯器、終端以及各種個(gè)性化組件(有VScode內(nèi)味了)于一體的全能IDE。

8.prestoDB是一種開源的分布式 SQL 查詢引擎,從頭開始設(shè)計(jì)用于針對任何規(guī)模的數(shù)據(jù)進(jìn)行快速分析查詢。它既可支持非關(guān)系數(shù)據(jù)源,例如 Hadoop 分布式文件系統(tǒng) (HDFS)、Amazon S3、Cassandra、MongoDB 和 HBase,又可支持關(guān)系數(shù)據(jù)源,例如 MySQL、PostgreSQL、Amazon Redshift、Microsoft SQL Server 和 Teradata。

9.TensorFlow是一個(gè)端到端開源機(jī)器學(xué)習(xí)平臺。它擁有一個(gè)全面而靈活的生態(tài)系統(tǒng),其中包含各種工具、庫和社區(qū)資源,可助力研究人員推動(dòng)先進(jìn)機(jī)器學(xué)習(xí)技術(shù)的發(fā)展,并使開發(fā)者能夠輕松地構(gòu)建和部署由機(jī)器學(xué)習(xí)提供支持的應(yīng)用。

 

四、主流的大數(shù)據(jù)架構(gòu)Lambda

Lambda架構(gòu)是其根據(jù)多年進(jìn)行分布式大數(shù)據(jù)系統(tǒng)的經(jīng)驗(yàn)總結(jié)提煉而成,目標(biāo)是設(shè)計(jì)出一個(gè)能滿足實(shí)時(shí)大數(shù)據(jù)系統(tǒng)關(guān)鍵特性的架構(gòu),包括有:高容錯(cuò)、低延時(shí)和可擴(kuò)展等。Lambda架構(gòu)整合離線計(jì)算和實(shí)時(shí)計(jì)算,融合不可變性(Immunability),讀寫分離和復(fù)雜性隔離等一系列架構(gòu)原則,可集成Hadoop,Kafka,Storm,Spark,Hbase等各類大數(shù)據(jù)組件。

圖片

1、Batch View預(yù)運(yùn)算查詢函數(shù),預(yù)先建立索引,支持隨機(jī)讀取,能很好的解決特別大級別的數(shù)據(jù)且還需要支持實(shí)時(shí)查詢,要消耗非常龐大的資源的問題。

2、Batch Layer執(zhí)行的是批量處理,例如Hadoop或者Spark支持的Map-Reduce方式。利用Batch Layer進(jìn)行預(yù)運(yùn)算的作用實(shí)際上就是將大數(shù)據(jù)變小,從而有效地利用資源,改善實(shí)時(shí)查詢的性能。

圖片

3、Serving Layer是一個(gè)專用的分布式數(shù)據(jù)庫。Batch Layer通過對master dataset執(zhí)行查詢獲得了batch view,而Serving Layer就要負(fù)責(zé)對batch view進(jìn)行操作,從而為最終的實(shí)時(shí)查詢提供支撐。

4、Speed Layer對更新到Serving layer帶來的高延遲的一種補(bǔ)充,它是一種增量的計(jì)算,而非重新運(yùn)算。Speed layer與Batch layer非常相似,它們之間最大的區(qū)別是前者只處理最近的數(shù)據(jù),后者則要處理所有的數(shù)據(jù)。

圖片

 


作者:李丹

轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》大數(shù)據(jù)掃盲

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


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。


藍(lán)藍(lán)設(shè)計(jì)www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司


【設(shè)計(jì)思維】到底是什么?

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

01

什么是設(shè)計(jì)思維?

全球頂尖設(shè)計(jì)咨詢公司IDEO董事長蒂姆?布朗(Tim brown)說:“ 設(shè)計(jì)思維是一種以人為本的創(chuàng)新方法,靈感來自設(shè)計(jì)師的方法和工具,它整合人的需求、技術(shù)的可能性以及實(shí)現(xiàn)商業(yè)成功所需的條件?!?/span>

IDEO認(rèn)為設(shè)計(jì)思維是一種用創(chuàng)造力來解決問題的方式。可以是一種創(chuàng)意、戰(zhàn)略、方法或看待世界的方式。

02

常見的設(shè)計(jì)思維模型有哪些?

設(shè)計(jì)思維

雙鉆模型

設(shè)計(jì)沖刺

設(shè)計(jì)思維

把設(shè)計(jì)作為一種 “思維方式” 的觀念由來已久,真正把設(shè)計(jì)思維應(yīng)用于解決商業(yè)問題的是全球頂尖設(shè)計(jì)咨詢公司IDEO。

IDEO的設(shè)計(jì)思維(Design Tinking)始終把“人”放在每一個(gè)流程的核心位置。以人為本的設(shè)計(jì)師會(huì)懂得,只要持續(xù)專注在設(shè)計(jì)對象身上,直接傾聽用戶的想法,就會(huì)找到滿足他們需求的最優(yōu)方案。

IDEO的創(chuàng)新流程主要分為3個(gè)步驟:

1. 啟發(fā):進(jìn)行以人為本的設(shè)計(jì),通過觀察、換位思考理解現(xiàn)實(shí)生活中的人獲得靈感;

2. 構(gòu)思:制作原型(模型)是關(guān)鍵,在越早期犯錯(cuò)誤反而能更快取得成功;

3. 實(shí)施:是對最終設(shè)計(jì)的表達(dá),從詳細(xì)的結(jié)構(gòu)設(shè)計(jì)到市場營銷溝通。

2004年,IDEO的創(chuàng)始人戴維?凱利(DavidKelley),同時(shí)也是斯坦福大學(xué)機(jī)械工程系的教授,創(chuàng)辦了D.School(斯坦福大學(xué)哈索普萊特納設(shè)計(jì)學(xué)院),并在D.School教授關(guān)于設(shè)計(jì)方法論的課程。
此時(shí),設(shè)計(jì)思維的核心精神依然是 “以人為本的設(shè)計(jì)”,也叫做以用戶為中心的設(shè)計(jì)(User-Centered Design)。

解決問題,要從人的需求出發(fā),多角度地尋求創(chuàng)新解決方案,并創(chuàng)造更多的可能性。

D.School的設(shè)計(jì)思維主要分為5個(gè)步驟:

1. 共情:運(yùn)用同理心,設(shè)身處地地體會(huì)用戶的使用感受和需求;

2. 定義:分析收集到的各種需求,提煉要解決的問題;

3. 設(shè)想:借助頭腦風(fēng)暴發(fā)散思維,思考解決問題的創(chuàng)意點(diǎn);

4. 原型:將設(shè)想制作成可感受產(chǎn)品使用方式的模型;

5. 試驗(yàn):將產(chǎn)品原型置于用戶和場景得到使用方面的反饋進(jìn)行評測。


雙鉆模型

2005年,英國設(shè)計(jì)協(xié)會(huì)首次提出雙發(fā)散-聚焦的設(shè)計(jì)模式,即雙鉆設(shè)計(jì)模型。其過程分為4個(gè)步驟:發(fā)現(xiàn) -- 定義 -- 構(gòu)思 -- 確定

“發(fā)現(xiàn)” 和 “定義”,是發(fā)現(xiàn)和定義正確問題的發(fā)散和聚焦的階段;

“構(gòu)思” 和 “確定”,是制定正確方案的發(fā)散和聚焦的階段。


設(shè)計(jì)沖刺

設(shè)計(jì)沖刺(Design Sprint)是谷歌風(fēng)投獨(dú)特的五天式流程,融合了設(shè)計(jì)師的 “設(shè)計(jì)思維” 和工程師的 “敏捷開發(fā)” 。通過5天內(nèi)完成整個(gè)創(chuàng)新流程,快速測試想法并解決關(guān)鍵業(yè)務(wù)問題。如今,設(shè)計(jì)沖刺被改造成一個(gè)循序漸進(jìn)的過程,應(yīng)用廣泛,任何團(tuán)隊(duì)都可以參照實(shí)施。

設(shè)計(jì)沖刺主要分為5個(gè)步驟(每天一個(gè)步驟):

1. 理解:明確問題,選定目標(biāo);

2. 構(gòu)思:集思廣益,想出一堆解決方案;

3. 決策:快速評估,選出最優(yōu)方案;

4. 原型:整合,繪制原型;

5. 測試:用戶測試,驗(yàn)證方案可行性。



03

經(jīng)典設(shè)計(jì)思維模型的共同點(diǎn)

設(shè)計(jì)思維(Design Tinking)是設(shè)計(jì)流程方法最底層的模型,雙鉆模型和設(shè)計(jì)沖刺都是通過它延展來的。這三種設(shè)計(jì)方法論都是從 “發(fā)現(xiàn)問題” 到 “解決問題” 的過程,每個(gè)環(huán)節(jié)都是從發(fā)散到聚焦:

發(fā)現(xiàn)問題

都有什么問題?--發(fā)散
真正的問題是什么?--聚焦

解決問題

怎么解決這些問題?--發(fā)散
這些解決方案里,哪些是最優(yōu)可實(shí)施的方案?--聚焦

各自的重點(diǎn)稍有不同:雙鉆模型和IDEO-設(shè)計(jì)思維模型主要強(qiáng)調(diào)階段性的發(fā)散和收斂;設(shè)計(jì)沖刺和D.School-設(shè)計(jì)思維模型則主要強(qiáng)調(diào)線性的推進(jìn)節(jié)奏和設(shè)計(jì)驗(yàn)證的必要性



04

國內(nèi)大廠青睞的設(shè)計(jì)模型

有了好的設(shè)計(jì)流程就一定能產(chǎn)出好的設(shè)計(jì)嗎?不一定!適合自己的才是最好的。所以國內(nèi)大廠都會(huì)沉淀最為合適的設(shè)計(jì)方法論,據(jù)我了解國內(nèi)很多大廠比較青睞三鉆模型。

三鉆模型是在雙鉆模型的基礎(chǔ)上,加上了 “驗(yàn)證階段”,使得整個(gè)設(shè)計(jì)流程更完整,形成閉環(huán)。

整個(gè)流程分為3個(gè)階段6個(gè)步驟:

研究階段:發(fā)現(xiàn) + 定義

設(shè)計(jì)階段:構(gòu)思 + 設(shè)計(jì)

驗(yàn)證階段:測試 + 驗(yàn)證


1. 發(fā)現(xiàn):發(fā)現(xiàn)問題,盡可能挖掘潛在問題;

2. 定義:定義關(guān)鍵問題,明確業(yè)務(wù)和設(shè)計(jì)目標(biāo);

3. 構(gòu)思:構(gòu)思各種解決方案;

4. 設(shè)計(jì):找到最合適的解決方案,設(shè)計(jì)產(chǎn)出;

5. 測試:進(jìn)行可用性測試;

6. 驗(yàn)證:數(shù)據(jù)驗(yàn)證,總結(jié)沉淀。

1.發(fā)現(xiàn)(發(fā)現(xiàn)問題,盡可能挖掘潛在問題)

目標(biāo):洞察用戶需求;了解業(yè)務(wù)背景

方法:體驗(yàn)走查、競品分析、數(shù)據(jù)分析、桌面調(diào)研、專家訪談、用戶調(diào)研、 用戶訪談……
輸出:體驗(yàn)走查報(bào)告、競品分析報(bào)告、數(shù)據(jù)分析報(bào)告、桌面研究報(bào)告、用戶調(diào)研報(bào)告、用戶體驗(yàn)地圖、同理心地圖……


2.定義(定義關(guān)鍵問題,明確業(yè)務(wù)和設(shè)計(jì)目標(biāo))

目標(biāo):明確業(yè)務(wù)、產(chǎn)品、設(shè)計(jì)目標(biāo)

方法:需求分類--卡片分類法

需求刪減--業(yè)務(wù)價(jià)值&商業(yè)價(jià)值&用戶價(jià)值

需求優(yōu)先級--KANO模型、數(shù)據(jù)指標(biāo)--GSM模型 / 五度模型

其他--AARRR模型、用戶體驗(yàn)地圖……


3.構(gòu)思(構(gòu)思各種解決方案)

目標(biāo):發(fā)散更多的可能性,找到解決方案

方法:頭腦風(fēng)暴、設(shè)計(jì)工坊、紙面原型、競品分析……
輸出:方案草圖、設(shè)計(jì)策略、原型圖……


4.設(shè)計(jì)(找到最優(yōu)的解決方案,設(shè)計(jì)產(chǎn)出)

目標(biāo):篩選最合適的解決方案,打磨方案,通過評審,進(jìn)入開發(fā)

方法:方案篩選--實(shí)現(xiàn)成本&用戶成本、交互五要素、情緒板、形色質(zhì)構(gòu)質(zhì)動(dòng)、柵格設(shè)計(jì)……
輸出:交互(UE)--信息框架圖、流程圖、交互原型圖、視覺(UI)--UI視覺稿、IP&品牌、動(dòng)效設(shè)計(jì)、規(guī)范/空間/用色/字體/圖標(biāo)/插畫系統(tǒng)……

5.測試(進(jìn)行可用性測試)

目標(biāo):快速驗(yàn)證是否符合預(yù)期

方法:可用性測試、灰度數(shù)據(jù)、AB測試……

6.驗(yàn)證(數(shù)據(jù)驗(yàn)證,總結(jié)沉淀)

目標(biāo):數(shù)據(jù)驗(yàn)證,迭代優(yōu)化

方法:數(shù)據(jù)埋點(diǎn)、用戶評價(jià)、谷歌的HEART模型、阿里的五度模型……

05

總結(jié)

設(shè)計(jì)思維、設(shè)計(jì)流程、設(shè)計(jì)方法論固然重要,更重要的還是人!之所以需要好的流程,其目的是提效降本,高效快速得到合適的、創(chuàng)新的方案。

那么在采用設(shè)計(jì)思維的方法時(shí),我們需要時(shí)刻記住最重要的三個(gè)原則:

1、以人為本

2、非線性
3、團(tuán)隊(duì)合作

作者:酥酥
來源:站酷

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

分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。 

藍(lán)藍(lán)設(shè)計(jì)www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司

iPhone 14正式發(fā)布!從設(shè)計(jì)師角度聊聊蘋果的靈動(dòng)島功能

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

蘋果的發(fā)布會(huì)經(jīng)常會(huì)被視作為「科技春晚」,而如果你看過幾次,大體上還是能夠看出一些套路的。最近幾年的發(fā)布會(huì),基本上都會(huì)讓最小的 Apple Watch 系列先來暖場,然后才會(huì)上諸如 iPhone 和 Mac 這樣的重頭戲。

iOS 16 UI設(shè)計(jì) 交互設(shè)計(jì) 靈動(dòng)島

在 Apple Watch Ultra 為整個(gè)發(fā)布會(huì)打出一波小高潮之后,新的 iPhone 14 從造型、配色到芯片上的「擺爛」,讓人感到蘋果的9月特別活動(dòng)開始進(jìn)入了一種疲軟的情緒。

iOS 16 UI設(shè)計(jì) 交互設(shè)計(jì) 靈動(dòng)島

直到 iPhone 14 Pro 出現(xiàn),全新的打孔屏替代了劉海,「靈動(dòng)島」在交互上的突出表現(xiàn),透出了屏幕,iPhone 14 所帶來的疲軟氛圍一掃而空,以設(shè)計(jì)聞名的蘋果再一次將「你大爺始終是你大爺」打在公屏上。

iOS 16 UI設(shè)計(jì) 交互設(shè)計(jì) 靈動(dòng)島

交互設(shè)計(jì)的野心

必須承認(rèn),蘋果在交互設(shè)計(jì)上的野心從來未曾淡褪。

iOS 16 UI設(shè)計(jì) 交互設(shè)計(jì) 靈動(dòng)島

最近幾年,iPadOS 系統(tǒng)從 iOS 系統(tǒng)當(dāng)中獨(dú)立出來,大屏觸控交互連年升級,iPad 就點(diǎn)名道姓地頂著 Mac 產(chǎn)品線來競爭了。iOS 系統(tǒng)也開始在系統(tǒng)個(gè)性化和美化上越走越遠(yuǎn),去年 Safari 的交互升級蘋果狠狠的秀了一波操作:

而今年 WWDC 上,「前臺調(diào)度」這一新交互干脆把性能門檻拉到最新的 M1 芯片級別,讓性能為交互體驗(yàn)作出犧牲,雖然不少人詬病,但是也足以看出蘋果在交互設(shè)計(jì)上的認(rèn)真。

iOS 16 UI設(shè)計(jì) 交互設(shè)計(jì) 靈動(dòng)島

樁樁件件,蘋果在設(shè)計(jì)上的騷操作,正經(jīng)是沒有停過的。

老實(shí)說,早在 iPhone X時(shí)代,使用挖孔屏的 Android 手機(jī)廠商就沒少嘲諷 iPhone 的劉海,這回「靈動(dòng)島」這套高成本交互設(shè)計(jì)方案狠狠壓在 iOS 打孔屏上,蘋果算是懟著過去幾年 Android 打孔屏的友商們的臉一頓輸出,把正確答案糊在對面臉上,一點(diǎn)不客氣。

iOS 16 UI設(shè)計(jì) 交互設(shè)計(jì) 靈動(dòng)島

挖孔屏交互的設(shè)計(jì)公約數(shù)

iPhone 系列從 iPhone 14 Pro 開始,肯定是要革除劉海,啟用挖孔屏了?!胳`動(dòng)島」這套設(shè)計(jì)不僅僅僅只是針對通知系統(tǒng)的重新想象,它將通知系統(tǒng)幾乎修改成了一個(gè)隨時(shí)待命的彈窗通知系統(tǒng),它自動(dòng)疊加在界面層之上,可小可大,可以模態(tài)也可非模態(tài)。也正是因?yàn)檫@一點(diǎn),整個(gè)圍繞著「靈動(dòng)島」存在的即時(shí)通知系統(tǒng)的復(fù)雜度,比起之前的通知彈窗復(fù)雜了不止一個(gè)數(shù)量級。

iOS 16 UI設(shè)計(jì) 交互設(shè)計(jì) 靈動(dòng)島

iOS 16 UI設(shè)計(jì) 交互設(shè)計(jì) 靈動(dòng)島

首先,在絕大多時(shí)候,「靈動(dòng)島」會(huì)向兩邊拉長作為基礎(chǔ)的狀態(tài)展示,通過圖標(biāo)和數(shù)據(jù)構(gòu)建出一個(gè)典型的非模態(tài)的提示框:

iOS 16 UI設(shè)計(jì) 交互設(shè)計(jì) 靈動(dòng)島

比如 Airpods pro 的電量

iOS 16 UI設(shè)計(jì) 交互設(shè)計(jì) 靈動(dòng)島

比如指示距離

不過在導(dǎo)航模式之下,為了更加清晰地提供視覺指示,「靈動(dòng)島」還會(huì)拓展成更大的非模態(tài)視覺提示:

iOS 16 UI設(shè)計(jì) 交互設(shè)計(jì) 靈動(dòng)島

而對于不同類型的 APP,在非模態(tài)的狀態(tài)和信息呈現(xiàn)上,還有一些特征性的元素,「靈動(dòng)島」會(huì)提供不同的彈出框樣式來盡量貼合不同的需求,比如 Face ID 就是方形的:

iOS 16 UI設(shè)計(jì) 交互設(shè)計(jì) 靈動(dòng)島

而作為第三方參與到這次的 「靈動(dòng)島」演示的APP ,Lyft 還展示了「靈動(dòng)島」在長條模式下的多狀態(tài)呈現(xiàn)的樣式,比如 Lyft 和通話單獨(dú)存在以及同時(shí)存在的時(shí)候:

iOS 16 UI設(shè)計(jì) 交互設(shè)計(jì) 靈動(dòng)島

iOS 16 UI設(shè)計(jì) 交互設(shè)計(jì) 靈動(dòng)島

iOS 16 UI設(shè)計(jì) 交互設(shè)計(jì) 靈動(dòng)島

「靈動(dòng)島」甚至有分裂樣式來支持多樣狀態(tài)的呈現(xiàn)。

而在可以交互的模態(tài)彈出框上,目前「靈動(dòng)島」在演示中還僅僅只提供了通話、音樂等常見的樣式:

iOS 16 UI設(shè)計(jì) 交互設(shè)計(jì) 靈動(dòng)島

iOS 16 UI設(shè)計(jì) 交互設(shè)計(jì) 靈動(dòng)島

而在發(fā)布會(huì)上,還提供了視頻通話、倒計(jì)時(shí)等一些系統(tǒng)自帶功能在「靈動(dòng)島」上的模態(tài)交互展示,這也意味著可能在當(dāng)前,「靈動(dòng)島」暫時(shí)還沒有打算開放出太多的可交互的功能,相反蘋果更加傾向于控制好當(dāng)前這一功能的復(fù)雜度和穩(wěn)定性。

iOS 的通知設(shè)計(jì)邁向次世代

作為剛剛問世的動(dòng)態(tài)交互控件,「靈動(dòng)島」和剛剛問世時(shí)的「桌面小組件」的待遇是類似的,帶有通知和展示性質(zhì)的非模態(tài)彈窗通知,會(huì)相對更多一些,一些涉及交互的模態(tài)彈出通知,類型會(huì)有所控制,就目前官方展示的功能而言,可交互的數(shù)量并不算多。

但是就和如今的通知欄、桌面小組件一樣,可交互的控件類型會(huì)逐漸增加,而「靈動(dòng)島」作為一個(gè)固定的硬件缺口,在 UI 界面當(dāng)中,則逐漸變成了一個(gè)實(shí)體的即時(shí)通知控件「核心」,這種轉(zhuǎn)變無疑是化腐朽為神奇,將瑕疵變?yōu)閮?yōu)勢。

iOS 16 UI設(shè)計(jì) 交互設(shè)計(jì) 靈動(dòng)島

但是就「靈動(dòng)島」本身作為狀態(tài)呈現(xiàn)、偶爾交互的控件,它更多是作為現(xiàn)有通知體系的一個(gè)補(bǔ)充,而非替代。另外,在新的下拉通知界面的設(shè)計(jì)上,常駐信息呈現(xiàn)會(huì)集中在屏幕上端,而推送通知?jiǎng)t會(huì)在更加觸手可及的屏幕下半部呈現(xiàn)。

iOS 16 UI設(shè)計(jì) 交互設(shè)計(jì) 靈動(dòng)島

與此同時(shí),它還針對通訊類的 APP 進(jìn)行了專門的樣式優(yōu)化:

通訊類 App 的通知現(xiàn)在具有獨(dú)特的外觀,這些 App 在征得用戶許可后,可同步它們的狀態(tài),以反映用戶當(dāng)前的系統(tǒng)級專注模式狀態(tài)。

在這種情形之下,iPhone 本身的硬件完整性,會(huì)進(jìn)一步往前推進(jìn),可以預(yù)見到的是 iPhone 15 系列可能會(huì)全面使用挖孔屏,「靈動(dòng)島」將會(huì)接管多數(shù)的狀態(tài)指示性的通知。而對于設(shè)計(jì)師而言,APP 的通知系統(tǒng)的功能設(shè)計(jì)要求和工作量,則會(huì)繼續(xù)往上提升一個(gè)層級。

說道這里,我不由得想起了當(dāng)年為 Macbook Pro 所適配的 TouchBar 這一功能。

和 TouchBar 同源不同命

TouchBar 和 「靈動(dòng)島」在某種意義上是類似的,兩者都是「作為副屏拓展交互并指示狀態(tài)」而存在。但是 TouchBar 在鍵盤上,某種意義上挑戰(zhàn)了用戶的習(xí)慣,違反了日常交互時(shí)候「所見即所得」的基礎(chǔ)邏輯,用「靈活性」擠占「可靠性」的空間,最終被放棄。

iOS 16 UI設(shè)計(jì) 交互設(shè)計(jì) 靈動(dòng)島

「靈動(dòng)島」在 iPhone 14 Pro 的情況看似相似,實(shí)則有根本性的不同,它是將一個(gè)幾乎無法被忽略掉的物理「窟窿」相對優(yōu)雅的轉(zhuǎn)化為一個(gè)實(shí)用的狀態(tài)指示、快速交互的功能,成為了更好的系統(tǒng)補(bǔ)充——畢竟對于一個(gè)屏幕上的窟窿而言,但凡是能給用戶多提供一點(diǎn)便利,就算是賺回一點(diǎn)印象分了。

結(jié)語

iOS 16 UI設(shè)計(jì) 交互設(shè)計(jì) 靈動(dòng)島

當(dāng)然,在不需要狀態(tài)展示的日常狀態(tài)下,這個(gè)挖孔屏上的窟窿還是個(gè)窟窿,遮瑕并不能讓瑕疵徹底消失,但是很多時(shí)候,用戶在意的是態(tài)度和巧思,不是么?

作者:陳子木
來源:優(yōu)設(shè)

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

分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。 

藍(lán)藍(lán)設(shè)計(jì)www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司 

信息架構(gòu)及八大原則

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

  1. 如何系統(tǒng)地了解信息架構(gòu)?





良好的用戶體驗(yàn)需要所有信息都符合邏輯且觸手可及。以下是一份完整的信息架構(gòu)指南,它可以避免你的用戶迷失在錯(cuò)綜復(fù)雜的網(wǎng)站信息中。


當(dāng)我們使用任何網(wǎng)站或移動(dòng)應(yīng)用時(shí),都會(huì)面對向我們提供所需信息的界面。這是大家都習(xí)以為常的,大多數(shù)用戶甚至沒有注意到網(wǎng)站的所有內(nèi)容都經(jīng)過精心組織。


內(nèi)容的組織和劃分被稱為信息架構(gòu),它是用戶體驗(yàn)設(shè)計(jì)的一個(gè)重要部分。如果內(nèi)容沒有經(jīng)過適當(dāng)整理,大多數(shù)用戶在瀏覽網(wǎng)站或app時(shí)容易迷失方向,使得產(chǎn)品的真實(shí)價(jià)值被掩蓋。畢竟,即使再棒的功能也需要用戶去發(fā)現(xiàn)。


為確保你的內(nèi)容結(jié)構(gòu)合理并能以最佳方式呈現(xiàn)給用戶,好好看看我們?yōu)槟銣?zhǔn)備的這份信息架構(gòu)指南吧。


1、什么是信息架構(gòu)?
信息架構(gòu)可能難以定義。
部分原因是,內(nèi)容寫作等其他學(xué)科可被縮小到特定職業(yè),比如作家,而信息架構(gòu)的范疇卻涵蓋了多項(xiàng)職業(yè)。的確,參與產(chǎn)品開發(fā)的每個(gè)人都會(huì)多少用到信息架構(gòu)。





大多數(shù)網(wǎng)站和app都要將內(nèi)容分成多個(gè)部分讓用戶快速理解,同時(shí)要被合理組織以便用戶發(fā)現(xiàn)產(chǎn)品的所有功能。當(dāng)這項(xiàng)工作進(jìn)行的非常順利時(shí),用戶永遠(yuǎn)不會(huì)停下來思考網(wǎng)站如何為他們組織信息。


Google Drive或Medium等網(wǎng)站就是這樣,設(shè)計(jì)者必須仔細(xì)考慮如何向用戶呈現(xiàn)信息。否則,功能就會(huì)有被淹沒在隨意布局的按鈕和鏈接中的風(fēng)險(xiǎn),用戶既難以關(guān)注也不會(huì)喜歡。


在其他案例中,你可以看到信息架構(gòu)的作用極其顯著,同時(shí)也很難做好。


2、信息架構(gòu)與UX相同嗎?
不相同。
兩者之間有很強(qiáng)的聯(lián)系,盡管UX涉及大量的信息架構(gòu)工作,但兩者并不完全相同。


用戶體驗(yàn)涉及范圍更廣,包括了信息架構(gòu)不會(huì)觸及的幾個(gè)方面,例如要確保界面令人愉快、響應(yīng)用戶的某些心理需求。相比之下,信息架構(gòu)則更側(cè)重用戶目標(biāo)和為此付出的認(rèn)知力。


以下是這兩個(gè)概念的緊密聯(lián)系:沒有良好的信息架構(gòu),就沒有合理有效的用戶體驗(yàn)。它是界面開發(fā)的基礎(chǔ),為我們所知所愛的用戶體驗(yàn)設(shè)計(jì)其他方面打開大門。


然而在此,我們應(yīng)該做一個(gè)小小的區(qū)分。
信息架構(gòu)是建立用戶體驗(yàn)的堅(jiān)實(shí)基礎(chǔ),但并不代表整個(gè)項(xiàng)目工作。
一旦你知道如何為用戶建立良好的信息架構(gòu),你需要為用戶體驗(yàn)添加閃光點(diǎn)并進(jìn)行其他工作,例如融合信息架構(gòu)的交互設(shè)計(jì),這樣才能創(chuàng)造讓人驚嘆的用戶體驗(yàn)。


3、一個(gè)巧妙的信息架構(gòu)類比
信息架構(gòu)使你的產(chǎn)品可用,這在電子游戲中更為明顯。
電子游戲擁有自己規(guī)則和歷史,是一個(gè)全新的世界。這意味著如果用戶希望在游戲中進(jìn)行下去,就需要向他們呈現(xiàn)關(guān)于這個(gè)世界的大量信息。


但你會(huì)注意到,所有這些信息不是一次性呈現(xiàn)的,而是隨著游戲進(jìn)展,一點(diǎn)一點(diǎn)呈現(xiàn)。
首先,你會(huì)看到場景設(shè)置介紹,通常講述主角和一點(diǎn)背景故事。在此出發(fā),新信息將以易于消化的形式呈現(xiàn),從而使玩家可以慢慢探索這個(gè)世界。


在達(dá)到特定等級或完成特定動(dòng)作時(shí),那些小的對話框、內(nèi)容框向用戶提供的新信息,都是游戲中最好的信息架構(gòu)。但是我們?nèi)绾螞Q定從開始該告訴用戶什么內(nèi)容呢?我們?nèi)绾翁峁┻m量信息滿足用戶的好奇心,而非過量信息使用戶感到疑惑?




圖 1 刺客信條:奧德賽。摘自福布斯
4、信息架構(gòu)的元素
正如大部分設(shè)計(jì)的輔件,信息架構(gòu)有很多組件幫助你將這些結(jié)構(gòu)應(yīng)用于產(chǎn)品。
這些組件是由信息架構(gòu)先驅(qū)羅森菲爾德和莫維爾在他們的開創(chuàng)性著作《Web信息架構(gòu)》中建立的,如果你想深入了解信息架構(gòu),推薦閱讀這本書。這些組件組成的系統(tǒng),用不同方式組織內(nèi)容、讓內(nèi)容被用戶發(fā)現(xiàn)。


4.1 組織系統(tǒng)/結(jié)構(gòu)
組織結(jié)構(gòu)讓你的內(nèi)容具有意義、易于理解,即標(biāo)記不同信息之間的聯(lián)系并嘗試構(gòu)建框架,幫助用戶了解產(chǎn)品所有信息之間的聯(lián)系。
構(gòu)建框架后,由于所有的內(nèi)容分布都具有邏輯,用戶就更容易預(yù)見某些信息的位置,這也是可用性測試的一個(gè)經(jīng)典部分。在《Web信息架構(gòu)》中,列出了信息架構(gòu)的三種不同框架。


1)層級結(jié)構(gòu)




也稱為樹形結(jié)構(gòu),這意味著使用滴漏效應(yīng),將廣泛的分類放在頂部,更具體、更小的子類別放在下方,讓用戶進(jìn)行導(dǎo)航。這種視覺層級將相關(guān)信息呈階梯狀顯示,很好地傳達(dá)了不同信息的重要性。


2) 順序結(jié)構(gòu)




這種形式的信息架構(gòu)通過組織信息為用戶創(chuàng)建特定瀏覽路徑。用戶需一步步操作,并僅接收當(dāng)前呈現(xiàn)給他們的信息。這樣可以避免給用戶提供太多選擇,從而避免因自由選擇而導(dǎo)致的沮喪和信息過量。


3)矩陣結(jié)構(gòu)




這與順序結(jié)構(gòu)有些相反。順序結(jié)構(gòu)通過一系列指定步驟帶領(lǐng)用戶,而矩陣結(jié)構(gòu)則讓用戶自行選擇他們喜歡的導(dǎo)航方式,允許用戶以鏈接和按鈕的形式訪問所有信息并讓他們決定訪問內(nèi)容。


可以說矩陣結(jié)構(gòu)通過給用戶所有可能的方向和功能,讓用戶在使用產(chǎn)品時(shí)創(chuàng)造自己的使用路徑。


4.2 標(biāo)簽系統(tǒng)
標(biāo)簽系統(tǒng)是用單個(gè)詞匯傳達(dá)大量信息的一種方式。它可以幫助用戶通過概念來查找內(nèi)容,而不是瀏覽整個(gè)產(chǎn)品來尋找想要的信息,這也是為何使用標(biāo)簽系統(tǒng)的原因。


想想一個(gè)普通的商業(yè)網(wǎng)站,當(dāng)你尋找業(yè)務(wù)聯(lián)系方式時(shí),可能想找一套不同的信息:電話號碼、郵箱地址、辦公地址……而所有這些信息,都可以在網(wǎng)站界面的同一個(gè)標(biāo)簽下找到——聯(lián)系頁。


4.3 導(dǎo)航系統(tǒng)
從信息架構(gòu)的角度,導(dǎo)航系統(tǒng)并不意味著設(shè)計(jì)好的界面,更多則是關(guān)于用戶如何在內(nèi)容和信息中移動(dòng)。
重要的是要隨時(shí)記住,信息架構(gòu)只是幫助用戶導(dǎo)航信息以達(dá)成目標(biāo)的方法。


某種程度上,導(dǎo)航系統(tǒng)應(yīng)與內(nèi)容相反。只要用戶覺得有用愉快,你會(huì)想要豐富、復(fù)雜的內(nèi)容;而你的導(dǎo)航系統(tǒng)則應(yīng)該盡可能簡單明了,同時(shí)依然能讓用戶獲得任何想要的信息。這時(shí),一個(gè)重要的概念就發(fā)揮了作用:元數(shù)據(jù)。


元數(shù)據(jù)是信息的信息,它在信息架構(gòu)中起著重要作用。
可能聽起來過于技術(shù),但元數(shù)據(jù)是導(dǎo)航系統(tǒng)中的關(guān)鍵組成部分。用戶在產(chǎn)品中進(jìn)行導(dǎo)航,尋找特定的目標(biāo),但他們是否知道要尋找什么?是否知道所尋找東西的正確用語?


即使你的用戶知道產(chǎn)品中所有信息的名稱,僅僅以A-Z列表形式提供所有信息,并不能提供出色的用戶體驗(yàn),因此我們并不建議這樣做。出色的用戶體驗(yàn),需要對內(nèi)容進(jìn)行匯總和分類,這樣才能讓導(dǎo)航系統(tǒng)成為帶領(lǐng)用戶前往任何位置的道路。


導(dǎo)航系統(tǒng)可以以列表和菜單的形式呈現(xiàn)出內(nèi)容的類別,但要警惕:不要將成千上萬的類別拋給用戶,這樣會(huì)導(dǎo)致信息超載。我們建議你創(chuàng)建不同的分類,然后按絕對重要性進(jìn)行排序,放棄不重要的分類,因?yàn)樗鼈冎粫?huì)使用戶暈頭轉(zhuǎn)向。


你可以通過閱讀Smashing Magazine上Karafilis發(fā)表的內(nèi)容找到更多關(guān)于創(chuàng)建好導(dǎo)航系統(tǒng)的信息。




圖 2 亞馬遜網(wǎng)站
4.4 搜索系統(tǒng)
如你所期望,當(dāng)產(chǎn)品中包含大量數(shù)據(jù)時(shí),搜索系統(tǒng)會(huì)派上用場。如同你的標(biāo)簽系統(tǒng),搜索系統(tǒng)有幾個(gè)不同的方面需要考慮,你可能不會(huì)立即想到。


以一個(gè)普通的電商零售網(wǎng)站舉例。
當(dāng)你創(chuàng)建網(wǎng)站時(shí),第一反應(yīng)可能是創(chuàng)建一個(gè)可以查找所有信息的搜索欄,但你必須抵制這種沖動(dòng)。邏輯使然,每當(dāng)用戶使用搜索框時(shí),他們只會(huì)查找一種類型的數(shù)據(jù):商品。它們不是在開放時(shí)間或數(shù)據(jù)隱私政策之后,它們在搜索欄中的索引是隨機(jī)的。在這種情況下,產(chǎn)品是被當(dāng)成搜索區(qū)對待,確保搜索欄僅向用戶顯示某種類型的內(nèi)容即可。


而你需要在搜索系統(tǒng)中考慮的另一個(gè)問題是,點(diǎn)擊搜索后信息要如何呈現(xiàn)?


5、信息架構(gòu)的八原則
這八條基本原則可以作為任何想為產(chǎn)品賦予意義的UX設(shè)計(jì)師的行動(dòng)指南。 最初由EightShape的創(chuàng)始人丹·布朗構(gòu)想,這些原則將信息架構(gòu)看成結(jié)構(gòu)設(shè)計(jì)的實(shí)踐,以下是關(guān)于如何實(shí)踐的指南。


5.1 物體原則
這項(xiàng)原則關(guān)于你如何看待自己的內(nèi)容。布朗說,不要把內(nèi)容視為僵硬、無生命的東西。它像物體一樣,要嘗試將它當(dāng)成擁有自己的生命周期、行為和特征的生命體對待。


這條原則之所以與信息架構(gòu)相關(guān),在于它可以讓你根據(jù)需要靈活處理內(nèi)容。如果你將內(nèi)容視為自身存在的個(gè)體,便可以更輕松地看到內(nèi)容與其他信息之間的可能關(guān)系、發(fā)現(xiàn)向用戶呈現(xiàn)此內(nèi)容的不同方式。


這個(gè)原則的特點(diǎn)之一在于它將內(nèi)容的生命周期嵌入到結(jié)構(gòu)中,考慮到內(nèi)容從逐漸增長到穩(wěn)定的不同時(shí)代——這在內(nèi)容適時(shí)變化而更受歡迎后發(fā)生的格外頻繁。


布朗給我們提供了一個(gè)食譜網(wǎng)站的例子,食譜之間可以作為互補(bǔ)而互相關(guān)聯(lián),或者在某些時(shí)節(jié)關(guān)聯(lián)性更強(qiáng)(比如感恩節(jié)時(shí)與火雞有關(guān)的食譜)。


5.2 選擇原則
布朗提到施瓦茨的心理學(xué)史詩級作品《選擇的悖論》 ,告訴我們?nèi)祟愑幸环N錯(cuò)覺,即他們想要盡可能多的選擇。而大多數(shù)用戶體驗(yàn)設(shè)計(jì)師都知道這并非真相,這也是施瓦茨和布朗所認(rèn)同的。給用戶過多選擇的真相是:人們的可能選項(xiàng)越多,就需要付出越多的認(rèn)知努力來做出選擇。這甚至能引發(fā)焦慮。




圖 3,Habitout漂亮的極簡主義首頁

布朗用企業(yè)內(nèi)部網(wǎng)站舉例,大公司習(xí)慣于展示大量信息,卻通常忽略了內(nèi)容的分類和信息架構(gòu)。結(jié)果則是用戶浪費(fèi)了大量時(shí)間來尋找他們實(shí)際想要的那一小部分?jǐn)?shù)據(jù),或干脆放棄使用網(wǎng)站。


聽起來不像你想要的產(chǎn)品是嗎?這正是信息架構(gòu)所要避免的。


建議你縮短列表,尤其是在較高層級。這也是你在為內(nèi)容設(shè)計(jì)矩陣結(jié)構(gòu)時(shí),需要牢記的一點(diǎn):用戶在停止輕松并開始積極努力的使用產(chǎn)品之前,只能在一定數(shù)量的選項(xiàng)中做出選擇。


5.3 漸進(jìn)式信息披露原則
該原則講述人們只能以某種方式處理新信息的事實(shí),意思是人們不能很好地處理預(yù)期之外以及不想要的信息——這個(gè)概念被稱為漸進(jìn)式披露。


這意味著在信息架構(gòu)中,你需要組織數(shù)據(jù),以便人們不僅能夠以正常速率吸收信息,而且還可以在呈現(xiàn)之前預(yù)測更多信息。在用戶體驗(yàn)設(shè)計(jì)中,這意味著,你放在任何類型的列表或表格中連接詳細(xì)內(nèi)容的入口信息,都需要好好考慮讓它們簡潔。


讓我們回到布朗的食譜網(wǎng)站案例。你不能指望在用戶瀏覽的所有頁面上顯示完整食譜,但是要如何在列出食譜時(shí)決定顯示什么呢?菜肴的類型是一個(gè)很好的指標(biāo),但它不能讓用戶清楚地了解在食譜中可以看到什么。你的設(shè)計(jì)應(yīng)該選擇足夠的信息來幫助用戶決定是否要點(diǎn)擊某個(gè)食譜。


5.4 范例原則
這個(gè)原則是關(guān)于人類如何對事物進(jìn)行分類的心理學(xué)。最終,我們能夠通過創(chuàng)建一個(gè)范例列表來對概念進(jìn)行分類,這些范例可以幫助我們將不同概念組合在一起,無論此分類背后的標(biāo)準(zhǔn)是什么。
在將此應(yīng)用到你的信息架構(gòu)時(shí),請考慮在應(yīng)用程序或網(wǎng)站上顯示分類的方式。每個(gè)分類都需要一個(gè)包含該分類內(nèi)容的范例,你可以使用最大、最常用的子分類。這樣,子類別可以作為大多數(shù)用戶的快捷方式,并且可以幫助用戶理解每個(gè)頂級分類。


5.5 前門原則
布朗說,設(shè)計(jì)師認(rèn)為用戶會(huì)通過首頁之外的頁面訪問網(wǎng)站是一種明智的看法。認(rèn)為網(wǎng)站有多個(gè)可訪問的入口,可能會(huì)對PC網(wǎng)頁設(shè)計(jì)產(chǎn)生不小的影響,而對移動(dòng)app設(shè)計(jì)的影響則較小。布朗對此提出信息架構(gòu)的兩個(gè)主要建議:


一、永遠(yuǎn)告訴用戶他們在哪里。
你的網(wǎng)站擁有很多頁面,訪問者可以訪問其中的任何頁面。因此,在用戶可以看到的地方顯示站點(diǎn)地圖非常重要。因此,如果你剛從Google鏈接打開一個(gè)博客網(wǎng)頁,應(yīng)該能看到博客文章的類別和其他類似內(nèi)容。讓新用戶在大框架中理解邏輯非常重要,而不是像在廣袤湖泊中填充少量內(nèi)容,以隨機(jī)的方式呈現(xiàn)。


二、首頁不應(yīng)該包括網(wǎng)站的所有內(nèi)容。
過長的首頁與好的首頁區(qū)別很簡單:好的首頁應(yīng)該讓用戶清楚地了解你的目的、以及整個(gè)網(wǎng)站上可以找到的東西,而不應(yīng)該嘗試向用戶顯示所有可能、詳細(xì)的信息。在信息架構(gòu)方面,首頁不應(yīng)該成為通往網(wǎng)站所有角落的快捷方式,而應(yīng)該展示網(wǎng)站內(nèi)容的概況。




5.6 多重分類原則
即使在一小群相似人群中,你仍然會(huì)發(fā)現(xiàn)人們有不同的信息尋找方式。有些人會(huì)輸入正在尋找的主題泛稱(例如沙灘裝),其他人則會(huì)自然地輸入他們想要的具體類型(例如比基尼)。


這對設(shè)計(jì)和信息架構(gòu)很重要,你需要在搜索系統(tǒng)中考慮到這一點(diǎn)。但也需要小心對待,因?yàn)樗偸前殡S如下事實(shí)的出現(xiàn):呈現(xiàn)給用戶尋找信息的方式越多,他們越可能變得分心或不堪重負(fù)。


5.7 聚焦導(dǎo)航原則
布朗聲明,導(dǎo)航不應(yīng)該只是簡單的包含網(wǎng)站中的所有內(nèi)容。許多設(shè)計(jì)團(tuán)隊(duì)在網(wǎng)站上隨意添加導(dǎo)航菜單,使得菜單本身看起來缺乏邏輯。然而信息架構(gòu)本就是用戶體驗(yàn)中邏輯的體現(xiàn)。


相反,布朗建議你為菜單制定策略,在可能的情況下為不同類型的信息提供不同菜單。例如,一個(gè)用于博客主題的菜單和一個(gè)市場營銷的菜單(列出公司提供的服務(wù))。


這能改善網(wǎng)站的可用性,即便刪除了直接進(jìn)入聯(lián)系頁的按鈕。請記住,信息架構(gòu)是按照正確類別給事物分類,讓用戶確切知道他們在哪以及在何處找到所需信息,而不是將每條信息連接到主頁。


5.8 增長原則
對于這項(xiàng)規(guī)則,任何需要處理內(nèi)容的人都應(yīng)該牢記:產(chǎn)品中的內(nèi)容量可能會(huì)隨時(shí)間的推移而增長。這是相當(dāng)合乎邏輯的,在互聯(lián)網(wǎng)上放置內(nèi)容變得越來越便宜??偟膩碚f,電子內(nèi)容每年呈指數(shù)級增長,你的內(nèi)容應(yīng)該遵循相同的節(jié)奏。
但是,在設(shè)計(jì)中反應(yīng)出內(nèi)容增長并不容易。之所以如此困難,是因?yàn)榧词鼓阒罆?huì)有更多的內(nèi)容,也不可能知道會(huì)有多少內(nèi)容。如何為尚不存在的內(nèi)容設(shè)計(jì)信息架構(gòu)是件困難的事。同樣,產(chǎn)品也可以在不同方向上增長。是要增加新類別還是現(xiàn)有類別的新內(nèi)容也會(huì)難以判斷。


遺憾的是,布朗發(fā)現(xiàn)當(dāng)內(nèi)容增長時(shí),并沒有簡單的建議或明確的方法來避免麻煩。我們所能做的最好方式就是設(shè)計(jì)能夠接受新形式內(nèi)容的頁面,為將來可能的內(nèi)容擴(kuò)展做好準(zhǔn)備。換句話說,即使你現(xiàn)在不使用視頻內(nèi)容,也要?jiǎng)?chuàng)建接受視頻的頁面。信息架構(gòu)的結(jié)構(gòu)應(yīng)該具備的另一個(gè)技巧是,如果你需要在將來添加新的子類別,則應(yīng)使頂級類別盡可能寬泛。
6、結(jié)論
如果你希望用戶足夠了解你的產(chǎn)品并能愉悅使用,那么信息架構(gòu)至關(guān)重要。你所希望創(chuàng)建的結(jié)構(gòu),不僅要讓用戶理解、更要能進(jìn)行預(yù)測,這樣他們才不會(huì)兜著圈子尋找信息,輕松地便能掌握產(chǎn)品的使用方法。


請記住,好的信息架構(gòu)和好的用戶體驗(yàn)設(shè)計(jì)是相輔相成的:即向讀者提供博客文章,或幫助新玩家在游戲世界中快速適應(yīng)。請注意細(xì)節(jié),不要用超出用戶處理能力的信息轟炸他們。


使用你的產(chǎn)品應(yīng)該感覺自然,而不是像跑馬拉松一樣疲憊或像在房間里四處搜尋兩天沒見的手機(jī)充電器一樣迷茫。利用一切機(jī)會(huì)在用戶測試中檢驗(yàn)?zāi)愕男畔⒓軜?gòu),確保人們不會(huì)對信息呈現(xiàn)的方式感到困惑沮喪。


當(dāng)擁有大量信息時(shí),很難以好的方式呈現(xiàn)所有信息,但我們總能找到呈現(xiàn)與理解信息的方法,你應(yīng)該用正確的計(jì)劃將這項(xiàng)工作反映到設(shè)計(jì)工作中,所以不要慌!


只需放輕松并回歸一切的根源:每個(gè)時(shí)間點(diǎn)用戶的目標(biāo)是什么?如何以最簡單的方式幫助用戶實(shí)現(xiàn)目標(biāo)?這才是信息架構(gòu)中最重要的問題。

作者:Z9084488
來源:站酷

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

分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。 

藍(lán)藍(lán)設(shè)計(jì)www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司 


[無界面交互啟示錄]-人人受益的設(shè)計(jì)方略

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

1|從《無界面交互》開始

最近又翻了翻《無界面交互》這本書,不過與上次閱讀卻有了些不一樣的反思與收獲,這本書很多人應(yīng)該都看過,起初看是因?yàn)橐詾槔锩嬗泻涡路f前瞻的交互方式與教程指南,不過之后卻發(fā)現(xiàn)是緊扣副標(biāo)題“潛移默化的UX設(shè)計(jì)方略”,盡管對標(biāo)題和內(nèi)容的匹配產(chǎn)生了失望,但還是被作者幽默風(fēng)趣的寫作風(fēng)格與獨(dú)到的思考方式所吸引了。
這本書并沒有講述很多的交互觀點(diǎn),也沒有展開說如何進(jìn)行零界面的交互實(shí)踐技巧,反倒是通過幽默風(fēng)趣的表達(dá)闡述早期硅谷以應(yīng)用軟件為中心的需求解決現(xiàn)象,并且使得各種需求總是以軟件->以手機(jī)->以屏幕->以界面來進(jìn)行交互,而這些軟件的快速發(fā)展也加劇了人們與手機(jī)屏幕的依賴性,以至于我們的身體也出現(xiàn)了一系列不良變化,盡管我們正在適應(yīng)和習(xí)慣這些不良性,例如近視人口的比例與年齡層下降,而好的UX設(shè)計(jì)不該是基于界面的,所以UX≠UI,應(yīng)該是基于更加自然智能自動(dòng)的服務(wù)或交互方式,作者認(rèn)為最好的界面就是沒有界面,我們面對未來的創(chuàng)新技術(shù)發(fā)展,應(yīng)該試圖擺脫對屏幕的依賴性,并且為此作者列舉了多個(gè)例子來佐證,后文我會(huì)簡單的介紹一些書中的例子,所以你不用因?yàn)楹闷娑R上跳離這個(gè)文章去搜索了。并且為此現(xiàn)象作者提出了三個(gè)原則;


一、貼合日常生活流暢,而不是一味依靠屏幕;大意是貼合日常生活中的一般工作流程,避免與手機(jī)與屏幕有過多非必要的綁定,使得避免沉迷用戶界面或者說手機(jī)。


二、做電腦的主人,而非仆人:科技的飛速發(fā)展還是不能很好的讓電腦智能化,時(shí)不時(shí)還是會(huì)出錯(cuò),例如藍(lán)屏閃退等,各種條條框框的限制等,如密碼限制。我們健忘、脆弱、繁忙,計(jì)算機(jī)應(yīng)該更加智能的解決問題。


三、適應(yīng)個(gè)體情況:大意是每個(gè)用戶都是特別的,可以提供定制化的服務(wù),不在只關(guān)心平均數(shù)據(jù)或盈利趨勢,而且未來的計(jì)算應(yīng)該更加主動(dòng),而不是被動(dòng)的等待用戶來圖形界面操作。


大體上內(nèi)容差不多就這些了吧,作者想以潛移默化的方式來引導(dǎo)UX思維方式,前面部分鋪墊了不少生活現(xiàn)象,以讓我們意識到感受到手機(jī)屏幕的負(fù)面影響,以及這種基于應(yīng)用軟件來解決需求的慣性思維的局限,當(dāng)然啦,一方面有文化差異,另一方面設(shè)計(jì)行業(yè)發(fā)展日新月異,現(xiàn)在的優(yōu)秀設(shè)計(jì)師也不會(huì)完全聚焦在用戶界面上了吧,就像書中的結(jié)束語,也許未來的某天再次翻開時(shí),已經(jīng)覺得這本書無聊透頂,觀點(diǎn)已經(jīng)過時(shí),就像我們現(xiàn)在已經(jīng)深知UX不是UI,也因此難免會(huì)被部分讀者所吐槽。


那么回到此時(shí)此刻,雖然不知道你是否有了新的思考或收獲,我來聊聊我的一些思考吧。

2|怎么看待零界面交互

我們通過感知與身邊的事物發(fā)生著互動(dòng),而看見的信息往往是最豐富的最具體的,這也意味著屏幕或界面的概念會(huì)長存,即使全息影像技術(shù)隨處可見,所以我們要意識到零界面交互是一種交互方式,一種交互理念,而不是說以后沒有界面交互了,而且對于交互方式,基于語言系統(tǒng)的語音交互、腦電波控制交互、物理實(shí)體的人機(jī)交互等等,不就是沒有界面的交互嗎?對于零界面交互我認(rèn)為有點(diǎn)兒奧卡姆剃刀原理的意思,能在其基礎(chǔ)上找到更好的辦法就不要復(fù)雜化,如無必要,勿增實(shí)體,并且合乎情理。智能的交互方式絕對不是多幾塊可交互的屏幕而已

3|UX最本質(zhì)的能力

零界面交互后,作為一名UX設(shè)計(jì)者,如果不在互聯(lián)網(wǎng)行業(yè)里了,不搞應(yīng)用軟件了,也無需在用戶界面上花心思了,那你還能做些什么?是否就要考慮轉(zhuǎn)行送外賣擺小攤呢?
當(dāng)我想到這個(gè)問題的時(shí)候確實(shí)遲疑了,想到自己擅長或能夠勝任的,且符合以上要求的話,可能就需要轉(zhuǎn)型做技術(shù)咨詢服務(wù)、視覺設(shè)計(jì)或是產(chǎn)品經(jīng)理之類的,但之后我想了想又感覺不大對,為什么不能是UX設(shè)計(jì)師呢?我也與其他好友相續(xù)的探討了下,UX設(shè)計(jì)最本質(zhì)的競爭力不該是線框圖、界面交互或是視覺呈現(xiàn),盡管在應(yīng)用軟件中,是重要的環(huán)節(jié),但!最本質(zhì)的能力不應(yīng)該是解決問題的能力與方法嗎?
在得出這一結(jié)論前,我們會(huì)慣性的結(jié)合平時(shí)的工作內(nèi)容與輸出結(jié)果來匹配其他職能,結(jié)果反而忘了UX最本質(zhì)的能力是什么,探討時(shí)UXRen的寶珠用一個(gè)詞描述道“模糊邊界”,我瞬間清醒,可不就是嗎?


如此看來,我們應(yīng)該慶幸UX工作使得我們獲取了寶貴的問題解決能力與方法,正是因?yàn)橛辛诉@些東西,即使不做互聯(lián)網(wǎng)了,也還是能成為UX設(shè)計(jì)師,就像書中所提倡的那樣,不基于屏幕的思考,反而使得UX設(shè)計(jì)更加強(qiáng)大了。

4|諸多的案例有何啟示

案例其一

早期福特汽車公司的Escape設(shè)計(jì)組想要?jiǎng)?chuàng)造出在自己獨(dú)具特色的SUV,他們觀察到現(xiàn)實(shí)中的人們拎著或抱著重的東西走向后備箱時(shí),并騰不出手來,只有腳可以動(dòng),并且可能因?yàn)闁|西太重并不想彎腰放下后,打開后備箱再彎腰抱起重的東西放進(jìn)后備箱,即使通過應(yīng)用軟件,也要掏出手機(jī),點(diǎn)一點(diǎn)再放回去,重新彎腰搬起重物,顯然應(yīng)用軟件并不好使了。因此腳踢或橫掃式的后備箱開啟方式誕生了,他們在后備箱下的保險(xiǎn)杠底部安裝了一組傳感器,只需要你踢一腳或拿腳掃一下,后備箱就開了,對于那些提著重物走向后備箱的人,很容易做到,也很符合后備箱的使用場景。


案例其二

夏天里,停在室外水泥地上的汽車經(jīng)過一段時(shí)間后,太陽的炙烤會(huì)讓車的內(nèi)飾變得滾燙。NBC報(bào)道稱:“在美國,平均每年有超過36名兒童因車內(nèi)溫度過高而死亡?!?


而在這個(gè)背景下,日產(chǎn)聆風(fēng)轎車推廣了一款能讓你車內(nèi)溫度變涼的手機(jī)軟件,只需提前15分鐘在手機(jī)應(yīng)用上遠(yuǎn)程打開空調(diào)就可以,當(dāng)你回到車內(nèi)時(shí)就是涼爽的,但回到復(fù)雜的現(xiàn)實(shí)環(huán)境,當(dāng)你投入的看電影、投入的聚餐時(shí),你不一定還記得用手機(jī)遠(yuǎn)程打開空調(diào)這回事兒,回到車?yán)飼r(shí)也許還是熱氣烘烘的。讓我們回到一個(gè)互聯(lián)網(wǎng)跟屏幕還不夠普及的年代,1991年,面對同樣的問題,當(dāng)時(shí)線上技術(shù)還很稚嫩,馬自達(dá)汽車公司提供了一個(gè)更加自動(dòng)化的可選功能,車頂配備太陽能供電,車內(nèi)使用溫度傳感器監(jiān)測,一旦溫度超過一定閾值,傳感器就會(huì)觸發(fā)散熱降溫,很巧妙,很自然,盡管還不能克服極端的高溫,時(shí)間快進(jìn)到2009年,豐田汽車借鑒了馬自達(dá)汽車這一經(jīng)驗(yàn),制造出了更好的制冷系統(tǒng),這一功能很受歡,時(shí)至今日這個(gè)系統(tǒng)仍然可用。

案例其三

橄欖球運(yùn)動(dòng)在美國很受歡迎,但也很危險(xiǎn),至少我看來是硬核運(yùn)動(dòng),這種運(yùn)動(dòng)時(shí)常發(fā)生的撞擊會(huì)導(dǎo)致運(yùn)動(dòng)員患上慢性創(chuàng)傷性腦部病變,會(huì)引起記憶力減退、思維混亂、判斷力減弱、沖擊控制障礙、攻擊性、抑郁癥等癥狀。事實(shí)上在年輕的群體中,大學(xué)的橄欖球隊(duì)員都渴望自己留下好印象,因此他們幾乎不會(huì)上報(bào)自己的頭部損傷,在一組730名大學(xué)生球員中展開的調(diào)查顯示,他們的頭部平均受到27次沖擊后才會(huì)上報(bào)1次,為此疾病預(yù)防控制中心(CDC)研發(fā)了一款手機(jī)應(yīng)用,在這個(gè)應(yīng)用上,橄欖球運(yùn)動(dòng)員可以了解和挑選頭盔更好的保護(hù)頭部,以及如何察覺頭部損傷的跡象,并在遭到腦震蕩或其他頭部損傷時(shí),知道接下來該怎么做。


但是圍繞橄欖球比賽這個(gè)場景,柔性傳感器制造商與運(yùn)動(dòng)品牌Reebok(銳步)設(shè)計(jì)了一款智能帽子,Reebok Checklight,它是一款運(yùn)動(dòng)影響指示器,通過傳感器持續(xù)的感應(yīng)頭部受到的任何沖擊,并通過LED燈光進(jìn)行信號反饋沖擊的程度,就像信號燈那樣,并且它能夠很舒適的佩戴在頭盔中,沒有界面、沒有菜單、沒有選項(xiàng)卡導(dǎo)航或賬號密碼登陸,盡管他不能代替醫(yī)療診斷,但是可以作為額外的參考指標(biāo)來幫助教練或他人做出判斷與選擇,無論是繼續(xù)比賽還是立即就,以保障運(yùn)動(dòng)員的健康情況。


事實(shí)上這些案例中,確實(shí)很精妙的利用技術(shù)解決的生活中的需求場景,并且沒有使用以屏幕為交互的方式,也同時(shí)為用戶提供了良好的體驗(yàn)不是嗎?案例中描述了設(shè)計(jì)師是通過怎樣的方案來解決了需求痛點(diǎn),但,你有注意到是通過何種方式洞察到了這些設(shè)計(jì)理念嗎?也許細(xì)心的你已經(jīng)從前面的案例描述讀出來答案,觀察,這是一種解決問題的好辦法,通過對場景對事物對用戶行為的細(xì)心觀察來找到問題的突破口,而這也是讓我對潛移默化的UX設(shè)計(jì)方略有了新的思考的部分。

5|場景化思考與觀察的豐富啟示

觀察是設(shè)計(jì)思維的重要的一環(huán),我們悉知的以人為本的設(shè)計(jì)流程便是以觀察開始的,而觀察與場景有著不可分離的淵源,我們觀察用戶、觀察環(huán)境、觀察事件等,這都是場景的一部分,我意識到場景化在任何時(shí)代任何設(shè)計(jì)過程中都有必要的價(jià)值,對于這一廣泛且常常忽視的思維模式,我想以自己的視角來通俗的聊一聊。


面對各種問題,有時(shí)候痛點(diǎn)顯而易見,有時(shí)候根據(jù)經(jīng)驗(yàn)也能夠快速看出端倪,有時(shí)候就靜靜的細(xì)心觀察就好啦,優(yōu)秀的設(shè)計(jì)師擁有豐富的問題解決策略,以及各種工具輔助,能夠盡快的分析找出問題來并設(shè)計(jì)出解決方案來推敲,但這不意味著每次面對需求都將進(jìn)行用戶分析、市場分析、數(shù)據(jù)分析、用戶研究、構(gòu)建畫像、構(gòu)建體驗(yàn)地圖、套用設(shè)計(jì)原則、構(gòu)建原型、可用性測試等等,這些只是解決問題的方法與工具,幫助我們更好的分析人物&場景&事件的關(guān)系,以找到問題根源或解決辦法。

平時(shí)的工作中,我們更多的是根據(jù)習(xí)慣與經(jīng)驗(yàn)完成工作,并且面對各種問題的差異性以及時(shí)限要求,斷然不會(huì)根據(jù)一套固定的設(shè)計(jì)策略或方法來輸出,這不見得更合理更專業(yè)更高效,問問你自己,每次學(xué)了新的設(shè)計(jì)方法論或工具后你都會(huì)在后續(xù)的工作中用起來的嗎?直到有一天這些方法論、設(shè)計(jì)模型、分析報(bào)告占據(jù)了你絕大部分的工作時(shí)間嗎?我想不是每個(gè)項(xiàng)目都會(huì)給予設(shè)計(jì)者如此充裕的時(shí)間吧,同事會(huì)說,看啊,這個(gè)設(shè)計(jì)真笨,還在輸出作證那點(diǎn)兒設(shè)計(jì)方案的分析材料,真磨唧。而通常老板也不會(huì)在意你是用了哪些方法,更在乎的是有沒有解決好問題,有沒有及時(shí)的解決,但是一定不會(huì)指責(zé)你沒有使用用戶畫像、體驗(yàn)地圖什么的,如果有人遇到過,那就是他的需求中期望看到這個(gè)。

實(shí)際上當(dāng)我們熟練掌握某些設(shè)計(jì)策略或工具的原理后,即使不寫出來,通過觀察與思考也會(huì)有結(jié)果,這種潛移默化的過程就像是數(shù)學(xué)公式的應(yīng)用,當(dāng)你通過觀察獲取到了夠用的信息后,就能思考出解決的方向,有點(diǎn)兒像韋東奕在接受采訪時(shí)說的“其實(shí),我真正寫的題并不多,“想”的題卻很多,能想明白的題目我就不寫了”。所以當(dāng)有人問起你是如何解決的,你說是通過對場景的觀察思考,絕不會(huì)有什么不妥或顯得很Low,但是你說一拍腦袋想的你試試,你看那程序員抽搐的嘴角是想干啥。就此我已經(jīng)將大量的技法、設(shè)計(jì)論、工具隱匿起來了,但是場景的概念依舊不可缺失,不難看出為什么說“場景化思考與觀察有著豐富的設(shè)計(jì)啟示”,也許你還沒有意識到平時(shí)的設(shè)計(jì)工作中,會(huì)經(jīng)常用到這一概念或思維方式,只是沒有人給你提示,你還沒有意識到這就是場景化的洞察或思考啊。

6|簡單有效的場景化思維

我跟一個(gè)設(shè)計(jì)朋友聊起了場景化這個(gè)話題,但是我發(fā)現(xiàn)對方似乎并沒有認(rèn)識到這個(gè)場景化是什么概念,并問我這個(gè)場景化是什么,我想了想說:“就是一種找到問題前因后果并有效解決的好辦法,并不是游戲場景的概念”。于是又問我是怎樣一回事兒,我反問道你們接到游戲活動(dòng)需求后會(huì)怎么思考?對方說一般由活動(dòng)詳情與活動(dòng)入口構(gòu)成,例如一個(gè)夏日祭活動(dòng),是用作消費(fèi)回饋的,會(huì)設(shè)計(jì)階段化的消費(fèi)任務(wù)與回饋獎(jiǎng)勵(lì),刺激玩家進(jìn)行消費(fèi)獲取超出平常的獎(jiǎng)勵(lì),為了圍繞夏日祭這個(gè)盛會(huì)主題,需要搭建一個(gè)包含游戲元素和盛會(huì)元素的場景來承載活動(dòng)內(nèi)容、說明、進(jìn)度、領(lǐng)取按鈕與信息,給用戶帶來夏日祭的活動(dòng)氛圍與內(nèi)容賣點(diǎn)... 我說等等,這不就是場景化的思考嗎?我們綜合場景構(gòu)成的多個(gè)因素,并觀察思考圍繞玩家展開的一系列關(guān)系變化與過程感受。

什么是場景

這里的場景不是我們常以為的情景/情境或是某個(gè)事件的使用環(huán)境,近似場面的意思,場面是指戲劇、影視中由布景、音樂和登場人物組合成的景觀,而場景就是某個(gè)人在某個(gè)時(shí)間某個(gè)地點(diǎn)因?yàn)槟硞€(gè)目標(biāo)在做某個(gè)些事,即人物、地點(diǎn)、時(shí)間、目標(biāo)、行為,只是某個(gè)環(huán)境或情景的畫面都不能稱為場景,場景能夠較好的反映出特定環(huán)境下人物實(shí)現(xiàn)目標(biāo)的過程變化,因此不必糾結(jié)“場景”或是“場景化”一詞,轉(zhuǎn)而注意人物在對應(yīng)環(huán)境下為目標(biāo)做出了那些付出與反應(yīng),剩下的就是觀察與思考如何幫助人物更舒服效率的完成目標(biāo)即可;


什么是場景化

場景化就是將信息不齊全的情景根據(jù)關(guān)鍵信息推導(dǎo)或收集完善成一個(gè)場景,其目的是因?yàn)槲覀冃枰囟ōh(huán)境觀察或構(gòu)思服務(wù)對象為了達(dá)成目標(biāo)做出了哪些努力,然后我們?yōu)榇硕床斐瞿軌驇椭?wù)對象解決麻煩的方案,但有意思的是在場景化的過程中,有時(shí)候不一定非要苛刻的補(bǔ)齊場景的五個(gè)因素,就像前面講的,通過觀察人物行為也能夠產(chǎn)生人物目標(biāo)的收獲,記住場景化的重點(diǎn)是觀察或構(gòu)思人物為了達(dá)成目標(biāo)在特定環(huán)境下做出了哪些努力,基于不同的情況,有些次要因素我們可能不會(huì)太在意,例如我們在討論手機(jī)電筒的使用場景時(shí),我們就不會(huì)太在意時(shí)間因素,反而昏暗的環(huán)境與亮度更重要,所以場景化時(shí)要靈活一點(diǎn),挖掘有價(jià)值的因素而不是湊齊所有因素,常見有以下幾種情況:


7|作用與價(jià)值體現(xiàn)

場景化的視角代入作用

場景化還有個(gè)作用就是讓自己更融入,算是同理心的一個(gè)竅門。我們在具有復(fù)雜性的功能自測時(shí),我們不會(huì)只是反復(fù)的在界面上進(jìn)行交互,這樣的往返操作容易迷失自己,甚至忘卻了我在哪兒,我在干嘛,這種情況用設(shè)計(jì)心理學(xué)描述為“記憶失效性失誤”,對此,我們的解決辦法就是設(shè)定場景,我們會(huì)簡單的代入一個(gè)用戶視角,并給自己設(shè)定一個(gè)匹配功能模塊的需求目標(biāo),使得整個(gè)場景看起來合乎情理,然后帶有目標(biāo)的進(jìn)行功能測試走查,如果這個(gè)過程中那里走不通了,不好用了,那就意味著這里的設(shè)計(jì)有問題,當(dāng)然了,如果你是功能Bug測試,那我建議你找測試工程師要一份測試用例好了。

場景化的痛點(diǎn)&需求洞察

場景具有諸多變量,通過觀察狀態(tài)的變化,用戶情緒與行為變化、以及實(shí)際場景中常見的干擾事件,都能為我們帶來諸多的設(shè)計(jì)啟示,我們可以利用起來,為用戶提供更多的需求可能或是避免問題,就像車飾中的杯架,一開始汽車制造商們并不會(huì)覺得一個(gè)交通工具的駕駛室需要杯架,但是通過對真實(shí)場景下的觀察與客戶研究,不起眼的杯架竟然能為用戶帶來良好體驗(yàn),以至于杯架會(huì)成為汽車內(nèi)飾的廣泛標(biāo)配,這些巧妙的設(shè)計(jì)并不是設(shè)計(jì)師突然的靈感或渾然天成,這正是因?yàn)閷鼍暗挠^察以洞察出的用戶需求。

場景化可以讓我們找到問題在哪兒發(fā)生了,并且問題根源大概是什么,會(huì)有怎樣解決啟示,而不是因?yàn)閿?shù)據(jù)或結(jié)果發(fā)現(xiàn)了問題,在有限的認(rèn)知下就問題進(jìn)行錯(cuò)誤或膚淺的設(shè)計(jì)解決方案,還記得肥皂廠對空盒子過濾的案例嗎?A廠的設(shè)計(jì)師們發(fā)現(xiàn)了會(huì)有空的肥皂盒在流水線上,并且設(shè)計(jì)了高級的X光檢測儀來改進(jìn)生產(chǎn)線,但是B廠的設(shè)計(jì)師卻根據(jù)觀察找到了更好的解決方法“電風(fēng)扇”,是的,B廠直接通過電風(fēng)扇將質(zhì)量更輕盈的空盒子吹到了一旁,那么你是老板,出于成本與研發(fā)周期,你選擇哪個(gè)方案呢?


即使是線上場景也不例外,知道微信在直播場景時(shí),收到的通訊消息已經(jīng)采用了浮窗進(jìn)行交互嘛?你也不想在看到精彩的時(shí)候卻要關(guān)閉直播切換窗口去回復(fù)消息吧,這便是基于場景化的思考,微信為你提供了更多的直播觀賞空間,而不會(huì)因?yàn)榕R時(shí)的消息回復(fù)使你不得不切換場景進(jìn)行其他的的輕量化事件。

這便是場景化的魅力,我們可以找到真實(shí)問題的根源,并且能夠充分的理解人物與環(huán)境與事件的關(guān)系,有很多設(shè)計(jì)師能夠很巧妙的解決問題,并不是因?yàn)橹庇X或天賦,實(shí)際上更多的是結(jié)合了場景化的思維與洞察,而這并不困難,你也可以。

場景化的以用戶為中心

在某個(gè)場景中,使用你產(chǎn)品的是誰?他們有什么特征,場景為他們帶來怎樣的感受,他們會(huì)面臨怎樣的問題或需求?這都是場景化中以用戶為中心的表現(xiàn),我們很清楚產(chǎn)品的使用者是誰,購買者是誰,我們采用場景化去打磨產(chǎn)品并不是讓產(chǎn)品在場景下顯得更加美觀,而是讓用戶擁有更好的體驗(yàn),其次才是美觀,而作為設(shè)計(jì)師就不能以自己獨(dú)到的設(shè)計(jì)理念來完全代替用戶了。

事實(shí)上幾乎沒有一款產(chǎn)品是面向全人類的,出于人文差異、社會(huì)特征、個(gè)體特征、使用門檻等,做不到如此強(qiáng)大的兼容能力,過分兼容往往也會(huì)使得產(chǎn)品有缺陷或不倫不類,考慮的產(chǎn)品的功能作用以及商業(yè)價(jià)值,企業(yè)都會(huì)錨定一些具有某些特征或?qū)?yīng)需求的用戶群體,這樣才更有機(jī)會(huì)成功,而不是迎合所有人,并且有時(shí)候還要進(jìn)一步的區(qū)分用戶與特征,例如使用者可能是一只貓一只狗,但是購買者往往是養(yǎng)寵物的人,這個(gè)時(shí)候還要顧及購買者的偏好,而不只是局限的觀察場景下的使用者如何與產(chǎn)品交互,場景下購買者的動(dòng)機(jī)與目的也是重要的,而那些線上應(yīng)用就更不用說了,同一批人可能有不同的使用場景,同一場景下的用戶可能會(huì)有不同的特征,識別他們的共性與差異性是以用戶為中心的重要工作,為此我們可能還需要對場景下的用戶進(jìn)行分層,甚至允許定制化。

除了以上說的用戶群體與特征,人文差異也是場景化下值得關(guān)注的問題,需求往往是來源部分用戶群體,迎合他們的人文特征可以更好的促進(jìn)用戶使用和購買的欲望,在產(chǎn)品出海設(shè)計(jì)的過程中,人文差異往往是極其重要的,因?yàn)槭褂脠鼍皬膰鴥?nèi)變成了國外,如果不密切關(guān)注場景下的人文變化,出海則基本會(huì)以失敗告終,例如我們傳統(tǒng)的駕駛位在左邊,而部分國外的是在右邊;我們很多人愛吃的烤豬蹄,在印度卻不受歡迎;我們大多人閱讀是從左到右,而部分國外卻是從右到左。一旦場景發(fā)生了變化,我們就應(yīng)該密切關(guān)注人文是否要做更新的思考。


綜合性的思考方式

此前已經(jīng)解釋了,場景不是單一的情景,并且存在各種變數(shù),甚至都不是靜態(tài)的,我們使用場景化思考時(shí),一定不會(huì)局限在產(chǎn)品本身的流程或交互上的,也不是某個(gè)或多個(gè)人物上的,所以在場景下觀察時(shí),注意力不該在單一的對象上,而應(yīng)該覆蓋場景化的多個(gè)重要因素上。并且場景會(huì)給出用途和一些對應(yīng)關(guān)系的特性,像我們提到某個(gè)需求時(shí),研發(fā)的同學(xué)會(huì)問是那個(gè)場景,其實(shí)就是想要了解這個(gè)場景在哪里觸發(fā),場景下的用途是什么,用戶與目標(biāo)是什么,關(guān)聯(lián)了那些技術(shù)棧等等。如果我們在觀察某個(gè)場景時(shí),出現(xiàn)了意外或小插曲,作為設(shè)計(jì)師就應(yīng)該警覺起來,而不是認(rèn)為只是意外,不會(huì)再發(fā)生,畢竟古人云“無獨(dú)有偶”。所以當(dāng)你奉行場景化觀察或是思考時(shí),就不會(huì)過于局限,反而會(huì)具有綜合性的思考過程,這能讓結(jié)果更加可靠和易于理解。


8|開展場景化思維的竅門

貼近現(xiàn)實(shí)

幾乎出現(xiàn)的所有問題都是有根源,有場景的,我們拿到需求卻還是要分析需求,其目的就是找到根源,而不至于在虛假的問題或需求上窘迫的發(fā)力,而最終得到一個(gè)跛腳的結(jié)果,問題的根源常常是無比真實(shí)和深刻的,而我們結(jié)合場景化思考時(shí),就應(yīng)當(dāng)貼近現(xiàn)實(shí),而不要簡易的虛構(gòu)一個(gè)不真實(shí)的場景去匹配和思考問題,這個(gè)過程中要盡可能的追尋真實(shí)的環(huán)境,匹配的角色,更實(shí)際的問題,這個(gè)時(shí)候我們眼里的場景才有效,而不是做戲或是走個(gè)形式,并且最終你的解決方案是要搬進(jìn)現(xiàn)實(shí)的啊,并不是以實(shí)驗(yàn)室的結(jié)果來定義真實(shí)的場景發(fā)生的事物,即使是模擬也是在模擬更加真實(shí)的場景不是嗎?

顧及變量

倒上一杯水,抓來一碟零食,關(guān)上了窗簾,窩在椅子上,一切剛剛好,我沉浸在女鬼橋這部鬼片的精彩橋段里,我屏住呼吸,高度緊張的注視著,心里預(yù)測著下一個(gè)鏡頭將要如何如何,哐當(dāng)一聲,嚇得我直起身來,其實(shí)女鬼還沒有出現(xiàn),但是我的貓先出現(xiàn)碰倒了我身后的物件。

場景化不再是理想派了,意想不到事件正在場景中發(fā)生呢!

對于場景化,幾乎沒有可能與我們預(yù)期的一致,場景下會(huì)有各種變量也應(yīng)該有各種變量,把場景定格后應(yīng)用是不對的,它應(yīng)該像一個(gè)故事一樣,有過程有發(fā)展變化,事件的發(fā)生、人物的行為、情緒的變化、環(huán)境的變化都是場景變量的一部分,越是忽略這些變量,越是會(huì)出現(xiàn)更多問題,因?yàn)檫@些變量會(huì)直接影響用戶的行為決策與結(jié)果。交互設(shè)計(jì)師做特殊場景狀態(tài)(常見有設(shè)備兼容、異常操作、網(wǎng)絡(luò)問題,非常規(guī)操作等)的兼容與防錯(cuò),不就是很好的體現(xiàn)嗎!拆分出更多的意外場景迎合做出兼容方案反而會(huì)多出一些細(xì)微的體驗(yàn)差異,例如華為手機(jī)的消息通知會(huì)有自動(dòng)收起內(nèi)容的情況,其啟示來自于真實(shí)的環(huán)境下,背后會(huì)有其他人窺探到你的個(gè)人信息。 


于此同時(shí)我們也應(yīng)該清楚自身產(chǎn)品的局限性,我們做不到能應(yīng)對各種突發(fā)事件的程度,所以設(shè)計(jì)出適當(dāng)?shù)募s束來避免問題也是蠻重要的,大抵我下次在家看鬼片會(huì)先把貓關(guān)起來吧。

情感化

場景化、情感化似乎在現(xiàn)在的設(shè)計(jì)中經(jīng)常被提及,如果把場景化比作一面灰色的墻,那么在墻上繪制多彩的小花,人物也露出愉悅的情緒,這些便是情感化的色彩,情感化傳遞的是一種情感價(jià)值和溫度,在產(chǎn)品使用的場景中,我們可以結(jié)合特定的時(shí)刻來打造情感化設(shè)計(jì),可以是通過氛圍傳遞情緒,例如新年,產(chǎn)品視覺煥然一新,年味十足。又或是觸發(fā)回憶,幫助用戶想起那些有價(jià)值有溫度的回憶畫面,總之在適當(dāng)?shù)膱鼍耙鹩脩艄缠Q是一件很有溫度的體驗(yàn)設(shè)計(jì),哪怕只是在南京大屠殺的公祭日將線上產(chǎn)品的彩色斑斕抹去,也能感受的產(chǎn)品的情感關(guān)懷與社會(huì)價(jià)值觀,總之識別出有意義的時(shí)刻,不論是節(jié)日盛典、解鎖成就還是目標(biāo)達(dá)成,我們都可以通過具有儀式感或視覺氛圍的設(shè)計(jì)方式傳遞情感,讓用戶感受到產(chǎn)品設(shè)計(jì)的用心與別致的體驗(yàn),這也是場景化中的環(huán)境與時(shí)間因素的識別與運(yùn)用。
但值得注意的是,情感化不單單是符合特殊時(shí)刻或環(huán)境的打造,只是說就讓用戶覺得好看或就該這樣有時(shí)還不夠,情感化更多的是期望與用戶情緒建立共鳴,引起用戶反思,試想一部電影,為什么有的人看哭了,有的人沒有反應(yīng)呢?很大一部分原因就是看哭的人更投入,劇情經(jīng)過了用戶的反思與共鳴,從而調(diào)動(dòng)了情緒才鼻酸落淚。

常規(guī)性

常規(guī)性是一個(gè)很重要的部分,它包攬了以上多個(gè)部分,常規(guī)的情景、常規(guī)的流程、常規(guī)的客戶、常規(guī)的問題、常規(guī)的信息、常規(guī)的操作、常規(guī)的行為習(xí)慣、常規(guī)的難度、常規(guī)的文化差異、常規(guī)的認(rèn)知等,常規(guī)意味著產(chǎn)品符合大多數(shù)客戶群體的認(rèn)知、習(xí)慣與使用情景,這能夠大大提升易用性和兼容性,當(dāng)設(shè)計(jì)無法接近用戶認(rèn)知就會(huì)變得難以理解和使用,隨之門檻變高,而設(shè)計(jì)者不一定是產(chǎn)品的常規(guī)使用者,而常規(guī)性不僅能夠使得場景化更加貼近現(xiàn)實(shí),也抑制著以設(shè)計(jì)師為中心的弊端,最終保障設(shè)計(jì)模型與用戶認(rèn)知模型能夠靠攏。


但過分的常規(guī)性也會(huì)成為創(chuàng)新的絆腳石,不論是漸進(jìn)式創(chuàng)新還是顛覆式創(chuàng)新,依舊會(huì)保留一定的常規(guī)性,例如常規(guī)的地域文化、常規(guī)的理解認(rèn)知、常規(guī)的信息維度等,但也肯定有不常規(guī)的地方,那便是它獨(dú)特創(chuàng)新的部分,這意味著我們需要找對創(chuàng)新的場景,創(chuàng)新的部分,以及創(chuàng)新內(nèi)容的本質(zhì)與規(guī)則,要知道打破規(guī)則是一種創(chuàng)新是一種變革,但是前提是你得清楚規(guī)則的本質(zhì)是什么,胡亂一通的創(chuàng)新往往達(dá)不到更好的效果,容易忽視其他變量與常規(guī)性。


這讓我想起來《設(shè)計(jì)心理學(xué)3》中,唐納德提及的指環(huán)王中創(chuàng)新的語種里的兩個(gè)詞語,一個(gè)是金屬另一個(gè)是雪花,盡管這個(gè)語種里的兩個(gè)單詞看起來是如此的陌生,但是大多數(shù)外國人還是能夠猜對那個(gè)是金屬那個(gè)是雪花,因?yàn)榻饘俚膯卧~中包含了兩個(gè)爆破音,更具有重金屬的味道,而雪花的單詞則具備斯斯的發(fā)音,顯得更加輕盈,這源于人們對現(xiàn)實(shí)生活場景的理解與認(rèn)知作用,這也是常規(guī)性。

9|結(jié)語

通過《無界面交互》,看見了應(yīng)用軟件的發(fā)展簡史,看見了軟件對生活服務(wù)的影響力。還真就是那句話,“當(dāng)我們習(xí)慣使用軟件后就需要更多更多的應(yīng)用軟件”,隨之利弊也變得更加清晰可見,人們生活方式與行為習(xí)慣也對應(yīng)發(fā)生著轉(zhuǎn)變,變得是數(shù)字化的服務(wù)方式,不變的還是各個(gè)場景下的需求與優(yōu)化創(chuàng)新,就像我上一篇關(guān)于用戶行為與觸發(fā)式引導(dǎo)的文章中描述的那樣,應(yīng)用程序提供的是完成需求的功能,這意味著行為方式或成本的變化,但是本質(zhì)不變。

雖然書中作者批判了屏幕的種種罪惡,但是現(xiàn)階段發(fā)展離不開電子屏幕的存在,或許這就是發(fā)展進(jìn)步中不可避免的一些矛盾與犧牲吧,誰知道作者現(xiàn)在有沒有躺著椅子上用手機(jī)刷TikTok呢?不過作者唾棄的以應(yīng)用軟件來應(yīng)對各種需求服務(wù)的方式,倒是認(rèn)可的,應(yīng)用程序解決需求不是一勞永逸的辦法,創(chuàng)意創(chuàng)新也不止于界面,最終還是要回歸場景與需求的探索,樸實(shí)無華的點(diǎn)子依舊受歡迎。

而聚焦生活服務(wù)類的場景與需求,我認(rèn)為物聯(lián)網(wǎng)與人工智能反而是以后更好的解決方案,我在之前的一篇關(guān)于物聯(lián)網(wǎng)交互創(chuàng)新探索的文章中也有歸納過物聯(lián)網(wǎng)的特征趨勢(注: 有興趣可以在往期文章中找到,有圖解不枯燥,值得一看),即自動(dòng)化、智能化、云計(jì)算、傻瓜式、聯(lián)動(dòng)性、可視化,我認(rèn)為這些特征都能很好的滿足無界面交互中潛移默化的UX設(shè)計(jì)理念,而作為這些生活服務(wù)類的UX設(shè)計(jì)師,了解和熟悉物聯(lián)網(wǎng)技術(shù)也顯得尤為重要。

作者:PP_PAO
來源:站酷

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

分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。 

藍(lán)藍(lán)設(shè)計(jì)www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司 

標(biāo)簽: 用戶體驗(yàn) 設(shè)計(jì)趨勢 ui 網(wǎng)頁設(shè)計(jì)


元宇宙視角下,AR究竟到哪一步了

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

如果說去年到今年科技領(lǐng)域的概念,元宇宙一定是最亮眼的那一個(gè)。 然而我們看到市場上的產(chǎn)品,扎克伯格奇丑無比的元宇宙自拍;包括大家都知道XR好像和元宇宙有些關(guān)系,但是XR本身好像也煙消云散了 那么元宇宙是否也是一個(gè)資本炒作的噱頭呢?它和AR究竟發(fā)展到什么地步了?設(shè)計(jì)師能做什么?

本文分為以下3個(gè)部分進(jìn)行講解:



和當(dāng)時(shí)的“VR元年一樣”(當(dāng)時(shí)VR比其他R更火),在去年“元宇宙元年”被提出之后的今天,同樣浮現(xiàn)了許多諸如:“啊,這不就是AR嘛,果然是資本炒作的噱頭”之類的聲音,那我們首先結(jié)合以上片宇宙的概念來看看他們?yōu)槭裁催@么說。






以上文字來源于百度百科的解釋,這里面有兩個(gè)重要的關(guān)鍵詞:虛擬現(xiàn)實(shí)世界和數(shù)字化身。這兩個(gè)詞可以說就是元宇宙的命脈。

誒,但是這兩個(gè)事物新鮮嗎?它們像什么?

我們的游戲玩家發(fā)言了:這不就是MMO RPG嘛。

對,這就是為什么騰訊網(wǎng)易都在積極部署自己的元宇宙,騰訊的QQ元宇宙,網(wǎng)易的瑤臺。它們擁有行業(yè)上的先發(fā)優(yōu)勢,比如游戲引擎、比如三維能力??梢哉f,在內(nèi)容這一塊,游戲行業(yè)的一只腳其實(shí)早就踏入元宇宙,你在玩原神的時(shí)候,世界不是虛擬的嗎?你的人物不是代表你嗎,除了虛擬人部分還是寫好的程序,AI智能程度不高,和metaverse也沒什么區(qū)別。這時(shí)候我們得出結(jié)論:害,元宇宙就是rpg游戲嘛,果然是個(gè)噱頭。


是這樣嗎? 是,但是不全是。



我們來看兩個(gè)元年,去年2021年被稱為元宇宙元年,而在這之前的2015年被稱為XR元年。

那一年我上大一,我就是從那一年入的XR的坑??粗佁焐w地的VR的新聞,還在學(xué)交互的我琢磨著,woc,這玩意兒就是未來。2015年,

hololens和htc vive的推出,標(biāo)志著VR和AR技術(shù)不再只停留在實(shí)驗(yàn)室,他們可以開始商業(yè)化探索了。實(shí)際上VR的誕生比之前說的雪崩更早,他在上個(gè)世紀(jì)60年代就被發(fā)明出來,被稱為“達(dá)摩克利斯之劍”,這在很多VR科普的文章中都被講解到了,感興趣的朋友們可以去查一下VR的發(fā)展史。

而2021年,nft作為具有唯一性特點(diǎn)的可信數(shù)字權(quán)益憑證紅極一時(shí),緊接著web3作為去中心化的新型網(wǎng)絡(luò)模式,虛擬人作為元宇宙中的人物形象,跟隨元宇宙一起被大家所知曉。

這些本來在小眾技術(shù)圈的研究其實(shí)都在“元宇宙”概念之前默默發(fā)展了,但由于元宇宙被資本市場挖掘。這時(shí)候有許多人發(fā)現(xiàn),元宇宙好像真的可以開始做了。



我們再來看一下兩根曲線,他們分別是是2018和2022年,由世界著名咨詢和趨勢預(yù)測機(jī)構(gòu)gartner發(fā)布的曲線,看過這個(gè)我們就知道為什么XR似乎消身匿跡了。每一項(xiàng)技術(shù)的誕生基本都逃不過資本對概念的炒作,這是他們第一次讓實(shí)驗(yàn)室外的人知曉。但隨后都會(huì)進(jìn)入一段漫長的產(chǎn)業(yè)深耕期。不明真相的圍觀群眾看到的是又一個(gè)噱頭隕落了,但是這些被資本堆積起來的無數(shù)企業(yè)卻在默默地開始他們的長征。比如在AR頭顯領(lǐng)域,他們中大多數(shù)會(huì)像影創(chuàng)、NORTH一樣陷入困境,但也有少部分探索到可行的商業(yè)模式得以生存。有很多技術(shù)都在質(zhì)疑聲中慢慢走向成熟。

以另外一個(gè)今年很火的概念虛擬人為例,在虛擬人中有一項(xiàng)非常重要的技術(shù):讓虛擬人開口說話的“語音-口型”技術(shù),它的實(shí)現(xiàn)路徑中,許多技術(shù)都在近年來快速發(fā)展,比如GAN(生成式對抗網(wǎng)絡(luò))、動(dòng)作捕捉、包括基礎(chǔ)的建模、TTS(文字轉(zhuǎn)語音)等。



然后我們再來看XR,首先用一句話講明白各種R的定義:下面的這張圖是許多XR論文中都會(huì)引用的“虛擬-現(xiàn)實(shí)連續(xù)體”,其實(shí)我們熟知的VR(虛擬現(xiàn)實(shí),virtual reality)、AR(增強(qiáng)現(xiàn)實(shí),augmented reality)、MR(混合現(xiàn)實(shí),mixed reality)都是其中的一種程度,越靠近軸的右側(cè),越接近真實(shí)世界。而XR則是他們的總稱(擴(kuò)展顯示,expended reality),我今天主要想分享和元宇宙最相關(guān)的AR。



雖然很多產(chǎn)品廣告都是以實(shí)物為準(zhǔn),但是基本上下面視頻里的畫面都是真實(shí)的。這里的hololens是世界上集成度最高的AR設(shè)備,然而他很貴、很重還有各種技術(shù)上的限制。下方的是今年U設(shè)計(jì)周國內(nèi)頂尖AR頭顯廠商Rokid介紹的和釘釘合作的辦公視頻,這張圖中我注意到的重點(diǎn)是那根連接HMD(頭戴式顯示器,頭顯)的線。沒錯(cuò),他們把頭顯連接到手機(jī),用手機(jī)的計(jì)算可以大大的減少整個(gè)AR-HMD的重量,而重量之前一直是一個(gè)老大難問題。事實(shí)上,近年來有許多AR-HMD都采用了這種連接手機(jī)的方式。又或者專注于某一垂直領(lǐng)域,比如只做工業(yè)生產(chǎn)中的識別掃描等等,這些都可以極大的提高設(shè)備的性能,減少設(shè)備重量,優(yōu)化用戶體驗(yàn)。






比如今年新發(fā)布的這兩款A(yù)R-HMD,oppo通過做減法,讓眼鏡只保留基礎(chǔ)的增強(qiáng)顯示信息的功能;nreal通過連手機(jī)讓眼鏡外形到達(dá)了不再像hololens那樣中二的程度(雖然在功能上nreal似乎和VR沒什么區(qū)別,缺少和現(xiàn)實(shí)世界的交互)。此外,他們各自也有光學(xué)上的創(chuàng)新與專利。

因此,我們可以發(fā)現(xiàn),XR其實(shí)并沒有銷聲匿跡,他們一直在不斷的迭代自己的產(chǎn)品。到現(xiàn)在這種和普通眼鏡無異的產(chǎn)品形態(tài),已經(jīng)和剛出來時(shí)又了很大的進(jìn)步。






說完了XR的發(fā)展后,接下來說說,現(xiàn)在XR還需要解決的問題。下方是XR當(dāng)前遇到的一些難題和困境。

首先是價(jià)格問題,現(xiàn)在的AR一體機(jī)價(jià)格依然非常的貴,只能作為一款企業(yè)級的產(chǎn)品賣給B端,軍方。比如hololens與美國軍方簽訂了4.8億美元的訂單;羅克韋爾自動(dòng)化通過AR提高了員工的培訓(xùn)效率。

FOV(field of view),視場角。作為HMD(head mounted display)的一項(xiàng)重要評價(jià)指標(biāo),在增強(qiáng)現(xiàn)實(shí)的HMD中受到極大的限制,我們可以看到右上方的這幅圖顯示的是代表目前AR頭顯的最高水平的微軟hololens和magic leap。其中hololens2的FOV是最大的,有43*29。但是人的正常視野范圍大約有水平210*豎直150.這就會(huì)導(dǎo)致下圖的這種情況——用戶因?yàn)镕OV問題錯(cuò)過視野外的虛擬信息。在下圖中用戶通過AR識別展板,看到展板上的虛擬按鈕,點(diǎn)擊后左右兩側(cè)都出現(xiàn)了虛擬信息,然而由于FOV問題,用戶實(shí)際上看不到兩側(cè)的額外信息,導(dǎo)致用戶體驗(yàn)不佳。


而為了解決這個(gè)問題,現(xiàn)有的研究提出了各種方法,如下圖中的作者M(jìn)arquardt等人連續(xù)5年發(fā)表相關(guān)論文,通過在AR頭顯上安裝震動(dòng)器、耳機(jī)等外設(shè),利用觸覺和聽覺暗示用戶虛擬目標(biāo)的方位。

而在軟件交互層面,有許多研究致力于使用雷達(dá)、小地圖、3d箭頭等和游戲中相似的方式,幫助用戶找到空間中的虛擬目標(biāo)。

暈動(dòng)癥也是一個(gè)老生常談的問題,但是這一癥狀在AR中并不明顯,這可能是因?yàn)槭褂肁R時(shí)用戶可以看到現(xiàn)實(shí)世界。而對于AR來說,設(shè)備重量和電池續(xù)航問題更為嚴(yán)重,Hololens2的持續(xù)使用時(shí)間實(shí)測僅為4小時(shí)左右,并且當(dāng)事業(yè)中的場景或虛擬物體較為復(fù)雜時(shí),還會(huì)導(dǎo)致主機(jī)很燙,佩戴體驗(yàn)不佳。

最后想和大家來探討一些作為設(shè)計(jì)師,這些先進(jìn)技術(shù)要到來時(shí),我們可以做哪些準(zhǔn)備。

很顯然,XR帶來的空間界面將突破傳統(tǒng)用戶界面的方式,打破屏幕,將信息融入現(xiàn)實(shí)世界,增強(qiáng)用戶獲得信息的途徑,增加信息的維度。這一顛覆性的顯示技術(shù)變化,勢必會(huì)帶來交互設(shè)計(jì)上的變革。再對空間界面進(jìn)行設(shè)計(jì)時(shí),勢必會(huì)帶來許多2D時(shí)代未曾考慮過的問題,比如信息與自身的空間相對位置,多模態(tài)的信息提示,用戶負(fù)荷,人體工學(xué)等等。因此趕在技術(shù)成熟之前,預(yù)想出一套全新的交互設(shè)計(jì)規(guī)律,可以為技術(shù)的爆炸性突破做好準(zhǔn)備 —— 一旦技術(shù)普及,相關(guān)應(yīng)用立刻投入生產(chǎn)占領(lǐng)市場。以下為一些個(gè)人對AR設(shè)計(jì)的扯淡。

首先從交互形式上來說,XR的理想狀態(tài)應(yīng)該是可以支持多模態(tài)的交互形式,包括視覺的注視眨眼、聽覺的空間音效、頭部的追蹤跟隨、手勢的識別、身體運(yùn)動(dòng)時(shí)的空間識別等等。甚至也有研究通過電極模仿味覺、香氛模仿嗅覺,達(dá)到五感沉浸的效果。

請注意,這里的每一個(gè)通道的設(shè)計(jì)都需要被考量。舉些例子:比如在進(jìn)行聽覺交互時(shí),需要考慮到提供空間音效的HRTF技術(shù)可能存在前后混淆的問題,玩過吃雞(或其他FPS游戲)的玩家可能會(huì)發(fā)現(xiàn),有時(shí)候無法分辨敵人來自正前方還是正后方。而對于頭部旋轉(zhuǎn)、身體運(yùn)動(dòng),需要了解,人的脖子、軀干擁有最大扭轉(zhuǎn)角度,如果用戶在坐著的使用場景中,則需要考慮虛擬信息最多能被放置在多少大的范圍內(nèi)。對于手勢交互,應(yīng)盡量避免一些手勢沖突,因?yàn)楝F(xiàn)在的手勢識別技術(shù)在有些時(shí)候不那么精準(zhǔn)。這在我們的平面交互中也會(huì)遇到,比如一些熱區(qū)、滑動(dòng)和點(diǎn)擊問題。

在進(jìn)行視覺引導(dǎo)時(shí)還會(huì)存在各種物理、生理甚至心理上的交互規(guī)則,比如之前提到的小地圖和箭頭,它們分別屬于外中心和內(nèi)中心的視點(diǎn)引導(dǎo)方法——小地圖是以空間中的其他物體為參考對象,比方杯子在桌子上;而箭頭是以自己為參考對象,比如杯子在我前面。研究表明內(nèi)中心的參考方式在視覺搜索時(shí)間和任務(wù)符合方面都優(yōu)于外中心。

視覺交互中,需要結(jié)合設(shè)備大小和人的中心視野范圍,考慮將層級重要的信息置于視野中心。因?yàn)槿说囊曇按笮”旧硪彩怯袠O限的,下方的圖從小到達(dá)依次為:hololens的橫向FOV,人的雙目中央視野(可以容易的觀察到立體信息),人的總體視野,以及轉(zhuǎn)動(dòng)頭部時(shí)能看到的最大視野。此外,請盡量將信息布置在人體周圍的球形界面中,以保證用戶在旋轉(zhuǎn)視角時(shí),界面、字體的尺度大小保持一致性。

和2D界面一樣,在空間中也有信息層級,除了常規(guī)的平面信息層級之外,空間界面中還有“深度”概念。

關(guān)于色彩,在AR頭顯中目前存在一些極限值,比如明度和不透明度低于一定值時(shí)人就很難分辨了,這是因?yàn)锳RHMD的鏡片本身也存在一定的透明度。我們可以采用一些卡片式(或者在AR中應(yīng)該稱為模塊化?)設(shè)計(jì),在信息底部疊加對比強(qiáng)烈的底色,保證信息的可讀性。

然后是模型設(shè)計(jì),右側(cè)為前段時(shí)間扎爾伯格的離譜自拍,奇丑無比的外形被人噴的體無完膚,并且META中的小人都是沒有腳的,這加強(qiáng)了吃瓜群眾認(rèn)為元宇宙就是噱頭的心理。除去meta可能把黑紅作為營銷策略的想法之外,有可能是出于性能和技術(shù)的考慮。

首先出于性能,前文說過復(fù)雜的場景可能會(huì)導(dǎo)致場景卡頓,因此可能這張照片只是內(nèi)部測試時(shí)為了高效而選擇了Low poly(低面)風(fēng)格的模型。其次在技術(shù)方面,由于VR眼鏡目前大多都是坐著玩的,攝像頭沒有辦法識別到用戶的腳。并且用戶的頭部有頭盔,手上有手柄,因此可以大致模擬出上半身的大致姿態(tài),而腳的可穿戴設(shè)備似乎還比較匱乏。另外也有官方說法是,在原宇宙顯示下體可能會(huì)導(dǎo)致一些“倫理”問題,emmm。

但其實(shí)從識別技術(shù)來說,微軟在16年就可以實(shí)現(xiàn)全身的遠(yuǎn)程對話了。

說了這么多,可能大家會(huì)覺得AR好像是開發(fā)的事兒,設(shè)計(jì)師能做的事目前還不多。但事實(shí)上,要想實(shí)現(xiàn)一個(gè)AR的demo并沒有這么困難,運(yùn)用現(xiàn)在已有的軟硬件能力,我們已經(jīng)可以快速的開發(fā)出一些AR原型。這些工作有點(diǎn)類似游戲行業(yè)中的技術(shù)美術(shù)(TA),AR的普及需要更多的殺手級應(yīng)用,這其中也一定需要各位設(shè)計(jì)師朋友的支持。學(xué)習(xí)一下unity、unreal引擎,包括Nvidia的ominiverse都在幫助設(shè)計(jì)師更好的創(chuàng)作內(nèi)容。

再來看些老生常談的AR應(yīng)用場景。


第一張圖是今年的ucan中使用的AR會(huì)場,可以在上面看到不同嘉賓的信息,還可以和他們互動(dòng)、點(diǎn)贊。不過他的信息是360度呈現(xiàn)的,考慮到會(huì)場大伙都是坐著的,而且轉(zhuǎn)頭拿手機(jī)對著別人的臉是不是也不太禮貌,是不是設(shè)計(jì)上還能再優(yōu)化一下呢=v=。

除了會(huì)展,AR還非常適合一些需要高成本制作的場景。比如房屋裝修、汽車銷售、珠寶定制等,他們的試錯(cuò)成本都很高,如果在下單前就能看到最后的效果,可以為商家節(jié)約很多成本。

最后我想說,其實(shí)元宇宙的各個(gè)產(chǎn)業(yè)鏈上,相關(guān)技術(shù)都在快速發(fā)展。我們可以說現(xiàn)階段的元宇宙和XR是噱頭,是概念的堆積。但是只到此為止一笑了之可能草率了一點(diǎn),很多技術(shù)都會(huì)爆發(fā)式的進(jìn)入成熟期,為了空間交互可能的到來,至少我自己還得做很多的準(zhǔn)備。



作者:kylin97
來源:站酷

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

分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。 

藍(lán)藍(lán)設(shè)計(jì)www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司 

標(biāo)簽: 用戶體驗(yàn) 設(shè)計(jì)趨勢 ui 網(wǎng)頁設(shè)計(jì)

日歷

鏈接

個(gè)人資料

存檔