色偷偷超碰_亚洲成肉网_日日干夜夜撸_黄色一级片子_男人午夜视频_久久精品99久久久久久

首頁

這五個(gè)經(jīng)典Adobe圖標(biāo),藏著哪些設(shè)計(jì)巧思?

清陽 圖標(biāo)設(shè)計(jì)文章及欣賞

五個(gè)看似簡(jiǎn)單的圖標(biāo),背后卻是Adobe數(shù)十年產(chǎn)品演進(jìn)的縮影。從擬物到極簡(jiǎn),從功能隱喻到文化符號(hào),這些“常青樹”圖標(biāo)不僅定義了設(shè)計(jì)工具的操作邏輯,更見證了人機(jī)交互語言的變遷。

Adobe的產(chǎn)品大家應(yīng)該都用過,每個(gè)產(chǎn)品里都有很多一些經(jīng)典且有特色的工具圖標(biāo)。今天介紹五個(gè)Adobe圖標(biāo),稱得上是設(shè)計(jì)圈的“常青樹”。它們陪著Adobe走過幾十年,跟著旗下的王牌產(chǎn)品一起成長(zhǎng),一路迭代卻始終不過氣。

每個(gè)圖標(biāo)背后都有段故事,不止于設(shè)計(jì),更藏著技術(shù)、文化、用戶需求和這些年產(chǎn)品的變遷~

01 “眼睛”圖標(biāo)

核心功能:控制圖層顯示 / 隱藏

“眼睛”圖標(biāo)是經(jīng)典的設(shè)計(jì)隱喻,用得廣好理解,用來表達(dá)“顯示/隱藏”“可見/不可見”這種對(duì)立的概念。

在早期淺色版PS中,最開始用來控制圖層“顯示/隱藏”的是版本A,效果做得特別逼真,睫毛、瞳孔都看得清楚。

后來推出深色版本的PS,寫實(shí)的“眼睛”看著有點(diǎn)怪,就重新設(shè)計(jì)了在淺/深背景下效果差不多的版本B。

現(xiàn)在的“眼睛”圖標(biāo)早就從精致的寫實(shí)風(fēng),變成了簡(jiǎn)約抽象的符號(hào)風(fēng),適用范圍更廣,能讓人明白是“控制可見性”。

同時(shí),針對(duì)淺深不同的顏色模式,“眼睛”圖標(biāo)在保持形狀不變的情況下反轉(zhuǎn)了顏色,這樣在不同平臺(tái)或者設(shè)備中都能使用樣式更統(tǒng)一的圖標(biāo)。

02 魔棒”圖標(biāo)

核心功能:一鍵實(shí)現(xiàn)圖像便捷操作(如選色)

“魔棒”圖標(biāo)的設(shè)計(jì)一直圍繞“魔法”展開,但現(xiàn)在四芒星成了AI標(biāo)志性元素后,就得重新考慮“魔棒”的展示效果,既要保留“魔棒”的標(biāo)志元素,又要和AI功能圖標(biāo)有區(qū)分。

在新版PS中,“魔棒”圖標(biāo)保留了原來的閃光樣式,重新調(diào)整了閃光元素的位置、大小和旋轉(zhuǎn)角度。從最開始的單個(gè)A版樣式,改成了旋轉(zhuǎn)后的B版樣式,最后用了三個(gè)獨(dú)立閃光元素的C版樣式,徹底和AI功能區(qū)分開。

03 “鋼筆”圖標(biāo)

核心功能:精準(zhǔn)繪制矢量路徑、貝塞爾曲線

現(xiàn)在“鋼筆”圖標(biāo)是很常見的設(shè)計(jì),但回溯到1987年Adobe Illustrator剛推出時(shí),它才真正成為“創(chuàng)建、編輯矢量路徑”的代名詞。

它不是用來隨手畫的“鉛筆”,也不是用來涂色的“畫筆”,而是能精準(zhǔn)畫貝塞爾曲線、做矢量圖的“鋼筆”。

這么多年,“鋼筆”代表“矢量繪圖”的核心意思沒改,但圖標(biāo)的朝向調(diào)整過。

在Illustrator 15版本里,“鋼筆”角度被旋轉(zhuǎn)傾斜,目的是更好地適配按鈕空間,還能和其他工具圖標(biāo)的方向保持一致。

04 “裁剪”圖標(biāo)

核心功能:修剪、旋轉(zhuǎn)、矯正圖像

從Photoshop 1.0版本開始,“裁剪”圖標(biāo)就存在了。它的設(shè)計(jì)靈感,來自暗房里洗照片時(shí)用的遮罩框,特別是框上的角線。這么多年“裁剪”圖標(biāo)雖有小調(diào)整,但一直是個(gè)經(jīng)得起時(shí)間考驗(yàn)的經(jīng)典符號(hào)。

這些年“裁剪”圖標(biāo)做了不少優(yōu)化:

  • 去掉原來的對(duì)角線,外觀更簡(jiǎn)潔;
  • 加了箭頭,用來表示圖片旋轉(zhuǎn)功能。

星號(hào)標(biāo)記的地方,是這些年Adobe嘗試調(diào)整標(biāo)尺交叉位置的情況,直到2020年才確定了現(xiàn)在“左上右下”的位置順序(這億點(diǎn)變化你發(fā)現(xiàn)了嗎…)

05 “軟盤”圖標(biāo)

核心功能:保存文件(本地/云端/U盤)

“軟盤”圖標(biāo)和“電話聽筒”圖標(biāo)一樣,都是擬物化設(shè)計(jì)的代表——就算很多人沒見過真正的軟盤,也知道它代表“保存”。

用圖標(biāo)表示抽象操作本身就不容易,再加上這么多年存儲(chǔ)設(shè)備一直在變,軟盤圖標(biāo)的“長(zhǎng)壽”更讓人驚訝。

從最開始代表軟盤的A版圖標(biāo),到后來代表光盤/硬盤的B版圖標(biāo),再到現(xiàn)在代表保存到云端的C版圖標(biāo),它的含義一直在延伸。

但看到這個(gè)經(jīng)典符號(hào),大家就知道是“保存”,這就夠了。

最后

圖標(biāo)雖小,但影響力卻很大。

寥寥幾個(gè)像素,卻承載著豐富的意義、記憶和隱喻。隨著工具、用戶和平臺(tái)的不斷發(fā)展,作為指引的圖標(biāo)也在不斷演變。

這些圖標(biāo)的變化告訴我們,設(shè)計(jì)不是一成不變的,而是一個(gè)不斷傾聽用戶、測(cè)試效果、優(yōu)化改進(jìn)的動(dòng)態(tài)過程,有時(shí)甚至?xí)貧w到那些有效的經(jīng)典設(shè)計(jì)里。

所以下次你點(diǎn)圖標(biāo)時(shí),不妨多停一秒,好好看看這個(gè)藏著很多故事的小小圖像。

轉(zhuǎn)載:人人都是產(chǎn)品經(jīng)理

蘭亭妙微(藍(lán)藍(lán)設(shè)計(jì))www.ywne.cn 是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(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。

 

image.png

UI 走查這件事,90% 問題都寫在 DevTools 里

清陽 設(shè)計(jì)資源

UI走查中95%的問題源于“間距不準(zhǔn)”,而肉眼難以量化,導(dǎo)致溝通低效。DevTools(瀏覽器開發(fā)者工具)作為設(shè)計(jì)師與前端的“共同尺子”,能將頁面視覺問題轉(zhuǎn)化為可測(cè)量、可驗(yàn)證的技術(shù)事實(shí)。本文從設(shè)計(jì)師視角系統(tǒng)講解如何用DevTools高效走查,希望可以幫到大家。

如果你經(jīng)常參與 UI 走查,應(yīng)該會(huì)有類似的體驗(yàn):設(shè)計(jì)稿里一切工整、呼吸感剛剛好,到了線上頁面,總有種說不出的別扭——按鈕看起來有點(diǎn)胖,列表擠成一團(tuán),彈層莫名“頂頭”——你明明感覺哪里不對(duì),卻很難說清楚問題到底在哪兒。

有一組數(shù)據(jù)挺扎心:在一次前端對(duì)UI 走查問題的統(tǒng)計(jì)中,“間距”占到了 95%、字體相關(guān)只有 3%、邊框背景色等合計(jì)只有 2%。

換句話說,大部分“看著不舒服”,其實(shí)都跟間距有關(guān)系。但是間距很難通過肉眼直接量化,導(dǎo)致設(shè)計(jì)師走查費(fèi)時(shí)、與前端溝通效率低,前端修改有時(shí)也是“跟著感覺來”、難以達(dá)到最優(yōu)效果。

這也是為什么,我把 DevTools(開發(fā)者工具)當(dāng)成 UI 走查的標(biāo)配工具。

這篇文章,就想從一個(gè)設(shè)計(jì)師的視角,講講什么是 DevTools 、如何用 DevTools 做高效的 UI 走查,把實(shí)踐中總結(jié)出的那一整套方法,匯成一條實(shí)際好操作的路徑。

本文不涉及復(fù)雜的代碼和技術(shù)概念,放心享用。

01 DevTools是什么

DevTools(Developer Tools,開發(fā)者工具)是現(xiàn)代瀏覽器自帶的一套網(wǎng)頁檢查與調(diào)試工具,用于查看網(wǎng)頁的結(jié)構(gòu)、樣式、腳本、網(wǎng)絡(luò)請(qǐng)求和性能等信息。它能夠?qū)崟r(shí)展示頁面背后的代碼和布局,并允許用戶在本地修改樣式、觀察變化。

DevTools 不是獨(dú)立軟件,而是瀏覽器內(nèi)置功能。目前主流瀏覽器都提供了自己的 DevTools,包括Chrome、Safari、Firefox、Edge等。

DevTools 不是只給前端用的“黑客面板”,而是設(shè)計(jì)師與工程師之間的一把“共同的尺子”,它能讓一個(gè)頁面的“表面外觀”變成“透明結(jié)構(gòu)”:你可以在上面看到每一個(gè)元素的真實(shí)尺寸、間距、顏色和字體,可以在幾秒鐘內(nèi)驗(yàn)證“到底是誰沒對(duì)齊”,也可以通過臨時(shí)修改樣式,把你腦子里的改善方案可視化地呈現(xiàn)出來。

換句話說,它提供了一種把 UI 視覺現(xiàn)象與技術(shù)實(shí)現(xiàn)邏輯直接對(duì)應(yīng)起來的能力。

02 開始使用

開始之前,第一步永遠(yuǎn)是把 DevTools 打開。最常用的方式是:

  • 鍵盤黨可以用 Command + Option + I或 F12
  • 鼠標(biāo)黨可以直接在頁面上右鍵 →「檢查(Inspect)」

很多設(shè)計(jì)師第一次看到 Elements 面板時(shí),會(huì)被大片的 <div> 嚇到。

其實(shí)可以把它當(dāng)作“頁面骨架實(shí)時(shí)展開圖”:每一層縮進(jìn)就是嵌套關(guān)系,每個(gè)標(biāo)簽對(duì)應(yīng)頁面上的一個(gè)區(qū)域。

我們不需要懂它,只需要關(guān)注與UI走查密切相關(guān)的三個(gè)面板:樣式Styles(樣式規(guī)則)、計(jì)算樣式Computed(最終計(jì)算值)、布局Layout(布局體系)。

如果你對(duì)英文屬性名不夠熟,可以在右上角齒輪按鈕里,把語言切換到中文,這能降低學(xué)習(xí)成本。

03 從元素出發(fā)

要做 UI 走查,第一件事就是精準(zhǔn)選中目標(biāo)元素,常見方式包括:

方法一:用“選取器”在頁面上點(diǎn)選

點(diǎn)擊 DevTools 左上角的小箭頭

在頁面上移動(dòng)鼠標(biāo),高亮所選區(qū)域,點(diǎn)擊可鎖定元素

適合復(fù)雜、多層嵌套的界面。

方法二:右鍵檢查

hover到具體元素,右鍵 → 檢查(Inspect)適合按鈕、標(biāo)題、圖標(biāo)等肉眼識(shí)別明顯的元素

04 把間距「量」出來

既然 UI 走查里 95% 的問題都是”間距看著不對(duì)”,學(xué)會(huì)量間距是最劃算的一件事。

有兩個(gè)方法:

方法一:看 Box Model

要理解間距,首先要認(rèn)識(shí) Box Model(盒模型)——這是網(wǎng)頁布局的基礎(chǔ)概念,它將每個(gè)元素看作一個(gè)”盒子”,由內(nèi)到外分為四層:content(內(nèi)容區(qū))、padding(內(nèi)邊距)、border(邊框)、margin(外邊距)。

DevTools 能將這個(gè)模型可視化展示,讓你清楚看到每一層的數(shù)值,從而與設(shè)計(jì)稿進(jìn)行比對(duì),精準(zhǔn)定位間距問題的根源。

方法二:hover 實(shí)時(shí)高亮

在頁面或者元素Elements 面板中移動(dòng)鼠標(biāo),頁面對(duì)應(yīng)區(qū)域會(huì)出現(xiàn)不同顏色的高亮框:橙色:margin、綠色:padding。

適合快速巡檢整體布局。

05 查看元素樣式的雙視角

至于顏色、字體、行高等樣式,可以從樣式Style或者計(jì)算樣式Computed查看。

視角一:樣式Styles(全部規(guī)則)

Style面板顯示了所有作用于當(dāng)前元素的樣式規(guī)則,包括顏色、字號(hào)、字重、字體、邊框、陰影、圓角。

如果你發(fā)現(xiàn)同一個(gè)屬性,比如font-size,出現(xiàn)了很多次,有的還被劃上了刪除線。也別奇怪,這代表有多個(gè)規(guī)則作用于它。

怎么找到哪個(gè)是真實(shí)的值呢?有兩個(gè)方法:

一是Styles 面板里的規(guī)則,是按從上到下的優(yōu)先級(jí)排列:越靠上的規(guī)則優(yōu)先級(jí)越高。我們只需要從上往下找即可。被覆蓋的會(huì)被劃上刪除線,不再生效,直接忽略就行。

視角二:Computed(最終值)

二是計(jì)算樣式Computed面板。

它顯示了元素最終的樣式,更直觀,更適合回答:最終字號(hào)是多少?行高值是多少?是否有透明度?寬高是多少?

并且可以勾選“組合”,將這些屬性分組顯示,分為L(zhǎng)ayout、Text、Appearance和Other。更易查找。

06 實(shí)時(shí)修改樣式

DevTools 最強(qiáng)大的地方在于:你不僅能看到樣式,還能立即修改它,實(shí)時(shí)預(yù)覽效果——這讓走查從”發(fā)現(xiàn)問題”變成了”提出方案”。

修改方式一:直接點(diǎn)擊數(shù)值

在 樣式Styles面板中,找到你想修改的屬性(比如 font-size: 14px),直接點(diǎn)擊數(shù)值部分,就能進(jìn)入編輯狀態(tài)。

步驟:點(diǎn)擊數(shù)值(如 14px) → 輸入新值(如 16px) → 按 Enter 確認(rèn),頁面立即生效

適合快速微調(diào)單個(gè)屬性。

修改方式二:上下鍵微調(diào)

選中數(shù)值后,無需手動(dòng)輸入,可以用鍵盤上下鍵進(jìn)行微調(diào):

  • ↑ / ↓:每次增減
  • 1Shift + ↑ / ↓:每次增減 10
  • Option + ↑ / ↓(Mac)或 Alt + ↑ / ↓(Windows):每次增減 0.1

適合精細(xì)調(diào)整間距、透明度等需要”試著來”的場(chǎng)景。

修改方式三:添加新屬性

如果某個(gè)屬性根本不存在(比如你想加個(gè) border-radius),可以在 Styles 面板的任意規(guī)則塊內(nèi):

點(diǎn)擊空白處 → 輸入屬性名(如 border-radius)→ 輸入值(如 8px) → 按 Enter 確認(rèn)

頁面立即應(yīng)用新樣式。

修改方式四:臨時(shí)禁用某條樣式

有時(shí)你不確定是哪條規(guī)則導(dǎo)致了問題,可以用”復(fù)選框”快速開關(guān)樣式:

在 Styles 面板中,每條樣式左側(cè)都有一個(gè)復(fù)選框,取消勾選即可臨時(shí)禁用該規(guī)則,觀察頁面變化。

適合排查”到底是哪條規(guī)則在搗亂”。

修改方式五:復(fù)制修改后的樣式值

當(dāng)你調(diào)整出滿意的效果后,可以:

右鍵點(diǎn)擊修改后的屬性 → 選擇”復(fù)制” → “復(fù)制聲明”或”復(fù)制規(guī)則” → 粘貼到文檔或發(fā)給前端

這樣你就能把”視覺方案”轉(zhuǎn)化為”技術(shù)語言”,大幅提升溝通效率。

注意:所有修改都是臨時(shí)的,刷新頁面后會(huì)恢復(fù)原樣。DevTools 不會(huì)改動(dòng)源代碼,只是讓你在本地預(yù)覽效果。

07 狀態(tài)模擬

許多 UI 缺陷只在 hover、active、focus 狀態(tài)下暴露,例如:hover 時(shí)顏色未變化、點(diǎn)擊態(tài)幾乎無反饋、表單 focus 出現(xiàn)丑陋藍(lán)框。

在 Styles 面板頂部點(diǎn)擊 :hov,勾選對(duì)應(yīng)狀態(tài)即可模擬:hover、active、focus、visited……無需鼠標(biāo)繁瑣操作。

08 布局骨架

當(dāng)你發(fā)現(xiàn)”每個(gè)元素單獨(dú)看都沒問題,但整體就是不順眼”時(shí),問題往往出在布局層級(jí)。

這時(shí)候,DevTools 的布局 Layout 面板就能派上用場(chǎng)——它能把頁面背后隱藏的布局邏輯全部”照亮”。

點(diǎn)擊右側(cè)面板中的布局 Layout,會(huì)顯示所有網(wǎng)格布局(Grid)和彈性盒子布局(Flexbox)。

Grid 網(wǎng)格布局視角

如果點(diǎn)擊網(wǎng)格名稱(或勾選復(fù)選框,或直接在元素Style面板中點(diǎn)擊對(duì)應(yīng)的 Grid 標(biāo)簽,三者是聯(lián)動(dòng)的),頁面中會(huì)直接高亮顯示網(wǎng)格區(qū)域,你可以看到:網(wǎng)格線與區(qū)域劃分、網(wǎng)格線行號(hào)與列號(hào)、軌跡大小、區(qū)域名稱、延長(zhǎng)網(wǎng)格線(用于檢查模塊對(duì)齊效果)。

這對(duì)于排查”為什么這個(gè)卡片沒對(duì)齊”特別有用。

Flexbox 彈性盒子布局視角

如果點(diǎn)擊彈性盒子名稱(或勾選,或直接在元素中點(diǎn)擊對(duì)應(yīng)的 Flex 標(biāo)簽,三者是聯(lián)動(dòng)的),頁面中會(huì)高亮顯示色塊、框線,你可以看到:主軸方向(橫向還是縱向)、子項(xiàng)的分布方式(居中、兩端對(duì)齊等)、容器與子項(xiàng)的邊界、哪個(gè)元素占用了過多空間。

你還可以:點(diǎn)擊色塊,修改框線顏色、點(diǎn)擊定位圖標(biāo),直接跳轉(zhuǎn)到 樣式 Styles 中的對(duì)應(yīng)代碼。

這對(duì)于排查”為什么按鈕擠在一起”或”為什么間距不均勻”非常有幫助。

09 響應(yīng)式走查

DevTools 的“設(shè)備模擬”工具,讓響應(yīng)式問題無處可藏。

觀察:導(dǎo)航是否撐開、文字是否過密、元素是否溢出、彈窗是否遮擋、按鈕是否掉到底部……

并支持:切換設(shè)備型號(hào)、改變屏幕寬度、翻轉(zhuǎn)屏幕方向。

10 走得更遠(yuǎn)一點(diǎn)

當(dāng)你熟練掌握了 DevTools 的基礎(chǔ)操作,你會(huì)發(fā)現(xiàn)自己開始好奇更深的問題:這些元素是怎么組織的?移動(dòng)端怎么走查?能不能讓 AI 幫我自動(dòng)找問題?

這些問題沒有標(biāo)準(zhǔn)答案,但值得探索。

移動(dòng)端走查:H5 能用 DevTools,原生要用專門工具

移動(dòng)端頁面分兩種:H5 網(wǎng)頁和原生 UI。它們的走查方式完全不同。

如果是 App 內(nèi)的 H5 頁面(WebView),你可以通過真機(jī)調(diào)試,直接用 DevTools 查看。如果是原生 UI(比如 iOS 的 UIKit、SwiftUI),DevTools 就無能為力了,需要用專門的工具,比如 Lookin。

怎么判斷一個(gè)頁面是不是原生?

有幾個(gè)簡(jiǎn)單的特征:文本無法長(zhǎng)按選中、滑動(dòng)非常順滑、動(dòng)畫絲滑、左右滑返回手勢(shì)明顯(iOS)。如果”像網(wǎng)頁但又不像網(wǎng)頁”,那可能是混合頁面——Native 外框 + 內(nèi)嵌 H5。

AI 自動(dòng)化走查:人機(jī)協(xié)作,而非完全替代

有團(tuán)隊(duì)已經(jīng)在嘗試用 AI 做自動(dòng)化 UI 走查,比如讓 AI 批量識(shí)別間距、顏色、字號(hào)等問題。

但目前來看,AI 更適合做”初篩”——它能快速找出明顯的偏差,但最終的判斷和決策,還是需要人來做。因?yàn)楹芏嘣O(shè)計(jì)問題不是”對(duì)錯(cuò)”,而是”合不合適”。

未來,走查可能會(huì)變成這樣:AI 先跑一遍,標(biāo)出疑似問題;設(shè)計(jì)師再用 DevTools 逐一確認(rèn),給出具體的修改建議。這樣既提高了效率,又保留了人的判斷力。

11 寫在最后

當(dāng)你習(xí)慣了這種基于 DevTools 的走查方式,你會(huì)發(fā)現(xiàn)自己跟以前有一處很大的不同:過去你走查,是在“憑感覺找問題”,現(xiàn)在你走查,是在“用證據(jù)找原因”。

DevTools 不是讓你變成前端工程師,而是讓你能夠理解界面背后的結(jié)構(gòu)、邏輯和約束,并提供既符合體驗(yàn)、又便于實(shí)現(xiàn)的解決方案。

最終,UI 走查也會(huì)從一場(chǎng)“找誰背鍋”的會(huì),變成一場(chǎng)“讓產(chǎn)品更好”的會(huì)——設(shè)計(jì)師和工程師坐在同一個(gè) DevTools 界面前,說著同一種語言,指著同一份證據(jù)。而這,正是一個(gè)成熟團(tuán)隊(duì)?wèi)?yīng)該擁有的樣子。

轉(zhuǎn)載:人人都是產(chǎn)品經(jīng)理

蘭亭妙微(藍(lán)藍(lán)設(shè)計(jì))www.ywne.cn 是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(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。

 

image.png

互聯(lián)網(wǎng)金融與數(shù)字化賦能問題分析—以網(wǎng)商銀行為例

清陽 用戶研究

一、網(wǎng)商銀行模式

互聯(lián)網(wǎng)金融貸款的流程和傳統(tǒng)金融貸款流程一致,主要分為貸前調(diào)查,貸中審查和貸后檢查三個(gè)部分,而在貸款過程中小微企業(yè)由于體量小并且缺乏抵押和擔(dān)保,呈現(xiàn)出”時(shí)間短,資金少,頻率高,需求急“的特點(diǎn),因此小微群體相關(guān)數(shù)據(jù)也呈現(xiàn)出”少、散、亂“的特點(diǎn),銀行難以對(duì)小微企業(yè)進(jìn)行有效風(fēng)險(xiǎn)評(píng)估,進(jìn)而無法對(duì)小微企業(yè)進(jìn)行放貸,而網(wǎng)商銀行通過IT形式賦能貸前調(diào)查環(huán)節(jié),有效分散放貸風(fēng)險(xiǎn)。

網(wǎng)商銀行主要服務(wù)的是100萬元以內(nèi)的貸款需求,來自網(wǎng)店、路邊店、經(jīng)營(yíng)性農(nóng)戶,是小微中的小微。而網(wǎng)商銀行的四種數(shù)字化普惠金融模式分別是電商模式、碼商模式、農(nóng)村數(shù)字普惠金融模式和供應(yīng)鏈金融模式。

1.1 農(nóng)村模式助力生產(chǎn)端風(fēng)險(xiǎn)評(píng)估

農(nóng)村數(shù)字普惠金融模式:農(nóng)村模式和其他模式相比,由于農(nóng)作物的生長(zhǎng)狀況檢測(cè)難以量化,并且受客觀因素影響較大,風(fēng)險(xiǎn)度量難度更大。網(wǎng)商銀行以數(shù)據(jù)為媒介,把農(nóng)村的交易、物流、支付等信息形成信用資產(chǎn),形成農(nóng)戶自證+多方審核+衛(wèi)星檢測(cè)的信息獲取渠道。網(wǎng)商銀行通過大數(shù)據(jù)技術(shù)服務(wù)農(nóng)戶,通過衛(wèi)星遙感技術(shù)對(duì)農(nóng)戶的數(shù)據(jù)進(jìn)行分析,了解農(nóng)戶的信用狀況和經(jīng)營(yíng)潛力,為其提供融資支持。此外,網(wǎng)商銀行還提供農(nóng)村金融服務(wù),如保險(xiǎn)、支付等,以滿足農(nóng)村居民的多樣化金融需求。

政府將涉及農(nóng)戶可公開的數(shù)據(jù)資源,如農(nóng)村土地確權(quán)、種植情況、農(nóng)業(yè)補(bǔ)貼等與網(wǎng)商共享。運(yùn)用數(shù)字技術(shù),網(wǎng)商銀行為縣域農(nóng)戶建立專屬的數(shù)字化風(fēng)控模型,農(nóng)村用戶就此擁有了更精準(zhǔn)的數(shù)字畫像和更高的數(shù)字信貸額度。

而在對(duì)農(nóng)戶進(jìn)行用戶畫像時(shí),網(wǎng)商銀行除了政府提供數(shù)據(jù)之外還通過衛(wèi)星照片(通過衛(wèi)星系統(tǒng)得到這個(gè)地塊過去一個(gè)月甚至一年所有的信息)、通過光譜識(shí)別農(nóng)作物,目前可識(shí)別出水稻、玉米、小麥、蘋果等主要農(nóng)作物。農(nóng)戶在手機(jī)端圈定自己的地塊后,可通過與農(nóng)業(yè)機(jī)構(gòu)記錄的土地信息交叉比對(duì)驗(yàn)證,實(shí)現(xiàn)農(nóng)戶信息認(rèn)證。網(wǎng)商銀行則通過了解農(nóng)戶的種植情況和生長(zhǎng)趨勢(shì),并結(jié)合氣候、地理位置、行業(yè)景氣度等因素,并且通過農(nóng)商平臺(tái)如淘寶等平臺(tái)的交易信息,利用風(fēng)控模型預(yù)估產(chǎn)量和產(chǎn)值,給予農(nóng)戶精準(zhǔn)的授信支持。此外,衛(wèi)星遙感除了可以助力農(nóng)作物識(shí)別及產(chǎn)量產(chǎn)值估計(jì)外,還能自動(dòng)識(shí)別汛期等災(zāi)害下農(nóng)戶的受災(zāi)情況,協(xié)助金融機(jī)構(gòu)定向紓困。

網(wǎng)商以5到7天為周期,實(shí)時(shí)更新衛(wèi)星影像和識(shí)別結(jié)果,監(jiān)測(cè)農(nóng)作物長(zhǎng)勢(shì),判斷作物所處的育苗期、拔節(jié)期或收購(gòu)期等階段,進(jìn)而分析農(nóng)戶插秧、打藥、追肥以及收割時(shí)期的不同資金需求,進(jìn)而進(jìn)行授信額度的調(diào)整,例如農(nóng)戶授信額度是20萬,農(nóng)戶向網(wǎng)商銀行申請(qǐng)5萬元的貸款,可申請(qǐng)貸款額度就是15萬,但是農(nóng)戶在種植過程中網(wǎng)商銀行檢測(cè)到其種植表現(xiàn)不佳,作物生長(zhǎng)情況不佳,那么在農(nóng)戶申請(qǐng)打藥貸款時(shí),可申請(qǐng)貸款額度就會(huì)下降到10萬,進(jìn)而實(shí)現(xiàn)貸款額度的動(dòng)態(tài)調(diào)整。

1.2 供應(yīng)鏈模式聚焦渠道端風(fēng)險(xiǎn)評(píng)估

在傳統(tǒng)供應(yīng)鏈中,經(jīng)銷商和零售商的資金實(shí)力越強(qiáng),對(duì)品牌的市場(chǎng)拓展的支撐相應(yīng)也越強(qiáng),其本身業(yè)務(wù)發(fā)展的可持續(xù)性和健康度也越高。超過70%的品牌經(jīng)銷商都有強(qiáng)烈的資金需求。這由經(jīng)銷商業(yè)務(wù)模式?jīng)Q定。分解品牌供應(yīng)鏈結(jié)構(gòu),可以發(fā)現(xiàn),經(jīng)銷商處于品牌商和零售終端之間,上有品牌商,下有零售商。

經(jīng)銷商向品牌商采購(gòu)貸訂貨時(shí),需預(yù)付貨款,品牌商基于訂單排期生產(chǎn)發(fā)貨。在向下游零售商鋪貨時(shí),通常來說,體量較大的零售商與經(jīng)銷商還存在結(jié)算賬期。

故一般來說,經(jīng)銷商只能墊款進(jìn)貨。遇到銷售旺季,除了進(jìn)貨墊款,還要承擔(dān)庫存周轉(zhuǎn)、人工成本和市場(chǎng)營(yíng)銷等費(fèi)用,因此經(jīng)銷商資金壓力倍增。在數(shù)字化技術(shù)蓬勃發(fā)展前,傳統(tǒng)供應(yīng)鏈金融無法快速滿足此時(shí)的經(jīng)銷商資金需求。比如過去存在著盡調(diào)時(shí)間過長(zhǎng)、流程復(fù)雜、覆蓋度有限和授信方案調(diào)整慢等問題。

網(wǎng)商銀行發(fā)布數(shù)字供應(yīng)鏈金融綜合解決方案——大雁系統(tǒng),通過“1+N²”形式,接入核心企業(yè)品牌為其上游供貨商、下游經(jīng)銷商、末端小微群體和終端門店,提供高效、便利和風(fēng)險(xiǎn)可控的金融工具服務(wù)。

這套解決方案體系包括合同貸、采購(gòu)貸、加盟商貸、發(fā)薪貸,網(wǎng)商貼、票據(jù)付、云資金和回款寶等一系列數(shù)字金融產(chǎn)品矩陣,目的是解決各行業(yè)核心品牌上下游供應(yīng)鏈中小微企業(yè)的供貨回款、采購(gòu)訂貨、鋪貨回款和發(fā)薪加盟等生產(chǎn)經(jīng)營(yíng)全鏈路的金融需求。

網(wǎng)商銀行通過構(gòu)建各行業(yè)的細(xì)分品類的行業(yè)研究知識(shí)庫,將風(fēng)控授信策略細(xì)化到行業(yè)品類粒度,以量化手段疊加行業(yè)經(jīng)驗(yàn)的方式,高度把握客戶經(jīng)營(yíng)周轉(zhuǎn)需求。

在網(wǎng)商銀行與旺旺合作過程中,由于疫情之后,二級(jí)經(jīng)銷商基本都隨著市場(chǎng)規(guī)律逐步減少,很多一級(jí)經(jīng)銷商直接到終端零售,這也意味著,銷售周期拉長(zhǎng),一級(jí)經(jīng)銷商資金周轉(zhuǎn)時(shí)間更長(zhǎng)了,但對(duì)于品牌方來說這是供應(yīng)鏈的進(jìn)步,取消了中間二級(jí)經(jīng)銷商,更有利于產(chǎn)品的推廣。但同時(shí)對(duì)于一級(jí)經(jīng)銷商來說,沒有二級(jí)經(jīng)銷商則更容易出現(xiàn)資金鏈斷裂的問題。

尤其到了年節(jié),必須牢牢把握住市場(chǎng)的關(guān)卡,旺旺經(jīng)銷商需要大量進(jìn)貨,常常會(huì)面臨備貨、倉儲(chǔ)的壓力,而經(jīng)銷商則因?yàn)闆]有抵押物,在銀行貸不了款,流動(dòng)資金成為了供應(yīng)商拓展市場(chǎng)的最大難題。

“大雁系統(tǒng)”借助網(wǎng)商銀行風(fēng)控技術(shù)模型,與行業(yè)特征、淡旺季、以及不同地區(qū)消費(fèi)者的消費(fèi)習(xí)慣等多重因素結(jié)合,還能根據(jù)商戶動(dòng)態(tài)需求快速做出反應(yīng)、滿足其臨時(shí)提額和更低利率的需要。而且每到新品上市,旺季的時(shí)候,額度都會(huì)上升,還有對(duì)應(yīng)的補(bǔ)貼和扶持計(jì)劃。

1.3 電商+碼商模式賦能銷售端風(fēng)險(xiǎn)評(píng)估

1.3.1電商模式:

網(wǎng)商銀行背靠阿里,在電商平臺(tái)上與小微店家合作,通過對(duì)電商平臺(tái)數(shù)據(jù)的挖掘和分析,獲取店家的經(jīng)營(yíng)狀況、銷售額、用戶評(píng)價(jià)等信息,為其提供貸款服務(wù)。通過電商平臺(tái)數(shù)據(jù)的評(píng)估,網(wǎng)商銀行可以了解店家的信用狀況,從而為其提供融資支持。

電商模式的核心,是依托淘寶、天貓、支付寶等電商生態(tài),利用大數(shù)據(jù)、云計(jì)算等技術(shù)手段整合用戶歷史交易數(shù)據(jù)、信用數(shù)據(jù)等,作為授信依據(jù),再根據(jù)用戶需求提供相應(yīng)的貸款產(chǎn)品。電商模式打通了阿里巴巴、淘寶、天貓、支付寶的后臺(tái)數(shù)據(jù),極大地降低了信息不對(duì)稱問題,同時(shí)網(wǎng)商銀行建立了一系列智能風(fēng)控模型,利用這些后臺(tái)數(shù)據(jù)實(shí)現(xiàn)對(duì)平臺(tái)小微企業(yè)和小微經(jīng)營(yíng)者的批量化信貸審核、放款。

申請(qǐng)貸款的條件是店家要滿足年滿18周歲、淘寶店鋪近兩個(gè)月內(nèi)持續(xù)有效經(jīng)營(yíng),有有效交易量、店鋪信用良好等基本要求。用戶在網(wǎng)商銀行官網(wǎng)或手機(jī)APP完成提交資料、簽署合同等步驟即可獲得授信額度,最快3分鐘收到賬款,在貸款正常使用過程中,無需支付利息之外的其他費(fèi)用,貸款期限最長(zhǎng)24個(gè)月。授信額度根據(jù)申請(qǐng)者的信用情況動(dòng)態(tài)調(diào)節(jié)。

1.3.2 碼商模式:

網(wǎng)商銀行與線下小店合作,通過收錢碼的使用,獲取小店的交易數(shù)據(jù),并結(jié)合社交網(wǎng)絡(luò)數(shù)據(jù)、地理位置數(shù)據(jù)等進(jìn)行分析。基于這些數(shù)據(jù),網(wǎng)商銀行能夠準(zhǔn)確評(píng)估小店的經(jīng)營(yíng)狀況和潛力,為其提供個(gè)性化的金融服務(wù)。

傳統(tǒng)放貸流程中銀行需要評(píng)估企業(yè)的經(jīng)營(yíng)情況,通過調(diào)查企業(yè)的利潤(rùn)表、現(xiàn)金流表、資產(chǎn)負(fù)債表等表單衡量企業(yè)經(jīng)營(yíng)狀況,并且需要企業(yè)有相應(yīng)的擔(dān)保物或者擔(dān)保人進(jìn)行風(fēng)險(xiǎn)擔(dān)保,而碼商模式則通過收款碼以及地理位置等客觀信息即可進(jìn)行風(fēng)險(xiǎn)評(píng)估。

顧客通過掃描支付寶收錢碼向線下小微經(jīng)營(yíng)者付款,資金即時(shí)到達(dá)店家賬戶,同時(shí)網(wǎng)商銀行通過共享支付寶平臺(tái)數(shù)據(jù)獲得店家的收款信息。網(wǎng)商銀行基于大數(shù)據(jù)處理等技術(shù),對(duì)店家收付款信息的交易有效性、客戶類型、營(yíng)業(yè)周期和經(jīng)營(yíng)屬性等數(shù)據(jù)進(jìn)行甄別處理,預(yù)測(cè)店家整體的經(jīng)營(yíng)能力,并利用多樣化的風(fēng)控模型,為店家建立專屬的信用評(píng)估體系并且店家通過支付寶收錢碼收到的款項(xiàng)筆數(shù)越多、金額越大,相應(yīng)獲得的授信額度越高,隨著經(jīng)營(yíng)的持續(xù),授信額度隨之動(dòng)態(tài)匹配。

使用收錢碼的小微經(jīng)營(yíng)者,使用30天后,連續(xù)30天有3筆有效收款就有機(jī)會(huì)獲得貸款資格,如果經(jīng)營(yíng)者同時(shí)有電商貸資格,或使用過借唄,使用碼商模式借款則會(huì)更容易。經(jīng)營(yíng)者在初期,額度相對(duì)較低,但隨著經(jīng)營(yíng)時(shí)間的持續(xù),額度會(huì)隨收款的增加而提升。網(wǎng)商銀行基于電商模式的風(fēng)控能力和經(jīng)驗(yàn)創(chuàng)建了多套針對(duì)性風(fēng)控措施,能有效識(shí)別經(jīng)營(yíng)屬性、判斷交易有效性、預(yù)測(cè)商家經(jīng)營(yíng)能力,甚至能夠在1秒鐘內(nèi)通過轉(zhuǎn)賬關(guān)系鏈判斷出是個(gè)人還是個(gè)體經(jīng)營(yíng)者,排除虛假交易,并在支付數(shù)據(jù)基礎(chǔ)上結(jié)合商圈人流、同類商家經(jīng)營(yíng)狀況等綜合緯度,給用戶一個(gè)最合理的授信額度。

網(wǎng)商銀行發(fā)現(xiàn),沿街的門店,在遇到修地鐵、鋪設(shè)管道等市政變化時(shí),通常會(huì)影響未來幾個(gè)月的經(jīng)營(yíng)情況,所以將店鋪的地理位置與地圖數(shù)據(jù)進(jìn)行匹配,結(jié)合周邊的市政信息、地標(biāo)建筑、人流情況、買家結(jié)構(gòu)、同類商家情況等,通過復(fù)雜的模型處理,能夠在幾秒鐘內(nèi)計(jì)算出店鋪未來6個(gè)月的經(jīng)營(yíng)潛力和風(fēng)險(xiǎn)。

二、數(shù)字賦能供應(yīng)鏈金融的作用

2.1.滿足用戶長(zhǎng)尾需求或被排斥的需求

網(wǎng)商銀行利用多個(gè)場(chǎng)景構(gòu)建風(fēng)險(xiǎn)防控模型,利用多方數(shù)據(jù)來評(píng)估客戶的信用狀況,對(duì)貸款人風(fēng)險(xiǎn)進(jìn)行有效評(píng)估,通過評(píng)估風(fēng)險(xiǎn)大小決定給予貸款人的授信額度,貸中網(wǎng)商銀行通過實(shí)時(shí)監(jiān)測(cè)客戶的交易數(shù)據(jù)和行為數(shù)據(jù)及時(shí)發(fā)現(xiàn)潛在的風(fēng)險(xiǎn)信號(hào),由此解決傳統(tǒng)貸款模式中傳統(tǒng)銀行因?yàn)樾∥⑵髽I(yè)風(fēng)險(xiǎn)難以度量而不對(duì)小微企業(yè)進(jìn)行放貸的問題,滿足了大量小微企業(yè)的貸款需求。

2.2.推動(dòng)關(guān)鍵活動(dòng)和業(yè)務(wù)流程創(chuàng)新

網(wǎng)商銀行也利用IT技術(shù)賦能貸前、貸中、貸后三個(gè)環(huán)節(jié),實(shí)現(xiàn)了對(duì)貸款流程的賦能,推動(dòng)貸款業(yè)務(wù)流程創(chuàng)新。

網(wǎng)商銀行貸前利用數(shù)據(jù)分析和自動(dòng)化審批流程,網(wǎng)商銀行通過構(gòu)建“310”模式,即3分鐘申請(qǐng),1秒鐘放款,0人工參與,實(shí)現(xiàn)貸款審批的快速處理,提高審批效率,縮短客戶等待時(shí)間。

貸中網(wǎng)商銀行通過實(shí)時(shí)監(jiān)測(cè)客戶的交易數(shù)據(jù)和行為數(shù)據(jù),例如在農(nóng)村模式中可以通過衛(wèi)星技術(shù)定期檢測(cè)作物生長(zhǎng)情況,可以及時(shí)發(fā)現(xiàn)潛在的風(fēng)險(xiǎn)信號(hào),進(jìn)行風(fēng)險(xiǎn)預(yù)警和風(fēng)險(xiǎn)管理,減少不良貸款風(fēng)險(xiǎn)。

網(wǎng)商銀行通過對(duì)貸后數(shù)據(jù)的分析和反饋,可以了解貸款產(chǎn)品的績(jī)效和風(fēng)險(xiǎn)情況,優(yōu)化產(chǎn)品設(shè)計(jì)和風(fēng)險(xiǎn)控制策略,提高業(yè)務(wù)的效益和穩(wěn)健性。

轉(zhuǎn)載:人人都是產(chǎn)品經(jīng)理

蘭亭妙微(藍(lán)藍(lán)設(shè)計(jì))www.ywne.cn 是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(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。

 

image.png

設(shè)計(jì)驗(yàn)收:行之有效的機(jī)制探索

清陽 隨筆的一些文章

本文為「蘭亭妙微」轉(zhuǎn)載并編錄的行業(yè)實(shí)踐經(jīng)驗(yàn)分享。原文圍繞產(chǎn)品設(shè)計(jì)驗(yàn)收的意義、流程與評(píng)估方法展開,并結(jié)合齊治設(shè)計(jì)團(tuán)隊(duì)在網(wǎng)絡(luò)安全產(chǎn)品DSG項(xiàng)目中的實(shí)際案例,系統(tǒng)闡述了如何通過標(biāo)準(zhǔn)化、體系化的驗(yàn)收機(jī)制提升產(chǎn)品體驗(yàn)與業(yè)務(wù)成效。希望能為關(guān)注產(chǎn)品設(shè)計(jì)質(zhì)量與團(tuán)隊(duì)協(xié)作效率的同行提供參考。

image.png

一、設(shè)計(jì)驗(yàn)收的價(jià)值何在?

設(shè)計(jì)驗(yàn)收是指設(shè)計(jì)人員按照設(shè)計(jì)方案對(duì)研發(fā)人員的落地內(nèi)容進(jìn)行逐項(xiàng)檢驗(yàn),理想狀態(tài)下,最終達(dá)成設(shè)計(jì)方案的完全還原。

由此可見,設(shè)計(jì)驗(yàn)收的直接目標(biāo)是保證設(shè)計(jì)還原度。那么設(shè)計(jì)還原度究竟可以為產(chǎn)品帶來些什么?我們假定設(shè)計(jì)方案不存在問題:

  • 從需求層面來說,高還原度意味著用戶的功能需求得以滿足
  • 從體驗(yàn)層面來說,高還原度意味著用戶的操作體驗(yàn)得以保障

設(shè)計(jì)驗(yàn)收追求每一個(gè)設(shè)計(jì)細(xì)節(jié)的切實(shí)落地,由此帶來的正面效益會(huì)傳遞給用戶更好的產(chǎn)品體驗(yàn),也進(jìn)一步提升業(yè)務(wù)交付的滿意度。

那么如何在日常工作中高效高質(zhì)地開展設(shè)計(jì)驗(yàn)收、發(fā)揮其價(jià)值,以下是齊治設(shè)計(jì)團(tuán)隊(duì)結(jié)合網(wǎng)安產(chǎn)品DSG項(xiàng)目的驗(yàn)收實(shí)踐給出的答案:

二、驗(yàn)收流程的標(biāo)準(zhǔn)化:四個(gè)階段

規(guī)范工作流程有助于提高驗(yàn)收效率,保障驗(yàn)收質(zhì)量。

在制定設(shè)計(jì)驗(yàn)收流程前,首先思考以下幾個(gè)基本問題——

  1. 何時(shí)開始驗(yàn)收?
  2. 什么輸出內(nèi)容?
  3. 輸出給誰?
  4. 是否需要根據(jù)需求體量區(qū)分驗(yàn)收方案?

最后,我們將設(shè)計(jì)驗(yàn)收拆分為四個(gè)階段,明確以下標(biāo)準(zhǔn)流程用于指導(dǎo)設(shè)計(jì)驗(yàn)證的開展:

1、準(zhǔn)備驗(yàn)收階段

確定設(shè)計(jì)驗(yàn)收的開始時(shí)間、驗(yàn)收環(huán)境以及賬號(hào)密碼是設(shè)計(jì)人員開展設(shè)計(jì)驗(yàn)收的必備條件。

理想狀態(tài)下,設(shè)計(jì)驗(yàn)收的開始時(shí)間應(yīng)該是功能驗(yàn)收基本完成,流程無阻斷性Bug之后,即發(fā)布前的最后2-3輪提測(cè)。但是考慮到具體項(xiàng)目執(zhí)行的變化,本流程建議設(shè)計(jì)人員主動(dòng)向研發(fā)或測(cè)試負(fù)責(zé)人確認(rèn)開始前的條件信息。

2、具體驗(yàn)收階段

通過比對(duì)設(shè)計(jì)方案與落地方案,設(shè)計(jì)人員可以發(fā)現(xiàn)落地方案未還原的內(nèi)容,以及少數(shù)設(shè)計(jì)方案不完善、不合理的地方。然后,為了更好地服務(wù)于問題修復(fù)階段的設(shè)研協(xié)作,設(shè)計(jì)人員需要將這些問題形成驗(yàn)收表,并以在線文檔的形式共享給研發(fā)人員。這樣可以大大減少信息混亂、溝通低效、追溯困難等問題。

3、問題修復(fù)階段

設(shè)計(jì)人員發(fā)現(xiàn)問題并記錄于驗(yàn)收表后,驗(yàn)收就進(jìn)入了最關(guān)鍵的一環(huán)。嚴(yán)格按照“溝通問題-修復(fù)問題-再次驗(yàn)收直至問題被解決”的循環(huán)工作流來消滅問題,有助于切實(shí)提升設(shè)計(jì)落地的還原度。同時(shí),出于驗(yàn)收質(zhì)量的要求,建議設(shè)定一個(gè)循環(huán)次數(shù)的紅燈值,這是對(duì)設(shè)計(jì)人員與研發(fā)人員雙方的更高要求。

通過DSG項(xiàng)目的執(zhí)行驗(yàn)證,我們發(fā)現(xiàn)「溝通」在這個(gè)階段至關(guān)重要,這包括所有問題的整體澄清以及具體問題的修復(fù)溝通。尤其當(dāng)問題總數(shù)較大時(shí),設(shè)計(jì)人員與研發(fā)人員之間的充分溝通會(huì)讓問題修復(fù)進(jìn)展得更加順暢、大家的協(xié)作體驗(yàn)也會(huì)更好。

以下兩點(diǎn)可以看作提高協(xié)作效率、推動(dòng)問題修復(fù)的關(guān)鍵任務(wù):

  • 設(shè)計(jì)人員應(yīng)當(dāng)及時(shí)澄清待修復(fù)問題(開始修復(fù)之前)
  • 研發(fā)人員應(yīng)當(dāng)快速明確問題修復(fù)的負(fù)責(zé)人員及完成時(shí)間

4、復(fù)盤階段

DSG第一個(gè)上線版本的設(shè)計(jì)驗(yàn)收修復(fù)質(zhì)量不佳,遺留問題過多。為了有效改善這個(gè)情況,版本上線后,設(shè)計(jì)人員組織研發(fā)人員、測(cè)試人員一起進(jìn)行了該期設(shè)計(jì)驗(yàn)收的復(fù)盤會(huì)議。會(huì)議主要圍繞著「明確遺留問題的處置方案」和「反思修復(fù)問題的限制因素」展開。通過復(fù)盤,我們主動(dòng)發(fā)現(xiàn)本次驗(yàn)收過程中的不足之處,并討論未來工作中的優(yōu)化措施。反映到DSG項(xiàng)目來說,二期驗(yàn)收修復(fù)率較一期提升了26.24%。

由于在項(xiàng)目實(shí)踐中顯而易見的顯著效果,復(fù)盤階段也被引入到標(biāo)準(zhǔn)流程當(dāng)來。我們擴(kuò)寬了復(fù)盤的行動(dòng)范圍,首先由設(shè)計(jì)人員進(jìn)行遺留問題的整理以及修復(fù)率等驗(yàn)收數(shù)據(jù)的統(tǒng)計(jì),然后據(jù)此判斷本次驗(yàn)收質(zhì)量。質(zhì)量較低時(shí)組織全體性的復(fù)盤會(huì)議,明確后續(xù)改進(jìn)方案;質(zhì)量較高時(shí)則以更輕量的方式與項(xiàng)目團(tuán)隊(duì)成員進(jìn)行信息對(duì)齊,如我們目前采用的方式是:具體問題由相關(guān)責(zé)任人及時(shí)溝通;整體驗(yàn)收情況與遺留處置計(jì)劃放到下一期的設(shè)計(jì)澄清會(huì)議上進(jìn)行全體對(duì)齊。

三、驗(yàn)收機(jī)制的體系化:一張表

建立起標(biāo)準(zhǔn)化的設(shè)計(jì)驗(yàn)收流程后,如何進(jìn)一步形成體系化的設(shè)計(jì)驗(yàn)收機(jī)制來指導(dǎo)工作?我認(rèn)為可以是對(duì)工具/手段的探索,如驗(yàn)收結(jié)果的輸出內(nèi)容就是一個(gè)不錯(cuò)的方向。

設(shè)計(jì)人員向研發(fā)人員告知驗(yàn)收結(jié)果的方式可以靈活多樣,但無數(shù)的經(jīng)驗(yàn)告訴我們,當(dāng)問題數(shù)量一多,簡(jiǎn)單的口頭溝通或面對(duì)面演示等方式在問題管理、修復(fù)追蹤等方面的缺陷就顯露無疑了。故在本驗(yàn)收機(jī)制下,我們還提供了一個(gè)設(shè)計(jì)驗(yàn)收表的內(nèi)容模版。

這個(gè)驗(yàn)收表采用「設(shè)計(jì)-研發(fā)共同編輯」的協(xié)作模式,畢竟設(shè)計(jì)驗(yàn)收不是一個(gè)人或一個(gè)團(tuán)隊(duì)的事兒,需要設(shè)計(jì)與研發(fā)乃至產(chǎn)品、測(cè)試多方的溝通與努力。

此外,我們目前還未針對(duì)該驗(yàn)收表內(nèi)部分需要細(xì)化的項(xiàng)給出范圍定義與填寫說明,如「問題類型」的囊括范圍、「嚴(yán)重程度」的判斷方式,這都有待后續(xù)完善。

找到一個(gè)可用的工具是第一步,怎么把工具用好則是接下來真正的挑戰(zhàn)。

四、驗(yàn)收效果的量化:一個(gè)數(shù)據(jù)

那么如何度量設(shè)計(jì)驗(yàn)收的效果呢?下圖是我們?cè)贒SG項(xiàng)目中對(duì)驗(yàn)收效果量化所做的探索:

從實(shí)踐中沉淀,我們引入了“修復(fù)率”這個(gè)數(shù)值,他的獲取門檻較低,又直觀反映了問題的存在——

修復(fù)率=修復(fù)問題數(shù)/(驗(yàn)收問題總數(shù)-無法修復(fù)問題數(shù)),其中問題總數(shù)=當(dāng)期發(fā)現(xiàn)問題(新)+遺留問題(舊);無法修復(fù)問題是指極少數(shù)現(xiàn)階段難以改變的問題,一般多是技術(shù)限制導(dǎo)致的。

隨后,我們可以通過同產(chǎn)品不同期、不同產(chǎn)品同期等對(duì)比方式來分析修復(fù)率,量化設(shè)計(jì)驗(yàn)收;或者結(jié)合更多維度的產(chǎn)品體驗(yàn)數(shù)據(jù),對(duì)修復(fù)率的數(shù)值范圍進(jìn)行劃界,進(jìn)一步給出設(shè)計(jì)驗(yàn)收?qǐng)?zhí)行效果的通用衡量標(biāo)準(zhǔn)。

當(dāng)然,量化設(shè)計(jì)驗(yàn)收效果,答案或許不止這一個(gè),我們也將繼續(xù)探索并沉淀。如上文提到的修復(fù)循環(huán)次數(shù)的紅燈值,亦是一個(gè)不錯(cuò)的切入點(diǎn)。

五、合抱之木,生于毫末

當(dāng)然,本文構(gòu)想的設(shè)計(jì)驗(yàn)收機(jī)制仍處于初級(jí)階段,后續(xù)還有很長(zhǎng)的路要走。比如以下幾個(gè)初步設(shè)想:

1、通過更多項(xiàng)目機(jī)會(huì)驗(yàn)證該機(jī)制(包括階段設(shè)計(jì)、表設(shè)計(jì)等)的完整性、合理性

2、總結(jié)歸納四個(gè)階段在執(zhí)行過程中的注意事項(xiàng),形成指導(dǎo)原則

3、定義說明驗(yàn)收表內(nèi)部分使用起來存疑的信息字段

4、探索沉淀更多有價(jià)值的量化數(shù)據(jù)

5、深入考慮當(dāng)前機(jī)制如何充分適應(yīng)不同需求體量下的設(shè)計(jì)驗(yàn)收

為團(tuán)隊(duì)提效,為業(yè)務(wù)賦能,愿我們秉承初心,繼續(xù)探索行之有效的設(shè)計(jì)驗(yàn)收機(jī)制。

轉(zhuǎn)載:人人都是產(chǎn)品經(jīng)理

蘭亭妙微(藍(lán)藍(lán)設(shè)計(jì))www.ywne.cn 是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(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。

 

image.png

B端設(shè)計(jì)|如何系統(tǒng)性提升中后臺(tái)產(chǎn)品體驗(yàn)

清陽 用戶研究

在電商平臺(tái),中后臺(tái)系統(tǒng)工作龐大且復(fù)雜,而中后臺(tái)系統(tǒng)是否有規(guī)范的邏輯、是否有高效的體驗(yàn),則會(huì)體現(xiàn)在用戶的身上。本篇文章作者總結(jié)自身經(jīng)驗(yàn),為我們總結(jié)中后臺(tái)體驗(yàn)優(yōu)化的思路和方法,一起來看看。

image.png

自 18 年 6 月底介入電商中后臺(tái)交互設(shè)計(jì)工作以來,筆者有幸做了很多和以往的交互設(shè)計(jì)不太一樣的工作,除了日常需求的交互設(shè)計(jì)支持以外,更多的精力放在了系統(tǒng)整體體驗(yàn)提升和設(shè)計(jì)規(guī)范上。

本文整理了之前在中后臺(tái)體驗(yàn)優(yōu)化實(shí)踐中的思路和方法,如何從設(shè)計(jì)角度高效地優(yōu)化整個(gè)系統(tǒng)的體驗(yàn),如何而非僅僅停留在表現(xiàn)層,希望能與大家交流碰撞。

一、問題背景

1. 后臺(tái)為什么需要考慮體驗(yàn)?

在產(chǎn)品初期的時(shí)候,后臺(tái)系統(tǒng)只是為了支持前臺(tái),實(shí)現(xiàn)功能即可,但隨著產(chǎn)品越來越龐大,每一個(gè)前臺(tái)的小小的功能優(yōu)化,都可能是由后臺(tái)一整套支持體系,和一整個(gè)運(yùn)營(yíng)產(chǎn)品組來維護(hù)的。因此,后臺(tái)系統(tǒng)的體驗(yàn)也時(shí)刻影響著團(tuán)隊(duì)成員的工作效率,影響著一個(gè)產(chǎn)品在用戶面前的形象。后臺(tái)系統(tǒng)的體驗(yàn)提升,并不僅僅是使用體驗(yàn)提升,更多的是效能提升,和產(chǎn)品邏輯的規(guī)范。

2. 后臺(tái)系統(tǒng)體驗(yàn)優(yōu)化有什么不同?

系統(tǒng)體驗(yàn)提升的任務(wù),相較于其他工作,不同的地方在于交互設(shè)計(jì)師并非被動(dòng)地接受某個(gè)單點(diǎn)需求,也沒有一個(gè)既定的模式去執(zhí)行,而是要主動(dòng)地去思考如何衡量體驗(yàn),如何全局地管理體驗(yàn),以及如何更好地規(guī)劃方案。在這樣的前提下,交互設(shè)計(jì)師更應(yīng)該為全局的體驗(yàn)負(fù)責(zé),所以發(fā)揮設(shè)計(jì)師的主動(dòng)性非常重要。

3. 如何去做?

基本思路是:衡量 → 收集 → 規(guī)劃 → 設(shè)計(jì)。

B端設(shè)計(jì)|如何系統(tǒng)性提升中后臺(tái)產(chǎn)品體驗(yàn)

前三步都是與畫稿子無關(guān)的部分,但卻是非常重要的部分,在整個(gè)過程中,溝通非常重要,正因?yàn)楹笈_(tái)系統(tǒng)的業(yè)務(wù)專業(yè)性強(qiáng),邏輯復(fù)雜,需求方多,所以需要更多地與各方進(jìn)行溝通,調(diào)動(dòng)大家的力量,一起來參與體驗(yàn)優(yōu)化。

二、衡量體驗(yàn),收集反饋

正如現(xiàn)代管理學(xué)之夫彼得·德魯克所說,如果我們不知道平臺(tái)的現(xiàn)狀,“提升”也就無從談起。

在 C 端產(chǎn)品中乃至部分B端產(chǎn)品中,我們有很多聰明的辦法去衡量一個(gè)產(chǎn)品的現(xiàn)狀,比如凈推薦值,跳出率,任務(wù)完成率,可以直接從數(shù)據(jù)觀察到用戶流失的環(huán)節(jié),方便又客觀。但是對(duì)于公司內(nèi)部使用的中后臺(tái)系統(tǒng)來說,一個(gè)是數(shù)據(jù)樣本量少,不一定能準(zhǔn)確代表問題;更重要的是,不管體驗(yàn)如何,用戶出于完成工作的目的,也必須完成系統(tǒng)的任務(wù),所謂完成率和體驗(yàn)沒有必然聯(lián)系。

當(dāng)數(shù)據(jù)少的時(shí)候,不妨倒過來想,數(shù)據(jù)分析本來就是為大體量的產(chǎn)品客觀分析所有用戶的行為,而把每一個(gè)用戶抽象成了一組數(shù)據(jù),再來綜合評(píng)估。那么如果你的每一個(gè)用戶都至關(guān)重要,且不需要花費(fèi)太多的精力就可以與他們來一場(chǎng)面對(duì)面的對(duì)談,豈不是更有助于你去了解你的用戶?用戶訪談、可用性測(cè)試、用戶體驗(yàn)地圖都是非常適合用在這種場(chǎng)景下的。

B端設(shè)計(jì)|如何系統(tǒng)性提升中后臺(tái)產(chǎn)品體驗(yàn)

最終,我們?cè)诒敬蝺?yōu)化中選擇了 3 種方式來衡量系統(tǒng)的體驗(yàn):

  1. 滿意度問卷,把抽象的體驗(yàn)用用戶的主觀評(píng)分來衡量,具象到某個(gè)數(shù)值;
  2. 用戶體驗(yàn)地圖,整體定位系統(tǒng)痛點(diǎn)和機(jī)會(huì)點(diǎn);
  3. 流程時(shí)效,把時(shí)效的提升作為系統(tǒng)體驗(yàn)提升的一個(gè)體現(xiàn);

1. 滿意度問卷

B端設(shè)計(jì)|如何系統(tǒng)性提升中后臺(tái)產(chǎn)品體驗(yàn)

一般來說,滿意度問卷在結(jié)構(gòu)上會(huì)包含:產(chǎn)品整體滿意度,通用指標(biāo)滿意度,業(yè)務(wù)功能滿意度三部分;為了精細(xì)化分析,我又添加了一部分用戶屬性的內(nèi)容,和最后的開放性意見,主要是為了更好地幫助后續(xù)分析重點(diǎn)優(yōu)化方向和搜集用戶意見。

在設(shè)計(jì)問卷的問題和答案時(shí),不要用太過專業(yè)的術(shù)語,答案也不一定要用標(biāo)準(zhǔn)的五級(jí)量表(非常滿意、滿意、一般、不滿意、非常不滿意),可以更具象地去描述1-5級(jí)的答案,方便用戶選擇。

B端設(shè)計(jì)|如何系統(tǒng)性提升中后臺(tái)產(chǎn)品體驗(yàn)

如上述問題,將比較抽象的 “系統(tǒng)穩(wěn)定性” 轉(zhuǎn)化為“頁面打開速度和出錯(cuò)頻率”來描述,答案也做了更具象的描述,方便用戶確定他們的滿意程度。

下圖是某個(gè)系統(tǒng)的功能滿意度,很明顯可以看到 D、E 模塊的滿意度是低于其他模塊的,后續(xù)可重點(diǎn)關(guān)注這2個(gè)模塊;同時(shí),海外用戶的滿意度普遍低于所有用戶,確實(shí)在這之前海外用戶的需求,比較難觸達(dá)到產(chǎn)品組內(nèi)部。

B端設(shè)計(jì)|如何系統(tǒng)性提升中后臺(tái)產(chǎn)品體驗(yàn)

2. 用戶體驗(yàn)地圖

滿意度問卷已經(jīng)幫助我們客觀地了解到用戶對(duì)于系統(tǒng)的滿意程度,也有了一定的優(yōu)化重點(diǎn),但對(duì)于落地方案來說,還是比較籠統(tǒng)而零散。作為一次完整的體驗(yàn)提升優(yōu)化,還需要站在更全局的角度去仔細(xì)審視系統(tǒng)的每一個(gè)環(huán)節(jié)。

前面提到,中后臺(tái)系統(tǒng)往往有很高的業(yè)務(wù)壁壘,體量大,流程長(zhǎng),涉及角色多,對(duì)于某個(gè)單一角色來說,想要快速深入到系統(tǒng)底層,找出所有問題,是不現(xiàn)實(shí)也不客觀的。

對(duì)此,我的想法是,借助用戶和項(xiàng)目成員的力量,共創(chuàng)用戶體驗(yàn)地圖。

B端設(shè)計(jì)|如何系統(tǒng)性提升中后臺(tái)產(chǎn)品體驗(yàn)

用戶體驗(yàn)地圖

用戶體驗(yàn)地圖是產(chǎn)品設(shè)計(jì)中常用到的一種設(shè)計(jì)方法,它讓我們平時(shí)零散獲得的抱怨、吐槽,變成有序的階段體驗(yàn),直觀地呈現(xiàn)出用戶在每一個(gè)目標(biāo)任務(wù)下的行為、思考、痛點(diǎn)和機(jī)會(huì)點(diǎn)。

在此不再詳述用戶體驗(yàn)地圖的定義和使用方法,具體可參考螞蟻金服的實(shí)戰(zhàn)案例:https://www.uisdc.com/user-maps-design-ali-case#

中后臺(tái)系統(tǒng)共創(chuàng)用戶體驗(yàn)地圖,要在擁有用戶意見的基礎(chǔ)上,邀請(qǐng)產(chǎn)品、技術(shù)、設(shè)計(jì)、業(yè)務(wù)方共同參與,當(dāng)涉及多個(gè)業(yè)務(wù)方時(shí),也需要同時(shí)邀請(qǐng),一起來思考站在用戶角度的痛點(diǎn),和站在自己角度可以提出的機(jī)會(huì)點(diǎn)。

往往此時(shí),不同的業(yè)務(wù)方之間,以及和產(chǎn)品方、用戶方之間,視角不同,都會(huì)存在或大或小的利益沖突,大家共創(chuàng)的過程也是不斷碰撞、同步的過程。在大方向(提升系統(tǒng)體驗(yàn),促進(jìn)業(yè)務(wù)成長(zhǎng))一致的前提下,所有人的意見是可以在討論中互相磨合,最終達(dá)成細(xì)節(jié)共識(shí)的。

在此過程中,有非常重要的一點(diǎn),在于設(shè)計(jì)師要提前和各方確認(rèn)好系統(tǒng)的主流程,并在會(huì)議上引導(dǎo)成員按照主流程框架來進(jìn)行思考和討論,控制好節(jié)奏和話題走向,切記千萬不要讓體驗(yàn)地圖共創(chuàng),變成了七嘴八舌的「吐槽大會(huì)」。最終只是收獲到了一堆抱怨,卻沒有結(jié)論和共識(shí)。

B端設(shè)計(jì)|如何系統(tǒng)性提升中后臺(tái)產(chǎn)品體驗(yàn)

提前確定好的主流程

B端設(shè)計(jì)|如何系統(tǒng)性提升中后臺(tái)產(chǎn)品體驗(yàn)

最終的用戶體驗(yàn)地圖

三、規(guī)劃方案,輸出設(shè)計(jì)

在有了較為全面的用戶體驗(yàn)地圖后,我們就可以全局地去考慮系統(tǒng)體驗(yàn)提升如何落地了。事實(shí)上,在共創(chuàng)的過程中,包括后續(xù)的整理中,我們可以看到除了業(yè)務(wù)相關(guān)的機(jī)會(huì)點(diǎn)外,許多體驗(yàn)上的問題是相通的,例如:復(fù)雜表單填寫缺少規(guī)范、系統(tǒng)通知混亂、流程進(jìn)度不透明、小屏幕展示不友好等等,雖然這些問題會(huì)出現(xiàn)在不同的業(yè)務(wù)模塊中,但是從交互設(shè)計(jì)的角度來說,它們的解決方案是一致的,可復(fù)制的。

可以和產(chǎn)品一起把這些需求仔細(xì)評(píng)估一遍,分為三個(gè)部分:

  • 不需要設(shè)計(jì)方案的優(yōu)化:一句話需求,系統(tǒng) bug,讓優(yōu)化先開始起來;
  • 框架性設(shè)計(jì)或共性問題:導(dǎo)航、首頁、全局通知、表單填寫規(guī)范等,搭好框架才能在處理細(xì)節(jié)問題時(shí)更加高效;
  • 不可復(fù)用的復(fù)雜設(shè)計(jì):細(xì)節(jié)功能優(yōu)化,涉及具體業(yè)務(wù)的底層邏輯變更,新功能等;

在此重點(diǎn)分享一下首頁通知分級(jí)流程節(jié)點(diǎn)透明化等參考價(jià)值比較高的框架性設(shè)計(jì),也就是第二部分。

1. 首頁重設(shè)計(jì)

B端設(shè)計(jì)|如何系統(tǒng)性提升中后臺(tái)產(chǎn)品體驗(yàn)

對(duì)于首頁改版,最重要的是明確設(shè)計(jì)定位,之后就是填充支撐定位的內(nèi)容模塊,設(shè)計(jì)展現(xiàn)形式。

1)明確設(shè)計(jì)定位

作為一個(gè)以協(xié)同辦公為主的平臺(tái),我們對(duì)于系統(tǒng)首頁的定位為:

  • 新用戶-了解平臺(tái)的快速開始入口;
  • 老用戶-處理事項(xiàng)的快速協(xié)同入口,業(yè)務(wù)激勵(lì)內(nèi)容露出的看板;

2)填充內(nèi)容模塊

由此,我們會(huì)需要官方公告、幫助引導(dǎo)、待辦事項(xiàng)、業(yè)務(wù)附能等內(nèi)容模塊,可以根據(jù)用戶角色的不同分別顯示。

B端設(shè)計(jì)|如何系統(tǒng)性提升中后臺(tái)產(chǎn)品體驗(yàn)

3)設(shè)計(jì)展現(xiàn)形式

B端設(shè)計(jì)|如何系統(tǒng)性提升中后臺(tái)產(chǎn)品體驗(yàn)

2. 通知分級(jí)

當(dāng)用戶抱怨通知消息太多,細(xì)細(xì)追究又發(fā)現(xiàn)每個(gè)通知都有必須存在的理由時(shí),我想,可能是系統(tǒng)沒有做好通知分級(jí)。

正如我們?cè)O(shè)計(jì)每個(gè)頁面時(shí)會(huì)對(duì)頁面上的信息進(jìn)行分級(jí),給到不同的展示效果一樣,當(dāng)系統(tǒng)龐大到某種程度,我們就需要對(duì)系統(tǒng)的通知進(jìn)行一次「通知分級(jí)」。把重要緊急的消息直接傳遞到用戶面前,弱化一些反饋型通知。

所以就需要我們整理整個(gè)系統(tǒng)流程里需要提醒的事,以及確定它的重要程度分類,包括:

  • 重要且緊急,需要用戶盡快處理的事,可以通過郵件、短信等系統(tǒng)外的渠道及時(shí)通知用戶;
  • 重要但不緊急,在系統(tǒng)明顯位置給到提醒,保證用戶看到即可;
  • 不重要不緊急,但需要給到用戶的反饋,例如某個(gè)流程完成的通知,可適當(dāng)收起,根據(jù)用戶自身習(xí)慣選擇性查看;
  • 甚至某些非常大量,且不重要不緊急的事項(xiàng)通知,可以考慮直接去掉,轉(zhuǎn)化到具體頁面中能查詢到即可;

B端設(shè)計(jì)|如何系統(tǒng)性提升中后臺(tái)產(chǎn)品體驗(yàn)

部分通知分級(jí)示例

3. 復(fù)雜表單填寫優(yōu)化

在中后臺(tái)系統(tǒng)中,經(jīng)常會(huì)涉及異常復(fù)雜的表單填寫,不僅僅是內(nèi)容多,而且每個(gè)填寫項(xiàng)涉及業(yè)務(wù)規(guī)范,缺少填寫指引,容易出錯(cuò),流程反復(fù)駁回,對(duì)接低效。

于是,在必要流程前添加了準(zhǔn)備資料階段,列出了所有需要準(zhǔn)備的資料,注意:

  • 每個(gè)資料都需要有示例,并標(biāo)注審核要點(diǎn);
  • 清晰描述資料的業(yè)務(wù)規(guī)范,容易遺漏出錯(cuò)的內(nèi)容需要高亮說明;
  • 需要用模板填寫的資料提前給到模板;

B端設(shè)計(jì)|如何系統(tǒng)性提升中后臺(tái)產(chǎn)品體驗(yàn)

明確的填寫指引,再配合針對(duì)審核人及時(shí)的通知提醒,目標(biāo)將原來 41 天的流程時(shí)效降低到 21 天。

4. 流程節(jié)點(diǎn)透明化

中后臺(tái)系統(tǒng)會(huì)有非常多的流程協(xié)作功能,但是之前系統(tǒng)的做法僅僅是完成了流程的「功能」,卻沒有照顧到用戶的「心理」,沒有告知用戶每個(gè)流程應(yīng)有的節(jié)點(diǎn)、規(guī)范、當(dāng)前進(jìn)度。用戶在等待流程推進(jìn)的時(shí)候仿佛進(jìn)入了一個(gè)黑箱,不知道現(xiàn)在的進(jìn)度如何也不知道什么時(shí)候會(huì)完成,不僅是體驗(yàn)不好,而且會(huì)浪費(fèi)大量的人力、資源在溝通流程進(jìn)度上。

所以在整體優(yōu)化時(shí),引入了流程進(jìn)度模塊,清晰地展示了整體流程的節(jié)點(diǎn),對(duì)應(yīng)的操作人,截止時(shí)間,以及完成節(jié)點(diǎn)的操作記錄。這節(jié)省了非常多內(nèi)外溝通的時(shí)間。

B端設(shè)計(jì)|如何系統(tǒng)性提升中后臺(tái)產(chǎn)品體驗(yàn)

流程節(jié)點(diǎn)透明化

四、總結(jié)

以上,就是本次中后臺(tái)系統(tǒng)體驗(yàn)提升的大致過程:

  1. 定位系統(tǒng)體驗(yàn);
  2. 收集各方反饋;
  3. 提煉通用體驗(yàn)問題;
  4. 設(shè)計(jì)解決方案。

中后臺(tái)大多數(shù)業(yè)務(wù)復(fù)雜,體量龐大,設(shè)計(jì)剛剛接觸時(shí)會(huì)覺得無從下手,利用這樣的一套流程不僅能幫助我們與團(tuán)隊(duì)成員一起優(yōu)化系統(tǒng)體驗(yàn),還能讓我們深入到用戶場(chǎng)景,和各業(yè)務(wù)方、用戶方深入交流,對(duì)后續(xù)的工作也很有幫助。

筆者一直認(rèn)為,雖然中后臺(tái)是前臺(tái)用戶看不見的地方,但后臺(tái)系統(tǒng)邏輯的規(guī)范,體驗(yàn)的高效,最終會(huì)透過層層映射展現(xiàn)在用戶面前。對(duì)于電商來說,可能更多體現(xiàn)在發(fā)貨、物流、質(zhì)檢等屏幕外的體驗(yàn)上,但這也是產(chǎn)品體驗(yàn)不可忽視的一部分,需要我們?yōu)榇颂泶u加瓦,不斷加分。

轉(zhuǎn)載:人人都是產(chǎn)品經(jīng)理

蘭亭妙微(藍(lán)藍(lán)設(shè)計(jì))www.ywne.cn 是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(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。

 

image.png

UI設(shè)計(jì)欣賞

清陽 移動(dòng)端UI設(shè)計(jì)文章及欣賞

06398d216e5463588a04d80c3d864bfb.png

53319d430dc08b0f508684d30707b2f2.png

9541e1fa20dd5dc6945e7ffc2b95816a.png

6511670958390bfe97b8e4033ec992fa.png

eb17f842ae1bc6f033bbdfdfbe9351ff.png

f93821279449b1d6d7f7452f79d99d17.png

b63d6a35f2dc79c3122d9fb2ac0c820a.png

fcdcd17843f8eda4d7e64a36deb2c1ef.png

43e5af62b778add773ab1cb512b3a7d1.png

image.png

image.png

image.png

image.png

image.png

image.png

轉(zhuǎn)載:黑馬青年

蘭亭妙微(藍(lán)藍(lán)設(shè)計(jì))www.ywne.cn 是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(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。

 

image.png

用戶思維之旅,引領(lǐng)設(shè)計(jì)未來(上)

清陽 交互設(shè)計(jì)及用戶體驗(yàn)

正文

 

用戶思維在現(xiàn)代設(shè)計(jì)中扮演著關(guān)鍵角色,經(jīng)歷了多個(gè)發(fā)展階段。從簡(jiǎn)單的顧客是上帝到如今的以用戶為中心,我們見證了用戶思維的不斷演進(jìn)。本章將深入探討用戶思維的發(fā)展史、認(rèn)知方式和實(shí)際應(yīng)用方法,為設(shè)計(jì)團(tuán)隊(duì)提供全面的視角,引領(lǐng)我們更好地理解和滿足用戶需求。

 

 

 

目錄

 

一:用戶思維的發(fā)展簡(jiǎn)史

1.1 用戶思維的四個(gè)階段和四種關(guān)系

1.2 明確的廢話:以用戶為中心的四個(gè)新認(rèn)知

1.3 用戶思維4.0中洞察用戶的三大方法

* 1.3.1 生活任務(wù):識(shí)別關(guān)鍵用戶需求

* 1.3.2 站對(duì)立場(chǎng):借助用戶視角拓展認(rèn)知

* 1.3.3 親身體驗(yàn):通過直接參與了解用戶感受

1.4 用戶思維4.0中尋找市場(chǎng)機(jī)會(huì)的六個(gè)思維

* 1.4.1 痛點(diǎn):定位用戶問題與痛苦

* 1.4.2 癢點(diǎn):發(fā)現(xiàn)用戶需求的潛在欲望

* 1.4.3 爽點(diǎn):創(chuàng)造愉悅體驗(yàn)的關(guān)鍵

* 1.4.4 欣喜:提供令人愉悅的驚喜

* 1.4.5 燃點(diǎn):激發(fā)用戶情感共鳴

* 1.4.6 驚喜:超越期望引發(fā)驚奇

1.5 如何以用戶思維4.0甄選人群

* 1.5.1 找到愛你的人:建立真摯連接的關(guān)鍵

* 1.5.2 與用戶共創(chuàng)產(chǎn)品:釋放創(chuàng)新的洪荒之力

 

二:用戶思維的發(fā)展篇

2.1 用戶思維初局:產(chǎn)品時(shí)代顧客是上帝

2.2 用戶思維2.0:營(yíng)銷時(shí)代顧客需求至上

2.3 用戶思維3.0:品牌時(shí)代消費(fèi)者是老板

2.4 用戶思維4.0:體驗(yàn)&數(shù)字時(shí)代以用戶為中心

 

三:用戶思維的認(rèn)知篇

3.1 明確的廢話:以用戶為中心的四個(gè)認(rèn)知

3.2 明確1:首先,是用戶而非消費(fèi)者

3.3 明確2:由以產(chǎn)品為中心到以用戶為中心

3.4 明確3:要站在用戶的立場(chǎng)著想,而不是滿足用戶需求

3.5 明確4:用戶是伙伴:「1+1=11」

 

四:用戶思維的方法篇

4.1 用戶洞察三大方法:三位大神手把手教你如何市場(chǎng)調(diào)研&洞察用戶

4.2 用戶洞察方法1:完成生活中的任務(wù)

4.3 用戶洞察方法2:站在用戶的立場(chǎng)思考

4.4 用戶洞察的方法3:親身體驗(yàn)

 

 

一:用戶思維的發(fā)展簡(jiǎn)史

 

用戶思維的發(fā)展可以追溯到最初的「顧客是上帝」時(shí)代,這一階段強(qiáng)調(diào)顧客至上,產(chǎn)品設(shè)計(jì)主要圍繞滿足用戶需求展開。隨著市場(chǎng)的不斷變化,用戶思維進(jìn)入「以用戶為中心」的2.0時(shí)代,強(qiáng)調(diào)更深入地理解用戶,而不僅僅是滿足需求。隨著數(shù)字化和體驗(yàn)設(shè)計(jì)的興起,用戶思維進(jìn)入3.0時(shí)代,強(qiáng)調(diào)用戶體驗(yàn)和品牌建設(shè),消費(fèi)者逐漸演變?yōu)槔习濉W罱?.0時(shí)代將焦點(diǎn)放在「以用戶為中心」,強(qiáng)調(diào)用戶參與和共創(chuàng),要求設(shè)計(jì)團(tuán)隊(duì)更加敏銳地捕捉市場(chǎng)機(jī)會(huì),創(chuàng)造符合用戶期待的全方位體驗(yàn)。這個(gè)發(fā)展歷程表明用戶思維的不斷演變,從簡(jiǎn)單的滿足需求到深度參與,塑造了現(xiàn)代設(shè)計(jì)的基石。

 

image.png

 

 

1.1 用戶思維的四個(gè)階段和四種關(guān)系

用戶思維的演進(jìn)經(jīng)歷了四個(gè)關(guān)鍵階段,每個(gè)階段都構(gòu)建了不同類型的用戶與產(chǎn)品之間的關(guān)系。

 

1.1.1用戶思維的四個(gè)階段:

產(chǎn)品時(shí)代(用戶思維初局):這個(gè)階段的核心理念是顧客是上帝,關(guān)注點(diǎn)主要集中在產(chǎn)品本身,追求滿足用戶的基本需求,建立了最初的用戶關(guān)系。

 

營(yíng)銷時(shí)代(用戶思維2.0): 隨著市場(chǎng)的競(jìng)爭(zhēng)加劇,設(shè)計(jì)開始注重顧客需求至上,關(guān)系逐漸從簡(jiǎn)單的產(chǎn)品使用者轉(zhuǎn)變?yōu)楦由钊氲男枨鬂M足者,用戶在購(gòu)買決策中扮演著更為積極的角色。

 

品牌時(shí)代(用戶思維3.0): 進(jìn)入品牌時(shí)代,關(guān)系邁向了更復(fù)雜的層次,強(qiáng)調(diào)消費(fèi)者是老板。用戶開始對(duì)品牌和產(chǎn)品有更高的期望,品牌形象成為塑造用戶關(guān)系的重要因素。

 

體驗(yàn)&數(shù)字時(shí)代(用戶思維4.0): 最新的階段強(qiáng)調(diào)以用戶為中心,用戶參與的程度達(dá)到巔峰。產(chǎn)品設(shè)計(jì)不僅滿足需求,更注重用戶體驗(yàn)和數(shù)字化的創(chuàng)新,構(gòu)建了更為互動(dòng)和共創(chuàng)的用戶關(guān)系。

 

1.1.2 用戶思維的四種關(guān)系:

顧客是上帝的關(guān)系: 在產(chǎn)品時(shí)代,用戶關(guān)系主要建立在滿足基本需求的層面,用戶被視為上帝,產(chǎn)品服務(wù)于他們的基本期望。

 

顧客需求至上的關(guān)系: 隨著市場(chǎng)的發(fā)展,用戶關(guān)系更加關(guān)注滿足用戶個(gè)性化的需求,設(shè)計(jì)轉(zhuǎn)向了更為細(xì)致的用戶體驗(yàn),強(qiáng)調(diào)用戶需求的個(gè)性化。

 

消費(fèi)者是老板的關(guān)系: 進(jìn)入品牌時(shí)代,用戶與產(chǎn)品的關(guān)系變得更加復(fù)雜,用戶期待品牌給予他們更多的權(quán)利和特殊體驗(yàn),消費(fèi)者在關(guān)系中扮演著更加主動(dòng)的角色。

 

以用戶為中心的關(guān)系: 在當(dāng)前的體驗(yàn)&數(shù)字時(shí)代,用戶關(guān)系進(jìn)一步發(fā)展為更為互動(dòng)和共創(chuàng)的模式。設(shè)計(jì)不僅僅關(guān)注滿足需求,更注重用戶參與,共同創(chuàng)造出更為富有創(chuàng)意和個(gè)性化的產(chǎn)品體驗(yàn)。

 

image.png

 

 

1.2 明確的廢話:「以用戶為中心」的四個(gè)新認(rèn)知

在「以用戶為中心」的設(shè)計(jì)理念中,涌現(xiàn)出了四個(gè)新認(rèn)知,這些認(rèn)知不僅僅是理論框架,更是設(shè)計(jì)團(tuán)隊(duì)在實(shí)踐中的指南,引領(lǐng)著設(shè)計(jì)思維的演變。

 

1. 明確1:首先,是「用戶」而非「消費(fèi)者」 在過去的設(shè)計(jì)中,我們常常將用戶僅僅看作是購(gòu)買者或消費(fèi)者,而「以用戶為中心」強(qiáng)調(diào)的是更全面、更深入的理解用戶。這一認(rèn)知使我們更關(guān)注用戶的整體生活,而非僅僅是與產(chǎn)品相關(guān)的方面,從而打破了以往狹隘的認(rèn)知模式。

 

2. 明確2:由「以產(chǎn)品為中心」到「以用戶為中心」 傳統(tǒng)設(shè)計(jì)往往以產(chǎn)品為核心,設(shè)計(jì)師關(guān)注的焦點(diǎn)是產(chǎn)品的功能和外觀。而「以用戶為中心」的認(rèn)知將焦點(diǎn)轉(zhuǎn)向了用戶的需求和體驗(yàn),設(shè)計(jì)變得更貼近用戶的真實(shí)生活場(chǎng)景,強(qiáng)調(diào)實(shí)際使用中的便捷性和愉悅感。

 

3. 明確3:要「站在用戶的立場(chǎng)著想」,而不是「滿足用戶需求」 這一認(rèn)知挑戰(zhàn)了以往滿足用戶需求的思維模式。不僅要了解用戶的需求,更要站在用戶的視角,深入理解他們的痛點(diǎn)和欲望。通過這種方式,設(shè)計(jì)可以更好地貼合用戶的實(shí)際體驗(yàn),而不僅僅是單純地提供功能。

 

4. 明確4:用戶是伙伴:「1+1=11」 「以用戶為中心」的設(shè)計(jì)理念將用戶視為產(chǎn)品設(shè)計(jì)的伙伴,強(qiáng)調(diào)用戶參與的重要性。這不僅是在產(chǎn)品的使用中,更是在產(chǎn)品的設(shè)計(jì)過程中,通過用戶的參與,設(shè)計(jì)團(tuán)隊(duì)能夠獲得更為豐富的創(chuàng)意和反饋,實(shí)現(xiàn)「1+1=11」的效果,將用戶的力量與設(shè)計(jì)團(tuán)隊(duì)的智慧相結(jié)合,創(chuàng)造出更為卓越的產(chǎn)品體驗(yàn)。

 

image.png

 

 

1.3 用戶思維4.0中洞察用戶的三大方法:

1.3.1 生活任務(wù):

識(shí)別關(guān)鍵用戶需求 通過關(guān)注用戶在日常生活中的任務(wù)和活動(dòng),我們能夠識(shí)別出關(guān)鍵的用戶需求。這一方法強(qiáng)調(diào)的是在真實(shí)場(chǎng)景中觀察和了解用戶所面臨的問題,從而挖掘出更為深刻的需求。通過解析用戶的生活任務(wù),設(shè)計(jì)團(tuán)隊(duì)能夠更準(zhǔn)確地定位產(chǎn)品在用戶生活中的角色,提供更精準(zhǔn)的解決方案。

 

1.3.2 站對(duì)立場(chǎng):

借助用戶視角拓展認(rèn)知 這一方法要求設(shè)計(jì)團(tuán)隊(duì)要能夠站在用戶的立場(chǎng),深入理解他們的觀點(diǎn)和需求。通過模擬用戶的思考方式,設(shè)計(jì)團(tuán)隊(duì)能夠更好地拓展自己的認(rèn)知邊界,避免以設(shè)計(jì)者的角度狹隘地看待問題。這種方法促使設(shè)計(jì)團(tuán)隊(duì)更好地理解用戶的期望和挑戰(zhàn),為創(chuàng)新提供更多可能性。

 

1.3.3 親身體驗(yàn):

通過直接參與了解用戶感受 最直接的了解用戶的方式是親身體驗(yàn)。通過設(shè)計(jì)團(tuán)隊(duì)成員親自參與用戶使用產(chǎn)品的過程,能夠更深刻地感受用戶的需求和體驗(yàn)。這一方法不僅提供了實(shí)際的用戶反饋,還能夠從設(shè)計(jì)者的角度直觀地感知用戶的情感和體驗(yàn),為產(chǎn)品的優(yōu)化提供實(shí)質(zhì)性的依據(jù)。 通過這三大方法,用戶思維4.0倡導(dǎo)設(shè)計(jì)團(tuán)隊(duì)更深度地了解和洞察用戶,以確保產(chǎn)品能夠更貼近用戶的實(shí)際需求和期望。

 

image.png

 

 

1.4 用戶思維4.0中尋找市場(chǎng)機(jī)會(huì)的六個(gè)思維:

1.4.1 痛點(diǎn)

定位用戶問題與痛苦 在用戶思維4.0中,關(guān)注用戶的痛點(diǎn)是尋找市場(chǎng)機(jī)會(huì)的首要步驟。定位用戶問題與痛苦有助于設(shè)計(jì)團(tuán)隊(duì)深入了解用戶需求,為其提供真正有價(jià)值的解決方案。

 

痛點(diǎn)思維要求設(shè)計(jì)團(tuán)隊(duì)積極與用戶互動(dòng),通過深入調(diào)研和用戶反饋,發(fā)現(xiàn)用戶在日常生活中所面臨的真實(shí)問題和痛苦。這可能是由于現(xiàn)有產(chǎn)品的不足、服務(wù)的不便或其他障礙造成的,需要我們通過創(chuàng)新的設(shè)計(jì)來緩解或解決。

 

通過定位用戶的痛點(diǎn),設(shè)計(jì)團(tuán)隊(duì)能夠更精準(zhǔn)地把握用戶需求的關(guān)鍵點(diǎn),為產(chǎn)品提供有針對(duì)性的改進(jìn)。這一過程不僅有助于解決用戶的實(shí)際問題,還能增強(qiáng)產(chǎn)品的競(jìng)爭(zhēng)力,確保其在市場(chǎng)中具有更強(qiáng)的吸引力。通過關(guān)注用戶問題與痛苦,我們能夠建立起更緊密、更有同理心的用戶關(guān)系,為設(shè)計(jì)的創(chuàng)新奠定堅(jiān)實(shí)基礎(chǔ)。

 

1.4.2 癢點(diǎn)

發(fā)現(xiàn)用戶需求的潛在欲望 在用戶思維4.0的理念中,癢點(diǎn)思維強(qiáng)調(diào)的是挖掘用戶的潛在欲望和期望,超越基本需求的滿足,為設(shè)計(jì)團(tuán)隊(duì)提供了尋找市場(chǎng)機(jī)會(huì)的創(chuàng)新思路。

 

癢點(diǎn)即用戶潛在的、可能未被察覺的需求和欲望。通過深入了解用戶的行為、心理和文化背景,設(shè)計(jì)團(tuán)隊(duì)能夠發(fā)現(xiàn)用戶在某些方面可能并未明確表達(dá)的渴望。這種思維方式追求的是在產(chǎn)品中創(chuàng)造令人愉悅的附加價(jià)值,使用戶在使用產(chǎn)品時(shí)感到更多的驚喜和滿足。

 

癢點(diǎn)思維要求設(shè)計(jì)團(tuán)隊(duì)具備敏銳的觀察力和深厚的洞察力,通過用戶研究、市場(chǎng)調(diào)查和創(chuàng)意工作坊等方式,挖掘用戶在生活中可能潛在的、未被滿足的欲望。這種創(chuàng)新思維不僅有助于產(chǎn)品的差異化競(jìng)爭(zhēng),更能提高用戶對(duì)產(chǎn)品的黏性,建立更為深層次的用戶忠誠(chéng)度。 通過發(fā)現(xiàn)用戶的癢點(diǎn),設(shè)計(jì)團(tuán)隊(duì)能夠?yàn)楫a(chǎn)品注入更多情感價(jià)值,使其在市場(chǎng)中更具吸引力,實(shí)現(xiàn)用戶與產(chǎn)品之間更為深刻的情感連接。

 

1.4.3 爽點(diǎn)

創(chuàng)造愉悅體驗(yàn)的關(guān)鍵 在用戶思維4.0中,爽點(diǎn)思維強(qiáng)調(diào)的是創(chuàng)造愉悅體驗(yàn)的關(guān)鍵,使用戶在使用產(chǎn)品時(shí)感到愉悅和滿足。這一思維方式是尋找市場(chǎng)機(jī)會(huì)的關(guān)鍵元素之一。

 

爽點(diǎn)思維要求設(shè)計(jì)團(tuán)隊(duì)將用戶體驗(yàn)放在首要位置,通過提高產(chǎn)品的易用性、優(yōu)化界面設(shè)計(jì)、提供流暢的操作流程等手段,創(chuàng)造令用戶感到愉悅的使用體驗(yàn)。這并不僅僅是在功能上的滿足,更是在情感層面上對(duì)用戶的關(guān)照。

 

通過深入了解用戶的情感需求,設(shè)計(jì)團(tuán)隊(duì)能夠在產(chǎn)品中設(shè)置一系列的爽點(diǎn),如有趣的動(dòng)畫、愉悅的聲音、友好的互動(dòng)等,使用戶在使用產(chǎn)品時(shí)感到輕松、舒適和愉悅。這種愉悅體驗(yàn)不僅提高了用戶對(duì)產(chǎn)品的滿意度,更能夠增強(qiáng)用戶對(duì)品牌的好感,從而提高用戶忠誠(chéng)度。

 

通過關(guān)注爽點(diǎn),設(shè)計(jì)團(tuán)隊(duì)能夠?yàn)楫a(chǎn)品賦予更為人性化和情感化的特質(zhì),使其在市場(chǎng)競(jìng)爭(zhēng)中更具優(yōu)勢(shì),留下深刻的用戶印象。這是創(chuàng)造有溫度、更具人性關(guān)懷的產(chǎn)品所必不可少的一環(huán)。

 

1.4.4 欣喜

提供令人愉悅的驚喜 在用戶思維4.0的框架下,欣喜思維強(qiáng)調(diào)的是通過產(chǎn)品為用戶提供令人愉悅的驚喜,超越他們的期望,為產(chǎn)品體驗(yàn)增添更多令人欣喜的元素。

 

欣喜思維要求設(shè)計(jì)團(tuán)隊(duì)在產(chǎn)品設(shè)計(jì)中注入一些出乎用戶意料之外的元素,讓用戶在使用產(chǎn)品時(shí)能夠體驗(yàn)到超越預(yù)期的愉悅。這不僅包括功能上的驚喜,更涉及到情感上的愉悅,使用戶在使用產(chǎn)品時(shí)感到愉快、興奮和滿足。

 

通過提供令人愉悅的驚喜,設(shè)計(jì)團(tuán)隊(duì)可以建立更為積極的用戶情感連接,增強(qiáng)用戶對(duì)產(chǎn)品的好感度。這種正面的體驗(yàn)不僅提高了用戶滿意度,還能夠在用戶心中留下深刻的印象,使產(chǎn)品在市場(chǎng)中更為突出。

 

欣喜思維的實(shí)踐包括但不限于獨(dú)特的用戶界面設(shè)計(jì)、出色的交互效果、有趣的功能設(shè)計(jì)等,目的是讓用戶在與產(chǎn)品互動(dòng)時(shí)能夠感到愉悅的驚喜,為產(chǎn)品贏得更多的用戶喜愛。這是設(shè)計(jì)團(tuán)隊(duì)在尋找市場(chǎng)機(jī)會(huì)時(shí)的一項(xiàng)重要策略,使產(chǎn)品在激烈的市場(chǎng)競(jìng)爭(zhēng)中更具競(jìng)爭(zhēng)力。

 

1.4.5 燃點(diǎn)

在用戶思維4.0的理念中,燃點(diǎn)思維強(qiáng)調(diào)通過產(chǎn)品設(shè)計(jì)激發(fā)用戶的情感共鳴,創(chuàng)造一種深厚的情感連接。這種連接不僅提高用戶滿意度,還加強(qiáng)了用戶對(duì)產(chǎn)品的情感投入和忠誠(chéng)度。

 

燃點(diǎn)思維要求設(shè)計(jì)團(tuán)隊(duì)在產(chǎn)品中注入具有情感共鳴力的元素,使用戶能夠在使用產(chǎn)品時(shí)與之建立更為深刻的情感聯(lián)系。這可能涉及到對(duì)用戶價(jià)值觀、情感體驗(yàn)和個(gè)人經(jīng)歷的深入理解,以便在產(chǎn)品中體現(xiàn)出與用戶共鳴的特質(zhì)。

 

通過燃點(diǎn)思維,設(shè)計(jì)團(tuán)隊(duì)可以運(yùn)用引人深思的故事、情感化的設(shè)計(jì)元素或共同的價(jià)值觀,引發(fā)用戶內(nèi)心深處的情感共鳴。這樣的設(shè)計(jì)不僅讓用戶感到產(chǎn)品與他們的生活息息相關(guān),更能夠建立起一種持久的情感連接。

 

在激發(fā)用戶情感共鳴的過程中,設(shè)計(jì)團(tuán)隊(duì)需要通過細(xì)致入微的用戶研究和深度理解用戶體驗(yàn),以確保產(chǎn)品中的燃點(diǎn)能夠真正觸動(dòng)用戶的情感。這種共鳴不僅使產(chǎn)品更加有溫度和有趣,也為品牌贏得了用戶的深刻印象,進(jìn)而提升了用戶對(duì)產(chǎn)品的情感認(rèn)同度。

 

1.4.6 驚喜

超越期望引發(fā)驚奇 在用戶思維4.0的理念下,驚喜思維強(qiáng)調(diào)通過產(chǎn)品設(shè)計(jì),超越用戶的期望,為用戶創(chuàng)造令人驚奇的體驗(yàn)。這種思維方式不僅提高用戶對(duì)產(chǎn)品的滿意度,還為產(chǎn)品在市場(chǎng)競(jìng)爭(zhēng)中贏得更多的關(guān)注和口碑。

 

驚喜思維要求設(shè)計(jì)團(tuán)隊(duì)在產(chǎn)品中融入一些出人意料的元素,讓用戶在使用產(chǎn)品時(shí)能夠感受到超越預(yù)期的驚奇。這不僅包括功能上的驚喜,更涉及到設(shè)計(jì)上的創(chuàng)新,使產(chǎn)品在用戶體驗(yàn)上能夠帶來獨(dú)特的視覺、感官或情感沖擊。

 

通過提供驚喜,設(shè)計(jì)團(tuán)隊(duì)可以在用戶心中留下深刻的印象,使用戶對(duì)產(chǎn)品產(chǎn)生積極的情感體驗(yàn)。這種積極的體驗(yàn)不僅能夠激發(fā)用戶的好奇心,更有可能轉(zhuǎn)化為口碑傳播和用戶推薦,為產(chǎn)品的市場(chǎng)表現(xiàn)注入新的活力。

 

在實(shí)踐中,設(shè)計(jì)團(tuán)隊(duì)需要深入了解目標(biāo)用戶的期望和偏好,以確保產(chǎn)品中的驚喜元素能夠精準(zhǔn)地觸及用戶的心理點(diǎn)。這種獨(dú)特而令人驚奇的設(shè)計(jì)不僅是尋找市場(chǎng)機(jī)會(huì)的策略之一,也是提升產(chǎn)品品牌形象和用戶認(rèn)知度的有效手段。

 

image.png

 

 

1.5 如何以用戶思維4.0甄選人群

在用戶思維4.0的框架下,甄選目標(biāo)人群是確保產(chǎn)品成功的關(guān)鍵步驟。以下是一些建議,幫助設(shè)計(jì)團(tuán)隊(duì)以用戶思維4.0的方式甄選適合的人群。

 

1.5.1 找到愛你的人

建立真摯連接的關(guān)鍵 在以用戶思維4.0甄選人群中,找到愛你的人是建立真摯連接的關(guān)鍵。這不僅是一種市場(chǎng)定位策略,更是確保產(chǎn)品與用戶之間深度關(guān)系的核心步驟。

 

首先,深入了解產(chǎn)品的核心價(jià)值和獨(dú)特特質(zhì)。了解產(chǎn)品解決了哪些關(guān)鍵問題,提供了哪些獨(dú)特的體驗(yàn),以及它在用戶日常生活中的實(shí)際應(yīng)用。這為找到與產(chǎn)品核心價(jià)值產(chǎn)生共鳴的用戶奠定基礎(chǔ)。

 

其次,通過市場(chǎng)調(diào)研和用戶分析,識(shí)別那些對(duì)產(chǎn)品真正感興趣且有潛在需求的用戶群體。這可以通過觀察用戶的行為模式、社交媒體參與以及其他市場(chǎng)數(shù)據(jù)來實(shí)現(xiàn)。找到那些在產(chǎn)品中看到價(jià)值的用戶,而不僅僅是因?yàn)樗墓δ堋?/p>

 

在這一過程中,設(shè)計(jì)團(tuán)隊(duì)需要采用情感化的市場(chǎng)調(diào)研方法,了解用戶的喜好、情感需求和使用場(chǎng)景。這有助于建立更為深厚的用戶連接,使產(chǎn)品 能夠真正融入用戶的生活,而不僅僅是提供一種功能。

 

最終,建立真摯連接需要在用戶和產(chǎn)品之間構(gòu)建一種共鳴。這可以通過強(qiáng)調(diào)產(chǎn)品的人性化特質(zhì),展示其與用戶共同的價(jià)值觀,并在營(yíng)銷和品牌傳播中強(qiáng)調(diào)產(chǎn)品與用戶生活的契合之處來實(shí)現(xiàn)。通過建立這種真摯的連接,產(chǎn)品可以更好地滿足用戶的期望,提高用戶滿意度,并促使用戶成為產(chǎn)品的忠實(shí)支持者。

 

1.5.2 與用戶共創(chuàng)產(chǎn)品:釋放創(chuàng)新的洪荒之力

在以用戶思維4.0甄選人群的過程中,與用戶共創(chuàng)產(chǎn)品是釋放創(chuàng)新的關(guān)鍵步驟。這種合作不僅可以加深對(duì)用戶需求的理解,還能夠在產(chǎn)品設(shè)計(jì)中注入新穎的觀點(diǎn)和創(chuàng)意,為產(chǎn)品的成功打下堅(jiān)實(shí)基礎(chǔ)。

 

首先,建立開放的溝通渠道,鼓勵(lì)用戶分享他們的體驗(yàn)、見解和建議。通過用戶反饋、調(diào)查問卷、社交媒體互動(dòng)等多種方式,收集用戶對(duì)產(chǎn)品的看法。這種雙向溝通有助于建立互信關(guān)系,使用戶感到他們的聲音被重視。

 

其次,組織創(chuàng)意工作坊、用戶體驗(yàn)研討會(huì)等活動(dòng),直接邀請(qǐng)用戶參與產(chǎn)品設(shè)計(jì)的過程。在這些活動(dòng)中,用戶可以提出他們對(duì)產(chǎn)品的期望、需求和改進(jìn)建議。設(shè)計(jì)團(tuán)隊(duì)可以通過與用戶的互動(dòng),深入了解他們的真實(shí)需求,同時(shí)也能夠啟發(fā)出一些創(chuàng)新的點(diǎn)子。

 

通過共創(chuàng),不僅可以獲取用戶的專業(yè)知識(shí)和實(shí)際體驗(yàn),還能夠激發(fā)團(tuán)隊(duì)內(nèi)部的創(chuàng)新潛能。設(shè)計(jì)團(tuán)隊(duì)可以將用戶提供的反饋融入產(chǎn)品設(shè)計(jì)中,確保產(chǎn)品更貼近用戶的實(shí)際使用場(chǎng)景,并提供更為個(gè)性化的解決方案。

 

最終,共創(chuàng)不僅是產(chǎn)品設(shè)計(jì)的過程,更是一種共同成長(zhǎng)的機(jī)會(huì)。通過釋放用戶的創(chuàng)造力,設(shè)計(jì)團(tuán)隊(duì)能夠不斷改進(jìn)產(chǎn)品,提升用戶體驗(yàn),同時(shí)也為產(chǎn)品的不斷創(chuàng)新奠定了堅(jiān)實(shí)基礎(chǔ)。這種共創(chuàng)的合作模式釋放了創(chuàng)新的洪荒之力,為產(chǎn)品的成功帶來了更多可能性。

 

 

 

二:用戶思維的發(fā)展篇

 

用戶思維在不同時(shí)代經(jīng)歷了多個(gè)發(fā)展階段,每個(gè)階段都反映了社會(huì)和技術(shù)的變革,以及人們對(duì)產(chǎn)品和服務(wù)期望的演變。以下是用戶思維的四個(gè)發(fā)展階段:

 

image.png

 

 

2.1 用戶思維初局:產(chǎn)品時(shí)代「顧客是上帝」

在用戶思維的初級(jí)階段,也被稱為產(chǎn)品時(shí)代,企業(yè)的關(guān)注點(diǎn)主要集中在產(chǎn)品的生產(chǎn)和銷售上。這個(gè)時(shí)代的核心理念是“顧客是上帝”,強(qiáng)調(diào)滿足顧客的基本需求,提供高質(zhì)量的產(chǎn)品和服務(wù)。企業(yè)在這個(gè)階段更注重產(chǎn)品的質(zhì)量、可用性和生產(chǎn)效率,以確保顧客對(duì)其產(chǎn)品的滿意度。

 

在「顧客是上帝」的理念下,企業(yè)建立了一種以顧客為中心的文化,注重提供卓越的顧客體驗(yàn)。此時(shí),市場(chǎng)競(jìng)爭(zhēng)相對(duì)較小,產(chǎn)品選擇有限,因此企業(yè)主要通過提高產(chǎn)品的品質(zhì)和服務(wù)水平來吸引和保留顧客。這一時(shí)期的企業(yè)關(guān)系更為簡(jiǎn)單直接,著眼點(diǎn)主要集中在生產(chǎn)端。

 

然而,隨著社會(huì)和科技的不斷發(fā)展,用戶的期望逐漸演變,引領(lǐng)了用戶思維的不斷升級(jí)。從產(chǎn)品時(shí)代的初局到如今的以用戶為中心的體驗(yàn)&數(shù)字時(shí)代,用戶思維經(jīng)歷了深刻的變革,塑造了當(dāng)今設(shè)計(jì)和商業(yè)的格局。

 

image.png

 

 

2.2 用戶思維2.0:營(yíng)銷時(shí)代「顧客需求至上」

隨著市場(chǎng)競(jìng)爭(zhēng)的日益激烈,用戶思維進(jìn)入了營(yíng)銷時(shí)代,強(qiáng)調(diào)「顧客需求至上」。在這一時(shí)期,企業(yè)逐漸認(rèn)識(shí)到僅僅提供高質(zhì)量的產(chǎn)品已經(jīng)不足以滿足多樣化的顧客需求。因此,企業(yè)開始更加注重市場(chǎng)營(yíng)銷和品牌建設(shè),將顧客的需求納入產(chǎn)品設(shè)計(jì)和營(yíng)銷戰(zhàn)略的考量之中。

 

「顧客需求至上」的理念使企業(yè)更加敏銳地傾聽和了解顧客的需求,通過市場(chǎng)調(diào)研和消費(fèi)者洞察來獲取更全面的信息。產(chǎn)品設(shè)計(jì)不再僅僅關(guān)注功能和質(zhì)量,還包括了更為多元化和個(gè)性化的特點(diǎn),以迎合不同顧客群體的需求。

 

此時(shí),品牌形象開始在消費(fèi)者心中占據(jù)重要地位。企業(yè)不僅要提供產(chǎn)品,還需要通過有效的品牌營(yíng)銷傳遞價(jià)值觀和情感連接,建立與顧客之間更深層次的關(guān)系。營(yíng)銷時(shí)代標(biāo)志著企業(yè)更主動(dòng)地接觸和影響顧客,使其對(duì)產(chǎn)品和品牌產(chǎn)生認(rèn)同感。

 

在用戶思維2.0的階段,企業(yè)逐漸意識(shí)到滿足顧客需求的重要性,從而開啟了更加注重市場(chǎng)營(yíng)銷、品牌建設(shè)和顧客關(guān)系的新篇章。這一時(shí)期的發(fā)展為后來用戶思維的演進(jìn)奠定了基礎(chǔ),為更加個(gè)性化、體驗(yàn)化的用戶思維3.0時(shí)代鋪平了道路。

 

image.png

 

 

2.3 用戶思維3.0:品牌時(shí)代「消費(fèi)者是老板」

用戶思維3.0標(biāo)志著進(jìn)入品牌時(shí)代,其中核心理念是「消費(fèi)者是老板」。在這個(gè)階段,消費(fèi)者不僅僅是購(gòu)買產(chǎn)品的一方,更是對(duì)品牌產(chǎn)生影響力的重要角色。品牌時(shí)代強(qiáng)調(diào)消費(fèi)者對(duì)品牌形象和產(chǎn)品體驗(yàn)的直接參與,他們的需求和反饋開始更加直接地影響企業(yè)的決策和運(yùn)營(yíng)。

 

在品牌時(shí)代,企業(yè)需要更積極地與消費(fèi)者互動(dòng),建立更加深入的關(guān)系。社交媒體和數(shù)字平臺(tái)的興起使得消費(fèi)者能夠更容易地分享他們的體驗(yàn)和意見,這對(duì)品牌形象產(chǎn)生了直接而深遠(yuǎn)的影響。品牌不再是單向的傳遞,而是與消費(fèi)者形成互動(dòng)和對(duì)話。 品牌時(shí)代的特征之一是消費(fèi)者的選擇權(quán)不斷增加,他們有更多的渠道來表達(dá)對(duì)產(chǎn)品的喜好和不滿。

 

品牌需要更加靈活和敏感,能夠隨時(shí)調(diào)整產(chǎn)品策略以滿足消費(fèi)者的期望。這一時(shí)期品牌忠誠(chéng)度逐漸建立在品牌與消費(fèi)者之間的共鳴和互動(dòng)上。

 

用戶思維3.0的崛起為企業(yè)提供了更多挑戰(zhàn),也為品牌創(chuàng)造帶有人情味和社交性的形象提供了機(jī)會(huì)。這一時(shí)期的變革奠定了用戶思維4.0的基礎(chǔ),即體驗(yàn)&數(shù)字時(shí)代,強(qiáng)調(diào)以用戶為中心,追求更全面、個(gè)性化的用戶體驗(yàn)。

 

image.png

 

 

2.4 用戶思維4.0:體驗(yàn)&數(shù)字時(shí)代「以用戶為中心」

用戶思維4.0標(biāo)志著進(jìn)入體驗(yàn)&數(shù)字時(shí)代,其核心理念是「以用戶為中心」。在這一時(shí)代,用戶不再僅僅是產(chǎn)品和服務(wù)的消費(fèi)者,更是參與設(shè)計(jì)和創(chuàng)新的核心。企業(yè)不再僅僅追求滿足用戶需求,而是致力于提供卓越的用戶體驗(yàn),通過數(shù)字技術(shù)實(shí)現(xiàn)個(gè)性化和定制化服務(wù)。

 

在體驗(yàn)&數(shù)字時(shí)代,用戶期望更為全面、個(gè)性化的體驗(yàn)。數(shù)字技術(shù)的蓬勃發(fā)展使得企業(yè)能夠更好地了解用戶,通過數(shù)據(jù)分析和人工智能個(gè)性化推薦,為用戶提供更符合其需求和喜好的產(chǎn)品和服務(wù)。用戶參與產(chǎn)品設(shè)計(jì)的程度進(jìn)一步提高,他們的反饋和意見被視為設(shè)計(jì)過程的重要組成部分。

 

互聯(lián)網(wǎng)和移動(dòng)技術(shù)的普及使得用戶與品牌之間的互動(dòng)更加即時(shí)和頻繁。社交媒體平臺(tái)成為用戶分享體驗(yàn)和與品牌互動(dòng)的主要渠道。品牌需要不斷創(chuàng)新,以保持用戶的關(guān)注和忠誠(chéng)度。此時(shí),用戶的感知和情感體驗(yàn)對(duì)品牌的成功至關(guān)重要。

 

用戶思維4.0時(shí)代挑戰(zhàn)著企業(yè)要更加靈活和敏捷,緊跟科技和社會(huì)變革的步伐。強(qiáng)調(diào)以用戶為中心的理念使得企業(yè)在設(shè)計(jì)和創(chuàng)新過程中不斷優(yōu)化用戶體驗(yàn),實(shí)現(xiàn)更為深入的用戶參與和品牌共鳴。這一時(shí)代標(biāo)志著用戶思維的成熟和深化,為設(shè)計(jì)和商業(yè)帶來了全新的可能性。

轉(zhuǎn)載:黑馬青年

 

 

 

蘭亭妙微(藍(lán)藍(lán)設(shè)計(jì))www.ywne.cn 是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(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。

 

image.png

用戶思維之旅,引領(lǐng)設(shè)計(jì)未來(下)

清陽 交互設(shè)計(jì)及用戶體驗(yàn)

三、用戶思維的認(rèn)知篇

 

明確的廢話:「以用戶為中心」的四個(gè)認(rèn)知。在用戶思維的認(rèn)知篇中,明確的廢話強(qiáng)調(diào)了設(shè)計(jì)和交互中的核心原則,確保設(shè)計(jì)團(tuán)隊(duì)深刻理解并踐行「以用戶為中心」的理念。以下是四個(gè)關(guān)鍵認(rèn)知:

 

image.png

 

 

明確1:首先,是「用戶」而非「消費(fèi)者」

這一認(rèn)知原則強(qiáng)調(diào)將用戶看作更廣泛參與產(chǎn)品和服務(wù)的主體,而非僅僅限定為消費(fèi)者。用戶思維的核心在于理解用戶的全面體驗(yàn),包括他們與產(chǎn)品互動(dòng)的各個(gè)層面,而不僅僅是購(gòu)買和消費(fèi)的瞬間。

 

關(guān)注「用戶」而非「消費(fèi)者」意味著將用戶視為產(chǎn)品和服務(wù)生命周期中的參與者,包括產(chǎn)品設(shè)計(jì)、使用過程和售后服務(wù)。這一認(rèn)知使得設(shè)計(jì)團(tuán)隊(duì)更加全面地考慮用戶的需求、期望和體驗(yàn),從而創(chuàng)造更加深入和有意義的用戶關(guān)系。

 

在這種理念下,用戶的價(jià)值不僅僅被限制在消費(fèi)時(shí)刻的交易行為,更被視為對(duì)產(chǎn)品和服務(wù)發(fā)展的有益貢獻(xiàn)者。通過強(qiáng)調(diào)用戶的廣泛參與,明確1的原則為設(shè)計(jì)團(tuán)隊(duì)提供了一個(gè)更全面、更人性化的視角,確保他們?cè)谠O(shè)計(jì)過程中不會(huì)忽略用戶的整體體驗(yàn)。

 

image.png

 

 

明確2:由「以產(chǎn)品為中心」到「以用戶為中心」

這一認(rèn)知原則標(biāo)志著從傳統(tǒng)的以產(chǎn)品為核心的設(shè)計(jì)理念向以用戶為核心的設(shè)計(jì)理念的轉(zhuǎn)變。在過去,產(chǎn)品設(shè)計(jì)往往側(cè)重于產(chǎn)品的功能、性能和技術(shù)特性,而用戶思維強(qiáng)調(diào)的是將用戶的需求和體驗(yàn)置于設(shè)計(jì)過程的中心。

 

從「以產(chǎn)品為中心」到「以用戶為中心」的變革意味著設(shè)計(jì)團(tuán)隊(duì)不再僅僅滿足于提供功能齊全的產(chǎn)品,而更注重確保產(chǎn)品能夠滿足用戶的期望、需求和愉悅感。這種轉(zhuǎn)變要求設(shè)計(jì)過程更加關(guān)注用戶的使用情境、心理體驗(yàn)和與產(chǎn)品互動(dòng)的整個(gè)過程。

 

在以用戶為中心的設(shè)計(jì)理念下,產(chǎn)品的功能和技術(shù)變得為服務(wù)用戶的目標(biāo)而存在,而不是為了展示技術(shù)的先進(jìn)性。這種轉(zhuǎn)變不僅僅關(guān)注產(chǎn)品的外在表現(xiàn),更注重產(chǎn)品如何融入用戶的生活,以及如何為用戶創(chuàng)造價(jià)值和愉悅感。通過這一認(rèn)知原則,設(shè)計(jì)團(tuán)隊(duì)將更好地滿足用戶的實(shí)際需求,創(chuàng)造更貼近用戶心理的設(shè)計(jì)。

 

image.png

 

 

明確3:要「站在用戶的立場(chǎng)著想」,而不是「滿足用戶需求」

這一認(rèn)知原則強(qiáng)調(diào)設(shè)計(jì)團(tuán)隊(duì)不僅要滿足用戶提出的明確需求,更要深入理解用戶的感受、期望和挑戰(zhàn),真正站在用戶的立場(chǎng)思考。與簡(jiǎn)單地滿足表面需求不同,「站在用戶的立場(chǎng)著想」追求更全面、更深刻的用戶體驗(yàn)。

 

滿足用戶需求是一項(xiàng)基本任務(wù),但真正優(yōu)秀的設(shè)計(jì)是能夠預(yù)見用戶的潛在需求,并在產(chǎn)品或服務(wù)中解決用戶可能未察覺到的問題。這需要設(shè)計(jì)團(tuán)隊(duì)投入更多心力,通過深入的用戶研究和洞察,挖掘用戶真實(shí)的期望,從而創(chuàng)造更令人滿意的體驗(yàn)。

 

「站在用戶的立場(chǎng)著想」也意味著在設(shè)計(jì)決策中更多地考慮用戶的感受和情境。了解用戶的日常生活、習(xí)慣和文化背景,確保設(shè)計(jì)不僅僅是功能性的滿足,更是與用戶生活緊密相連的愉悅體驗(yàn)。通過這一認(rèn)知原則,設(shè)計(jì)團(tuán)隊(duì)能夠超越單一的需求層面,真正為用戶創(chuàng)造出更具深度和共鳴的設(shè)計(jì)作品。

 

image.png

 

 

明確4:用戶是伙伴:「1+1=11」

這一認(rèn)知原則強(qiáng)調(diào)用戶不僅是設(shè)計(jì)過程中的對(duì)象,更應(yīng)被視為創(chuàng)新的合作伙伴。通過建立積極的溝通渠道和互動(dòng)機(jī)制,設(shè)計(jì)團(tuán)隊(duì)能夠與用戶形成緊密的伙伴關(guān)系,共同推動(dòng)產(chǎn)品和服務(wù)的不斷演進(jìn)。

 

「用戶是伙伴」的理念倡導(dǎo)設(shè)計(jì)過程中的協(xié)作和共創(chuàng)。設(shè)計(jì)團(tuán)隊(duì)?wèi)?yīng)當(dāng)歡迎用戶的參與,包括用戶反饋、意見和建議。這種開放的溝通渠道有助于從用戶角度獲得直接的見解,促使團(tuán)隊(duì)更靈活地應(yīng)對(duì)變化,提高設(shè)計(jì)的實(shí)用性和用戶滿意度。

 

通過與用戶建立持續(xù)的合作關(guān)系,「1+1=11」的思想強(qiáng)調(diào)了合作的力量。用戶作為伙伴能夠?yàn)樵O(shè)計(jì)團(tuán)隊(duì)提供獨(dú)特的視角和實(shí)際的使用體驗(yàn),而設(shè)計(jì)團(tuán)隊(duì)則能夠通過專業(yè)知識(shí)和創(chuàng)意驅(qū)動(dòng)產(chǎn)品不斷創(chuàng)新。這種共贏的伙伴關(guān)系有助于在設(shè)計(jì)過程中實(shí)現(xiàn)更好的用戶參與,為產(chǎn)品的發(fā)展提供有益的方向。

 

 

 

四、用戶思維的方法篇

 

4.1 用戶洞察三大方法:

三位大神手把手教你如何市場(chǎng)調(diào)研&洞察用戶 市場(chǎng)調(diào)研和用戶洞察是設(shè)計(jì)團(tuán)隊(duì)深入了解目標(biāo)用戶、挖掘需求的關(guān)鍵步驟。在這一部分,我們將學(xué)習(xí)三位業(yè)界大神的實(shí)戰(zhàn)經(jīng)驗(yàn),手把手教授如何進(jìn)行有效的市場(chǎng)調(diào)研和用戶洞察。

 

image.png

 

 

專家一:市場(chǎng)調(diào)研達(dá)人的獨(dú)門技巧

這位專家將分享其在市場(chǎng)調(diào)研領(lǐng)域的獨(dú)特經(jīng)驗(yàn)和技巧。讀者將了解如何正確選擇調(diào)研方法、分析市場(chǎng)趨勢(shì)、評(píng)估競(jìng)爭(zhēng)對(duì)手,以及利用數(shù)據(jù)制定明智的設(shè)計(jì)決策。通過專家的指導(dǎo),設(shè)計(jì)團(tuán)隊(duì)將更有信心地制定適應(yīng)市場(chǎng)需求的設(shè)計(jì)策略。

 

專家二:用戶洞察大師的深度剖析

這位專家是用戶洞察領(lǐng)域的大師,擅長(zhǎng)通過深度研究揭示用戶的潛在需求。他將分享如何設(shè)計(jì)和執(zhí)行有深度的用戶調(diào)查,運(yùn)用心理學(xué)和人類行為學(xué)原理解讀用戶行為。通過專家的實(shí)用技巧,設(shè)計(jì)團(tuán)隊(duì)將更好地理解用戶心理,精準(zhǔn)捕捉用戶真實(shí)需求。

 

專家三:創(chuàng)新洞察的前沿探索者

這位專家將引領(lǐng)我們探索創(chuàng)新的洞察方法。通過觀察新興趨勢(shì)、參與用戶體驗(yàn),他將分享如何在不斷變化的市場(chǎng)中保持敏銳洞察力,從而在設(shè)計(jì)中融入前瞻性的元素。設(shè)計(jì)團(tuán)隊(duì)將受益于專家的前沿知識(shí),更好地應(yīng)對(duì)未來的設(shè)計(jì)挑戰(zhàn)。 這一章節(jié)的目標(biāo)是為讀者提供靈感和指導(dǎo),使他們能夠運(yùn)用行業(yè)大神的實(shí)戰(zhàn)經(jīng)驗(yàn),更有信心地進(jìn)行市場(chǎng)調(diào)研和深度用戶洞察。

 

 

4.2 用戶洞察方法1:完成生活中的任務(wù)

這一方法著重于觀察和理解用戶在日常生活中如何完成任務(wù),旨在挖掘出用戶真實(shí)的需求和期望。通過深入洞察用戶的日常行為,設(shè)計(jì)團(tuán)隊(duì)能夠更全面地理解用戶的真實(shí)體驗(yàn),從而為產(chǎn)品或服務(wù)提供更加貼切的解決方案。

 

image.png

 

 

任務(wù)觀察:洞悉用戶行為與需求

首先,設(shè)計(jì)團(tuán)隊(duì)需要選擇一個(gè)明確定義的任務(wù),這可以是用戶在特定情境下需要完成的日常活動(dòng)。通過觀察用戶在執(zhí)行這一任務(wù)時(shí)的行為,團(tuán)隊(duì)能夠捕捉到許多細(xì)微的細(xì)節(jié),包括使用習(xí)慣、面臨的問題以及情感體驗(yàn)。

 

行為模式分析:揭示潛在需求

通過對(duì)用戶行為模式的深入分析,設(shè)計(jì)團(tuán)隊(duì)能夠揭示出潛在的需求和期望。這可能包括用戶在任務(wù)執(zhí)行過程中的挑戰(zhàn)、喜好,以及對(duì)特定功能或體驗(yàn)的期待。這一分析將為團(tuán)隊(duì)提供深入的用戶洞察,超越表面的需求,更好地理解用戶背后的動(dòng)機(jī)和心理。

 

場(chǎng)景還原:創(chuàng)造真實(shí)用戶體驗(yàn)

為了更好地理解用戶體驗(yàn),設(shè)計(jì)團(tuán)隊(duì)可以通過場(chǎng)景還原的方式,嘗試親自完成用戶在生活中的任務(wù)。通過親身體驗(yàn),團(tuán)隊(duì)將更深入地感知用戶的需求、痛點(diǎn)和情感反饋,為后續(xù)的設(shè)計(jì)決策提供更實(shí)際、貼近用戶生活的參考。

 

通過這一方法,設(shè)計(jì)團(tuán)隊(duì)能夠真實(shí)地感受用戶的日常生活,深入了解他們的需求和期望,為設(shè)計(jì)提供更具體、更人性化的靈感。

 

 

4.3 用戶洞察方法2:站在用戶的立場(chǎng)思考

這一方法旨在通過模擬用戶的視角,深入理解用戶在使用產(chǎn)品或服務(wù)時(shí)的體驗(yàn)和感受。通過站在用戶的立場(chǎng)思考,設(shè)計(jì)團(tuán)隊(duì)能夠更全面地考慮用戶的需求、期望和使用場(chǎng)景,從而制定更貼心的設(shè)計(jì)方案。

 

image.png

 

 

用戶視角模擬:體驗(yàn)用戶的感受

設(shè)計(jì)團(tuán)隊(duì)首先需要從用戶的角度出發(fā),將自己置身于用戶的日常生活和使用環(huán)境中。這可以通過模擬用戶的日常活動(dòng)、使用場(chǎng)景,或者通過角色扮演等方式來實(shí)現(xiàn)。通過親身體驗(yàn),團(tuán)隊(duì)能夠更直觀地感受用戶的需求和體驗(yàn)。

 

情境分析:考慮用戶使用背后的動(dòng)機(jī)

在模擬用戶的立場(chǎng)時(shí),設(shè)計(jì)團(tuán)隊(duì)需要分析用戶可能面臨的各種情境。這包括考慮用戶的心理狀態(tài)、行為動(dòng)機(jī)以及使用產(chǎn)品的具體場(chǎng)景。通過深入的情境分析,團(tuán)隊(duì)可以更好地理解用戶的決策過程和行為動(dòng)機(jī),為設(shè)計(jì)提供更有針對(duì)性的解決方案。

 

用戶體驗(yàn)反饋:記錄真實(shí)感受

在模擬用戶的過程中,設(shè)計(jì)團(tuán)隊(duì)需要詳細(xì)記錄自己的感受和觀察。這可以包括使用產(chǎn)品時(shí)的舒適度、遇到的問題、喜好等方面的反饋。這些反饋將成為設(shè)計(jì)團(tuán)隊(duì)調(diào)整和改進(jìn)設(shè)計(jì)的重要依據(jù),確保最終的產(chǎn)品更符合用戶的期望。

 

通過站在用戶的立場(chǎng)思考,設(shè)計(jì)團(tuán)隊(duì)能夠更好地理解用戶的需求和體驗(yàn),幫助他們制定更符合實(shí)際情境的設(shè)計(jì)方案。這一方法有助于打破設(shè)計(jì)者的主觀認(rèn)知,真實(shí)地站在用戶的角度,為設(shè)計(jì)提供更客觀、用戶導(dǎo)向的視角。

 

 

4.4 用戶洞察的方法3:親身體驗(yàn)

在這一方法中,我們將深入研究通過親身參與用戶體驗(yàn),直接感知用戶需求和情感反饋的手段。親身體驗(yàn)是一種直觀而深刻的方法,能夠?yàn)樵O(shè)計(jì)團(tuán)隊(duì)提供真實(shí)而珍貴的用戶洞察。

 

image.png

 

 

參與用戶角色:全身心融入用戶體驗(yàn)

設(shè)計(jì)團(tuán)隊(duì)通過主動(dòng)參與用戶所面臨的情境和任務(wù),全身心融入用戶的角色。這可能包括使用產(chǎn)品、執(zhí)行特定任務(wù)、訪問服務(wù)等。通過親身參與,團(tuán)隊(duì)能夠更深刻地理解用戶的感受、需求和體驗(yàn)。

 

感知用戶情感:捕捉真實(shí)反饋

在親身體驗(yàn)的過程中,設(shè)計(jì)團(tuán)隊(duì)需要敏銳地捕捉用戶的情感反饋。這包括用戶在使用過程中可能表現(xiàn)出的喜悅、挫折、滿足等情感。通過記錄這些真實(shí)反饋,設(shè)計(jì)團(tuán)隊(duì)可以更好地理解用戶的情感體驗(yàn),為設(shè)計(jì)提供有力的情感導(dǎo)向。

 

實(shí)地考察用戶場(chǎng)景:深度洞察使用環(huán)境

除了產(chǎn)品或服務(wù)本身,團(tuán)隊(duì)還需深入考察用戶所處的實(shí)際環(huán)境。這可能包括用戶的生活空間、工作場(chǎng)所等。通過實(shí)地考察,設(shè)計(jì)團(tuán)隊(duì)可以更好地了解用戶的行為背后的背景和動(dòng)機(jī),為設(shè)計(jì)提供更具深度的用戶洞察。

 

通過親身體驗(yàn),設(shè)計(jì)團(tuán)隊(duì)能夠以更直觀的方式感知用戶的需求和體驗(yàn),深入了解用戶使用產(chǎn)品或服務(wù)的真實(shí)場(chǎng)景,為后續(xù)的設(shè)計(jì)工作提供更加具體和貼切的指導(dǎo)。這一方法是深入用戶洞察的重要途徑,有助于設(shè)計(jì)團(tuán)隊(duì)更好地滿足用戶的期望。

 

 

 

總結(jié)

 

本章系統(tǒng)地回顧了用戶思維的演進(jìn)歷程,著重探討了其四個(gè)階段和四種關(guān)系,明確了以用戶為中心的新認(rèn)知。通過深入分析用戶思維4.0中的三大洞察方法和尋找市場(chǎng)機(jī)會(huì)的六個(gè)思維,我們?yōu)樽x者提供了在用戶思維框架下準(zhǔn)確洞察用戶的方法論。

 

我們理解到,在用戶思維的演進(jìn)中,從簡(jiǎn)單的「顧客是上帝」到現(xiàn)代的「以用戶為中心」,設(shè)計(jì)理念已經(jīng)經(jīng)歷了巨大的變革。這一變革的核心在于更深入地理解和滿足用戶的真實(shí)需求,從而創(chuàng)造出更具價(jià)值和用戶體驗(yàn)的產(chǎn)品。

 

在接下來的內(nèi)容中,我們將更深入地探討用戶思維在實(shí)際設(shè)計(jì)中的應(yīng)用。通過具體案例和實(shí)踐經(jīng)驗(yàn),我們將為設(shè)計(jì)團(tuán)隊(duì)提供有力的指導(dǎo),幫助他們更好地運(yùn)用用戶思維,創(chuàng)造出貼近用戶心理的創(chuàng)新設(shè)計(jì)。讓我們一同探索,在這個(gè)充滿挑戰(zhàn)和機(jī)遇的設(shè)計(jì)世界中,如何更好地理解和服務(wù)用戶,成就卓越的用戶體驗(yàn)。

轉(zhuǎn)載:黑馬青年

 

 

 

蘭亭妙微(藍(lán)藍(lán)設(shè)計(jì))www.ywne.cn 是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(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。

 

image.png

從極簡(jiǎn)到暗黑:六大專業(yè)靈感站點(diǎn)助你掌握當(dāng)代設(shè)計(jì)趨勢(shì)

清陽 行業(yè)趨勢(shì)

在當(dāng)今快速發(fā)展的數(shù)字設(shè)計(jì)世界中,尋找優(yōu)質(zhì)的設(shè)計(jì)靈感至關(guān)重要。無論你是專業(yè)設(shè)計(jì)師還是剛?cè)胄械男率郑韵逻@些精選的網(wǎng)頁設(shè)計(jì)靈感站點(diǎn)將幫助你提升創(chuàng)意和設(shè)計(jì)水平。蘭亭妙微深耕 UI 設(shè)計(jì)與開發(fā)領(lǐng)域,團(tuán)隊(duì)設(shè)計(jì)師始終保持持續(xù)學(xué)習(xí)、穩(wěn)步成長(zhǎng)的狀態(tài),和你分享當(dāng)代設(shè)計(jì)趨勢(shì)。

1. Curated Design - 設(shè)計(jì)精品集錦

image.png

 

[Curated Design](http://curated.design) 是目前最佳的網(wǎng)頁設(shè)計(jì)靈感資源之一。該平臺(tái)精心挑選了來自全球的頂尖網(wǎng)站設(shè)計(jì),按照不同的風(fēng)格和特點(diǎn)進(jìn)行分類,包括暗色系、柔和色調(diào)、多彩設(shè)計(jì)、極簡(jiǎn)主義等。

特色亮點(diǎn):

- 提供精選的高質(zhì)量設(shè)計(jì)案例

- 按設(shè)計(jì)風(fēng)格和屬性進(jìn)行詳細(xì)分類

- 提供專業(yè)版訂閱服務(wù),解鎖更多功能

- 每周更新,保持最新設(shè)計(jì)趨勢(shì)

Curated Design 的界面本身也是一個(gè)設(shè)計(jì)典范,簡(jiǎn)潔而富有美感,讓瀏覽體驗(yàn)變得輕松愉悅。對(duì)于尋求高端設(shè)計(jì)靈感的專業(yè)人士來說,這是一個(gè)不可錯(cuò)過的資源。

 

2. Landing Gallery - 全方位的著陸頁靈感

image.png

[Landing Gallery](http://landing.gallery) 專注于提供各個(gè)領(lǐng)域的著陸頁設(shè)計(jì)靈感。無論你需要設(shè)計(jì)什么類型的頁面,從主頁、定價(jià)頁面到聯(lián)系頁面,甚至是404錯(cuò)誤頁面,這里都能找到優(yōu)質(zhì)的參考案例。

主要功能:

- 按頁面類型進(jìn)行詳細(xì)分類(主頁、定價(jià)頁、關(guān)于頁等)

- 按網(wǎng)站構(gòu)建工具篩選(Elementor、Framer、Shopify等)

- 定期更新最新的設(shè)計(jì)案例

- 提供深色/淺色模式切換

Landing Gallery 的組織結(jié)構(gòu)非常清晰,讓用戶能夠快速找到所需的特定類型頁面設(shè)計(jì),是進(jìn)行目標(biāo)明確的設(shè)計(jì)研究的理想平臺(tái)。

 

3. SaaS Landing Page - SaaS領(lǐng)域的專業(yè)靈感

image.png

[SaaS Landing Page](http://saaslandingpage.com) 專門收集了SaaS(軟件即服務(wù))公司的優(yōu)秀著陸頁設(shè)計(jì)。對(duì)于科技創(chuàng)業(yè)公司和SaaS產(chǎn)品設(shè)計(jì)師來說,這是一個(gè)寶貴的資源。

核心優(yōu)勢(shì):

- 超過800個(gè)頂級(jí)SaaS公司的著陸頁案例

- 按頁面類型細(xì)分(著陸頁、定價(jià)頁、功能頁等)

- 提供多種技術(shù)棧的模板參考

- 按流行字體和設(shè)計(jì)標(biāo)簽進(jìn)行篩選

 

如果你正在為SaaS產(chǎn)品設(shè)計(jì)網(wǎng)站,這個(gè)平臺(tái)提供的針對(duì)性案例將幫助你了解行業(yè)最佳實(shí)踐和設(shè)計(jì)趨勢(shì)。

 

4. Supahero - 精選的英雄區(qū)設(shè)計(jì)

image.png

 

image.png

[Supahero](http://supahero.io) 專注于網(wǎng)站最重要的部分之一——英雄區(qū)(Hero Section)設(shè)計(jì)。這個(gè)區(qū)域通常是訪問者首先看到的部分,對(duì)于吸引用戶注意力至關(guān)重要。

 

特色內(nèi)容:

- 精心挑選的高質(zhì)量英雄區(qū)設(shè)計(jì)

- 按風(fēng)格分類(暗色、極簡(jiǎn)、3D、彩色等)

- 提供相關(guān)設(shè)計(jì)工具和模板資源

- 定期更新最新設(shè)計(jì)趨勢(shì)

 

Supahero 的集中焦點(diǎn)使其成為尋找引人注目的網(wǎng)站開場(chǎng)設(shè)計(jì)的絕佳資源,特別適合想要在第一印象上脫穎而出的設(shè)計(jì)師。

 

5. Mobbin - 最大的UI/UX參考庫

image.png

image.png

 

[Mobbin](http://mobbin.com) 是目前最大的UI/UX設(shè)計(jì)參考庫之一,提供了大量的移動(dòng)應(yīng)用和網(wǎng)站界面設(shè)計(jì)案例。與其他平臺(tái)不同,Mobbin 不僅展示首頁設(shè)計(jì),還提供完整的用戶流程和交互設(shè)計(jì)參考。

 

主要特點(diǎn):

- 海量的移動(dòng)應(yīng)用和網(wǎng)站UI/UX設(shè)計(jì)案例

- 完整的用戶流程和交互設(shè)計(jì)展示

- 按行業(yè)、功能和設(shè)計(jì)模式分類

- 提供設(shè)計(jì)系統(tǒng)和組件庫參考

 

對(duì)于需要研究用戶體驗(yàn)和界面設(shè)計(jì)的專業(yè)人士,Mobbin 提供了深入了解成功應(yīng)用如何構(gòu)建用戶流程的機(jī)會(huì)。

 

6. Dark Design - 暗色模式設(shè)計(jì)專家

image.png

 

[Dark Design](http://dark.design) 專注于收集優(yōu)秀的暗色模式網(wǎng)站設(shè)計(jì)。隨著暗色模式在各種平臺(tái)上的普及,這個(gè)資源變得越來越有價(jià)值。

 

核心特色:

- 專注于高質(zhì)量的暗色模式網(wǎng)站設(shè)計(jì)

- 提供模塊化設(shè)計(jì)元素和模板

- 按風(fēng)格和功能分類

- 支持書簽功能,保存喜愛的設(shè)計(jì)

 

Dark Design 不僅提供整體網(wǎng)站設(shè)計(jì)靈感,還關(guān)注暗色模式下的細(xì)節(jié)處理,如色彩對(duì)比、可讀性和視覺層次,是設(shè)計(jì)暗色界面的絕佳參考資源。

 

總結(jié)

這些設(shè)計(jì)靈感站點(diǎn)各有特色,覆蓋了從整體網(wǎng)站設(shè)計(jì)到特定元素、從通用領(lǐng)域到專業(yè)行業(yè)的各個(gè)方面。作為設(shè)計(jì)師,定期瀏覽這些資源可以幫助你:

 

- 了解最新的設(shè)計(jì)趨勢(shì)和模式

- 獲取針對(duì)特定項(xiàng)目的靈感

- 學(xué)習(xí)行業(yè)最佳實(shí)踐

- 提升自己的設(shè)計(jì)技能和審美水平

無論你是在設(shè)計(jì)一個(gè)全新的網(wǎng)站,還是對(duì)現(xiàn)有項(xiàng)目進(jìn)行改進(jìn),這些平臺(tái)都能為你提供寶貴的參考和靈感。

轉(zhuǎn)載:未來交互趨勢(shì)

蘭亭妙微(藍(lán)藍(lán)設(shè)計(jì))www.ywne.cn 是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(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。

 

image.png

資深設(shè)計(jì)的 10 個(gè) UI 技巧

清陽 B端ui設(shè)計(jì)文章及欣賞

正文

為了幫助大家更輕松地提升設(shè)計(jì)水平,這里整理了一些簡(jiǎn)單實(shí)用的小貼士。希望這些小技巧不僅能夠助力您優(yōu)化當(dāng)前的設(shè)計(jì)項(xiàng)目,還能在未來的設(shè)計(jì)之旅中為您提供參考價(jià)值。

 

 

 

01. 避免卡片上文本信息過多

 

一個(gè)卡片內(nèi)通常會(huì)包含圖片、標(biāo)題、詳細(xì)介紹及行動(dòng)按鈕等元素,這些元素需要以聚焦的形式去呈現(xiàn),以幫助用戶快速掃描內(nèi)容。當(dāng)文本內(nèi)容較長(zhǎng)、展示的信息過多時(shí),不利于用戶快速掃描,導(dǎo)致用戶無法在第一時(shí)間快速感知到產(chǎn)品想要展示的、或用戶想要知道的信息,很容易被用戶過濾。

 

image.png

 

文本內(nèi)容過多且無法刪減時(shí),我們可以從中提取部分更有價(jià)值信息,也可以只顯示文本內(nèi)容的前兩行,其他將其省略,以點(diǎn)擊展開更多、內(nèi)容彈窗或者跳轉(zhuǎn)頁面的方式將其完整展示,都不失為一種不錯(cuò)的解決方式。

 

image.png

 

 

 

02. 減少表單字段的填寫數(shù)量

 

在設(shè)計(jì)表單時(shí),讓用戶填寫過多的內(nèi)容會(huì)增加其認(rèn)知負(fù)荷,表單完成率也會(huì)隨之下降。為了減少用戶的操作次數(shù),降低使用難度,但凡能讓用戶選擇的就不要讓他輸入、能夠系統(tǒng)獲取的就不讓用戶去選擇,要盡可能的減少字段填寫數(shù)量,讓表單顯得更加簡(jiǎn)單。

 

類似地址、日期這類層級(jí)內(nèi)容,不要將其分成多個(gè)字段,最好做成聯(lián)動(dòng)選擇讓用戶一氣呵成。

 

image.png

 

 

 

03. 不同輸入場(chǎng)景下的鍵盤類型

 

為了簡(jiǎn)化數(shù)據(jù)輸入,滿足不同的類型的文本輸入需求,用戶在輸入不同類型的字段時(shí),應(yīng)提供對(duì)應(yīng)類型的鍵盤,便于用戶更快完成表單內(nèi)容,常見的鍵盤有以下幾種:

 

  • 中文鍵盤:絕大多數(shù)表單使用的類型,應(yīng)對(duì)純中文或綜合性文本類型的輸入需求;

  • 英文鍵盤:純英文類型的字段,例如字母類型的用戶名、英文名輸入等;

  • 數(shù)字鍵盤:純數(shù)字類型的字段,例如手機(jī)號(hào)、身份證號(hào)、銀行卡號(hào)等;

  • 數(shù)字鍵盤(亂序):多用于純數(shù)字密碼類型的輸入需求,對(duì)安全系數(shù)要求較高,如支付密碼等。因出于安全考慮,這類鍵盤雖然會(huì)增加用戶的理解成本,但與財(cái)產(chǎn)的安全性相比,顯然在可接受范圍之內(nèi)。

 

image.png

 

 

 

04. 行高應(yīng)跟隨字號(hào)而變化

 

有很多設(shè)計(jì)師在處理大量的文本內(nèi)容時(shí),為了遵循設(shè)計(jì)規(guī)范,會(huì)設(shè)定固定的行高數(shù)值,例如常用的1.2、1.5倍等,需知設(shè)計(jì)規(guī)范是為了避免我們?cè)谠O(shè)計(jì)中出錯(cuò),并非為了規(guī)范而規(guī)范。

 

在應(yīng)對(duì)大量的文本類容時(shí),為了讓用戶有更好的可讀性和易讀性,行高因跟隨字號(hào)的大小而變化,字體越小、行高越大,想要視覺上更加細(xì)膩,文字越粗(越黑)、行高越大,我們只需要保證在同一字號(hào)、字重的條件下,保持同相同數(shù)值的行高即可。

 

image.png

 

如果中文看的不是那么明顯,可以試下英文,特別是上一行基線到下一行基線之間的距離尤為明顯。筆者因工作中涉及中、英、泰三文切換,在處理行高時(shí)不敢有絲毫馬虎。

 

 

 

05. 基于拾色器右上方選取顏色

 

在為UI選取主色調(diào)時(shí),大多都是根據(jù)logo色來建立UI色彩體系,因品牌logo會(huì)用戶各行各業(yè),尤其是平面印刷用色與電子屏幕用色差異過大,故而logo色并不能直接用于UI設(shè)計(jì),我們需要在logo品牌色的基礎(chǔ)上做出調(diào)整。

 

設(shè)定主色調(diào)時(shí),可基于品牌logo的色相或往鄰近色方向微調(diào),然后在拾色器右上方(介于飽和度和明度最大值附近)選取具體的顏色。這種配色方式能讓主色更加鮮明,在電子設(shè)備中顯示也會(huì)更加舒適、和諧。不僅如此,在選取輔助色時(shí)也可以使用這種方式。

 

9af363ea15145ad20bfee65eb764bb28.jpg

 

目前市面上那些成熟產(chǎn)品的配色,都會(huì)有這種規(guī)律,主色都基于拾色器右上角的位置。

 

3b71af18f9df946b67d554008e9026dd.jpg

 

 

 

06. 表單標(biāo)簽的對(duì)齊方式

 

常見的表單標(biāo)簽對(duì)齊方式有三種,左對(duì)齊、右對(duì)齊和頂對(duì)齊。不同的對(duì)齊方式都有各自的優(yōu)點(diǎn)和缺點(diǎn),我們需要根據(jù)項(xiàng)目實(shí)際情況來選擇最合適的對(duì)齊方式。

 

左對(duì)齊:左對(duì)齊是最為常見的對(duì)齊方式,可充分利用頁面的垂直空間,易于擴(kuò)展。在選用左對(duì)齊時(shí),標(biāo)簽字?jǐn)?shù)需在可控范圍類,一般不超過4字,否則會(huì)降低可輸入空間,影響輸入內(nèi)容的長(zhǎng)度;

 

c90ce9c315d7458cc764d074e1e91c7e.jpg

 

右對(duì)齊:多用于網(wǎng)頁表單中,在標(biāo)簽稍長(zhǎng)、且字?jǐn)?shù)長(zhǎng)度不一的情況下使用。當(dāng)標(biāo)簽參差不齊時(shí),與左對(duì)齊相比,右對(duì)齊能拉近標(biāo)簽與輸入框的距離,增強(qiáng)內(nèi)容的關(guān)聯(lián)性;

 

851b0c1831ef929fed5353270ea9d5eb.jpg

 

頂端對(duì)齊:會(huì)占用較多的縱向空間,通常用于標(biāo)簽長(zhǎng)短不可控的場(chǎng)景下,例如常見的英文表單。在中文場(chǎng)景中使用不多,如用戶問卷調(diào)查、信息搜集等。

 

76ecf71d33b06e37314546a5a9835b75.jpg

 

 

 

07. 大膽使用空間留白

 

為了提高界面利用空間,追求信息的飽和度無可厚非,但過度追求并非是一件好事,當(dāng)信息過于密集、信息層級(jí)較難區(qū)分時(shí),會(huì)耗費(fèi)用戶更多的時(shí)間成本。

 

不要吝嗇界面留白,基于親密性原則,在合理的將信息進(jìn)行分組之后,請(qǐng)大膽使用留白,應(yīng)避免元素與元素、與信息組之間過于密集,保持界面的呼吸感,給用戶更為舒適通透的體驗(yàn)。

 

973140880d16232629cfe22d9d16370a.jpg

 

 

 

08. 中性色的設(shè)定(黑白灰)

 

中性色在UI設(shè)計(jì)中相當(dāng)重要,雖然僅次于品牌色,但在我們的設(shè)計(jì)流程中,定義中性色往往會(huì)早于定義品牌色,因?yàn)樵诮缑媾渖埃覀儠?huì)通過中性色來表現(xiàn)界面信息的層級(jí)。

 

中性色即色彩中的黑白灰,設(shè)定中性色是由調(diào)整HSB(色相/飽和度/亮度)中的B值高低里形成一個(gè)表現(xiàn)視覺強(qiáng)弱的等級(jí)階梯,一般設(shè)定4~5個(gè)等級(jí)即可,例如B值的20%(#333333)、40%(#666666)、60%(#999999)、80%(#CCCCCC)、90%(#E6E6E6)。

 

ce704177f70d217c002cfe3d25d4a9d0.jpg

 

這里需要注意兩個(gè)問題,一是要避免使用純黑色,因?yàn)榧兒谏陔娮悠聊恢惺遣话l(fā)光的,會(huì)與其他發(fā)光的顏色產(chǎn)生巨大的反差,不易與視覺瀏覽;而是設(shè)定的黑白灰等級(jí)數(shù)量不宜過多,否則鄰近的色值很難拉開視覺層級(jí)。

 

 

 

09. 投影的光源保持統(tǒng)一

 

這可以被視為提升用戶體驗(yàn)的一個(gè)高級(jí)技巧。在給組件添加投影時(shí),如果光源方向或強(qiáng)度不一致,即使這種差異很細(xì)微,也可能因?yàn)椴粎f(xié)調(diào)而破壞整體視覺效果,使界面看起來不夠?qū)I(yè)或者缺乏連貫性。

 

為了增強(qiáng)視覺上的和諧與統(tǒng)一,所有UI組件都應(yīng)遵循相同的光源方向,使各個(gè)元素之間更加協(xié)調(diào),幫助用戶更快地理解和適應(yīng)界面布局。此外,通過確保光照效果的一致性,還可以有效地突出重點(diǎn)信息。

 

7f3e11a7cf2fe70d973e7db19fe89200.jpg

 

 

10. 避免用占位符替代標(biāo)簽

 

輸入框中的占位符可以為用戶提供初步的指引,幫助他們?cè)陂_始輸入前有一個(gè)短期的記憶提示。理想情況下,占位符應(yīng)作為標(biāo)簽的補(bǔ)充。然而,如果只有占位符而沒有標(biāo)簽,用戶可能會(huì)感到困惑,尤其是在他們點(diǎn)擊輸入框后占位符消失時(shí),可能會(huì)一時(shí)記不起要輸入的內(nèi)容。

 

標(biāo)簽對(duì)于明確指示用戶在表單字段中輸入什么信息至關(guān)重要。保持標(biāo)簽的可見性不僅能提升產(chǎn)品的易用性,還能特別照顧到那些認(rèn)知和記憶力較弱的用戶。這樣可以確保每個(gè)輸入字段的用途始終一目了然,減輕用戶的認(rèn)知負(fù)擔(dān),使表單更加友好、清晰且易于使用。

 

9ea922da8645b4036364c3a0cf84538a.jpg

轉(zhuǎn)載:黑馬青年

蘭亭妙微(藍(lán)藍(lán)設(shè)計(jì))www.ywne.cn 是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(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。

 

image.png

日歷

鏈接

個(gè)人資料

存檔

主站蜘蛛池模板: 免费观看黄色的网站 | 国产精品自拍在线观看 | www.av黄色 | 国产精品自拍一区 | 亚洲色图1 | 天天综合天天 | 九九热免费在线视频 | 中文字幕 亚洲一区 | 午夜一级大片 | 深夜成人福利 | 欧美午夜激情影院 | 天天摸天天摸 | 粉嫩av懂色av蜜臀av分享 | 韩国av中文字幕 | 99精品国自产在线 | 国产在线播放91 | 黄色片一区 | av资源网在线观看 | 伊人再见免费在线观看高清版 | 欧美性色视频 | 久久在草 | 色呦呦中文字幕 | 97爱爱视频 | 小罗莉极品一线天在线 | gogogo免费高清日本写真 | 欧美日韩精品久久久 | 国产日本一区 | 亚洲色图自拍 | 成人亚洲国产 | 亚洲综合免费 | 亚洲免费观看高清完整 | 五十路一区 | 天天干天天做 | 亚洲狼人天堂 | 五月激情六月婷婷 | 久久综合五月天 | 97视频免费| 天天爽天天爽 | 婷婷综合久久 | 国产一区二区高清视频 | 成人国产精品久久 |