首頁

如何解析產(chǎn)品原型

seo達(dá)人

一、理解功能

下手前的第一步當(dāng)然是要先搞明白使用場景和功能用途,這個太基礎(chǔ)了,想必大家都懂。具體到這個項(xiàng)目來說,它是一個用于數(shù)據(jù)分析的服務(wù),后臺有一個信息量很大的數(shù)據(jù)庫,通過前臺進(jìn)行條件過濾后即可得到一張數(shù)據(jù)表。

圖片

看到原型我的第一反應(yīng)是:該從哪里開始操作?頁面功能的終點(diǎn)在哪?原因在于,頁面中有三個主按鈕“生成表格”,“預(yù)覽”和“應(yīng)用條件”,且視覺結(jié)構(gòu)基本扁平。和產(chǎn)品溝通后了解到,當(dāng)前的邏輯是先選擇指標(biāo),給指標(biāo)排序后就可以生成表格了,針對表格可以再應(yīng)用條件篩選,最終形成的表格可以導(dǎo)出。

 

二、結(jié)構(gòu)梳理

2.1 拆分重組功能

設(shè)計(jì)改造一般從大到小作調(diào)整。先優(yōu)化整體結(jié)構(gòu),盡可能讓功能分區(qū)更明確。理解了原型后不難看出,頁面的配置項(xiàng)分的很開,先在左邊欄加指標(biāo),再在內(nèi)容去上方排序,生成表格后再去右邊欄條件篩選。這種需要用戶點(diǎn)來點(diǎn)去的結(jié)構(gòu)顯然不太友好,而且細(xì)碎的分割消耗了大量的空間。

圖片

該頁面功能大概分為配置和數(shù)據(jù)展示兩大部分,不妨從這個角度重組頁面功能。配置生成類頁面有這樣幾種常見交互形式:一,分兩步,先配置再生成;二,模態(tài)浮層,通過彈窗或者抽屜配置;三,非模態(tài),用工具欄或抽屜容納配置項(xiàng)目。為了便于比對或調(diào)整配置項(xiàng),非模態(tài)的抽屜更適合操作場景。

圖片

功能結(jié)構(gòu)的優(yōu)化得到了如下的改進(jìn):

  • 易于統(tǒng)一卷展配置抽屜,避免了各個面板獨(dú)立控制和空間浪費(fèi)。
  • 減少了配置時的操作步驟,選好配置項(xiàng)即可一鍵生成。
  • 分區(qū)明顯,一邊操作另一邊展示,各司其職。

2.2 方案對比測試

對比測試方案的目的是盡可能考慮全各種設(shè)計(jì)方案,確定出一個最符合使用習(xí)慣和操作流程的布置。不論是手畫草圖還是用電腦畫線框圖都可以,期間多和產(chǎn)品或業(yè)務(wù)討論,可以讓對方理解整個的推導(dǎo)過程。

不過溝通中有兩點(diǎn)需要注意,首先討論方案前先過濾掉從設(shè)計(jì)的角度看明顯不合理的,評審的目的是通過多方意見調(diào)解讓方案達(dá)到最優(yōu),而不是展示工作量。其次是結(jié)構(gòu)和視覺方案盡量分開評估,否則對方會收到海量排列組合后的設(shè)計(jì)方案,評起來抓不住重點(diǎn)。下面是當(dāng)時和產(chǎn)品一塊研討的三個方案:

圖片

  • 方案一:指標(biāo)一列,過濾條件一列。其中指標(biāo)可以通過頁簽切換全部和已選。
  • 方案二:同方案一,但全部指標(biāo)和已選指標(biāo)上下顯示。
  • 方案三:全部指標(biāo)單占一列,已選指標(biāo)和過濾條件單占一列。

最終選定了方案三,綜合來看有如下原因:用戶添加條件篩選的頻次低,所以沒有單放一列并且可單獨(dú)卷展;并且方案三的布局在語義上更容易被理解為“庫和待應(yīng)用項(xiàng)”,提供更典型的心理暗示。

圖片

過濾條件的結(jié)構(gòu)做了一些特定的優(yōu)化:一,新增功能保持在頭部,避免被擠下去;二,條件關(guān)系配置直接外露,減少點(diǎn)擊的同時也沒有占用更多空間;三,條件卡片增加了。

圖片

至此,需求頁面的結(jié)構(gòu)已經(jīng)定了下來,之后就是常規(guī)意義上的視覺處理了。因?yàn)檫@部分比較細(xì)碎,單獨(dú)來講可能缺乏普適性,所以下面一章總結(jié)了一些常見且通用的設(shè)計(jì)點(diǎn)供大家參考,最后再提供頁面的最終視覺效果供大家參考。

 

三、視覺效果構(gòu)建

3.1 內(nèi)容元素的背景色

盡量讓內(nèi)容和表單展示在白色卡片上。大部分基礎(chǔ)組件樣式是按白色底色的場景來做的,放在其他顏色的背景上很容易出問題,比如表單的禁用態(tài)或者標(biāo)簽的顏色和底色融為一體時,可讀性很差,而且有一種不干凈的感覺。當(dāng)然這一條不絕對,如果深度定制了基礎(chǔ)組件的樣式,或是結(jié)構(gòu)功能簡單,背景采用其他顏色也是沒問題的。

圖片

3.2 陰影和描邊

陰影分割是一種常見的視覺表達(dá)手法,然而B端用戶的顯示器普遍比較糟糕,分辨率低且色域小,太輕的陰影效果不如描邊,有時甚至?xí)寛D形邊緣看起來很模糊。擔(dān)心顯示效果的話,實(shí)際上可以看一看 macOS 窗口的陰影尺寸和透明度。B端工具設(shè)計(jì)中,功能性比美觀度重要的多。

圖片

3.3 易讀性與復(fù)雜度

下次去宜家的時候可以觀察下結(jié)賬的柜員機(jī),你會震驚地看到里面仍然顯示著擬物化界面。元素的質(zhì)感對現(xiàn)代界面設(shè)計(jì)來說可能是增加了頁面復(fù)雜度,然而放到具體的操作場景中,擬物化界面可以給高速操作的收銀員提供更佳的功能可見性,有益于培養(yǎng)肌肉記憶。所以頁面易讀性與復(fù)雜度之間的平衡,取決于用戶在場景中的操作方式。

圖片

3.4 功能顏色的數(shù)量

功能顏色讓用戶不閱讀內(nèi)容就可以初步感知數(shù)據(jù)狀態(tài),比如警告色,標(biāo)識色等等。數(shù)量太多時用戶會記不住映射關(guān)系,顏色就失去了功能性。一個常見的錯誤是標(biāo)簽的配色,假如一個系統(tǒng)里有十種標(biāo)簽,千萬不要設(shè)計(jì)十種配色,不僅區(qū)分度低而且視覺上很混亂,盡可能先歸類再配色。再舉審核狀態(tài)的例子,除了成功失敗之外,審核流程還有各式各樣的中間態(tài),需要異化表現(xiàn)時,不妨嘗試通過圖形視覺信號區(qū)分,比如增加圖標(biāo)。

圖片

3.5 避免攤大餅

非必要不攤餅。隨著層級增多,用戶對層級歸屬的感知逐漸變差,內(nèi)容區(qū)也越來越窄,視覺效果難以把控。當(dāng)然,在B端系統(tǒng)設(shè)計(jì)中沒有什么完全不可打破規(guī)則,實(shí)在避免不了的話,可以著重突出頂層內(nèi)容或動態(tài)提示用戶當(dāng)前聚焦的層級。比如鼠標(biāo)懸停時高亮層級關(guān)系,類似編譯器的代碼區(qū)塊高亮功能。

圖片

3.6 數(shù)據(jù)與提示

  • 用真實(shí)字段內(nèi)容設(shè)計(jì):視覺設(shè)計(jì)前找產(chǎn)品或者研發(fā)要一份內(nèi)容字段樣本,有助于提高視覺保真度,同時避免開發(fā)上線后內(nèi)容擠不下或大面積留白的情況。
  • 表單項(xiàng)默認(rèn)值:表單中可以通過感知預(yù)測填充內(nèi)容,或設(shè)置常用的默認(rèn)配置,提高表單的填寫效率,減少機(jī)械操作。
  • 提示信息:提示信息的暴露程度取決于系統(tǒng)功能是否常規(guī),以及目標(biāo)用戶的理解能力。常用操作不提示,常用但晦澀的功能采用懸停提示,不常用且難懂的功能可以露出提示或幫助中心鏈接。

3.7 數(shù)據(jù)分析頁最終效果

經(jīng)過以上粗略的講解,希望大家對頁面控件和整體的視覺處理有了一定了解。針對高度定制化的B端頁面,視覺的核心目的是提高功能可見性和操作易用性,不是單純地去套規(guī)范。

圖片

 

四、工期管理及研發(fā)對接

除了頁面的設(shè)計(jì)流程,項(xiàng)目管理則是另一個重點(diǎn),B端項(xiàng)目經(jīng)常會倒排工期,個別戰(zhàn)略導(dǎo)向型的需求更是火燒眉毛。毋庸置疑,兩天工期的設(shè)計(jì)質(zhì)量多半是比不上一周工期的,下面講一講在時間緊張時如何保障輸出質(zhì)量。

4.1 按需求表單規(guī)劃

開始設(shè)計(jì)前,根據(jù) PRD 整理出一個任務(wù)表單,即當(dāng)期需求覆蓋的功能范圍。遇到緊急需求時,可以按照拆分出來的功能模塊分批交付開發(fā)。B端模塊的設(shè)計(jì)時間很少會完全符合預(yù)期,比如在設(shè)計(jì)時發(fā)現(xiàn)了一個重大優(yōu)化點(diǎn),從構(gòu)思概念方案到各方評估影響需要占用一部分工期,而通過模塊排期表可以更穩(wěn)妥地評估突發(fā)事件對后續(xù)輸出的影響,幫助產(chǎn)品評估是否投入資源做優(yōu)化。

圖片

4.2 先輸出核心頁面確認(rèn)方向

先輸出關(guān)鍵頁面給產(chǎn)品和業(yè)務(wù)確認(rèn),一來讓研發(fā)心里有底,二來控制改稿成本。返工在 B 端項(xiàng)目中很常見,有時候我甚至?xí)之嫴莞迦フ耶a(chǎn)品過方案,提前評估可行性,避免方案走了很遠(yuǎn)再被駁回。切忌等到交稿節(jié)點(diǎn)給產(chǎn)品一個突然驚喜。

4.3 組件與組件狀態(tài)

B端原型通??此浦挥幸粋€頁面,而算上各種面板的打開和關(guān)閉,頁面操作狀態(tài),彈窗,包括定制化組件樣式的說明,工作量并不小。組件狀態(tài)可以留到最后再補(bǔ)充,但務(wù)必和研發(fā)提前協(xié)商技術(shù)方案:首先確定常規(guī)功能能否用現(xiàn)成組件,采用哪款組件,這一部分之后就不再出交互視覺樣式了。其次和研發(fā)同事溝通非標(biāo)組件的交互形式,這樣他們可以先寫框架最后再加樣式,不會出現(xiàn)研發(fā)空窗。

圖片

 

五、初步排錯

交付設(shè)計(jì)稿或者做用戶測試之前,還差一步驗(yàn)證的工序。過濾掉明顯且粗粒度的問題,可以顯著提高后續(xù)的測試效率??陀^上驗(yàn)證可用性,主觀上評估體驗(yàn)。

5.1 小黃鴨調(diào)試法

小黃鴨調(diào)試法是一個工程師都知道,但設(shè)計(jì)師很少聽說的測試方法,本意是通過給桌上的橡皮鴨逐行解釋代碼來排查問題。驗(yàn)證階段不妨也試試這個方法,給想象中的人物講講界面的使用方法和元素的設(shè)計(jì)原因,講都講不通的功能,想必也不會特別好用。(認(rèn)識我的同事都知道我辦公桌上有張青年 Gary Anderson 給一個領(lǐng)導(dǎo)樣子的人解釋可回收標(biāo)識設(shè)計(jì)的照片。我的講解對象就是這個領(lǐng)導(dǎo)樣子的人,他已經(jīng)駁回了我的很多爛方案。)

5.2 走用戶流程

核對產(chǎn)品功能沒有缺漏后,就可以檢查用戶流程的流程度了。幾種常見的流程問題包括:不知從何下手;找不到功能入口;操作失誤難以補(bǔ)救;系統(tǒng)出錯原因不明。這些問題會突然地卡住用戶,感受上很糟糕。我們可以找出類似的卡點(diǎn),提供適當(dāng)?shù)囊龑?dǎo)。假如從設(shè)計(jì)上找不到解決方案,則需要提供可檢索的幫助中心以便用戶自行查閱解決。

圖片

 

結(jié)語

B端產(chǎn)品一般會有詳細(xì)的文檔,或者培訓(xùn)操作人員。然而以B端產(chǎn)品的體量和非常規(guī)的交互方式,很多操作不好記憶。單純按照原型施工,難以保障易用性。作為設(shè)計(jì)師的一個關(guān)鍵職責(zé),便是將產(chǎn)品操作邏輯翻譯成簡明易懂的頁面和圖形,盡可能鋪平體驗(yàn)的道路。

注1:文章示意圖內(nèi)容由于脫敏需要進(jìn)行了處理,實(shí)際設(shè)計(jì)時請記得盡量使用真實(shí)字段內(nèi)容。

注2:本文主要介紹流程處理,為避免繁瑣略去了一些視覺設(shè)計(jì)點(diǎn),想要了解更多可以參考上一篇文章《引起舒適!什么是好用的界面》。

 

作者:邢禹

轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》如何解析產(chǎn)品原型

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


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


藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.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ì)師能力建設(shè)(1):如何更好地進(jìn)行設(shè)計(jì)溝通

seo達(dá)人



設(shè)計(jì)師是項(xiàng)目流程中的中間環(huán)節(jié),需要與不同角色的人員打交道,溝通必不可少。
  • 對上,要與產(chǎn)品經(jīng)理保持溝通,清楚地知道產(chǎn)品當(dāng)前的工作方向、目標(biāo),以及未來的工作計(jì)劃,甚至要通過與產(chǎn)品經(jīng)理溝通,側(cè)面了解領(lǐng)導(dǎo)的期望。
  • 對下則要跟開發(fā)人員密切配合,跟進(jìn)開發(fā),推動設(shè)計(jì)落地。

與人溝通不是一項(xiàng)簡單的工作,其中包含了很多為人處事的技巧,這方面我并不在行。但是單純工作層面的溝通而言,我覺得并不復(fù)雜。

今天我們就來討論下設(shè)計(jì)師應(yīng)該如何做好設(shè)計(jì)溝通。主要有以下幾個方面:

 

1、深入理解需求,給自己增值

2、找準(zhǔn)關(guān)鍵角色,影響他人

3、主動溝通,拉近工作關(guān)系

4、基于用戶場景,提高溝通準(zhǔn)確性

5、重視設(shè)計(jì)評審,獲得多方認(rèn)可

 

一、深入理解需求,給自己增值

設(shè)計(jì)師是為產(chǎn)品服務(wù)的,打交道最多的就是產(chǎn)品經(jīng)理,但是產(chǎn)生分歧最多的應(yīng)該也是產(chǎn)品經(jīng)理。根本原因就是產(chǎn)品經(jīng)理和設(shè)計(jì)師會站在不同的維度去理解需求,產(chǎn)品經(jīng)理主要是從需求價(jià)值、功能設(shè)計(jì)的維度定義需求,而設(shè)計(jì)師則是從用戶體驗(yàn)角度理解需求。

現(xiàn)在很多的設(shè)計(jì)團(tuán)隊(duì)要求設(shè)計(jì)師要去理解業(yè)務(wù)場景、商業(yè)模式,要站在產(chǎn)品的角度思考需求,就是保證設(shè)計(jì)師能與產(chǎn)品經(jīng)理在一個頻道上溝通,這樣才能產(chǎn)出有價(jià)值的設(shè)計(jì)方案。才能讓產(chǎn)品經(jīng)理認(rèn)可你的能力,讓他覺得你的設(shè)計(jì)方案確實(shí)更加合理、有效,甚至對你產(chǎn)生依賴性,最終贏得話語權(quán)。

當(dāng)然這非常難,畢竟離了誰,地球都照樣轉(zhuǎn)。但是一旦形成了這樣的工作方法,你會發(fā)現(xiàn)設(shè)計(jì)工作會更加容易推進(jìn),溝通交流也會更加順暢。

 

二、找準(zhǔn)關(guān)鍵角色,影響他人

設(shè)計(jì)師想要做成事,需要自下而上地影響別人。

有些時候,產(chǎn)品經(jīng)理的需求并不清晰準(zhǔn)確。必要時,設(shè)計(jì)師要拉上更高一級的角色與產(chǎn)品經(jīng)理一起溝通,例如產(chǎn)品總監(jiān),將需求進(jìn)一步確定下來。

總監(jiān)這類角色比較重要,平時設(shè)計(jì)師很難有機(jī)會直接給領(lǐng)導(dǎo)匯報(bào),跟產(chǎn)品總監(jiān)或者設(shè)計(jì)總監(jiān)溝通匯報(bào)的機(jī)會更多。一方面他們的意見比較受領(lǐng)導(dǎo)重視,另一方面他們也比較清楚領(lǐng)導(dǎo)的想法。產(chǎn)品總監(jiān)會決定是否需要跟領(lǐng)導(dǎo)進(jìn)一步溝通,或者由他們直接跟領(lǐng)導(dǎo)匯報(bào)。

所以跟總監(jiān)匯報(bào),要能夠?qū)⒃O(shè)計(jì)方案的精髓有效地傳遞給他們,讓他們充分了解并信服設(shè)計(jì)方案。

當(dāng)然如果有機(jī)會,設(shè)計(jì)師還是要爭取直接給領(lǐng)導(dǎo)匯報(bào),畢竟自己產(chǎn)出的方案只有自己最熟悉,并且通過匯報(bào)也可以面對面了解領(lǐng)導(dǎo)的真實(shí)想法。

 

三、主動溝通,拉近工作關(guān)系

1、日常工作溝通

在我們的工作中,會遇到各種類型的產(chǎn)品經(jīng)理。有強(qiáng)勢的、有自以為是的等等,但是所謂“伸手不打笑臉人”,大家都是為了產(chǎn)品更好地發(fā)展在積極合作,當(dāng)你主動的、真誠地站在產(chǎn)品角度去請教業(yè)務(wù)或者需求時,大多人還是很配合。

講一下我的個人經(jīng)歷。

隨著產(chǎn)品線的擴(kuò)張,部門的產(chǎn)品經(jīng)理越來越多,有些沒有太多的交集,最開始對設(shè)計(jì)師缺少足夠信任,個別產(chǎn)品經(jīng)理會繞過交互設(shè)計(jì)師,直接找視覺完成方案后,推動開發(fā)上線。有的只是找交互設(shè)計(jì)師做下原型評審,并不傳達(dá)需求內(nèi)容,效果非常有限,導(dǎo)致設(shè)計(jì)師工作比較被動。

這一方面需要在流程制度上去約束產(chǎn)品經(jīng)理,另一方面設(shè)計(jì)師也要與產(chǎn)品經(jīng)理多溝通,提前知道產(chǎn)品規(guī)劃、介入需求?;蛘邔]有參與的需求進(jìn)行體驗(yàn)走查,帶著問題去找產(chǎn)品,并提出改進(jìn)方案,讓產(chǎn)品經(jīng)理意識到設(shè)計(jì)師對產(chǎn)品的價(jià)值,逐步扭轉(zhuǎn)不利的局面。

剛好最近在搞下季度的產(chǎn)品規(guī)劃,產(chǎn)品經(jīng)理搞得熱火朝天,但是都沒有主動將信息同步給設(shè)計(jì)師。

作為產(chǎn)品需求的下游,這種情況似乎也無可厚非。不過如果等著所有的需求都確定了,工作鋪天蓋地壓過來,設(shè)計(jì)師也承受不了大量的設(shè)計(jì)任務(wù)。

在我看來,提前了解需求信息,可以更好地開展后續(xù)設(shè)計(jì)工作。所以就主動出擊,找產(chǎn)品經(jīng)理聊聊工作,于是有了以下對話。

設(shè)計(jì)師:“大佬,最近忙什么呢?后面的產(chǎn)品有什么安排嗎?” 

產(chǎn)品經(jīng)理:“需求還在整理中”  

我:“好的,有什么材料可以先發(fā)給我看看嗎?” 

 產(chǎn)品經(jīng)理:“還在改方案,新的方案被領(lǐng)導(dǎo)否了“

…..(中間就閑扯了幾句,就此略過)

我:”好的,后面有需求可以提前跟我們溝通,我們設(shè)計(jì)側(cè)保證積極配合”。

產(chǎn)品經(jīng)理:“好的,那我先把之前的方案發(fā)你看看吧”

當(dāng)你主動地想要了解產(chǎn)品需求時,很多產(chǎn)品經(jīng)理還是比較歡迎的。

而當(dāng)產(chǎn)品經(jīng)理不知道該做什么或者怎么做時,設(shè)計(jì)師可以通過自己的專業(yè)能力,例如競品分析、數(shù)據(jù)分析等,介入到需求分析中,幫助產(chǎn)品經(jīng)理梳理需求,或者推進(jìn)產(chǎn)品體驗(yàn)升級。這時候你的設(shè)計(jì)建議,產(chǎn)品也更容易接納。

 

2、設(shè)計(jì)目標(biāo)溝通

對于成熟的設(shè)計(jì)團(tuán)隊(duì),設(shè)計(jì)師一般都有明確的分工協(xié)作,職責(zé)也比較清晰。單打獨(dú)斗的設(shè)計(jì)師,相對比較慘。容易陷入被動接受工作的局面,今天做個A產(chǎn)品頁面,明天改個B產(chǎn)品PPT,后天做C產(chǎn)品的頁面,誰都能提需求。天天看似很忙,結(jié)果工作上不成體系,工作績效都不知道該怎么寫。

所以設(shè)計(jì)師要做好自我工作的管理,建議設(shè)計(jì)師可以主動向產(chǎn)品團(tuán)隊(duì)靠攏。除了日常的項(xiàng)目工作,還要能夠找到一些體現(xiàn)自我價(jià)值的工作,可以更好地展現(xiàn)自驅(qū)能力。例如開展競品分析報(bào)告、系統(tǒng)走查、設(shè)計(jì)規(guī)范、組件庫建設(shè)沉淀等等。

這些偏向產(chǎn)品頂層規(guī)劃與設(shè)計(jì)工作,要及時與產(chǎn)品負(fù)責(zé)人進(jìn)行溝通,保證工作的方向和目標(biāo)與產(chǎn)品整體發(fā)展保持一致,并且最好能夠納入到產(chǎn)品規(guī)劃中,方便后續(xù)工作的開展。

 

3、抓住問題本質(zhì)、帶著方案溝通

設(shè)計(jì)是具象工作,看到設(shè)計(jì)方案才能做出評判。在工作溝通時,除了提出問題,還要盡量帶著方案解決問題。尤其是與領(lǐng)導(dǎo)溝通,不要直接問領(lǐng)導(dǎo)該怎做,而是應(yīng)該告訴領(lǐng)導(dǎo)我的方案是什么,請領(lǐng)導(dǎo)決策。

例如領(lǐng)導(dǎo)對現(xiàn)在版本不滿意,要改版。我們該怎么做呢?

我認(rèn)為,首先要弄清楚領(lǐng)導(dǎo)對哪些方面不滿意,例如風(fēng)格、顏色,還是框架布局。因?yàn)殡p方對改版的認(rèn)知可能不一致。搞清楚問題之后,才能更好地開展具體工作。另一方面如果不好與領(lǐng)導(dǎo)直接溝通,還可以與總監(jiān),產(chǎn)品經(jīng)理溝通討論,他們跟領(lǐng)導(dǎo)接觸更多,得到的信息也更多,可以側(cè)面了解領(lǐng)導(dǎo)的期望。

試圖搞清楚領(lǐng)導(dǎo)喜歡什么風(fēng)格,再著手進(jìn)行設(shè)計(jì),這種方法可能很難奏效。因?yàn)轭I(lǐng)導(dǎo)的喜好會發(fā)生變化,可能不經(jīng)意看到的頁面就讓他產(chǎn)生了改版的想法。又或者他今天喜歡這種風(fēng)格,明天喜歡另一種風(fēng)格,這樣會讓設(shè)計(jì)很難適從。

設(shè)計(jì)師還是需要通過主動調(diào)研分析,完成多個方案后,讓領(lǐng)導(dǎo)做出選擇,這樣可以更深刻地影響領(lǐng)導(dǎo)的思維。

 

四、基于用戶場景,提高溝通準(zhǔn)確性

例如最近有個產(chǎn)品需求,最開始是產(chǎn)品經(jīng)理跟我單線溝通的,感覺需求比較簡單,確實(shí)沒有仔細(xì)地了解用戶場景,就在產(chǎn)品原型基礎(chǔ)上修改了一版交互方案。后來產(chǎn)品經(jīng)理找到我說,業(yè)務(wù)需求方對方案還有些異議。于是進(jìn)行了第二輪溝通,這次邀請了產(chǎn)品經(jīng)理、業(yè)務(wù)方、還有開發(fā)同事參會。

剛開始討論的是第一輪的交互方案,發(fā)現(xiàn)產(chǎn)品經(jīng)理轉(zhuǎn)述業(yè)務(wù)方需求時,對信息理解有誤,于是重新討論用戶場景和需求。在會上快速完成了一版框圖原型,但是緊接著業(yè)務(wù)需求方又考慮到了一個新的場景,發(fā)現(xiàn)框圖方案仍然無法滿足要求,于是方案又被推翻了。

最后的會議由于時間關(guān)系,只是討論清楚了用戶場景,產(chǎn)品經(jīng)理還要再梳理一下才能轉(zhuǎn)化為產(chǎn)品需求,后續(xù)還要再拉會討論。

一個產(chǎn)品需求涉及到各種崗位角色,單方面溝通容易出現(xiàn)信息偏差,或者信息傳遞不到位。在關(guān)鍵的節(jié)點(diǎn),例如需求討論、設(shè)計(jì)評審,應(yīng)當(dāng)召集所有相關(guān)人員,盡量避免單線溝通。

同時要基于用戶場景溝通,不能含糊其詞,可以通過5WH方法刨根問底,真正地理解需求,否則就可能出現(xiàn)設(shè)計(jì)返工。

 

五、重視設(shè)計(jì)評審,獲得多方認(rèn)可

設(shè)計(jì)評審是非常重要的溝通方式,一般分為兩種,內(nèi)部評審和外部評審。

 

1、內(nèi)部評審

內(nèi)部評審指的是設(shè)計(jì)團(tuán)隊(duì)內(nèi)部的評審,主要作用是方案查缺補(bǔ)漏和正式評審預(yù)演。

設(shè)計(jì)師在評審過程中需要講清楚產(chǎn)品需求是什么,業(yè)務(wù)流程、競品分析、用戶分析,設(shè)計(jì)思考、以及設(shè)計(jì)方案等等。當(dāng)然由于現(xiàn)在都是敏捷開發(fā),一些需求都是比較小的迭代,所以前期的分析可以簡單講解下,重點(diǎn)是要講清楚需求和設(shè)計(jì)方案,讓其他設(shè)計(jì)師了解需求背景和內(nèi)容,并對設(shè)計(jì)方案提出改進(jìn)意見。

 

2、外部評審

外部評審更多的是確認(rèn)設(shè)計(jì)方案,而不是討論設(shè)計(jì)方案。同時可以拉通各方面信息,并將最后的評審結(jié)果傳遞給需求的相關(guān)責(zé)任人,作為后續(xù)工作的依據(jù)。

為了評審效率,在正式評審前,設(shè)計(jì)師可以拉上業(yè)務(wù)方、產(chǎn)品經(jīng)理做小范圍的方案評審,讓需求最直接的相關(guān)人員,確認(rèn)方案是否正確,并達(dá)成一致。保證正式外審方案受到質(zhì)疑時,獲得他們的支持,或者由他們出面解釋一些業(yè)務(wù)問題,更容易讓其他人員接受。

正式的外部評審可能會包括一些業(yè)務(wù)方的領(lǐng)導(dǎo)、產(chǎn)品總監(jiān)、設(shè)計(jì)總監(jiān)、開發(fā)、測試等人員。設(shè)計(jì)師需要重點(diǎn)講解從用戶體驗(yàn)角度對需求的拆解和分析,以及完整的設(shè)計(jì)方案。當(dāng)發(fā)生意見分歧時,可以通過競品分析、數(shù)據(jù)分析等輔助論證方案。

設(shè)計(jì)外審時,設(shè)計(jì)師要面對各個團(tuán)隊(duì)的挑戰(zhàn),但是也是展示個人能力的好機(jī)會。畢竟平時不會有各個崗位的領(lǐng)導(dǎo)、同事,能夠坐下來聽你講方案。

如果不重視設(shè)計(jì)評審,完成了設(shè)計(jì)方案,往群里一丟或者發(fā)個郵件就萬事大吉了。其實(shí)是失去了一次表現(xiàn)自己的機(jī)會。同時也無法將足夠的設(shè)計(jì)信息有效地傳遞給上下游,缺少了確認(rèn)的過程,后面容易造成各方面的信息混亂、扯皮。

 

總結(jié)

立足于做事本身,你會發(fā)現(xiàn)工作中的溝通相對要簡單很多。上面說了那么多,可以歸納為以下3點(diǎn):

1、用心溝通

2、主動溝通

3、及時溝通

 

作者:子牧先生

轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》設(shè)計(jì)師能力建設(shè)(1):如何更好地進(jìn)行設(shè)計(jì)溝通

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


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


藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.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ì)公司



我拼命問清楚了這些問題,結(jié)果開發(fā)卻把我拉黑了!

seo達(dá)人

一、代碼更容易實(shí)現(xiàn)線性漸變、徑向漸變、角度漸變。網(wǎng)格漸變往往需要我們切圖

設(shè)計(jì)中,我們通常用的漸變有:線性漸變、徑向漸變、角度漸變、網(wǎng)格漸變。

圖片
在這當(dāng)中,代碼實(shí)現(xiàn)線性漸變、徑向漸變、角度漸變 相對來說要簡單一些,而網(wǎng)格漸變則需要消耗更多的開發(fā)精力。我們也不會在這上面去增加開發(fā)工作量。
所以,在我們輸出設(shè)計(jì)稿給開發(fā)的時候,有網(wǎng)格漸變的部分直接切給開發(fā)。比如下面設(shè)計(jì)稿上的漸變背景色:

圖片

 

二、文字能不用透明度就不用透明度,直接給原始的16 進(jìn)制色值

16 進(jìn)制色就是在開發(fā)中設(shè)定顏色的代碼,每個顏色都有對應(yīng)的 16 進(jìn)制色,如 #000000 是黑色,#FFFFFF 是白色。

比如我在調(diào)這個文字顏色的時候可以用 #000000 40% 的透明度,也可以直接用 #999999 這個色,這兩個呈現(xiàn)的顏色沒有任何區(qū)別。

圖片

但是交給開發(fā)寫的話,第一種除了要寫 #000000 的黑色之外,還要寫一串 Alpha 透明值,這樣做會更消耗性能,且在不同屏幕分辨率、不同操作系統(tǒng)下,所實(shí)現(xiàn)的透明效果也會有偏差。

所以,在這種非必要情況下,樣式可以用不帶透明度實(shí)現(xiàn)的話,就不要帶。

 

三、切一整張大圖,可能會發(fā)生拉伸變形或是圖片被裁剪的問題

如果是一整張的切下來,會導(dǎo)致不同尺寸的手機(jī)把切圖拉伸變形,或者會裁剪多出比例的部分。

比如我們切的這張啟動頁大小為 375*812 的三倍圖,這張圖在 iphone13 mini(375*812px)和安卓(360*640px)上等比展示就會產(chǎn)生不同的效果——

安卓屏就會被裁切掉一些(展示圖片來自網(wǎng)絡(luò))。

圖片

如何保證在這種情形下,啟動頁的圖片可以適配不同尺寸的屏幕呢?

我們可以將上下分開切,讓開發(fā)分別定上面插畫和logo的位置,以此保證他倆都能完整展示。

將一張圖切成這兩張:

圖片

設(shè)定插畫距離頭部是 30px,底部 logo 距離底部是 30px

圖片

這樣在其他屏幕上,也是依照「插畫距離頭部30px,底部 logo 距離底部是 30px」這個規(guī)則來寫,就能保證這張圖上的所有內(nèi)容不被裁切了!

圖片

 

四、不要將切片與 icon 貼在一起

一些初次切 icon 的同學(xué)會這么做↓

圖片

這么做會導(dǎo)致以下幾點(diǎn)問題:

· 如果 icon 有 0.5 像素點(diǎn),那么貼邊切很可能會被裁掉一些;
· icon 的高矮長寬不一,但開發(fā)會全按一個尺寸來寫,導(dǎo)致 icon 被拉伸或壓縮;
· icon 設(shè)計(jì)規(guī)范不一致,出現(xiàn)各式各樣的尺寸。

所以我們都會給一套的 icon 固定一個同樣大小、正方形的框,以此來規(guī)避掉以上出現(xiàn)的問題。

圖片

 

五、通知icon與帶數(shù)量的小紅點(diǎn)不用切在一起

我們在做通知消息的時候右上角會有消息數(shù)量的標(biāo)識:

圖片

當(dāng)數(shù)字分別為個位數(shù)、十位數(shù)、99+ 時,紅色底板的寬度會根據(jù)數(shù)字長短發(fā)生變換:

圖片

我們不需要每種情況的小紅點(diǎn)都切一遍,只需要定好數(shù)字在紅底里的左右間距,讓開發(fā)根據(jù)數(shù)字長短做自適應(yīng)即可。

圖片

所以我們提供切圖只需要切鈴鐺部分。

圖片

 

總結(jié)

以上就是我在實(shí)際項(xiàng)目中遇到的切圖問題了,切圖是一項(xiàng)靠經(jīng)驗(yàn)積累的UI必修課,希望你在閱讀之后留個印象,以后遇到類似問題也有了解決之法。

歡迎在評論區(qū)分享你與開發(fā)對接所遇到的那些事兒~

 

作者:花菜

轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》我拼命問清楚了這些問題,結(jié)果開發(fā)卻把我拉黑了!

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


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


藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.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ì)公司


職場中要學(xué)會拒絕

seo達(dá)人

一、拒絕拿來主義

相信大家都遇到過同事或者朋友索要源文件的情況,面對這種拿來主義我們要學(xué)會拒絕。工作對接中非必要不提供源文件給無關(guān)聯(lián)的同事,團(tuán)隊(duì)項(xiàng)目文件流傳出去也許就是這個因素。

圖片

要學(xué)會拒絕,源文件也是我們的勞動付出,不要把自己的勞動果實(shí)提供給別人,助長他誤導(dǎo)面試官等情況發(fā)生。工作中的對接需要驗(yàn)證人員關(guān)聯(lián)性,團(tuán)隊(duì)文件流傳出去要先向直屬領(lǐng)導(dǎo)匯報(bào),源文件也是屬于團(tuán)隊(duì)的資產(chǎn)。

圖片

拒絕拿來主義,不要被“不好意思”拒絕這種性格所束縛,勞動果實(shí)需要付出的關(guān)聯(lián)人員才能共享。

 

二、拒絕不公平待遇

在職場中我們都在不斷努力發(fā)揮自己的價(jià)值,希望以此獲得更好的晉升機(jī)會和待遇回報(bào)。如果只有付出沒有與之匹配的勞動回報(bào),只會讓員工失去奮斗的意志,我們也是會拒絕不公平待遇的。

圖片

根據(jù)自己的專業(yè)能力和經(jīng)驗(yàn)值,我們要分析出自己的行業(yè)價(jià)值,無論是求職談薪還是在職漲薪,我們都要盡量追求接近公平。如果當(dāng)時妥協(xié)了,就得確保自己不會有心理情緒,不然不僅工作不順心,也會影響自身專業(yè)的提升。

拒絕不公平待遇需要有拒絕的勇氣和專業(yè)實(shí)力,專業(yè)能力的提升和作品的沉淀至關(guān)重要,只有這樣才能擁有更多的選擇權(quán)。

圖片

 

三、拒絕長期職責(zé)偏離

在職場中偶爾配合完成非本職工作的內(nèi)容實(shí)屬正常,但是僅限于偶爾配合。如果長期偏離自己的專業(yè)職責(zé)范圍,也是得不償失的,要根據(jù)自己的職場計(jì)劃學(xué)會拒絕。

專業(yè)能力的提升離不開項(xiàng)目經(jīng)驗(yàn)的積累,如果長期處于偏離狀態(tài),會影響我們的經(jīng)驗(yàn)沉淀,進(jìn)而影響專業(yè)能力的晉升。如果在一個團(tuán)隊(duì)長期干非專業(yè)范圍的工作,我們要學(xué)會拒絕,選擇更適合自己的團(tuán)隊(duì)。不要受溫水煮青蛙式的工作環(huán)境而影響,最終使得自己雜而不精,想要跳槽到更好的團(tuán)隊(duì)就會變得非常困難。

圖片

 

四、拒絕違規(guī)設(shè)計(jì)

工作中的設(shè)計(jì)任務(wù)雖然我們無法改變,但是也要留意自己的設(shè)計(jì)底線,也是設(shè)計(jì)范圍的法律底線。不要稀里糊涂的干活兒,設(shè)計(jì)也是要有所為而有所不為,一旦觸碰底線設(shè)計(jì)師也是難逃追責(zé)。

如果不幸遇到這樣的團(tuán)隊(duì),就要早點(diǎn)離職,不要被高待遇所誘惑。拒絕違規(guī)設(shè)計(jì),做一名懂法的設(shè)計(jì)師。

圖片

 

五、拒絕同事的“任務(wù)”

這個問題就是我們一個老學(xué)員咨詢我的問題,事情的大概意思就是領(lǐng)導(dǎo)分別給她和同事安排了工作,同事覺得她的內(nèi)容部分不是很重要,讓她隨便做做就可以,剩余的時間來幫自己完成任務(wù)。遇到這個問題她很苦惱,自己的任務(wù)還有別的都還沒有完成,是否要答應(yīng)同事的要求。

遇到這個情況我們要第一時間拒絕,回復(fù)的話術(shù)是我得先完成自己的任務(wù),如果到時候有時間再根據(jù)情況看。職場中沒有隨便做做這個說法,領(lǐng)導(dǎo)安排的任務(wù)就要發(fā)揮自己最佳的能力去做到極致,展示出自己在團(tuán)隊(duì)里面存在的價(jià)值。如果本職工作都沒有做完,就不要去當(dāng)職場“好人”,到時候成就了別人,結(jié)果自己的事情一塌糊涂。只有在完成自己職責(zé)內(nèi)容之后,再詢問領(lǐng)導(dǎo)有沒有其他安排,如果沒有其他安排的情況下我們再考慮援助同事的任務(wù)。

圖片

職場中每個角色都有自己應(yīng)該承擔(dān)的責(zé)任和輸出,所謂的能者多勞是在量力而行的基礎(chǔ)上,如果自己的職責(zé)都沒有做到極致,就應(yīng)該優(yōu)先保障自己的輸出質(zhì)量。要學(xué)會拒絕同事的“任務(wù)”,除非這個任務(wù)是屬于共同的任務(wù),再結(jié)合優(yōu)先級去進(jìn)行排序。

圖片

 

六、拒絕長期低質(zhì)量輸出

在職場中不只是為了獲得報(bào)酬,高質(zhì)量的輸出不僅成就了項(xiàng)目,也是成就了自己的專業(yè)沉淀。如果是自己沒有擺正態(tài)度,就要及時調(diào)整心態(tài),用最好的輸出不斷提高自己的職場價(jià)值。

圖片

如果是團(tuán)隊(duì)現(xiàn)狀如此,整天干著沒有質(zhì)量的輸出,久而久之就會讓自己失去專業(yè)優(yōu)勢。到時候想要晉升或者跳槽的時候,就會發(fā)現(xiàn)自己的專業(yè)能力差距甚遠(yuǎn),還沒有一份像樣的作品集。

職場中要理性的分析自己的現(xiàn)狀,拒絕長期低質(zhì)量輸出,這樣只是在耗費(fèi)自己的青春。想要不斷提升自己,就要不斷完成具備挑戰(zhàn)的任務(wù),只有項(xiàng)目質(zhì)量越高,我們才能學(xué)習(xí)并掌握更優(yōu)秀的經(jīng)驗(yàn)。

圖片

 

七、拒絕長期無所事事

養(yǎng)老式的職場生活估計(jì)大家很羨慕,但是真的置身于這樣的團(tuán)隊(duì)中,估計(jì)距離淘汰也只是時間問題了。

在團(tuán)隊(duì)中如果長期無所事事,不僅會荒廢自己的設(shè)計(jì)執(zhí)行能力,也會讓自己的心態(tài)變得消極。如果遇到高強(qiáng)度的工作出現(xiàn),就會想要去逃避,這是一個非常危險(xiǎn)的信號。我們不能長期沒有輸出,這樣的職場環(huán)境我們要及時拒絕,青春的我們不是為了享樂,現(xiàn)在不去磨練自己,未來就會被職場所拋棄。

圖片

 

八、拒絕“畫餅”式承諾

還是職場小白的我,也經(jīng)常被領(lǐng)導(dǎo)或者老板“畫餅”式承諾,只能說是踩坑也是一種修行。不過以過來人的經(jīng)驗(yàn)回顧時,希望大家不會再被“畫餅”,學(xué)會拒絕“畫餅”式的承諾。

圖片

職場黃金期是我們提升專業(yè)和積累行業(yè)經(jīng)驗(yàn)的關(guān)鍵時期,如果沒有發(fā)揮的舞臺就要及時做出改變,不能被不確定性的承諾而耽誤自己的計(jì)劃。只有在自己的底層能力達(dá)到峰值之后,才能具備更好的話語權(quán),現(xiàn)在公司需要你不代表以后不需要更優(yōu)秀的人,所以自身優(yōu)秀才是最有保障的。如果是待遇層面的承諾也是無效的,當(dāng)前公司的待遇條件一定程度上決定了跳槽的談薪起點(diǎn),承諾待遇不代表實(shí)際待遇。

圖片

如果承諾的不能如期而至,我們就要多為自己打算,不能超過自己的忍耐期限還繼續(xù)拖沓。

 

九、拒絕低能領(lǐng)導(dǎo)

在職場初期進(jìn)入大公司固然重要,但是跟對領(lǐng)導(dǎo)往往比公司本身更重要。領(lǐng)導(dǎo)的專業(yè)度決定了我們在團(tuán)隊(duì)中成長的速度,如果遇到低能的領(lǐng)導(dǎo),不僅容易原地踏步,很容易到達(dá)專業(yè)瓶頸期。

圖片

有的領(lǐng)導(dǎo)也許不是專業(yè)出身,但是管理方法和平時的指導(dǎo)性建議很好,我們也能找到更多沉淀經(jīng)驗(yàn)的思路和方向。如果領(lǐng)導(dǎo)專業(yè)能力不行,還過于武斷和眼界不足,項(xiàng)目只能是弄得一塌糊涂,這樣的領(lǐng)導(dǎo)是不可能給我們帶來成長的經(jīng)驗(yàn)的。

進(jìn)入團(tuán)隊(duì)后通過一段時間的對接,我們要及時判斷出領(lǐng)導(dǎo)的能力,要學(xué)會拒絕低能的領(lǐng)導(dǎo)。只有跟對領(lǐng)導(dǎo)才能快速成長,從領(lǐng)導(dǎo)身上學(xué)到的做事方法、思考角度、項(xiàng)目經(jīng)驗(yàn)等,是我們快速從小白變得成熟的關(guān)鍵。

圖片

 

十、拒絕低要求團(tuán)隊(duì)

在項(xiàng)目設(shè)計(jì)中,不是一稿過就是我們追求的目標(biāo),如果團(tuán)隊(duì)要求比較低,是很難突破自我的。只有一次又一次的挑戰(zhàn)新難度,才能從固化思維中擺脫出來,掌握新的思考技巧。所以,我們也要學(xué)會拒絕低要求的團(tuán)隊(duì),不能提前過著溫水煮青蛙式的工作狀態(tài)。

圖片

身邊都是優(yōu)秀的設(shè)計(jì)師,你的能力也會逐漸受到影響,遇到問題才能獲得更多解決方案。有一個要求比較嚴(yán)格的領(lǐng)導(dǎo),團(tuán)隊(duì)也比較注重設(shè)計(jì)質(zhì)量,你才能輸出更優(yōu)秀的作品,沉淀更優(yōu)秀的經(jīng)驗(yàn)。

 

小結(jié)

無論是在工作、學(xué)習(xí)還是生活中,我們都不能過度的順從和依賴,學(xué)會拒絕也是我們成長的關(guān)鍵。拒絕也是新的開始,也許能在新的過程中發(fā)現(xiàn)新的機(jī)遇,所以我們不要不敢拒絕。只要在拒絕之前做好冷靜的分析,排查出利弊關(guān)系即可,不能盲目辦事也不能委曲求全。

圖片

本文觀點(diǎn)僅代表個人的一些經(jīng)驗(yàn)反思,不足之處根據(jù)自己的實(shí)際情況判斷,我們互相進(jìn)步。

 

作者:黑馬青年

轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》職場中要學(xué)會拒絕

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


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


藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.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á)人


一、按鈕的幾種布局

按鈕的布局大致分為四種,分別為:導(dǎo)航欄布局、跟隨內(nèi)容布局、偏向底部布局和底部懸浮布局。

圖片圖片

 

二、導(dǎo)航欄布局

我們平時看到的導(dǎo)航欄布局有很多,如發(fā)朋友圈和發(fā)QQ動態(tài)。

圖片

為什么要將「發(fā)表」按鈕放在導(dǎo)航欄右側(cè)?

以微信朋友圈舉例,在發(fā)送動態(tài)時,核心操作是為照片配文字或繼續(xù)添加照片。

其他操作例如選擇所選位置、提醒誰看、誰可以看,同步到朋友圈,都是次要操作且不會調(diào)起鍵盤。

用戶輸入文字之后,直接可以點(diǎn)擊附近的「發(fā)表」按鈕,快捷方便。

能否將「發(fā)表」按鈕放在頁面中呢?答案是:不行!

圖片

將「發(fā)表」按鈕放在頁面,當(dāng)輸入文字時,會導(dǎo)致鍵盤遮擋操作按鈕,無法快速點(diǎn)擊「發(fā)表」操作。

除非是「發(fā)表」按鈕附近有很多需要鍵盤輸入的必填表單,不然不能這么做。目前來看,微信的「發(fā)表」按鈕的位置設(shè)計(jì)是最優(yōu)解。

 

三、跟隨內(nèi)容布局

常見于表單字段填寫時,如下圖所示。

圖片

那么能不能將操作按鈕放在導(dǎo)航欄右側(cè)呢?答案是不行!因?yàn)榉旁趯?dǎo)航欄右側(cè)的話,操作路徑不順暢。

放在表單下方是正常的從上往下操作流。

有些設(shè)計(jì)覺得將按鈕底部區(qū)域,離大拇指更近,更方便操作,如下圖。圖片

但是因?yàn)槭潜韱翁顚?,會調(diào)起鍵盤,將提交按鈕給擋住,所以按鈕跟隨表單之后,更加科學(xué)。

 

四、偏向底部布局

偏向底部的操作按鈕通常是內(nèi)容區(qū)域不需要調(diào)起鍵盤的使用場景。常見的如引導(dǎo)頁或結(jié)果頁。

圖片

 

五、底部懸浮布局

底部懸浮布局,常用于非填寫內(nèi)容超過一屏或?qū)徟仁褂脠鼍埃攸c(diǎn)是操作按鈕優(yōu)先級高,方便用戶實(shí)時操作。

如下圖電商購買按鈕。

圖片

 

六、布局總結(jié):

1、填寫內(nèi)容為必填項(xiàng)、需要調(diào)起鍵盤且均集中在頁面頭部,則操作按鈕放在導(dǎo)航欄右側(cè)較合理。

2、填寫內(nèi)容在頭部,且調(diào)起鍵盤不會擋住操作按鈕,則按鈕緊隨內(nèi)容較合理。

3、不需要調(diào)起鍵盤來填寫內(nèi)容,則按鈕放在偏向底部比較合理。

4、按鈕非常重要,且非填寫內(nèi)容超過一屏?xí)r,用底部懸浮布局比較合理。

 

后記

從這篇文章開始,我嘗試寫一些工作中很實(shí)用且基礎(chǔ)的文章。

爭取每一篇文章都可以給大家一些收獲,這樣有助于在工作中使用。

由于每個人的基礎(chǔ)不同,基礎(chǔ)類和進(jìn)階類我盡量都覆蓋。


作者:Echo

轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》按鈕位置如何合理設(shè)計(jì)?看這篇文章足夠了。

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


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


藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.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ì)公司



LOGO排版,你還在瞎整么?

seo達(dá)人


圖片

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

圖片

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

圖片

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

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

 

圖片

 

 

圖片

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

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

圖片

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

 

圖片

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

圖片

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

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

圖片

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

圖片

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

圖片

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

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

圖片

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

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

圖片

 

圖片

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

圖片

圖片

圖片

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

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

圖片

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

 

圖片

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

圖片

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

圖片

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

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

圖片

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

圖片

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

圖片

 

 

圖片

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

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

圖片

 

圖片

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

圖片

 

圖片

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

圖片

 

圖片

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

圖片

 

圖片

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

圖片

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

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

圖片

 

圖片

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

圖片

圖片

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

 

圖片

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

圖片

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

圖片

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

圖片

 

 

圖片

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



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

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

 

圖片

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

圖片

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

圖片

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

 

圖片

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

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

圖片

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

圖片

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

圖片

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

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

圖片

 

圖片

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

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

圖片

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

圖片

圖片

 

 

圖片

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

1. 橫排;

2. 豎排;

3. 左右排;

4. 斜排(特殊角度);

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

6. 嵌入排。

 

圖片

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

 

圖片

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

 

圖片

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

 

圖片

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

 

圖片

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

 

圖片

嵌入式的排版這個主要取決了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)用場景的尺寸,來制定不同的組合形式。

 

圖片

圖片

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

圖片

圖片

圖片

圖片

圖片

圖片

圖片

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

 

 

總結(jié):

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

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

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

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

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


作者:告白天

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

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


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


藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.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)代的一個字體,特別百搭,最重要的是免費(fèi)無版權(quán)隨便使用,在很多大型設(shè)計(jì)里都能看見這個字體的身影。

圖片

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

圖片

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

圖片

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

圖片

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

圖片

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

圖片

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

 

二、COLORTUBE 

圖片

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

圖片

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

圖片

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

圖片

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

圖片

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

 

三、FREE FAT FONT 

圖片

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

圖片

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

圖片

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

圖片

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

 

四、Kage Pro 

圖片

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

圖片

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

圖片

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

圖片

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

圖片

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

 

五、Canava Grotesk 

圖片

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

圖片

圖片

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

圖片

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

 

六、DST Helfita 

圖片

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

圖片

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

圖片

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

圖片

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

圖片

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

圖片

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

 

七、GEON 

圖片

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

圖片

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

圖片

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

 

八、BD Megatoya 

圖片

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

圖片

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

圖片

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

圖片

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

圖片

圖片

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

圖片

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

圖片

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

 

九、Baunk 

圖片

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

圖片

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

圖片

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

圖片

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

圖片

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

圖片

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

 

十、Kurye Light 

圖片

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

圖片

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

圖片

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

圖片

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

圖片

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

圖片

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

圖片

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


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


藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.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)品專題,讓我們一起拆解脈脈,看看這個產(chǎn)品到底是如何設(shè)計(jì)的。

圖片

 

一、導(dǎo)讀

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

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

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

圖片

 

2、適合人群

產(chǎn)品拆解是一個知識點(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ì)。

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

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

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

圖片

 

二、產(chǎn)品畫像

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

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

圖片

 

2.、商業(yè)模式

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

圖片

 

3、用戶角色

脈脈作為一個社交平臺,用戶角色主要分為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)容;「人脈」提供好友管理,人脈探索,還有查看朋友動態(tài);「職位」是求職服務(wù),用戶可以上傳簡歷找工作;如果是一個招聘者,可以在職位切換到招人狀態(tài),發(fā)布崗位后就可以招募人才;「用戶中心」就是用戶的管理中心,儲存了用戶在產(chǎn)品使用的各種數(shù)據(jù),比如影響力、好友數(shù)等。

圖片

 

6、重要迭代記錄

根據(jù)官方數(shù)據(jù),脈脈首個版本發(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)品,為用戶提供了一個內(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ù)每個用戶的興趣進(jìn)行推薦內(nèi)容。在內(nèi)容設(shè)計(jì)方面,根據(jù)話題熱度設(shè)計(jì)了「推薦」和「熱榜」;根據(jù)人際關(guān)系設(shè)計(jì)了「同事圈」、「職業(yè)圈」和「好友圈」;根據(jù)發(fā)布類型,設(shè)計(jì)了「動態(tài)」、「職言」、「提問」、「創(chuàng)作模版」、「視頻」和「文章」六個類型。

1.1 推薦

1.1.1 全部

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

圖片

1.1.2 職言

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

圖片

1.1.3 門道

「門道」的內(nèi)容主要來自KOL、知名媒體和社區(qū)優(yōu)質(zhì)創(chuàng)作者,質(zhì)量高,以商業(yè)、互聯(lián)網(wǎng)和職場內(nèi)容為主。這個欄目的設(shè)計(jì),主要提升社區(qū)的內(nèi)容質(zhì)量,提升用戶使用產(chǎn)品的時間。其次通過對優(yōu)質(zhì)內(nèi)容的精選,也可以鼓勵用戶嘗試高質(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個小圈子,其他的暫未開放。

圖片

1.1.5 行業(yè)

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

圖片

1.2 熱榜

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

圖片

1.2.1 話題廣場

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

圖片

1.3 同事圈

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

圖片

1.4 搜索

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

1.4.1 引導(dǎo)頁

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

圖片

1.4.2 結(jié)果頁

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

圖片

1.5 發(fā)布

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

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

圖片

2.1.1 用戶主頁

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

圖片

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

圖片

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

圖片

2.2 人脈探索

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

圖片

2.3 動態(tài)

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

圖片

3、消息

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

圖片

3.1 聊天對話框

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

圖片

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

圖片

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

圖片

 

4、小結(jié)

從社區(qū)內(nèi)容觀察,脈脈的內(nèi)容其實(shí)主要分為兩種類型,一種是「個人動態(tài)」,另一種則是「職場話題」?!競€人動態(tài)」?jié)M足了一個社區(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)系」,是整個社區(qū)用戶形成關(guān)系鏈的核心。通過同事、同校、同鄉(xiāng)和同行這四個維度的鏈接,充分挖掘二度、三度人脈,最后成為共同的朋友。

 

四、求職服務(wù)

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

圖片

 

1、求職者

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

圖片

1.1 求職機(jī)會

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

圖片

1.2 職位詳情頁

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

圖片

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

圖片

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

圖片

 

2、招聘者

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

圖片

 

3、企業(yè)空間

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

圖片

3.1 企業(yè)空間主頁

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

圖片

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

圖片

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

圖片

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

圖片

3.2 職得去榜單

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

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

圖片

 

4、脈課堂

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

圖片

 

5、職場福利

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

圖片

5.1 健康加油站

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

圖片

5.2 最熱脈

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

圖片

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

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

圖片

 

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

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

圖片

6.1 員工面對面

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

圖片

6.2 人脈升遷名單

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

圖片

6.3 好友印象墻

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

圖片

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

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

圖片

6.5 硬核職場攻略

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

圖片

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

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

圖片

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

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

圖片

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

這個游戲的設(shè)計(jì)非常創(chuàng)新,為了致敬偉大的1024程序員,設(shè)計(jì)了一個程序員鑒別的挑戰(zhàn)賽。當(dāng)用戶發(fā)起挑戰(zhàn)以后,需要根據(jù)照片和提示找出對應(yīng)數(shù)量的程序員,當(dāng)你提交答案,還會關(guān)聯(lián)到用戶的脈脈主頁,提升曝光度。這個游戲還設(shè)計(jì)了游戲難度,根據(jù)臉型、發(fā)型、衣服、背包、鞋子和眼神不斷提升游戲難度,讓用戶越玩越上癮,提高用戶活躍度。最后還設(shè)計(jì)了「我的戰(zhàn)績」這個內(nèi)容,統(tǒng)計(jì)用戶在這個游戲中的最佳戰(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)品評測活動,不僅提升了用戶活躍度,還實(shí)現(xiàn)了商業(yè)變現(xiàn)。還有「藍(lán)月職場生存測試」這個國內(nèi)首部職場沉浸式互動測試游戲,不僅成為現(xiàn)象級互聯(lián)網(wǎng)行業(yè)營銷案例,也把脈脈的創(chuàng)新能力體現(xiàn)得淋漓盡致。

 

五、會員服務(wù)

「會員服務(wù)」主要包含了「用戶中心」和「會員VIP服務(wù)」,其中「會員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ì)了一個「影響力排行榜」,根據(jù)全國、地區(qū)、同行和好友的維度進(jìn)行排名,進(jìn)一步利用用戶的攀比心理,刺激用戶完成更多任務(wù)提升「影響力」。

圖片

1.2 創(chuàng)作者中心

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

圖片

1.2.1 內(nèi)容分析

「內(nèi)容分析」包含了「最近7天被閱讀總量」、「同行同工種的閱讀量」、「昨日獲得互動次數(shù)」等內(nèi)容,主要幫助職場創(chuàng)作者獲取全面的創(chuàng)作數(shù)據(jù)分析,提供一個強(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ù)分析」很相似,未來不知道會不會合并。目前主要是根據(jù)用戶每周的曝光數(shù)據(jù)生成當(dāng)周的數(shù)據(jù)報(bào)告,比如曝光次數(shù)、人脈推薦、機(jī)遇推薦等。

圖片

 

2、會員VIP

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

2.1 商務(wù)會員

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

圖片

2.2 VIP會員

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

圖片

2.3 招聘個人會員

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

圖片

2.4 銷售會員

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

圖片

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

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

圖片

 

3、小結(jié)

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

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

 

六、結(jié)束語

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

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

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

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

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

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

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ú)角獸。雖然很多人還會嘲笑脈脈其實(shí)只是互聯(lián)網(wǎng)的一個茶水間,以看八卦、嗑瓜子為主。但脈脈的產(chǎn)品團(tuán)隊(duì)以“成就職業(yè)夢想”為企業(yè)愿景和產(chǎn)品目標(biāo),在這條路上不斷努力著。

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

這個夢想,也許就是脈脈能吸引1.1億職場人士使用的動力之一。

 

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


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


藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.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個案例,正確理解B端產(chǎn)品中的一致性原則

seo達(dá)人


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

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

另外設(shè)計(jì)側(cè)主動建立產(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í)行時,要根據(jù)產(chǎn)品定位、用戶場景,結(jié)合業(yè)務(wù)功能來確定設(shè)計(jì)方案,不能為了一致而一致。

當(dāng)我們遇到一致性問題時,還是需要從以下3個方面深入思考,做出準(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ù)更加多元。

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

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

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

圖片

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

圖片

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

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

 

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

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

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

圖片

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

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

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

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

 

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

依然是按鈕的例子。

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

圖片

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

1)位置差異性分析

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

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

圖片

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

而在彈窗中空間更小,內(nèi)容相對比較緊湊,更加適用于「古騰堡原則」,用戶的視覺終點(diǎn)會停留在右下角。而用戶的鼠標(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ū)和按鈕三者對齊,不會出現(xiàn)什么問題。

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

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

圖片

所以按鈕與輸入框?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個案例,正確理解B端產(chǎn)品中的一致性原則

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


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


藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.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ī)模巨大到無法通過人腦甚至主流軟件工具,在合理時間內(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)行存儲和管理。結(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ù)模型,也就是說,適于描述包含在兩個或多個數(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ù)據(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是一個用來幫助定義和分享多容器應(yīng)用的工具。有了Compose,就能創(chuàng)建一個YAML文件來定義服務(wù),只需要一個命令,就能夠啟動所有東西,也能夠把所有東西銷毀掉。

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

圖片

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

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

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

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

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

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

7.JupyterLab是一個集 Jupyter Notebook、文本編輯器、終端以及各種個性化組件(有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是一個端到端開源機(jī)器學(xué)習(xí)平臺。它擁有一個全面而靈活的生態(tài)系統(tǒng),其中包含各種工具、庫和社區(qū)資源,可助力研究人員推動先進(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ì)出一個能滿足實(shí)時大數(shù)據(jù)系統(tǒng)關(guān)鍵特性的架構(gòu),包括有:高容錯、低延時和可擴(kuò)展等。Lambda架構(gòu)整合離線計(jì)算和實(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í)時查詢,要消耗非常龐大的資源的問題。

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

圖片

3、Serving Layer是一個專用的分布式數(shù)據(jù)庫。Batch Layer通過對master dataset執(zhí)行查詢獲得了batch view,而Serving Layer就要負(fù)責(zé)對batch view進(jìn)行操作,從而為最終的實(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ì)分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請加藍(lán)小助,微信號:ben_lanlan,報(bào)下信息,藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945。


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


藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.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ì)公司


日歷

鏈接

個人資料

存檔