超碰av在线|无码精品一区二区三区在线|伊人色色日韩一级片内射视频群批_欧美丰满少妇人妻HD高清在线_亚洲一区二区中文_亚洲无码动漫专区

首頁

Web后臺(tái)管理系統(tǒng)套件分享|可視化搭建平臺(tái)的創(chuàng)新應(yīng)用

資深UI設(shè)計(jì)者 B端ui設(shè)計(jì)文章及欣賞

后臺(tái)管理系統(tǒng)是企業(yè)信息化建設(shè)的重要組成部分,它通常具備內(nèi)容管理、用戶管理、權(quán)限設(shè)置、系統(tǒng)配置、數(shù)據(jù)分析和安全管理等核心功能。在選擇或開發(fā)后臺(tái)管理系統(tǒng)時(shí),應(yīng)考慮其功能需求、易用性、安全性和擴(kuò)展性。

Web端設(shè)計(jì)語言庫——數(shù)據(jù)可視化

ui設(shè)計(jì)分享達(dá)人 B端ui設(shè)計(jì)文章及欣賞

一、可視化原則
數(shù)據(jù)可視化是把相對(duì)復(fù)雜、抽象的數(shù)據(jù)通過可視化手段,表達(dá)數(shù)據(jù)內(nèi)在的信息和規(guī)律,促進(jìn)數(shù)據(jù)信息的傳播和應(yīng)用。
Dreawer Design 團(tuán)隊(duì)總結(jié)了以下四個(gè)可視化原則,供設(shè)計(jì)者參考及使用:
1. 準(zhǔn)確
數(shù)據(jù)圖表需精準(zhǔn)、如實(shí)地反應(yīng)數(shù)據(jù)信息的變化特征。
Web端設(shè)計(jì)語言庫——數(shù)據(jù)可視化
 
 
2. 清晰
讓設(shè)計(jì)服務(wù)于數(shù)據(jù)內(nèi)容,給用戶以最為清晰、明確、迅捷的數(shù)據(jù)展示。用戶看到可視化圖表時(shí),應(yīng)能在 5 秒內(nèi)了解到它的用途,而不是花幾分鐘都不能理解各個(gè)數(shù)據(jù)的含義。
Web端設(shè)計(jì)語言庫——數(shù)據(jù)可視化
 
 
3. 簡單
可視化結(jié)果應(yīng)該是一看就懂,不需要思考和過度理解,因而選定圖表時(shí)要理性,避免為了視覺上的效果而選擇一些對(duì)用戶不太友好的圖形。
下面為圖標(biāo)類型與認(rèn)知成本對(duì)比:
Web端設(shè)計(jì)語言庫——數(shù)據(jù)可視化
 
 
4. 美觀
優(yōu)秀的數(shù)據(jù)可視化界面,會(huì)有一套非常嚴(yán)謹(jǐn)一致的版面。這里的一致性需要考慮到布局、結(jié)構(gòu)和內(nèi)容。
Web端設(shè)計(jì)語言庫——數(shù)據(jù)可視化
 
 
二、圖表解構(gòu)
1. 構(gòu)成元素
我們從標(biāo)題、坐標(biāo)軸、圖例、標(biāo)簽、提示信息、數(shù)據(jù)圖形這 6 個(gè)大類,對(duì)數(shù)據(jù)圖表進(jìn)行進(jìn)一步元素拆解及闡述。設(shè)計(jì)過程中,需遵循可視化原則來精簡數(shù)據(jù)圖表,讓用戶快速獲取圖表中的關(guān)鍵信息,完成任務(wù)。
 
圖表構(gòu)成 6 大類,元素細(xì)分:
1. 標(biāo)題:圖表標(biāo)題;
2. 坐標(biāo)軸:X/Y軸線、刻度線、網(wǎng)格線、X/Y軸標(biāo)題、X/Y軸標(biāo)簽;
3. 標(biāo)簽:數(shù)據(jù)點(diǎn)、引導(dǎo)線、(文本)數(shù)據(jù)值;
4. 提示信息;
5. 圖例;
6. 數(shù)據(jù)圖形:線、矩形、扇形、環(huán)形等。
下面為數(shù)據(jù)圖表的基本構(gòu)成元素示例(為了便于觀察,某些字母做了大寫處理):
Web端設(shè)計(jì)語言庫——數(shù)據(jù)可視化
 
 
除了以上的常規(guī)元素,還有常用于餅圖、環(huán)形圖中的“引導(dǎo)線”:
Web端設(shè)計(jì)語言庫——數(shù)據(jù)可視化
 
 
2. 標(biāo)題
標(biāo)題是概括圖表主題的說明文字,一個(gè)明確、精簡的標(biāo)題可以迅速讓讀者理解圖表要表達(dá)的內(nèi)容。
2.1 位置
一般位于數(shù)據(jù)圖表卡片的左上方。
2.2 使用建議
標(biāo)題需言簡意賅、符合圖表主題;盡量控制在 20 個(gè)字以內(nèi),標(biāo)題寬度盡量不要超過卡片寬度。
Web端設(shè)計(jì)語言庫——數(shù)據(jù)可視化
 
 
2.3超長處理
當(dāng)標(biāo)題超過長出卡片寬度時(shí),省略標(biāo)題中間的文字,保住首尾,如“我是...標(biāo)題”。
Web端設(shè)計(jì)語言庫——數(shù)據(jù)可視化
 
 
 
3. 坐標(biāo)軸
3.1 坐標(biāo)系
坐標(biāo)軸包含在坐標(biāo)系的概念里,因此,我們需要先了解坐標(biāo)系。坐標(biāo)系是能夠使每個(gè)數(shù)組在維度空間內(nèi)找到映射關(guān)系的定位系統(tǒng),更偏向數(shù)學(xué)/物理概念。
 
數(shù)據(jù)可視化中,最常用的二維坐標(biāo)系有兩種:
笛卡爾坐標(biāo)系:即直角坐標(biāo)系,是由相互垂直的兩條軸線構(gòu)成。常用于柱狀圖、條形圖、折線圖、面積圖等。
極坐標(biāo)系:由極點(diǎn)、極軸組成,坐標(biāo)系內(nèi)任何一個(gè)點(diǎn)都可以用極徑 r 和夾角 θ(逆時(shí)針為正)表示。常用于餅圖、圓環(huán)圖、雷達(dá)圖等。
Web端設(shè)計(jì)語言庫——數(shù)據(jù)可視化
 
 
補(bǔ)充說明:
1. 坐標(biāo)軸由定義域軸(X 軸)和值域軸(Y 軸)組成。條形圖中,定義域軸為 Y 軸,值域軸為 X 軸。
2. X軸為水平方向的橫軸,Y 軸為垂直方向的豎軸。以下主要針對(duì)笛卡爾坐標(biāo)系的坐標(biāo)軸構(gòu)成進(jìn)行分析:
3.2 坐標(biāo)軸
定義:坐標(biāo)軸指二維空間中統(tǒng)計(jì)圖表中的軸,是坐標(biāo)系的構(gòu)成部分,它用來定義坐標(biāo)系中數(shù)據(jù)在方向和值之間的映射關(guān)系。
構(gòu)成元素細(xì)分:X/Y 軸線、刻度線、網(wǎng)格線、X/Y 軸標(biāo)題、X/Y 軸標(biāo)簽。
3.3 軸類型
根據(jù)對(duì)應(yīng)變量是連續(xù)數(shù)據(jù)還是離散數(shù)據(jù),可以把坐標(biāo)軸分為:分類軸、時(shí)間軸、連續(xù)軸三大類。
Web端設(shè)計(jì)語言庫——數(shù)據(jù)可視化
 
 
3.4 X/Y 軸線
顏色層級(jí):X/Y軸線要比網(wǎng)格線層級(jí)高、顏色深,這樣能讓圖表有主次區(qū)分。
使用建議:有網(wǎng)格線時(shí),柱狀圖/折線圖會(huì)隱藏 Y 軸線,條形圖則是隱藏 X 軸線,以達(dá)到信息降噪、突出重點(diǎn)的目的。
Web端設(shè)計(jì)語言庫——數(shù)據(jù)可視化
 
 
3.5 刻度線
軸刻度線是軸線上的小線段, 用于指示數(shù)值標(biāo)簽在坐標(biāo)軸上的具體位置。軸刻度線有 3 種放置方式:置內(nèi)、置中(即交叉方式)、置外。
位置建議:刻度線置中/置內(nèi)時(shí),可能會(huì)和網(wǎng)格線、數(shù)據(jù)圖形重疊,所以建議將刻度線置于數(shù)值坐標(biāo)軸外側(cè),以呈現(xiàn)最佳顯示效果。
Web端設(shè)計(jì)語言庫——數(shù)據(jù)可視化
 
 
顯示建議:
折線圖:刻度線、X/Y 軸標(biāo)簽、數(shù)據(jù)點(diǎn)需要保持在同一垂直線上;
柱狀圖/條形圖:由于單個(gè)柱子有很強(qiáng)的對(duì)應(yīng)關(guān)系,此時(shí)可以隱藏刻度線;
Web端設(shè)計(jì)語言庫——數(shù)據(jù)可視化
 
 
 
3.6 網(wǎng)格線
定義:網(wǎng)格線是用來輔助圖表優(yōu)化映射關(guān)系的,我們需要弱化網(wǎng)格線的視覺效果,來增加數(shù)據(jù)的可閱讀性。
作用:1. 延伸數(shù)值刻度至可視化對(duì)象中,以便觀察數(shù)據(jù)值的大??;2. 增加可視化對(duì)象之間的對(duì)比觀察度。
使用建議 1 :使用網(wǎng)格線時(shí),需遵從主次原則,以軸線為主、網(wǎng)格線為輔;樣式上可采用實(shí)線或虛線;避免顏色過重、使用純黑/純白色。
Web端設(shè)計(jì)語言庫——數(shù)據(jù)可視化
 
 
使用建議 2 :網(wǎng)格線一般跟隨值域軸的位置單向顯示,柱狀圖、折線圖等采用水平網(wǎng)格,條形圖采用垂直網(wǎng)格。
Web端設(shè)計(jì)語言庫——數(shù)據(jù)可視化
 
 
3.7 X/Y 軸標(biāo)題
軸標(biāo)題主要用于說明坐標(biāo)軸數(shù)據(jù)組的含義,也可理解為“軸單位”。當(dāng)可視化圖表標(biāo)題、圖例、軸標(biāo)簽等已能充分表達(dá)數(shù)據(jù)含義時(shí),可隱藏軸標(biāo)題。
這樣處理體現(xiàn)了奧卡姆剃刀定律:如無必要,勿增實(shí)體。
Web端設(shè)計(jì)語言庫——數(shù)據(jù)可視化
 
 
3.8 X/Y 軸標(biāo)簽
軸標(biāo)簽是對(duì)當(dāng)前某一組數(shù)據(jù)的內(nèi)容標(biāo)注,用于提高數(shù)據(jù)的可讀性。
以下從 X 軸標(biāo)簽、Y軸標(biāo)簽兩方面進(jìn)行分析:
a.  X 軸標(biāo)簽
X 軸標(biāo)簽的設(shè)計(jì)重點(diǎn)在顯示規(guī)則上。卡片寬度過窄、標(biāo)簽過多、名稱過長時(shí),X 軸標(biāo)簽便會(huì)出現(xiàn)顯示問題(如標(biāo)簽重疊等)。
為了解決顯示問題,我們從連續(xù)/時(shí)間軸標(biāo)簽(數(shù)值類)、分類軸標(biāo)簽(文本類)兩方面進(jìn)行分析:
 
  •  
    連續(xù)/時(shí)間軸標(biāo)簽
顯示規(guī)則:建議等分抽樣顯示、旋轉(zhuǎn);不尾部省略。
建議等分抽樣:連續(xù)/時(shí)間軸,通常由一組等差數(shù)列組成,具有規(guī)律性,缺失的數(shù)據(jù)用戶會(huì)在腦海中自動(dòng)補(bǔ)全。所以建議用等分抽樣來避免標(biāo)簽的重疊問題。
注意:等分抽樣盡量保留首尾數(shù)據(jù)標(biāo)簽;隨機(jī)抽樣沒有規(guī)律,會(huì)影響用戶的判斷及辨認(rèn),不建議采取隨機(jī)抽樣顯示。
Web端設(shè)計(jì)語言庫——數(shù)據(jù)可視化
 
 
連續(xù)/時(shí)間軸標(biāo)簽是由“關(guān)鍵數(shù)值”組成的標(biāo)注點(diǎn),一般都明確精簡,尾部省略會(huì)影響用戶對(duì)關(guān)鍵數(shù)值的辨認(rèn)。
為了保證標(biāo)簽的辨識(shí)度,我們可以將標(biāo)簽旋轉(zhuǎn) 45°、 90° 。極端情況下(圖表寬度極窄),可以同時(shí)進(jìn)行旋轉(zhuǎn)+抽樣。
Web端設(shè)計(jì)語言庫——數(shù)據(jù)可視化
 
 
  •  
    分類軸標(biāo)簽
顯示規(guī)則:建議旋轉(zhuǎn)顯示;不建議抽樣顯示。
分類軸由幾個(gè)離散數(shù)據(jù)標(biāo)簽組成,標(biāo)簽之間獨(dú)立存在,無緊密邏輯關(guān)系,用戶無法自動(dòng)補(bǔ)全缺失信息。因此,不能采取抽樣顯示,應(yīng)盡量展示全部標(biāo)簽的全部文本。
若標(biāo)簽橫向展示空間不夠(文字重疊),我們可以將標(biāo)簽旋轉(zhuǎn) 45°、 90° 來達(dá)到預(yù)期顯示效果。若通過旋轉(zhuǎn)無法滿足需求,可使用條形圖,將分類軸放在Y軸。
Web端設(shè)計(jì)語言庫——數(shù)據(jù)可視化
 
 
旋轉(zhuǎn)方向說明:通常情況下,用戶的閱讀視線為從左至右、從上到下。因此,標(biāo)簽順時(shí)針旋轉(zhuǎn) 45° 更符合用戶的瀏覽習(xí)慣。
Web端設(shè)計(jì)語言庫——數(shù)據(jù)可視化
 
 
b. Y 軸標(biāo)簽
Y 軸標(biāo)簽的設(shè)計(jì)重點(diǎn)在標(biāo)簽數(shù)量、取值范圍和數(shù)據(jù)格式上。標(biāo)簽顯示區(qū)域一般根據(jù)最長標(biāo)簽寬度進(jìn)行自適應(yīng)縮放。
  •  
    軸標(biāo)簽的數(shù)量
使用建議:根據(jù)米勒定律(7±2 法則),Y 軸標(biāo)簽數(shù)量應(yīng)控制在 5-9 個(gè)的范圍內(nèi);Web頁面中,Y 軸常用標(biāo)簽數(shù)為:6 或 7(含標(biāo)簽0)。
軸標(biāo)簽的數(shù)量越多,橫向網(wǎng)格線就會(huì)越多。過多的軸標(biāo)簽及網(wǎng)格線會(huì)造成元素冗余,違背了清晰、準(zhǔn)確的可視化原則,也不利于圖表信息的表達(dá)及閱讀。
對(duì)齊方式:右對(duì)齊
Web端設(shè)計(jì)語言庫——數(shù)據(jù)可視化
 
 
  •  
    軸標(biāo)簽的取值范圍
基準(zhǔn)線: Y 軸標(biāo)簽取值應(yīng)從 0 基線開始,以反映數(shù)據(jù)的真實(shí)性。如果展示被截?cái)嗟?Y 軸數(shù)據(jù),會(huì)導(dǎo)致用戶做出錯(cuò)誤的判斷。
Web端設(shè)計(jì)語言庫——數(shù)據(jù)可視化
 
 
  •  
    軸標(biāo)簽的數(shù)據(jù)格式
使用建議 1: 標(biāo)簽保留的小數(shù)位數(shù)保持統(tǒng)一。
Web端設(shè)計(jì)語言庫——數(shù)據(jù)可視化
 
 
4. 數(shù)據(jù)標(biāo)簽
數(shù)據(jù)標(biāo)簽是對(duì)數(shù)據(jù)點(diǎn)對(duì)應(yīng)數(shù)值的標(biāo)注,用于直接觀察每個(gè)數(shù)據(jù)點(diǎn)的具體數(shù)值。
若圖表主要是用來看趨勢變化、占比大小等,則不需要顯示數(shù)據(jù)標(biāo)簽。若想精確了解每組數(shù)據(jù)的具體數(shù)值,則可以顯示數(shù)據(jù)標(biāo)簽。
Web端設(shè)計(jì)語言庫——數(shù)據(jù)可視化
 
 
4.1 位置
數(shù)據(jù)標(biāo)簽位于數(shù)據(jù)點(diǎn)的上方。
4.2 顯示規(guī)則
在不同類型的圖表中,數(shù)據(jù)標(biāo)簽的顯示規(guī)則不同。我們可以根據(jù)數(shù)據(jù)圖形、數(shù)據(jù)值的特性,選擇合適的顯示方式,提高圖表的準(zhǔn)確性。
a. 柱狀圖
  •  
    基礎(chǔ)柱狀圖
    :數(shù)據(jù)標(biāo)簽可顯示在數(shù)據(jù)圖形內(nèi)部、外部。
數(shù)據(jù)標(biāo)簽在圖形內(nèi)部的顯示規(guī)則:正常情況下,橫向顯示;數(shù)據(jù)標(biāo)簽超長時(shí),旋轉(zhuǎn) 90°;圖形高度 < 數(shù)據(jù)標(biāo)簽高度時(shí),不顯示數(shù)據(jù)標(biāo)簽。
Web端設(shè)計(jì)語言庫——數(shù)據(jù)可視化
 
 
  •  
    分組柱狀圖
    :數(shù)據(jù)標(biāo)簽可顯示在數(shù)據(jù)圖形內(nèi)部、外部。顯示在內(nèi)部的數(shù)據(jù)標(biāo)簽顯示寬度不夠時(shí),解決方案同上。
Web端設(shè)計(jì)語言庫——數(shù)據(jù)可視化
 
 
  •  
    堆疊柱狀圖
    :數(shù)據(jù)標(biāo)簽顯示在數(shù)據(jù)圖形內(nèi)部。
數(shù)據(jù)標(biāo)簽在圖形內(nèi)部的顯示規(guī)則:正常情況下,橫向顯示;數(shù)據(jù)標(biāo)簽超長時(shí),旋轉(zhuǎn) 90°;圖形高度 < 數(shù)據(jù)標(biāo)簽高度時(shí),不顯示數(shù)據(jù)標(biāo)簽。
Web端設(shè)計(jì)語言庫——數(shù)據(jù)可視化
 
 
b. 條形圖
數(shù)據(jù)標(biāo)簽在圖形內(nèi)部的顯示規(guī)則:正常情況下,橫向顯示;圖形寬度 < 數(shù)據(jù)標(biāo)簽高度時(shí),不顯示數(shù)據(jù)標(biāo)簽;條形圖高度需 >= 數(shù)據(jù)標(biāo)簽高度。
Web端設(shè)計(jì)語言庫——數(shù)據(jù)可視化
 
 
基礎(chǔ)、分組條形圖的數(shù)據(jù)標(biāo)簽也可以顯示在圖形外部:
Web端設(shè)計(jì)語言庫——數(shù)據(jù)可視化
 
 
c. 折線圖
數(shù)據(jù)標(biāo)簽顯示在數(shù)據(jù)點(diǎn)的上方。
圖表寬度過窄,數(shù)據(jù)點(diǎn)多且密時(shí),相鄰的數(shù)據(jù)標(biāo)簽會(huì)出現(xiàn)重疊的問題。此時(shí),我們會(huì)采用抽樣的方式顯示數(shù)據(jù)標(biāo)簽。鼠標(biāo)懸停數(shù)據(jù)點(diǎn),顯示隱藏的數(shù)據(jù)標(biāo)簽。
Web端設(shè)計(jì)語言庫——數(shù)據(jù)可視化
 
 
d. 餅圖、環(huán)形圖
數(shù)據(jù)標(biāo)簽顯示在圖形內(nèi)部、外部均可。
由于扇形有角度,且形狀相對(duì)不規(guī)則,對(duì)數(shù)據(jù)標(biāo)簽的文本長度包容度較低,環(huán)形更是如此。所以,當(dāng)扇/環(huán)形分割過多、面積較小時(shí),建議將數(shù)據(jù)標(biāo)簽顯示在圖形外部。
Web端設(shè)計(jì)語言庫——數(shù)據(jù)可視化
 
 
當(dāng)然,我們也可以內(nèi)外部結(jié)合使用:
Web端設(shè)計(jì)語言庫——數(shù)據(jù)可視化
 
 
e. 數(shù)據(jù)標(biāo)簽顏色
數(shù)據(jù)標(biāo)簽顯示在圖形內(nèi)部時(shí),圖形為背景,數(shù)據(jù)標(biāo)簽為前景。此時(shí),數(shù)據(jù)圖形作為背景色,會(huì)影響到數(shù)據(jù)標(biāo)簽的顯色度及易讀性。
為了確保良好的可讀性,我們通過對(duì)圖形顏色 HS 值的判斷,來決定文字的顏色。這樣對(duì)比度就在可控范圍內(nèi),不會(huì)出現(xiàn)可讀性低的問題。
Web端設(shè)計(jì)語言庫——數(shù)據(jù)可視化
 
 
由于篇幅問題,剩余內(nèi)容接下一篇文章展示
 


作者:布魯星人
鏈接:https://www.zcool.com.cn/article/ZMTYzNzI0NA==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。
 

藍(lán)藍(lán)設(shè)計(jì)(m.miumiuwan.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)B端界面設(shè)計(jì)桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。

WechatIMG27.jpg

關(guān)鍵詞:UI咨詢、UI設(shè)計(jì)服務(wù)公司軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司、銀行金融軟件UI界面設(shè)計(jì)能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)航天軍工軟件UI界面設(shè)計(jì)醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)

B端用研體系框架的搭建

資深UI設(shè)計(jì)者 B端ui設(shè)計(jì)文章及欣賞

B端擁有復(fù)雜的業(yè)務(wù)流,用戶研究體系框架的搭建對(duì)于產(chǎn)品的成功至關(guān)重要,它不僅關(guān)系到用戶的直接體驗(yàn),還涉及到產(chǎn)品的長期發(fā)展和市場競爭力。通過用戶研究,可以更好地理解B端用戶的需求和使用習(xí)慣,從而設(shè)計(jì)出更加符合用戶期望的產(chǎn)品功能和交互流程。

以B端小二揀貨場景為例 - 視覺思維在交互體驗(yàn)中的運(yùn)用

ui設(shè)計(jì)分享達(dá)人 B端ui設(shè)計(jì)文章及欣賞

在當(dāng)今時(shí)代,現(xiàn)代 UI 用戶交互體驗(yàn)設(shè)計(jì)具有極為重要的地位。它絕非僅僅局限于單向的視覺設(shè)計(jì),也不是單純地圍繞用戶的可用性進(jìn)行研究設(shè)計(jì)。實(shí)際上,如今的 UI 用戶交互體驗(yàn)設(shè)計(jì)已經(jīng)對(duì)視覺與可用性操作提出了更高層次的混合化要求。
對(duì)于現(xiàn)代的 UI 設(shè)計(jì)而言,我們需要從多個(gè)角度進(jìn)行更進(jìn)一步的深入解讀。這不僅涉及心理學(xué)方面,去探究用戶的心理需求和行為模式,以便更好地滿足他們的期望;還涵蓋視覺設(shè)計(jì)領(lǐng)域,通過精心打造的視覺元素,吸引用戶的注意力并傳達(dá)有效的信息;同時(shí)也不能忽視交互設(shè)計(jì),確保用戶在與界面進(jìn)行互動(dòng)時(shí)能夠獲得流暢、便捷的體驗(yàn)。
而將視覺思維理論應(yīng)用于新一代的 UI 交互設(shè)計(jì),則具有重大的意義。通過這種方式,用戶能夠憑借敏銳的視覺,靈敏地捕捉到屏幕上的信息軌跡。大腦可以快速地從不同抽象平面水平上獲取意象,實(shí)現(xiàn)表象形態(tài)感知與抽象思維的緊密連接。這樣一來,用戶便能夠高效地獲取有效的視覺信息,從而提升整體的交互體驗(yàn)。無論是在工作場景中還是在日常生活中,一個(gè)優(yōu)秀的 UI 交互設(shè)計(jì)都能夠?yàn)橛脩魩順O大的便利和愉悅感。
今天我們先介紹下理論知識(shí),然后將產(chǎn)品設(shè)計(jì)案例結(jié)合(視覺思維分析模式的具體應(yīng)用方法)來告訴大家怎么應(yīng)用,希望可以幫助到大家。
 
開始話題前我們需要了解格式塔心理學(xué)是什么
我相信格式塔心理學(xué)大家都聽過,主流對(duì)于格式塔心理學(xué)的觀點(diǎn)是:格式塔心理學(xué)強(qiáng)調(diào)經(jīng)驗(yàn)和行為的整體性,認(rèn)為整體不等于部分之和,意識(shí)不等于感覺元素的集合,行為不等于反射弧的循環(huán)。它主張心理現(xiàn)象最基本的特征是在意識(shí)經(jīng)驗(yàn)中所顯現(xiàn)的結(jié)構(gòu)性或整體性,反對(duì)構(gòu)造主義心理學(xué)把心理現(xiàn)象分析為簡單的元素,認(rèn)為心理現(xiàn)象是一個(gè)整體,一種有組織的完整結(jié)構(gòu)。
主要原則
1.接近性原則
在知覺過程中,距離相近的物體容易被知覺為一個(gè)整體。例如,在一張紙上分布著一些點(diǎn),距離較近的點(diǎn)更容易被看作一組。
接近性原則圖例
接近性原則圖例
 
2.相似性原則
具有相似特征的物體容易被知覺為一個(gè)整體。比如,顏色、形狀、大小等相似的圖形更容易被組合在一起進(jìn)行認(rèn)知。
相似性原則圖例
相似性原則圖例
 
3.連續(xù)性原則
在知覺過程中,人們傾向于將具有連續(xù)性的物體知覺為一個(gè)整體。例如,一條曲線即使中間有部分被遮擋,人們也會(huì)傾向于將其看作是連續(xù)的整體。
連續(xù)性原則圖例
連續(xù)性原則圖例
 
4.閉合性原則
人們傾向于將不完整的圖形知覺為完整的圖形,即通過心理上的補(bǔ)充使圖形達(dá)到閉合。比如,一個(gè)有缺口的圓形,人們往往會(huì)自動(dòng)腦補(bǔ)出完整的圓形。
閉合性原則圖例
閉合性原則圖例
 
對(duì)設(shè)計(jì)領(lǐng)域的影響
以上是大家所了解對(duì)的,而對(duì)于設(shè)計(jì)于界面設(shè)計(jì)、圖形設(shè)計(jì)、用戶體驗(yàn)設(shè)計(jì)都有影響:
  1.  
    界面設(shè)計(jì):在網(wǎng)頁設(shè)計(jì)和移動(dòng)應(yīng)用界面設(shè)計(jì)中,格式塔心理學(xué)的原則被廣泛應(yīng)用。例如,通過合理布局元素,利用接近性和相似性原則將相關(guān)的內(nèi)容組合在一起,使用戶能夠更快速地理解和操作界面。顏色的相似性可以用來區(qū)分不同的功能模塊,提高界面的可讀性和易用性。
  2.  
    圖形設(shè)計(jì):設(shè)計(jì)師常常運(yùn)用閉合性原則創(chuàng)造簡潔而富有吸引力的圖形。利用連續(xù)性原則可以引導(dǎo)用戶的視線,創(chuàng)造出動(dòng)態(tài)和富有節(jié)奏感的設(shè)計(jì)作品。
  3.  
    用戶體驗(yàn)設(shè)計(jì):格式塔心理學(xué)有助于設(shè)計(jì)師理解用戶如何感知和理解復(fù)雜的信息環(huán)境。通過創(chuàng)造整體的、有組織的設(shè)計(jì),可以提高用戶的滿意度和使用效率,減少認(rèn)知負(fù)擔(dān)。
界面設(shè)計(jì)圖例
界面設(shè)計(jì)圖例
 
魯?shù)婪?阿恩海姆的格式塔心理學(xué)理論中提出了四種 “力” 的概念,GUI 設(shè)計(jì)師對(duì)其在界面中的角色進(jìn)行了深入闡釋。
第一種力是由視覺對(duì)象的外在形狀和構(gòu)造所生成的力。
例如,獨(dú)特的圖標(biāo)設(shè)計(jì)通過其具象的形態(tài)傳達(dá)出明確的語意,讓用戶能夠迅速理解其功能。這種力如同一個(gè)無聲的向?qū)?,引領(lǐng)用戶在界面中準(zhǔn)確地找到所需的操作。
第二種力是物體間或物體各部分之間的聚合張力。
它雖有強(qiáng)度但沒有特定方向,就像界面中各個(gè)元素緊密結(jié)合,形成一個(gè)有機(jī)的整體。各個(gè)組件相互呼應(yīng),共同營造出和諧統(tǒng)一的視覺氛圍,增強(qiáng)了用戶對(duì)界面的整體認(rèn)知。
第三種力是在視覺對(duì)象中知覺到的有方向性的張力。
其載體具有一定的 “動(dòng)力”,表現(xiàn)為具有方向標(biāo)識(shí)性意識(shí)的標(biāo)識(shí)及層級(jí)關(guān)系。比如,清晰的導(dǎo)航箭頭或色彩漸變,引導(dǎo)用戶在界面中進(jìn)行有序的瀏覽和操作,確保用戶不會(huì)迷失方向。
第四種力主要是指視覺式樣本身及其組合所形成的視覺沖擊力。
在界面中,涵蓋引導(dǎo)性的動(dòng)態(tài)效果可以吸引用戶的注意力,激發(fā)用戶的探索欲望。例如,微妙的動(dòng)畫效果或交互反饋,為用戶帶來更加生動(dòng)的體驗(yàn)。
四種 “力” 的概念
四種 “力” 的概念
 
這四種力是 GUI 設(shè)計(jì)中討論視知覺的核心內(nèi)容。
它們是形狀、顏色和運(yùn)動(dòng)的固有屬性,并非觀賞者憑借記憶中的想象強(qiáng)加給知覺對(duì)象的。阿恩海姆將格式塔心理美學(xué)視為一種
“視知覺形式完形理論”
。
在 UI 設(shè)計(jì)中,以格式塔心理美學(xué)為指導(dǎo),視覺上的 “完形” 形式生成機(jī)制發(fā)揮作用。用戶在設(shè)計(jì)師精心構(gòu)建的色彩圖形語言引導(dǎo)下,無意識(shí)地進(jìn)行目的性的視知覺形式達(dá)成。這種方式為無縫接入交互提供了卓越的解決方案。
在 UI 設(shè)計(jì)中運(yùn)用格式塔心理學(xué),為人機(jī)互動(dòng)形式的形成和建構(gòu)提供動(dòng)力機(jī)制引導(dǎo),讓我們對(duì)格式塔心理美學(xué)有了全新的理解。它不僅提升了界面的美觀度,更重要的是增強(qiáng)了用戶體驗(yàn),使界面更加直觀、易用。通過合理運(yùn)用格式塔心理學(xué)的原理,設(shè)計(jì)師可以創(chuàng)造出更具吸引力和功能性的 UI 設(shè)計(jì),為用戶帶來更加愉悅的交互體驗(yàn)。
 
視覺思維
人類對(duì)于藝術(shù)的感知與生俱來,積極主動(dòng)。對(duì)于現(xiàn)代優(yōu)秀交互設(shè)計(jì)師而言,掌握并了解人類視覺的基本原理是必備素養(yǎng)之一。視覺思維與人類的生理和心理因素緊密相連。
1.生理方面看
這與我們的感官系統(tǒng)及其特性息息相關(guān)。人類的視覺系統(tǒng)猶如一條完整的視覺分析鏈,涵蓋了眼球、大腦皮層以及它們之間的視覺傳導(dǎo)路徑。
視覺大腦皮層位于大腦后端,圍繞枕葉的距狀裂周圍分布。其中,V1 區(qū)和 V2 區(qū)主要負(fù)責(zé)一系列特征處理,V4 區(qū)承擔(dān)圖案模式處理工作,而前腦葉和中腦則負(fù)責(zé)高層注意力的控制。信息由皮層 V1 通過兩條線路進(jìn)行輸送。第一條路線為背側(cè)流,即位置通道,從 V1 傳輸至 V2,再進(jìn)入 V5,最后抵達(dá)頂下小葉,此段主要處理視覺的空間位置信息以及相關(guān)的運(yùn)動(dòng)和控制部分。第二條線路為內(nèi)容通道,從 V1 到 V2 和 V4,最后進(jìn)入下顳葉,用于物體的識(shí)別和長期記憶。
大腦皮層圖例
大腦皮層圖例
 
2.心理方面看
視覺思維與人類的現(xiàn)有生存條件以及以往的生活經(jīng)驗(yàn)緊密相關(guān)。生理與心理因素相互作用,形成了獨(dú)特的視覺思維特性。
多年來,藝術(shù)、設(shè)計(jì)心理學(xué)家在對(duì)人腦及其視覺生理機(jī)制的研究上取得了顯著進(jìn)展。在視覺藝術(shù)作品中,一系列色彩、圖形和空間關(guān)系的呈現(xiàn),都是視覺藝術(shù)家經(jīng)過反復(fù)斟酌的結(jié)果。他們思考著哪種顏色和圖形會(huì)更加醒目,如何合理組織空間,以及在何種情況下應(yīng)該用圖像代替文字來表達(dá)概念。這樣經(jīng)過深思熟慮的作品,能夠有效規(guī)避人類視覺的弱點(diǎn),充分激發(fā)用戶對(duì)主體的能動(dòng)性和創(chuàng)造性認(rèn)識(shí),讓觀賞者和使用者獲得愉悅的視覺體驗(yàn)。這種主動(dòng)的視覺感知能夠更好地傳達(dá)作品所要表達(dá)的思想與內(nèi)涵。
如果設(shè)計(jì)師能夠深入了解并分析用戶的視覺系統(tǒng)和心理,就能設(shè)計(jì)出更符合目標(biāo)用戶需求的 UI 交互產(chǎn)品。例如,通過對(duì)用戶視覺注意力的研究,設(shè)計(jì)師可以在界面中合理布局關(guān)鍵元素,使其更容易被用戶察覺。同時(shí),根據(jù)用戶的色彩偏好和心理預(yù)期,選擇合適的色彩方案,營造出舒適的視覺氛圍。此外,設(shè)計(jì)師還可以利用用戶對(duì)圖形的認(rèn)知習(xí)慣,設(shè)計(jì)簡潔明了的圖標(biāo)和界面元素,提高用戶的操作效率??傊?,對(duì)視覺思維的深入理解和運(yùn)用,將為 UI 設(shè)計(jì)帶來更多的創(chuàng)新和突破。
 
UI 設(shè)計(jì)中的視覺設(shè)計(jì)
人類的感知系統(tǒng)豐富多彩,主要分為聽覺、味覺、視覺、觸覺、嗅覺這五大類別。其中,令人驚嘆的是,高達(dá) 90% 的感知竟然來源于視覺系統(tǒng)。這一特性使得界面產(chǎn)品的設(shè)計(jì)緊緊圍繞著用戶利用視覺刺激思維以及人機(jī)交互細(xì)處理模式來實(shí)現(xiàn)人機(jī)互動(dòng),進(jìn)而達(dá)成傳遞或獲取信息的目標(biāo)。
比如當(dāng)下流行的各類手機(jī) APP,以其精美的界面設(shè)計(jì)吸引著用戶。當(dāng)我們打開一款音樂播放軟件,絢麗的色彩搭配、簡潔明了的圖標(biāo)布局,瞬間抓住我們的眼球,讓我們能夠快速找到自己想聽的歌曲。這就是視覺設(shè)計(jì)在人機(jī)交互中的重要作用,通過視覺刺激引導(dǎo)用戶進(jìn)行操作。
在這個(gè)過程中,我們常常能聽到界面產(chǎn)品的開發(fā)人員發(fā)出這樣的抱怨:“我們討厭交互設(shè)計(jì)。” 而交互設(shè)計(jì)師則會(huì)堅(jiān)定地表示:“我們不需要圖形。” 然而,視覺設(shè)計(jì)師卻往往對(duì)來自各方面的意見持相反態(tài)度,顯得一廂情愿。
但事實(shí)上,視覺設(shè)計(jì)絕非孤立的存在,它是在 UI 設(shè)計(jì)中可用性和交互設(shè)計(jì)研究的綜合體現(xiàn)。例如一些知名的電商平臺(tái),其界面設(shè)計(jì)既考慮了用戶的操作便捷性,又通過精美的商品圖片展示和富有創(chuàng)意的頁面布局,滿足用戶的視覺需求。用戶在瀏覽商品時(shí),流暢的交互體驗(yàn)和美觀的視覺效果相輔相成,提升了用戶的購物體驗(yàn)。
視覺思維,宛如一座神奇的橋梁,將感知與思維、藝術(shù)與科學(xué)緊密地結(jié)合在一起。它能夠?qū)⑷祟惐灸艿囊曈X感知、圖形設(shè)計(jì)以及視覺可視化巧妙地聯(lián)系起來。在滿足使用功能設(shè)計(jì)的基礎(chǔ)上,現(xiàn)代 GUI 設(shè)計(jì)已然成為一種輔助交互的強(qiáng)大力量,它不僅能滿足用戶的感知需求,還能迎合審美需求以及自我實(shí)現(xiàn)需求,成為功能性十足的視覺設(shè)計(jì)杰作。它就像一顆璀璨的明珠,在數(shù)字世界中散發(fā)著獨(dú)特的魅力,為用戶帶來前所未有的體驗(yàn)。
計(jì)算機(jī)和用戶
計(jì)算機(jī)和用戶
 
視覺思維在 UI 交互體驗(yàn)設(shè)計(jì)中的作用
在 UI 交互體驗(yàn)設(shè)計(jì)中,我們確實(shí)應(yīng)當(dāng)將這樣的交互設(shè)計(jì)視作用戶對(duì)品牌的認(rèn)知工具和用于信息傳遞的重要渠道。
從處理平面圖像的角度來看,人類的大腦具有強(qiáng)大的能力,能夠在一定程度上通過思維進(jìn)行心智圖像的建立。想象一下,當(dāng)我們在腦海中構(gòu)思一幅美麗的風(fēng)景或者一個(gè)復(fù)雜的場景時(shí),各種元素在思維的畫布上逐漸清晰起來。然而,當(dāng)這些圖像被紙張、熒幕等媒介物表現(xiàn)出來時(shí),情況又發(fā)生了變化。我們能夠把網(wǎng)頁、圖標(biāo)、信息圖表等可視化指令經(jīng)過視覺思維的處理過程,快速地解決問題。比如,當(dāng)我們?yōu)g覽一個(gè)設(shè)計(jì)精美的網(wǎng)頁時(shí),清晰的布局、醒目的圖標(biāo)和直觀的信息圖表能夠迅速引導(dǎo)我們找到所需的內(nèi)容,讓我們在短時(shí)間內(nèi)獲取關(guān)鍵信息。
而在 UI 交互體驗(yàn)設(shè)計(jì)中,“視覺思維” 手段更是發(fā)揮著獨(dú)特的作用。它能夠幫助用戶提前整理視覺引導(dǎo)任務(wù),為用戶的交互之旅提供清晰的方向。不同的用戶有著不同的需求和偏好,“視覺思維” 可以根據(jù)這些差異增加視覺注意力的多樣性。對(duì)于喜歡簡潔風(fēng)格的用戶,簡潔明了的界面設(shè)計(jì)和少量但突出的視覺元素能夠吸引他們的注意力;而對(duì)于追求豐富體驗(yàn)的用戶,多彩的色彩搭配和動(dòng)態(tài)的視覺效果則更能滿足他們的需求。這樣的差異化設(shè)計(jì)使得不同類型的用戶都能在交互過程中找到滿足自己需求的視覺引導(dǎo)。
同時(shí),“視覺思維” 能使人類本能的認(rèn)知線索在視覺圖形語言處理中直接快速切換。在用戶潛意識(shí)的情況下,利用用戶自身的視覺引導(dǎo)去完成交互任務(wù),大大縮短思考的時(shí)間。例如,在一款游戲應(yīng)用中,巧妙的色彩變化和圖形動(dòng)畫可以在用戶不經(jīng)意間引導(dǎo)他們進(jìn)行操作,讓他們在享受游戲的過程中自然地完成各種交互任務(wù),而不會(huì)感到繁瑣和困惑。
總之,在 UI 交互體驗(yàn)設(shè)計(jì)中,“視覺思維” 以其獨(dú)特的優(yōu)勢成為了連接用戶與品牌、實(shí)現(xiàn)信息高效傳遞的關(guān)鍵手段。通過差異化的設(shè)計(jì)和巧妙的視覺引導(dǎo),它為用戶帶來了更加便捷、愉悅的交互體驗(yàn)。
 
成功運(yùn)用 “視覺思維” 的 UI 交互體驗(yàn)設(shè)計(jì)案例
一、蘋果 iOS 系統(tǒng)
蘋果的 iOS 系統(tǒng)以其簡潔、美觀的界面設(shè)計(jì)而聞名。圖標(biāo)設(shè)計(jì)簡潔直觀,色彩搭配和諧,能夠讓用戶一眼就識(shí)別出不同的應(yīng)用功能。例如,相機(jī)圖標(biāo)是一個(gè)逼真的相機(jī)造型,讓人一看就知道其功能。在交互過程中,動(dòng)畫效果流暢自然,如打開應(yīng)用時(shí)的漸顯效果、關(guān)閉應(yīng)用時(shí)的收縮效果等,這些動(dòng)畫不僅增加了視覺吸引力,還為用戶提供了操作反饋,引導(dǎo)用戶的視覺注意力,讓用戶在操作過程中更加流暢和舒適。
二、Airbnb
Airbnb 的界面設(shè)計(jì)充滿了故事性和吸引力。在首頁,精美的圖片展示了各種獨(dú)特的房源,吸引用戶的目光。圖片的選擇和排版都經(jīng)過精心設(shè)計(jì),能夠讓用戶快速了解房源的特色。在搜索結(jié)果頁面,清晰的布局和簡潔的信息展示讓用戶能夠輕松比較不同房源的價(jià)格、位置等關(guān)鍵信息。同時(shí),地圖視圖的交互設(shè)計(jì)也非常出色,用戶可以通過拖動(dòng)地圖直觀地查看不同地區(qū)的房源分布,這種視覺引導(dǎo)方式大大提高了用戶的搜索效率。
三、微信
微信的界面簡潔易用,圖標(biāo)和文字的搭配恰到好處。綠色的主色調(diào)給人一種清新、舒適的感覺。在聊天界面中,不同類型的消息有不同的顯示方式,如文字、圖片、語音等,讓用戶能夠快速區(qū)分。朋友圈的設(shè)計(jì)也充分運(yùn)用了視覺思維,用戶可以通過圖片、視頻等多種形式分享自己的生活,點(diǎn)贊和評(píng)論的互動(dòng)方式也通過視覺效果進(jìn)行了明確的提示,增加了用戶之間的互動(dòng)和交流。
 
用戶交互體驗(yàn)設(shè)計(jì)過程中的視覺思維
為了更好地體現(xiàn)用戶交互性能,我們確實(shí)需要在整個(gè)用戶交互體驗(yàn)設(shè)計(jì)過程之中引入視覺思維分析模式來規(guī)范指導(dǎo)設(shè)計(jì)。這一模式就如同一位智慧的導(dǎo)航者,引領(lǐng)著設(shè)計(jì)的方向,確保每一個(gè)環(huán)節(jié)都能最大程度地滿足用戶的需求和期望。
對(duì)整個(gè)設(shè)計(jì)過程中一系列層級(jí)結(jié)構(gòu)進(jìn)行視覺歸納,是一項(xiàng)至關(guān)重要的任務(wù)。
從 UI 設(shè)計(jì)過程中最初的方案構(gòu)架開始,就如同搭建一座宏偉建筑的基石,需要深思熟慮。設(shè)計(jì)師要以視覺思維為導(dǎo)向,考慮如何讓方案構(gòu)架既具有創(chuàng)新性又符合用戶的使用習(xí)慣。草圖階段,則是將創(chuàng)意初步呈現(xiàn)在紙上的過程,此時(shí)要充分發(fā)揮視覺思維的作用,捕捉那些瞬間的靈感,用簡潔而有力的線條勾勒出未來產(chǎn)品的輪廓。
動(dòng)態(tài) layout 的設(shè)計(jì)更是離不開視覺思維,它要讓頁面的布局在動(dòng)態(tài)變化中保持流暢和自然,給用戶帶來舒適的視覺感受。而后期特效的安排,則如同為產(chǎn)品披上一件華麗的外衣,需要恰到好處地運(yùn)用,既不能過于耀眼而分散用戶的注意力,也不能過于平淡而無法引起用戶的興趣。
例如,如何使整個(gè)方案更符合目標(biāo)用戶的色彩定位,這是一個(gè)需要深入思考的問題。
不同的用戶群體對(duì)色彩有著不同的偏好和情感反應(yīng)。設(shè)計(jì)師要通過對(duì)目標(biāo)用戶的調(diào)研和分析,了解他們的文化背景、年齡層次、性別差異等因素,從而確定最適合的色彩方案。比如,對(duì)于年輕的用戶群體,可能更傾向于鮮艷、活潑的色彩;而對(duì)于商務(wù)用戶,則可能更喜歡穩(wěn)重、大氣的色彩。通過精準(zhǔn)的色彩定位,能夠讓用戶在第一時(shí)間對(duì)產(chǎn)品產(chǎn)生好感。
如何讓復(fù)雜的層級(jí)關(guān)系在視覺上顯示得更為簡單且明朗化,也是視覺思維分析的要點(diǎn)之一。
結(jié)合設(shè)計(jì)認(rèn)知心理學(xué)總結(jié)出一套適合當(dāng)前項(xiàng)目的用戶交互體驗(yàn)設(shè)計(jì)的視覺規(guī)范,是實(shí)現(xiàn)優(yōu)秀設(shè)計(jì)的關(guān)鍵。設(shè)計(jì)認(rèn)知心理學(xué)研究人類在設(shè)計(jì)過程中的認(rèn)知和心理活動(dòng),它可以為設(shè)計(jì)師提供寶貴的理論支持。設(shè)計(jì)師可以借鑒設(shè)計(jì)認(rèn)知心理學(xué)的研究成果,制定出符合用戶認(rèn)知習(xí)慣的視覺規(guī)范。比如,遵循簡潔性原則,避免過多的視覺干擾;運(yùn)用一致性原則,讓用戶在不同的頁面和功能模塊中都能保持一致的視覺體驗(yàn);注重可讀性原則,確保文字和圖標(biāo)易于識(shí)別和理解。通過建立一套科學(xué)合理的視覺規(guī)范,能夠提高設(shè)計(jì)的效率和質(zhì)量,為用戶帶來更加出色的交互體驗(yàn)。
下面介紹下我在過往項(xiàng)目中的實(shí)際案例,看看如何處理復(fù)雜的視覺層級(jí)
 
案例分享
首先我們了解一下背景:
盒馬店倉揀貨是門店倉儲(chǔ)作業(yè)中的一個(gè)重要環(huán)節(jié),員工需要用到PDA實(shí)時(shí)接收倉儲(chǔ)系統(tǒng)分配的揀貨任務(wù),并為揀貨員提供清晰的任務(wù)指引,包括商品的位置、數(shù)量等信息,它就像一個(gè)智能導(dǎo)航儀,指引揀貨員快速找到目標(biāo)商品,PDA中就需要進(jìn)行界面設(shè)計(jì),保證揀貨員能高效的完成任務(wù),但是實(shí)際倉的環(huán)境是極其復(fù)雜的,往往店倉環(huán)境較為昏暗且存在溫差,同時(shí)揀貨員往往是邊走邊揀貨,整體過程是非常緊張和匆忙的,這就對(duì)視覺識(shí)別效率要求非常高。
揀貨員的具體工作流程如下:
1.接收訂單:當(dāng)顧客在盒馬 APP 上下單后,訂單信息會(huì)同步傳輸?shù)介T店的倉儲(chǔ)系統(tǒng)。
2.揀貨任務(wù)分配:倉儲(chǔ)系統(tǒng)根據(jù)訂單內(nèi)容,將揀貨任務(wù)分配給相應(yīng)的揀貨員,并將任務(wù)信息發(fā)送到揀貨員手中的 PDA(掌上電腦)設(shè)備上。例如,某顧客下單購買了蘋果、牛奶和面包,系統(tǒng)就會(huì)指示揀貨員去相應(yīng)的區(qū)域揀取這些商品。
3.商品揀選:揀貨員根據(jù) PDA 上的指示,前往指定的貨架區(qū)域。通過 PDA 掃描貨架上商品的條形碼或二維碼,確認(rèn)商品信息無誤后,將商品揀選出來放入揀貨籃或推車中。在揀貨過程中,揀貨員需要嚴(yán)格按照商品的數(shù)量和規(guī)格進(jìn)行揀選,避免出現(xiàn)錯(cuò)揀、漏揀的情況。
4.復(fù)核與打包:揀貨完成后,揀貨員將揀選好的商品送到復(fù)核區(qū),由復(fù)核人員對(duì)商品進(jìn)行再次核對(duì),確保商品的種類、數(shù)量、質(zhì)量等與訂單一致。復(fù)核無誤后,根據(jù)商品的特性和訂單要求進(jìn)行打包,例如,對(duì)于生鮮商品需要使用特殊的包裝材料和方式,以保證商品的新鮮度和品質(zhì)1。
5.出貨:打包完成的商品被放置在出貨區(qū),等待配送人員前來取貨,進(jìn)行后續(xù)的配送環(huán)節(jié),確保商品能夠及時(shí)、準(zhǔn)確地送達(dá)顧客手中。
在這個(gè)過程中我們可以發(fā)現(xiàn)從“行為、感受、環(huán)境、設(shè)備”幾個(gè)維度來看,我們需要關(guān)注的點(diǎn)是非常多的,如下面所示我們需從效率和步驟感入手,保證界面清晰無障礙的基礎(chǔ)上對(duì)小小的屏幕進(jìn)行占比的優(yōu)化,同時(shí)加入情感化和溫度感,這是最理想的設(shè)計(jì)目標(biāo)。
設(shè)計(jì)前需關(guān)注的內(nèi)容
設(shè)計(jì)前需關(guān)注的內(nèi)容
 
提煉設(shè)計(jì)目標(biāo)和原則
提煉設(shè)計(jì)目標(biāo)和原則
 
對(duì)目標(biāo)用戶群體進(jìn)行深入調(diào)研,了解他們的年齡、性別、職業(yè)、文化背景等基本信息。
這些因素會(huì)影響用戶對(duì)色彩、圖形、布局等視覺元素的偏好。分析用戶的視覺感知優(yōu)勢和弱勢。例如,對(duì)于老年用戶,可能需要更大的字體和更鮮明的色彩對(duì)比;對(duì)于視力受損的用戶,可能需要高對(duì)比度的界面和清晰的圖標(biāo)。通過用戶訪談、問卷調(diào)查、觀察等方法,收集用戶對(duì)現(xiàn)有產(chǎn)品或類似產(chǎn)品的視覺反饋,了解他們的喜好和不滿之處,為后續(xù)設(shè)計(jì)提供依據(jù)。
色彩定位根據(jù)目標(biāo)用戶群體的特點(diǎn)和產(chǎn)品的定位,確定合適的色彩方案。
色彩可以傳達(dá)不同的情感和氛圍,如藍(lán)色通常給人沉穩(wěn)、可靠的感覺,紅色則充滿活力和激情??紤]色彩的對(duì)比度和可讀性。高對(duì)比度的色彩組合可以提高文字和圖標(biāo)的清晰度,便于用戶閱讀和識(shí)別。同時(shí),要確保色彩在不同的設(shè)備和環(huán)境下都能保持良好的顯示效果。
 
設(shè)計(jì)規(guī)劃階段(視覺層研究)
方案構(gòu)架運(yùn)用視覺思維,從整體上規(guī)劃產(chǎn)品的架構(gòu)和布局??紤]用戶的使用流程和場景,將功能模塊進(jìn)行合理的分組和排列,使界面簡潔明了,易于導(dǎo)航。確定主要的視覺焦點(diǎn)和引導(dǎo)路徑。通過大小、顏色、位置等方式突出關(guān)鍵信息和重要操作,引導(dǎo)用戶的注意力,提高交互效率。
功能色視覺研究保證視覺可讀性和清晰性
功能色視覺研究保證視覺可讀性和清晰性
 
中性色研究 保證對(duì)比度清晰可讀
中性色研究 保證對(duì)比度清晰可讀
 
字號(hào)字階優(yōu)化
字號(hào)字階優(yōu)化
 
設(shè)計(jì)實(shí)施階段
特效應(yīng)用謹(jǐn)慎地選擇和應(yīng)用特效,如陰影、漸變、發(fā)光等。特效可以增強(qiáng)界面的視覺吸引力,但過多或不當(dāng)?shù)氖褂每赡軙?huì)導(dǎo)致視覺混亂和性能問題。考慮特效對(duì)用戶操作的引導(dǎo)作用。例如,使用特效來突出可點(diǎn)擊的區(qū)域或提示重要信息,可以提高用戶的交互體驗(yàn)。
通過視覺明確任務(wù)
通過視覺明確任務(wù)
 
時(shí)效思考
時(shí)效思考
 
設(shè)計(jì)方案
設(shè)計(jì)方案
 
測試評(píng)估階段
  1.  
    用戶測試邀請(qǐng)目標(biāo)用戶進(jìn)行用戶測試,觀察他們在使用產(chǎn)品過程中的視覺反應(yīng)和行為。注意用戶對(duì)不同視覺元素的關(guān)注程度、理解程度和操作效率。收集用戶的反饋意見,了解他們對(duì)界面設(shè)計(jì)的滿意度和改進(jìn)建議。根據(jù)用戶的反饋,及時(shí)調(diào)整和優(yōu)化設(shè)計(jì)。
  2.  
    數(shù)據(jù)分析利用數(shù)據(jù)分析工具,收集用戶在使用產(chǎn)品過程中的行為數(shù)據(jù),如點(diǎn)擊次數(shù)、停留時(shí)間、頁面跳轉(zhuǎn)路徑等。通過分析這些數(shù)據(jù),可以了解用戶的視覺注意力分布和交互習(xí)慣,為進(jìn)一步優(yōu)化設(shè)計(jì)提供依據(jù)。
方案調(diào)研
方案調(diào)研
 
方案驗(yàn)證可行
方案驗(yàn)證可行
 
組件沉淀
對(duì)設(shè)計(jì)組件進(jìn)行沉淀和歸納,同時(shí)定義好設(shè)計(jì)樣板間。
  1.  
    組件識(shí)別,需要對(duì)已有的設(shè)計(jì)項(xiàng)目進(jìn)行全面梳理,識(shí)別出其中重復(fù)出現(xiàn)的元素和模塊。這些元素可以包括按鈕、輸入框、圖標(biāo)、導(dǎo)航欄、卡片等。例如,在一個(gè)電商網(wǎng)站的設(shè)計(jì)中,商品展示卡片、購物車按鈕、搜索框等都是常見的組件。同時(shí),也要關(guān)注不同項(xiàng)目中具有相似功能或外觀的元素,它們可能經(jīng)過適當(dāng)調(diào)整后可以歸納為同一類組件。比如,不同頁面的提示信息框,雖然在內(nèi)容和位置上有所不同,但在風(fēng)格和交互方式上可能具有共性。
  2.  
    規(guī)范制定對(duì)識(shí)別出的組件進(jìn)行規(guī)范制定,包括尺寸、顏色、字體、間距等方面的統(tǒng)一規(guī)定。例如,確定按鈕的標(biāo)準(zhǔn)尺寸、顏色搭配和文字樣式,確保在不同的頁面和場景中都能保持一致的外觀和交互效果。制定組件的使用規(guī)范,明確在什么情況下應(yīng)該使用哪種組件,以及如何進(jìn)行組合和布局。例如,規(guī)定導(dǎo)航欄的位置和結(jié)構(gòu),以及不同級(jí)別頁面的導(dǎo)航方式。
  3.  
    分類整理將規(guī)范后的組件進(jìn)行分類整理,建立一個(gè)清晰的組件庫??梢园凑展δ?、類型或使用場景進(jìn)行分類,方便設(shè)計(jì)師在后續(xù)的設(shè)計(jì)中快速查找和使用。比如,將組件分為界面組件(如按鈕、輸入框等)、交互組件(如彈窗、下拉菜單等)、布局組件(如網(wǎng)格系統(tǒng)、分欄布局等)。
  4.  
    持續(xù)更新隨著設(shè)計(jì)項(xiàng)目的不斷進(jìn)行,新的組件可能會(huì)不斷出現(xiàn),舊的組件也可能需要進(jìn)行優(yōu)化和調(diào)整。因此,需要建立一個(gè)持續(xù)更新的機(jī)制,定期對(duì)組件庫進(jìn)行審查和更新,確保組件庫始終保持活力和實(shí)用性。
以B端小二揀貨場景為例 - 視覺思維在交互體驗(yàn)中的運(yùn)用
 
 
 
總結(jié):
在現(xiàn)代的 UI 設(shè)計(jì)中,往往存在著眾多的功能模塊和信息層級(jí)。如果處理不當(dāng),就會(huì)讓用戶感到混亂和困惑。設(shè)計(jì)師可以運(yùn)用視覺層次、分組、對(duì)比等手法,將復(fù)雜的層級(jí)關(guān)系進(jìn)行梳理和簡化。例如,通過不同的字體大小、顏色深淺、圖標(biāo)形狀等方式來區(qū)分不同的層級(jí),讓用戶能夠輕松地理解和操作。
如何保證特效的使用恰到好處,不會(huì)引起用戶的使用誤解,同樣需要設(shè)計(jì)師的精心考量。特效可以為產(chǎn)品增添趣味性和吸引力,但如果使用不當(dāng),就會(huì)適得其反。設(shè)計(jì)師要根據(jù)產(chǎn)品的特點(diǎn)和用戶的需求,合理地選擇特效的類型和強(qiáng)度。比如,在一些需要強(qiáng)調(diào)操作反饋的地方,可以使用適度的動(dòng)畫特效,讓用戶清楚地知道自己的操作是否成功;而在一些重要的信息展示區(qū)域,則要避免使用過于花哨的特效,以免干擾用戶的閱讀。
設(shè)計(jì)師不僅需要對(duì)人類視覺系統(tǒng)有一定的了解,同時(shí)也需要對(duì)目標(biāo)用戶視覺感知的優(yōu)勢和弱勢進(jìn)行分析和歸納。人類的視覺系統(tǒng)是一個(gè)復(fù)雜而神奇的系統(tǒng),它有著自己的特點(diǎn)和規(guī)律。設(shè)計(jì)師要了解人類視覺的注意力機(jī)制、色彩感知、空間感知等方面的知識(shí),以便更好地運(yùn)用視覺元素進(jìn)行設(shè)計(jì)。同時(shí),不同的目標(biāo)用戶群體在視覺感知方面也存在著差異。比如,老年人可能對(duì)色彩的對(duì)比度要求更高,而視力有障礙的用戶則需要更加清晰的文字和圖標(biāo)。設(shè)計(jì)師要通過對(duì)目標(biāo)用戶的視覺感知優(yōu)勢和弱勢進(jìn)行分析,制定出相應(yīng)的設(shè)計(jì)策略,確保產(chǎn)品能夠滿足不同用戶的需求。
謝謝!
 
 



作者:小雞小小小小雞
鏈接:https://www.zcool.com.cn/article/ZMTYzMzYzNg==.html
來源:站酷

 

 

藍(lán)藍(lán)設(shè)計(jì)(m.miumiuwan.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)APP界面設(shè)計(jì)、圖標(biāo)定制用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。

WechatIMG27.jpg

關(guān)鍵詞:UI咨詢、UI設(shè)計(jì)服務(wù)公司軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司、銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開發(fā)、軟件wpf開發(fā)軟件vue開發(fā)

 

B端產(chǎn)品設(shè)計(jì)優(yōu)化-基于用戶需求調(diào)研與分析

ui設(shè)計(jì)分享達(dá)人 B端ui設(shè)計(jì)文章及欣賞

在當(dāng)今設(shè)計(jì)和產(chǎn)品開發(fā)領(lǐng)域,用戶研究扮演著不可或缺的角色。理解用戶的需求、行為和體驗(yàn),是設(shè)計(jì)師們打造成功產(chǎn)品和服務(wù)的關(guān)鍵步驟。
用戶研究不僅是設(shè)計(jì)師和產(chǎn)品團(tuán)隊(duì)的重要工具,更是提升產(chǎn)品競爭力和用戶滿意度的關(guān)鍵因素。通過深入的用戶研究,我們能夠更準(zhǔn)確地捕捉用戶需求,創(chuàng)造出創(chuàng)新產(chǎn)品。
這篇文章將深入而全面的講解用戶研究的方法與具體實(shí)踐,包括用戶研究的重要性、用戶研究的核心因素、定性定量研究方法、基于產(chǎn)品生命周期的用研方式、用戶研究在設(shè)計(jì)流出中的具體應(yīng)用等多維度探討用戶研究的核心概念及其實(shí)際應(yīng)用方法,幫助讀者更好地理解如何通過有效的用戶研究提升產(chǎn)品的用戶體驗(yàn)和市場競爭力。同時(shí)提供清晰的方法論和實(shí)際操作指南,幫助在設(shè)計(jì)和開發(fā)過程中有效地應(yīng)用用戶研究,實(shí)現(xiàn)產(chǎn)品與市場的良性互動(dòng)與成長。
B端產(chǎn)品設(shè)計(jì)優(yōu)化-基于用戶需求調(diào)研與分析
 
 
杰夫·貝佐斯是亞馬遜集團(tuán)創(chuàng)始人,他曾說:“用戶的需求是創(chuàng)新的源泉,只有深入了解用戶,我們才能創(chuàng)造出真正有價(jià)值的產(chǎn)品。”這句話強(qiáng)調(diào)了用戶需求在創(chuàng)新過程中的核心地位。
他指出,真正有價(jià)值的產(chǎn)品來源于對(duì)用戶需求的深入了解。
也就是說,創(chuàng)新不是憑空產(chǎn)生的,而是通過仔細(xì)觀察和理解用戶的實(shí)際需求和問題而實(shí)現(xiàn)的。只有當(dāng)我們真正了解用戶的痛點(diǎn)、期望和行為模式時(shí),才能開發(fā)出滿足他們需求并解決他們問題的產(chǎn)品和服務(wù)。
通過以用戶為中心的設(shè)計(jì),并通過數(shù)據(jù)驅(qū)動(dòng)的決策,我們可以解鎖設(shè)計(jì)的無限潛力,創(chuàng)造出更好的產(chǎn)品和服務(wù)。
想讓用戶愛上你的產(chǎn)品,你必須先愛上你的用戶。
B端產(chǎn)品設(shè)計(jì)優(yōu)化-基于用戶需求調(diào)研與分析
 
 
一、我作為設(shè)計(jì)師的小思考
作為設(shè)計(jì)師,過往我常常在思考:設(shè)計(jì)的價(jià)值是什么?用戶體驗(yàn)的價(jià)值又是什么?在設(shè)計(jì)之路上不斷前行的過程中,這個(gè)問題始終如影隨形。
我在企業(yè)中遇到很多困惑,系統(tǒng)的 BUG 會(huì)造成用戶體驗(yàn)不好,這只是其中一個(gè)方面。比如,當(dāng)用戶在使用一款軟件時(shí),突然出現(xiàn)的系統(tǒng)錯(cuò)誤提示,會(huì)打斷他們的操作流程,讓他們感到沮喪和無奈。又或者,在一個(gè)購物平臺(tái)上,如果因?yàn)橄到y(tǒng)的漏洞導(dǎo)致商品信息顯示不準(zhǔn)確,用戶可能會(huì)對(duì)產(chǎn)品的質(zhì)量產(chǎn)生懷疑,從而放棄購買。這些看似小小的 BUG,卻可能對(duì)用戶體驗(yàn)產(chǎn)生巨大的負(fù)面影響。
而除了系統(tǒng) BUG 之外,還有很多因素也和體驗(yàn)有關(guān)。界面的設(shè)計(jì)是否簡潔美觀?操作是否便捷流暢?信息的呈現(xiàn)是否清晰易懂?這些都是影響用戶體驗(yàn)的關(guān)鍵因素。例如,一款音樂播放軟件,如果界面設(shè)計(jì)過于復(fù)雜,用戶可能很難找到自己想聽的歌曲;而如果操作不夠便捷,比如切換歌曲需要經(jīng)過多個(gè)繁瑣的步驟,那么用戶的使用體驗(yàn)也會(huì)大打折扣。
再比如,一個(gè)企業(yè)的官網(wǎng),如果頁面加載速度過慢,用戶可能會(huì)失去耐心而直接關(guān)閉頁面;如果網(wǎng)站的信息架構(gòu)不合理,用戶難以找到自己需要的內(nèi)容,那么這個(gè)官網(wǎng)就無法發(fā)揮其應(yīng)有的作用。在移動(dòng)應(yīng)用領(lǐng)域,推送通知的頻率和內(nèi)容也會(huì)影響用戶體驗(yàn)。如果推送過于頻繁或者內(nèi)容不相關(guān),用戶可能會(huì)感到厭煩,甚至卸載應(yīng)用。
總之,在設(shè)計(jì)和用戶體驗(yàn)的領(lǐng)域,每一個(gè)細(xì)節(jié)都至關(guān)重要。設(shè)計(jì)師需要不斷地思考和探索,如何在滿足功能需求的同時(shí),提升用戶的體驗(yàn),為用戶創(chuàng)造真正有價(jià)值的產(chǎn)品。
 
 
二、用戶研究的核心
用戶研究(User Research)是一種系統(tǒng)性的方法,旨在通過了解用戶的需求、行為、態(tài)度和痛點(diǎn),來改進(jìn)產(chǎn)品或服務(wù)的設(shè)計(jì)和功能。它通過各種研究方法,如訪談、調(diào)查、可用性測試和觀察等,收集和分析用戶的數(shù)據(jù)。這些數(shù)據(jù)幫助設(shè)計(jì)團(tuán)隊(duì)和開發(fā)者更好地理解用戶,從而做出更明智的設(shè)計(jì)決策。
在實(shí)際設(shè)計(jì)和開發(fā)過程中,通過收集和分析以上信息,設(shè)計(jì)團(tuán)隊(duì)可以更有針對(duì)性地制定商業(yè)模式、服務(wù)方式、策略重點(diǎn)和盈利模式,確保產(chǎn)品不僅能夠滿足市場需求,還能夠提供良好的用戶體驗(yàn),從而提升產(chǎn)品的競爭力和市場份額。
總之,用戶研究的核心在于通過深入理解用戶,為設(shè)計(jì)和開發(fā)團(tuán)隊(duì)提供關(guān)鍵的信息和見解,以便他們能夠有效地創(chuàng)造出符合用戶期望和需求的產(chǎn)品或服務(wù)。
B端產(chǎn)品設(shè)計(jì)優(yōu)化-基于用戶需求調(diào)研與分析
 
 
 
用戶研究(User Research)是一種系統(tǒng)性的方法,旨在通過了解用戶的需求、行為、態(tài)度和痛點(diǎn),來改進(jìn)產(chǎn)品或服務(wù)的設(shè)計(jì)和功能。它通過各種研究方法,如訪談、調(diào)查、可用性測試和觀察等,收集和分析用戶的數(shù)據(jù)。這些數(shù)據(jù)幫助設(shè)計(jì)團(tuán)隊(duì)和開發(fā)者更好地理解用戶,從而做出更明智的設(shè)計(jì)決策。
用戶研究(User Research)確實(shí)是設(shè)計(jì)和產(chǎn)品開發(fā)過程中至關(guān)重要的一環(huán)。它通過系統(tǒng)性的方法和工具,深入研究用戶的目標(biāo)、需求、能力以及體驗(yàn),旨在指導(dǎo)如何優(yōu)化設(shè)計(jì)、產(chǎn)品架構(gòu)或工具,從而提升用戶的工作和生活體驗(yàn)。
 
在進(jìn)行用戶研究時(shí),主要關(guān)注以下幾個(gè)方面:
1.用戶體驗(yàn)(User Experience):
這是用戶與產(chǎn)品或服務(wù)互動(dòng)的整體感受和反應(yīng)。通過用戶研究,可以了解用戶在使用過程中的體驗(yàn)如何,哪些方面需要改進(jìn),從而優(yōu)化產(chǎn)品設(shè)計(jì)和功能。
2.用戶痛點(diǎn)(Pain Points):
指的是用戶在使用產(chǎn)品或服務(wù)時(shí)遇到的困難、不便或不滿意的地方。通過深入了解用戶的痛點(diǎn),可以針對(duì)性地改進(jìn)產(chǎn)品的功能和設(shè)計(jì),提升用戶的滿意度和忠誠度。
3.用戶需求(User Needs):
這是用戶在特定情境下必須滿足的條件或期望。通過用戶研究,可以準(zhǔn)確把握用戶的需求,確保產(chǎn)品或服務(wù)能夠有效地解決用戶的實(shí)際問題。
4.用戶行為和態(tài)度(User Behavior and Attitudes):
研究用戶在使用產(chǎn)品或服務(wù)時(shí)的行為模式和心理態(tài)度,包括他們的偏好、習(xí)慣以及對(duì)新技術(shù)或設(shè)計(jì)的接受度。這些信息有助于設(shè)計(jì)團(tuán)隊(duì)調(diào)整產(chǎn)品策略和功能,以更好地迎合用戶的期望和習(xí)慣。
在實(shí)際設(shè)計(jì)和開發(fā)過程中,通過收集和分析以上信息,設(shè)計(jì)團(tuán)隊(duì)可以更有針對(duì)性地制定商業(yè)模式、服務(wù)方式、策略重點(diǎn)和盈利模式,確保產(chǎn)品不僅能夠滿足市場需求,還能夠提供良好的用戶體驗(yàn),從而提升產(chǎn)品的競爭力和市場份額。
總之,用戶研究的核心在于通過深入理解用戶,為設(shè)計(jì)和開發(fā)團(tuán)隊(duì)提供關(guān)鍵的信息和見解,以便他們能夠有效地創(chuàng)造出符合用戶期望和需求的產(chǎn)品或服務(wù)。
 
B端產(chǎn)品設(shè)計(jì)優(yōu)化-基于用戶需求調(diào)研與分析
 
 
B端產(chǎn)品設(shè)計(jì)優(yōu)化-基于用戶需求調(diào)研與分析
 
 
三、產(chǎn)品生命周期的用戶研究考量
一個(gè)0-1的產(chǎn)品,在產(chǎn)品設(shè)計(jì)前,可能沒有大量的用戶或數(shù)據(jù),而又需要了解用戶的偏好,來定義產(chǎn)品需要解決的用戶痛點(diǎn)等問題,所以需要采取一些定性研究(訪談、用戶角色定義等)的方式來收集產(chǎn)品設(shè)計(jì)的核心需求。
1-N的產(chǎn)品,在產(chǎn)品設(shè)計(jì)前就擁有了一定比例的用戶和數(shù)據(jù),可以參考一些數(shù)據(jù)來確定產(chǎn)品優(yōu)化的方向和指標(biāo)。產(chǎn)品設(shè)計(jì)后,根據(jù)項(xiàng)目,也有兩種驗(yàn)證方法: 一是做A/B測試,慢慢推向市場小范圍收集反饋,待穩(wěn)定后再大規(guī)模推向整個(gè)市場。這種做法屬于定量的范疇。二是可用性測試,招募符合要求的用戶來參與新產(chǎn)品的試用,提前設(shè)計(jì)一些任務(wù)要求用戶來完成,并可以增加一些定性研究(眼動(dòng)實(shí)驗(yàn)、用戶訪談等)輔以完善。
B端產(chǎn)品設(shè)計(jì)優(yōu)化-基于用戶需求調(diào)研與分析
 
 
B端產(chǎn)品設(shè)計(jì)優(yōu)化-基于用戶需求調(diào)研與分析
 
 
 
在用戶研究中,定性和定量研究恰似一對(duì)相輔相成的伙伴,二者互為補(bǔ)充,緊密結(jié)合使用能夠?yàn)槲覀兲峁┤娑羁痰挠脩舳床臁?/div>
首先,在發(fā)現(xiàn)問題方面,定性研究發(fā)揮著至關(guān)重要的作用。
通過深入的用戶訪談、焦點(diǎn)小組討論以及實(shí)地觀察等方式,我們能夠走進(jìn)用戶的世界,聆聽他們的聲音,捕捉那些細(xì)微之處的潛在問題和珍貴的機(jī)會(huì)。比如,在一款新的社交軟件的研發(fā)過程中,通過與用戶的面對(duì)面交流,我們可能會(huì)發(fā)現(xiàn)用戶對(duì)于隱私設(shè)置的擔(dān)憂,或者對(duì)于特定功能的強(qiáng)烈需求,這些都是定量研究難以直接觸及的領(lǐng)域。
接著,驗(yàn)證假設(shè)環(huán)節(jié),定量研究則展現(xiàn)出其強(qiáng)大的實(shí)力。
利用大規(guī)模的數(shù)據(jù)收集和統(tǒng)計(jì)分析,我們可以對(duì)定性研究中發(fā)現(xiàn)的假設(shè)進(jìn)行驗(yàn)證和量化。例如,我們在定性研究中發(fā)現(xiàn)用戶對(duì)某個(gè)新功能的興趣較高,那么通過定量研究中的問卷調(diào)查或數(shù)據(jù)分析,我們可以確定這個(gè)興趣的具體程度以及在用戶群體中的普遍性,從而為產(chǎn)品決策提供有力的數(shù)據(jù)支持。
最后,在迭代設(shè)計(jì)階段,定性反饋成為了改善設(shè)計(jì)的關(guān)鍵。
用戶的具體意見、感受和建議,能夠?yàn)樵O(shè)計(jì)師提供精準(zhǔn)的改進(jìn)方向。同時(shí),定量數(shù)據(jù)的評(píng)估效果也不可或缺。通過對(duì)關(guān)鍵指標(biāo)的監(jiān)測和分析,我們可以客觀地評(píng)估設(shè)計(jì)迭代后的成效,如用戶留存率的提升、使用時(shí)長的增加等。這樣的循環(huán)往復(fù),使得產(chǎn)品在不斷的優(yōu)化中逐漸趨近于用戶的真正需求。
總之,定性和定量研究的結(jié)合,如同為用戶研究搭建了一座堅(jiān)實(shí)的大廈,為打造出卓越的產(chǎn)品和服務(wù)奠定了堅(jiān)實(shí)的基礎(chǔ)。
 
四、項(xiàng)目實(shí)戰(zhàn)-星漢低代碼平臺(tái)基礎(chǔ)建設(shè) 提升產(chǎn)品體驗(yàn)
1.項(xiàng)目介紹:
星漢低代碼平臺(tái)是一款將先進(jìn)的AI技術(shù)與低代碼開發(fā)理念完美結(jié)合的智能化開發(fā)平臺(tái)
旨在通過簡化且智能的開發(fā)工具
賦能開發(fā)者,提升研發(fā)效能、降低開發(fā)門檻,并增強(qiáng)應(yīng)用效果
2.項(xiàng)目背景:
低代碼平臺(tái)去年下半年開始支撐教育數(shù)字基座應(yīng)用開發(fā)助手的建設(shè),去年主要處于內(nèi)部打磨階段,今年上半年隨著應(yīng)用開發(fā)助手前三單的推廣,直面真實(shí)客戶的需求和交付壓力,暴露出來了許多問題:功能性的、非功能性(性能、安全、穩(wěn)定性)、架構(gòu)、協(xié)作與流程等。for商業(yè)化,為保障教育規(guī)模化交付,解決影響應(yīng)用交付的基礎(chǔ)功能問題及風(fēng)格換新,包括賬號(hào)權(quán)限體系、多租戶與資源隔離、第三方平臺(tái)對(duì)接、業(yè)務(wù)邏輯編排?;诖诵枨髮?duì)平臺(tái)的礎(chǔ)功能進(jìn)行完善,存在一下兩個(gè)問題:
1.基于多租戶與資源隔離問題:
無法支持多租戶及多租戶管理;多應(yīng)用不支持共享數(shù)據(jù)、賬號(hào)權(quán)限、工作流;不支持按交付項(xiàng)目管理和復(fù)制多個(gè)應(yīng)用等。使用優(yōu)先解決底層資源隔離的技術(shù)架構(gòu)調(diào)整、基礎(chǔ)項(xiàng)目管理產(chǎn)品功能,調(diào)整產(chǎn)品基礎(chǔ)功能架構(gòu),租戶配置、模板的措施才優(yōu)化體驗(yàn)。
2.基于業(yè)務(wù)邏輯編排問題:
無后端(1.業(yè)務(wù)邏輯處理,2.數(shù)據(jù)處理功能)均需要硬編碼;硬編碼部分無法隨產(chǎn)品升級(jí)而更新,與產(chǎn)品脫節(jié)需要獨(dú)立維護(hù);教育助手無法修改硬編碼的邏輯,無法最終提供給信息化老師(弱開發(fā)者)修改的問題。優(yōu)先解決業(yè)務(wù)邏輯腳本和SQL腳本代碼在低代碼平臺(tái)中可留存可復(fù)用可調(diào)式的基礎(chǔ)功能。
B端產(chǎn)品設(shè)計(jì)優(yōu)化-基于用戶需求調(diào)研與分析
 
 
3.設(shè)計(jì)目標(biāo)及方法:
基于產(chǎn)品的背景,明確了設(shè)計(jì)目標(biāo)是打造
“好用、易用”
的平臺(tái)操作體驗(yàn)。
通過設(shè)計(jì)洞察,從易操作性、易學(xué)性和易見性的角度重新定義問題并尋求最優(yōu)解決方案。
首先通過用戶調(diào)研&體驗(yàn)度量 了解平臺(tái)現(xiàn)狀和用戶痛點(diǎn),然后進(jìn)行競品分析和體驗(yàn)自查發(fā)現(xiàn)問題,最后基于發(fā)現(xiàn)的問題明確設(shè)計(jì)優(yōu)化點(diǎn)梳理并優(yōu)化產(chǎn)品。
B端產(chǎn)品設(shè)計(jì)優(yōu)化-基于用戶需求調(diào)研與分析
 
 
B端產(chǎn)品設(shè)計(jì)優(yōu)化-基于用戶需求調(diào)研與分析
 
 
4.三大指標(biāo)分析:
在用戶體驗(yàn)的領(lǐng)域中,滿意度、凈推薦值和費(fèi)力度這三大主觀指標(biāo)猶如三把衡量產(chǎn)品或服務(wù)質(zhì)量的關(guān)鍵標(biāo)尺。
B端產(chǎn)品設(shè)計(jì)優(yōu)化-基于用戶需求調(diào)研與分析
 
 
滿意度:短期內(nèi)衡量用戶幸福感的用戶得分
適用所有場景,適合作為補(bǔ)充指標(biāo)做體驗(yàn)評(píng)估。
滿意度的適用性非常高,可以用于詢問用戶各種問題,可以看整體的產(chǎn)品體驗(yàn)滿意度,也可以看具體的某個(gè)功能的滿意度。滿意度能夠體現(xiàn)出用戶對(duì)產(chǎn)品短期內(nèi)的幸福感。
滿意度的缺陷是無法體現(xiàn)用戶對(duì)產(chǎn)品的長期態(tài)度。
凈推薦值:長期內(nèi)衡量用戶幸福感得分 即客戶忠誠度
頭部廠商常用,適用于高頻高競爭對(duì)外用戶的產(chǎn)品。
是一種計(jì)量某個(gè)客戶可能會(huì)向其他人推薦某個(gè)企業(yè)或服務(wù)可能性的指數(shù)。
NPS被用于衡量目用戶長期的幸福感,廣泛用于互聯(lián)網(wǎng)產(chǎn)品來衡量用戶忠誠度。
費(fèi)力度:短期內(nèi)衡量用戶完成任務(wù)的難易程度
主要應(yīng)用于,ToB任務(wù)效率度量,相對(duì)于滿意度,企業(yè)內(nèi)部產(chǎn)品度量準(zhǔn)確度更高。
費(fèi)力度通過詢問用戶產(chǎn)品是否容易處理用戶的問題,來發(fā)現(xiàn)用戶對(duì)產(chǎn)品最真實(shí)的評(píng)價(jià)和用戶的痛點(diǎn),從而解決用戶關(guān)注的問題以提升用戶忠誠度。
 
4.對(duì)整體平臺(tái)進(jìn)行調(diào)研
對(duì)平臺(tái)進(jìn)行分析后總結(jié)出我們的平臺(tái)更適合于用費(fèi)力度進(jìn)行度量,得到的結(jié)果如下
費(fèi)力度度量:了解現(xiàn)階段平臺(tái)體驗(yàn)費(fèi)力度情況,為提升搭建效率10%做基準(zhǔn)線輔助定位。
體驗(yàn)緯度認(rèn)同度度量:了解現(xiàn)階段平臺(tái)操作效率、容易上手、界面美觀、系統(tǒng)穩(wěn)定、功能全面五個(gè)維度的認(rèn)同。
過程中發(fā)現(xiàn)平臺(tái)整體
產(chǎn)品服務(wù)路徑和體驗(yàn)非常費(fèi)力,系統(tǒng)穩(wěn)定度低
拆分操作效率、容易上手、界面美觀、系統(tǒng)穩(wěn)定、功能全面五個(gè)維度,結(jié)果認(rèn)同度均低。?最低的為系統(tǒng)穩(wěn)定度,最高的是界面美觀度。
B端產(chǎn)品設(shè)計(jì)優(yōu)化-基于用戶需求調(diào)研與分析
 
 
B端產(chǎn)品設(shè)計(jì)優(yōu)化-基于用戶需求調(diào)研與分析
 
 
B端產(chǎn)品設(shè)計(jì)優(yōu)化-基于用戶需求調(diào)研與分析
 
 
B端產(chǎn)品設(shè)計(jì)優(yōu)化-基于用戶需求調(diào)研與分析
 
 
B端產(chǎn)品設(shè)計(jì)優(yōu)化-基于用戶需求調(diào)研與分析
 
 
我們的主要競品產(chǎn)品是宜搭、輕流、明道云、簡道云。
宜搭
:是阿里巴巴自主研發(fā)的低代碼應(yīng)用開發(fā)平臺(tái),基于阿里云的基礎(chǔ)設(shè)施和釘釘?shù)钠髽I(yè)數(shù)字化操作系統(tǒng)。具有高度靈活性和適應(yīng)性,支持多種應(yīng)用場景和業(yè)務(wù)模式,提供豐富組件和模板,能快速構(gòu)建高質(zhì)量、可靠的應(yīng)用。例如,在企業(yè)級(jí)通信、項(xiàng)目管理、客戶關(guān)系管理等方面表現(xiàn)出色。它還具備出色的可擴(kuò)展性和易維護(hù)性,可與阿里云其他產(chǎn)品無縫集成,實(shí)現(xiàn)數(shù)據(jù)共享和協(xié)同辦公,同時(shí)支持自定義業(yè)務(wù)流程和數(shù)據(jù)字段。
輕流
:是一個(gè)無代碼系統(tǒng)搭建平臺(tái),能幫助用戶輕松搭建各種場景應(yīng)用,如進(jìn)銷存、客戶管理、OA 協(xié)同辦公、項(xiàng)目管理等。其特點(diǎn)是操作界面簡潔,通過拖拽添加字段、設(shè)置業(yè)務(wù)流、分配權(quán)限等簡單操作即可讓業(yè)務(wù)數(shù)據(jù)規(guī)范嚴(yán)謹(jǐn)?shù)亓鬓D(zhuǎn)。它還支持自定義門戶打造業(yè)務(wù)樞紐,實(shí)現(xiàn)不同業(yè)務(wù)場景,并且有多種視圖類型,讓業(yè)務(wù)人員以自己的方式高效工作,能夠滿足絕大多數(shù)企業(yè)信息化建設(shè)的需求。
明道云
:可零代碼構(gòu)建各種企業(yè)中后臺(tái)應(yīng)用,功能較為強(qiáng)大和靈活,例如在數(shù)據(jù)處理和分析方面有一定優(yōu)勢,支持復(fù)雜的業(yè)務(wù)邏輯搭建和數(shù)據(jù)整合。它提供了豐富的接口和集成能力,方便與其他系統(tǒng)進(jìn)行對(duì)接和擴(kuò)展。其應(yīng)用場景廣泛,涵蓋了項(xiàng)目管理、業(yè)務(wù)流程管理、數(shù)據(jù)分析等多個(gè)領(lǐng)域3。
簡道云
:是一個(gè)零代碼應(yīng)用搭建平臺(tái),以表單為核心,擅長數(shù)據(jù)的收集、整理和分析。用戶可以通過拖拉拽的方式輕松創(chuàng)建個(gè)性化的表單,實(shí)現(xiàn)信息收集管理。在流程自動(dòng)化方面表現(xiàn)突出,可視化調(diào)整業(yè)務(wù)流程,讓業(yè)務(wù)處理有條不紊。同時(shí)具備領(lǐng)先的報(bào)表能力,支持多表數(shù)據(jù)連接、權(quán)限管理、異常報(bào)警等,能幫助用戶進(jìn)行高效決策,數(shù)據(jù)全打通,可消滅數(shù)據(jù)孤島
 
我們對(duì)其視覺層的形、色、質(zhì)、構(gòu),與體驗(yàn)層均做了詳細(xì)的競品分析
調(diào)研完成后進(jìn)行視覺側(cè)梳理優(yōu)化點(diǎn):基于用戶原聲/競品分析/體驗(yàn)走查緯度等維度梳理優(yōu)化點(diǎn),進(jìn)行設(shè)計(jì)優(yōu)化。
B端產(chǎn)品設(shè)計(jì)優(yōu)化-基于用戶需求調(diào)研與分析
 
 
基于優(yōu)化點(diǎn)對(duì)產(chǎn)品進(jìn)行優(yōu)化升級(jí),優(yōu)化了組織架構(gòu),原來我們的架構(gòu)是單租戶,無法支持SaaS版本多租戶需求;無法支持多應(yīng)用業(yè)務(wù)邏輯和數(shù)據(jù)表復(fù)用,僅通過連接器、硬編碼方式聯(lián)通;模版功能不完整,無法支持多應(yīng)用綜合解決方案的模版新建功能。通過用戶調(diào)研發(fā)現(xiàn)用戶的痛點(diǎn),單租戶形式影響了用戶的操作效率與資源的隔離。
優(yōu)化后將租戶內(nèi)加入項(xiàng)目作為資源隔離,行業(yè)或服務(wù)商可以在一個(gè)租戶下管理交付給不同用戶的項(xiàng)目,針對(duì)項(xiàng)目進(jìn)行復(fù)制和授權(quán);可以解決多個(gè)應(yīng)用間的數(shù)據(jù)共享問題;開發(fā)者與用戶賬號(hào)權(quán)限分離,權(quán)限定位更加清晰減少安全風(fēng)險(xiǎn)。
B端產(chǎn)品設(shè)計(jì)優(yōu)化-基于用戶需求調(diào)研與分析
 
 
對(duì)網(wǎng)頁柵格系統(tǒng)進(jìn)行了規(guī)則劃分,確保頁面元素的對(duì)齊、平衡和一致性,主要基于的維度是:
  1.  
    提高設(shè)計(jì)效率:設(shè)計(jì)師可以依據(jù)柵格系統(tǒng)快速確定頁面元素的位置和大小,無需反復(fù)嘗試和調(diào)整,從而節(jié)省設(shè)計(jì)時(shí)間。
  2.  
    增強(qiáng)頁面一致性:通過柵格系統(tǒng),不同頁面的布局可以保持統(tǒng)一的風(fēng)格和結(jié)構(gòu),提升整個(gè)網(wǎng)站的視覺一致性。
  3.  
    改善用戶體驗(yàn):合理的柵格布局使頁面更加清晰、易讀,用戶可以更輕松地瀏覽和獲取信息。
我們的左側(cè)導(dǎo)航比常規(guī)的更加短一些,方便用戶在右側(cè)更好的操作和篩選。同時(shí)新增了展開和收起的功能,給予用戶更大的操作空間。
B端產(chǎn)品設(shè)計(jì)優(yōu)化-基于用戶需求調(diào)研與分析
 
 
基于顏色和情緒的關(guān)系,圍著功能屬性和特點(diǎn)給予了不同的顏色選擇。
藍(lán)色通常被認(rèn)為是穩(wěn)定、可靠和專業(yè)的顏色。因此,對(duì)于一些科技產(chǎn)品或金融服務(wù),藍(lán)色可能是一個(gè)合適的選擇,因?yàn)樗鼈鬟_(dá)了產(chǎn)品的可靠性和安全性。
紅色則是充滿活力、激情和力量的顏色。對(duì)于一些運(yùn)動(dòng)品牌或能量飲料,紅色可能是一個(gè)理想的選擇,因?yàn)樗鼈鬟_(dá)了產(chǎn)品的活力和能量。
綠色通常與自然、健康和環(huán)保相關(guān)。對(duì)于一些食品、保健品或環(huán)保產(chǎn)品,綠色可能是一個(gè)合適的選擇,因?yàn)樗鼈鬟_(dá)了產(chǎn)品的健康和環(huán)保特點(diǎn)。
B端產(chǎn)品設(shè)計(jì)優(yōu)化-基于用戶需求調(diào)研與分析
 
 
B端產(chǎn)品設(shè)計(jì)優(yōu)化-基于用戶需求調(diào)研與分析
 
 
B端產(chǎn)品設(shè)計(jì)優(yōu)化-基于用戶需求調(diào)研與分析
 
 
最后,完成了包括多租戶與資源隔離、業(yè)務(wù)邏輯編排、角色權(quán)限能功能設(shè)計(jì)。
構(gòu)建簡潔、直觀、高效且具有吸引力的用戶界面,確保用戶能夠輕松、愉悅地完成各項(xiàng)操作,從而提升產(chǎn)品的整體用戶滿意度和忠誠度,為產(chǎn)品的成功奠定堅(jiān)實(shí)的基礎(chǔ)。謝謝。



作者:小雞小小小小雞
鏈接:https://www.zcool.com.cn/article/ZMTYzMzU2MA==.html
來源:站酷

 

 

藍(lán)藍(lán)設(shè)計(jì)(m.miumiuwan.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)交互設(shè)計(jì)、UI咨詢高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。

WechatIMG27.jpg

關(guān)鍵詞:UI咨詢、UI設(shè)計(jì)服務(wù)公司軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(yàn)公司高端網(wǎng)站設(shè)計(jì)公司、銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)

深入探究B端產(chǎn)品設(shè)計(jì)的核心

ui設(shè)計(jì)分享達(dá)人 B端ui設(shè)計(jì)文章及欣賞

一、B端用戶需求的深入理解和分析
在當(dāng)今高度信息化的商業(yè)環(huán)境中,B端產(chǎn)品已成為企業(yè)高效運(yùn)營和持續(xù)發(fā)展的關(guān)鍵支撐。
這些產(chǎn)品不僅提供工具和服務(wù),更是企業(yè)優(yōu)化流程、提升工作效率和競爭力的有力武器。然而,要打造一款成功的B端產(chǎn)品,關(guān)鍵在于對(duì)
B端用戶需求的深入理解與分析。
B端用戶,
如企業(yè)決策者、團(tuán)隊(duì)管理者和專業(yè)人員以及普通員工,他們在日常工作中處理復(fù)雜的業(yè)務(wù)流程,對(duì)數(shù)據(jù)分析、系統(tǒng)整合、安全性等方面有著極高的要求。
這些用戶的獨(dú)特需求不僅體現(xiàn)在產(chǎn)品的基本功能上,更涉及到產(chǎn)品的易用性、可擴(kuò)展性以及服務(wù)支持等多個(gè)層面。
深入探究B端產(chǎn)品設(shè)計(jì)的核心
 
 
深入探究B端產(chǎn)品設(shè)計(jì)的核心
 
 
深入探究B端產(chǎn)品設(shè)計(jì)的核心
 
 
深入探究B端產(chǎn)品設(shè)計(jì)的核心
 
 
深入探究B端產(chǎn)品設(shè)計(jì)的核心
 
 
需求分析是產(chǎn)品設(shè)計(jì)的核心環(huán)節(jié),它要求設(shè)計(jì)師深入探究用戶的需求、痛點(diǎn)和期望,從而確保產(chǎn)品能夠滿足用戶的實(shí)際需求。對(duì)于B端用戶而言,需求分析的重要性更為突出。這是因?yàn)锽端產(chǎn)品往往需要解決企業(yè)運(yùn)營中的具體問題,其設(shè)計(jì)必須緊密圍繞用戶的需求展開,以確保產(chǎn)品的實(shí)用性和高效性。
在需求分析的過程中,我們需要關(guān)注以下幾個(gè)方面:
深入探究B端產(chǎn)品設(shè)計(jì)的核心
 
 
首先,
功能性需求
是B端用戶最為關(guān)注的一點(diǎn)。他們需要產(chǎn)品具備強(qiáng)大的數(shù)據(jù)處理能力、靈活的業(yè)務(wù)流程管理功能以及全面的安全防護(hù)措施。這些功能性的需求是確保B端產(chǎn)品能夠滿足企業(yè)日常運(yùn)營需要的基礎(chǔ)。
其次,
易用性需求
同樣不容忽視。盡管B端產(chǎn)品往往面向具備一定專業(yè)素養(yǎng)的用戶,但簡潔直觀的界面設(shè)計(jì)、流暢的操作體驗(yàn)以及可定制的用戶界面仍然是提升用戶滿意度的關(guān)鍵。通過優(yōu)化用戶交互流程、減少冗余信息,我們可以幫助用戶更高效地完成工作任務(wù)。
此外,
整合與擴(kuò)展性需求
也是B端用戶關(guān)注的重點(diǎn)。企業(yè)需要產(chǎn)品能夠與其他系統(tǒng)無縫對(duì)接,實(shí)現(xiàn)數(shù)據(jù)共享和業(yè)務(wù)協(xié)同。同時(shí),隨著企業(yè)業(yè)務(wù)的發(fā)展,產(chǎn)品還需要具備良好的擴(kuò)展性,以支持新功能的快速添加和部署。
最后,
服務(wù)與支持需求
同樣重要。B端用戶期望獲得專業(yè)的客戶支持、完善的培訓(xùn)機(jī)制以及豐富的資源文檔,以確保產(chǎn)品的穩(wěn)定運(yùn)行和持續(xù)優(yōu)化。
深入探究B端產(chǎn)品設(shè)計(jì)的核心
 
 
綜上所述,深入理解B端用戶的獨(dú)特需求是打造成功B端產(chǎn)品的關(guān)鍵。通過全面的需求分析,我們可以確保產(chǎn)品不僅滿足用戶的基本功能需求,更在易用性、整合擴(kuò)展性和服務(wù)支持等方面提供卓越的體驗(yàn)。這將有助于提升企業(yè)的運(yùn)營效率,進(jìn)而推動(dòng)其在激烈的市場競爭中脫穎而出。
 
二、B端用戶的獨(dú)特需求
B端用戶,即企業(yè)級(jí)用戶,他們的需求與C端個(gè)人用戶有著顯著的差異。
這些差異主要體現(xiàn)在以下幾個(gè)方面:
深入探究B端產(chǎn)品設(shè)計(jì)的核心
 
 
業(yè)務(wù)強(qiáng)驅(qū)動(dòng)性:
B端產(chǎn)品的主要需求來源于業(yè)務(wù)方,由業(yè)務(wù)驅(qū)動(dòng)并主導(dǎo)。
這是因?yàn)锽端產(chǎn)品主要是為了解決組織內(nèi)某個(gè)或某一類具體業(yè)務(wù)領(lǐng)域的問題。業(yè)務(wù)方通常離業(yè)務(wù)最近,也最了解使用用戶的需求,因此他們在產(chǎn)品需求上擁有較大的話語權(quán)。
用戶群體差異大:
不同于C端用戶需求的大同小異,B端用戶群體的需求差異巨大。
這些差異主要體現(xiàn)在角色差異、組織差異、管理層級(jí)差異、用戶深度差異、客戶規(guī)模差異、客戶行業(yè)差異以及客戶性質(zhì)差異等。這種多樣性要求B端產(chǎn)品在設(shè)計(jì)時(shí)需要考慮更多的變量和定制化需求。
高效性與便捷性
企業(yè)級(jí)用戶非常重視工作效率和操作流程的簡化。
他們希望產(chǎn)品能夠提供高效的功能和簡潔的操作界面,以減少工作中的繁瑣步驟和時(shí)間成本。因此,B端產(chǎn)品設(shè)計(jì)需要注重提升用戶的工作效率,提供便捷的操作體驗(yàn)。
安全性與穩(wěn)定性:
對(duì)于企業(yè)級(jí)用戶來說,數(shù)據(jù)安全和系統(tǒng)穩(wěn)定是至關(guān)重要的。
他們需要一個(gè)可靠且安全的平臺(tái)來處理和存儲(chǔ)敏感的業(yè)務(wù)數(shù)據(jù)。B端產(chǎn)品必須能夠提供強(qiáng)大的安全防護(hù)措施和穩(wěn)定的系統(tǒng)性能,以確保企業(yè)業(yè)務(wù)的正常運(yùn)行和數(shù)據(jù)的安全。
定制化與靈活性:
每個(gè)企業(yè)的業(yè)務(wù)流程和需求都是獨(dú)特的,因此B端用戶希望產(chǎn)品能夠根據(jù)自身的實(shí)際情況進(jìn)行定制。
他們需要一個(gè)靈活可配置的產(chǎn)品解決方案,以滿足企業(yè)特定的業(yè)務(wù)需求和工作流程。
集成性與兼容性:
在企業(yè)級(jí)應(yīng)用中,B端產(chǎn)品往往需要與其他系統(tǒng)或軟件進(jìn)行集成,以實(shí)現(xiàn)數(shù)據(jù)的共享和流程的協(xié)同。
因此,產(chǎn)品的集成性和兼容性是企業(yè)用戶非常關(guān)注的一個(gè)方面。B端產(chǎn)品設(shè)計(jì)需要考慮到與現(xiàn)有系統(tǒng)的無縫對(duì)接和數(shù)據(jù)交換的便捷性。
深入探究B端產(chǎn)品設(shè)計(jì)的核心
 
 
綜上所述,B端用戶的獨(dú)特需求主要體現(xiàn)在業(yè)務(wù)的強(qiáng)驅(qū)動(dòng)性、用戶群體的大差異性、對(duì)高效便捷的追求、對(duì)安全穩(wěn)定的重視、對(duì)定制化和靈活性的需求以及對(duì)集成性和兼容性的關(guān)注等方面。這些需求特點(diǎn)要求B端產(chǎn)品在設(shè)計(jì)時(shí)必須充分考慮企業(yè)級(jí)用戶的實(shí)際需求和業(yè)務(wù)場景,以提供符合用戶期望的優(yōu)質(zhì)產(chǎn)品解決方案。
 
三、
B端產(chǎn)品設(shè)計(jì)的核心原則
B端產(chǎn)品設(shè)計(jì)需要遵循一系列核心原則,以確保產(chǎn)品能夠滿足企業(yè)級(jí)用戶的獨(dú)特需求。
深入探究B端產(chǎn)品設(shè)計(jì)的核心
 
 
3.1 用戶中心設(shè)計(jì)
深入理解目標(biāo)用戶:
在設(shè)計(jì)B端產(chǎn)品時(shí),必須首先了解目標(biāo)用戶,包括他們的工作流程、需求痛點(diǎn)以及行為習(xí)慣。這需要通過深入的用戶研究和調(diào)查來實(shí)現(xiàn),以便更好地設(shè)計(jì)適合用戶的產(chǎn)品。
符合用戶期望:
產(chǎn)品的設(shè)計(jì)應(yīng)以用戶為中心,確保功能、界面和操作都符合用戶的期望和習(xí)慣。這有助于提高用戶滿意度和使用效率。
3.2 簡潔直觀的界面
簡約性:
B端產(chǎn)品的交互界面應(yīng)該簡潔明了,避免過多的復(fù)雜功能和視覺元素。這樣用戶可以更輕松地理解和使用產(chǎn)品。
直觀性:
界面設(shè)計(jì)應(yīng)直觀易懂,減少用戶的學(xué)習(xí)成本。通過明確的導(dǎo)航和標(biāo)識(shí),幫助用戶快速找到所需功能。
3.3 強(qiáng)大的功能支持
滿足業(yè)務(wù)需求:
B端產(chǎn)品需要提供豐富的功能,以滿足企業(yè)復(fù)雜的業(yè)務(wù)需求。這些功能應(yīng)涵蓋用戶在工作流程中的各個(gè)環(huán)節(jié),確保用戶能夠順利完成工作任務(wù)。
靈活配置:
產(chǎn)品功能應(yīng)具備高度的可配置性,以便用戶根據(jù)自身需求進(jìn)行靈活調(diào)整。這有助于提升產(chǎn)品的適用性和用戶體驗(yàn)。
3.4 高度可配置性
定制化體驗(yàn):
B端產(chǎn)品應(yīng)允許用戶根據(jù)自身需求靈活配置產(chǎn)品功能和界面。這包括調(diào)整功能模塊、設(shè)置權(quán)限、定制報(bào)表等,以滿足不同用戶的個(gè)性化需求。
易于管理:
產(chǎn)品應(yīng)提供便捷的管理工具,使用戶能夠輕松地對(duì)產(chǎn)品進(jìn)行配置和管理。這有助于降低用戶的操作難度和提升工作效率。
3.5 數(shù)據(jù)驅(qū)動(dòng)決策
數(shù)據(jù)分析:
B端產(chǎn)品應(yīng)具備強(qiáng)大的數(shù)據(jù)分析功能,幫助用戶深入挖掘業(yè)務(wù)數(shù)據(jù)中的價(jià)值。通過對(duì)數(shù)據(jù)的分析,用戶可以更好地了解業(yè)務(wù)狀況、發(fā)現(xiàn)問題并制定相應(yīng)的解決方案。
決策支持:
產(chǎn)品應(yīng)提供可視化的數(shù)據(jù)報(bào)表和分析工具,為用戶提供決策支持。這有助于用戶做出更明智的決策,推動(dòng)企業(yè)的發(fā)展和創(chuàng)新。
深入探究B端產(chǎn)品設(shè)計(jì)的核心
 
 
綜上所述,B端產(chǎn)品設(shè)計(jì)的核心原則包括用戶中心設(shè)計(jì)、簡潔直觀的界面、強(qiáng)大的功能支持、高度可配置性以及數(shù)據(jù)驅(qū)動(dòng)決策。遵循這些原則有助于設(shè)計(jì)出符合企業(yè)級(jí)用戶需求的優(yōu)質(zhì)B端產(chǎn)品。
 
四、B端產(chǎn)品設(shè)計(jì)流程
B端產(chǎn)品設(shè)計(jì)流程是一個(gè)系統(tǒng)性、結(jié)構(gòu)化的過程,旨在確保產(chǎn)品能夠滿足企業(yè)級(jí)用戶的實(shí)際需求和業(yè)務(wù)場景。
深入探究B端產(chǎn)品設(shè)計(jì)的核心
 
 
4.1 市場調(diào)研與用戶研究
市場調(diào)研:
了解行業(yè)趨勢、市場規(guī)模、主要競爭對(duì)手以及潛在的市場機(jī)會(huì),為產(chǎn)品定位和設(shè)計(jì)提供市場層面的輸入。
用戶研究:
通過深入訪談、問卷調(diào)查、用戶觀察等方式,收集目標(biāo)用戶的需求、痛點(diǎn)、工作流程等信息。這些信息對(duì)于理解用戶行為和期望至關(guān)重要。
4.2 需求調(diào)研和分析
需求收集:
從用戶、業(yè)務(wù)方、利益相關(guān)者等多渠道收集需求。
需求分析:
對(duì)收集到的需求進(jìn)行深入分析,理解需求的本質(zhì)和背后的業(yè)務(wù)邏輯。
需求篩選與排序:
基于業(yè)務(wù)價(jià)值、用戶價(jià)值、實(shí)現(xiàn)成本等因素,對(duì)需求進(jìn)行篩選和優(yōu)先級(jí)排序。
4.3 產(chǎn)品規(guī)劃與設(shè)計(jì)
產(chǎn)品規(guī)劃:
根據(jù)市場調(diào)研和用戶研究結(jié)果,制定產(chǎn)品的發(fā)展規(guī)劃和路線圖。
功能設(shè)計(jì):
明確產(chǎn)品的核心功能和特點(diǎn),確保產(chǎn)品能夠滿足用戶的實(shí)際需求。
信息架構(gòu)設(shè)計(jì):
對(duì)產(chǎn)品的內(nèi)容和功能進(jìn)行分類和組織,確定產(chǎn)品的核心功能和信息架構(gòu),使用戶更容易找到和使用相關(guān)功能。
4.4 原型設(shè)計(jì)與UI設(shè)計(jì)
原型設(shè)計(jì):
制作產(chǎn)品原型,展示產(chǎn)品的基本結(jié)構(gòu)和交互流程,幫助團(tuán)隊(duì)更好地理解產(chǎn)品設(shè)計(jì)。
UI設(shè)計(jì):
根據(jù)產(chǎn)品原型和業(yè)務(wù)需求,進(jìn)行用戶界面設(shè)計(jì),確保界面簡潔、美觀且易于使用。
4.5 用戶測試與反饋
用戶測試:
邀請(qǐng)目標(biāo)用戶對(duì)產(chǎn)品原型或初步實(shí)現(xiàn)的產(chǎn)品進(jìn)行測試,觀察用戶的使用行為和反饋。
反饋收集與分析:
收集用戶的反饋意見,對(duì)反饋進(jìn)行深入分析,找出產(chǎn)品的問題和改進(jìn)點(diǎn)。
4.6 產(chǎn)品開發(fā)與迭代
產(chǎn)品開發(fā):
基于產(chǎn)品設(shè)計(jì)文檔和原型,進(jìn)行產(chǎn)品的實(shí)際開發(fā)工作。
測試與修復(fù):
對(duì)開發(fā)完成的產(chǎn)品進(jìn)行詳細(xì)的測試,確保產(chǎn)品質(zhì)量和穩(wěn)定性。針對(duì)測試中發(fā)現(xiàn)的問題進(jìn)行及時(shí)修復(fù)。
產(chǎn)品迭代:
根據(jù)用戶反饋和市場變化,持續(xù)對(duì)產(chǎn)品進(jìn)行迭代和優(yōu)化,以滿足用戶不斷變化的需求。
4.7 上線與運(yùn)維
產(chǎn)品上線:
經(jīng)過充分的測試和驗(yàn)證后,將產(chǎn)品正式上線,供用戶使用。
運(yùn)維與監(jiān)控:
持續(xù)監(jiān)控產(chǎn)品的運(yùn)行狀況,及時(shí)發(fā)現(xiàn)并解決潛在的問題。同時(shí),為用戶提供必要的技術(shù)支持和服務(wù)。
深入探究B端產(chǎn)品設(shè)計(jì)的核心
 
 
整個(gè)B端產(chǎn)品設(shè)計(jì)流程需要跨部門的緊密協(xié)作和持續(xù)的用戶參與。通過不斷優(yōu)化和完善設(shè)計(jì)流程,可以確保B端產(chǎn)品更加貼近用戶需求,提升用戶體驗(yàn)和業(yè)務(wù)效率。
 
五、結(jié)論
B端產(chǎn)品設(shè)計(jì)流程是一個(gè)復(fù)雜而精細(xì)的過程,它涉及到從市場調(diào)研、用戶研究到產(chǎn)品開發(fā)、迭代和運(yùn)維的多個(gè)環(huán)節(jié)。在這個(gè)過程中,始終以用戶需求為中心,通過深入的市場和用戶研究來確保產(chǎn)品的定位準(zhǔn)確性,再通過原型設(shè)計(jì)、用戶測試等環(huán)節(jié)不斷優(yōu)化產(chǎn)品設(shè)計(jì),最終開發(fā)出滿足用戶需求、穩(wěn)定且高效的B端產(chǎn)品。
通過遵循這一流程,
企業(yè)能夠更有效地理解目標(biāo)市場和用戶的真實(shí)需求,設(shè)計(jì)出更符合用戶使用習(xí)慣和業(yè)務(wù)流程的產(chǎn)品。這不僅可以提升用戶的工作效率和滿意度,還可以增強(qiáng)企業(yè)的市場競爭力,實(shí)現(xiàn)商業(yè)價(jià)值的最大化。
B端產(chǎn)品設(shè)計(jì)流程是確保產(chǎn)品質(zhì)量和滿足用戶需求的關(guān)鍵,它需要多部門的協(xié)同合作和持續(xù)的用戶參與,以打造出優(yōu)秀的B端產(chǎn)品。
 



作者:張陽光Designer
鏈接:https://www.zcool.com.cn/article/ZMTYyMTczNg==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

藍(lán)藍(lán)設(shè)計(jì)(m.miumiuwan.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。

WechatIMG27.jpg

關(guān)鍵詞:UI咨詢UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司、銀行金融軟件UI界面設(shè)計(jì)能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開發(fā)、軟件wpf開發(fā)軟件vue開發(fā)

 

 

B端數(shù)據(jù)可視化設(shè)計(jì)經(jīng)驗(yàn)分享第三彈:表單設(shè)計(jì)(下)

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

表單作為B端產(chǎn)品重要的信息載體,有著舉足輕重的作用,通過設(shè)計(jì)的手段來提高表單的易用性不僅能夠改善用戶體驗(yàn),降低錯(cuò)誤率,提高填寫效率,還能增加用戶參與度和完成率,同時(shí)對(duì)企業(yè)或組織而言提高效率和減少成本。

B端數(shù)據(jù)可視化設(shè)計(jì)經(jīng)驗(yàn)分享第二彈:表單設(shè)計(jì)(上)

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

在電腦不普及的時(shí)代,企業(yè)或者機(jī)構(gòu)在收集用戶信息時(shí),通常采用紙質(zhì)單據(jù)讓用戶填寫,而這個(gè)單據(jù),就是最原始的表單。我們常說B端產(chǎn)品其實(shí)就是把線下已經(jīng)存在的流程搬到線上,有利于擴(kuò)大市場和提高使用效率和管理效率。而B端表單,其實(shí)就是把原先需要線下手工填寫的表單映射到線上,并使其錄入符合線上設(shè)備(如手機(jī)、電腦)的使用習(xí)慣。

C端UI設(shè)計(jì)與B端UI設(shè)計(jì)的深度解析與本質(zhì)區(qū)別

藍(lán)藍(lán)設(shè)計(jì)的小編

在數(shù)字化時(shí)代,用戶界面的設(shè)計(jì)是實(shí)現(xiàn)良好用戶體驗(yàn)的重要因素。盡管C端和B端的UI設(shè)計(jì)都旨在滿足用戶需求,但它們在目標(biāo)受眾、功能需求、設(shè)計(jì)原則以及行業(yè)特征等方面存在顯著差異。本文將詳細(xì)探討C端與B端UI設(shè)計(jì)的本質(zhì)區(qū)別,幫助設(shè)計(jì)師和產(chǎn)品經(jīng)理更好地理解這兩個(gè)領(lǐng)域的設(shè)計(jì)要點(diǎn)。

日歷

鏈接

個(gè)人資料

存檔