老司機(jī)開車

開車的同學(xué)知道，一般我們用“指哪打哪”來形容汽車轉(zhuǎn)向精準(zhǔn)、沒有虛位?！爸改拇蚰摹笔侵钙嚨牟倏伢w驗(yàn)，更是駕駛樂趣的一部分。駕駛員輕撥動(dòng)方向盤，輪胎轉(zhuǎn)向帶來的阻力以及路面反饋傳至車身，動(dòng)力的線性輸入與制動(dòng)的時(shí)實(shí)響應(yīng)讓駕駛員能控制自如。

“指哪打哪”形容車聽從驅(qū)使，是人對(duì)車的輸入控制以及車對(duì)人的輸出反饋，是一個(gè)互相修正的過程。在數(shù)據(jù)可視化設(shè)計(jì)中，操作“聽從驅(qū)使”的可視化作品又是一種什么樣的體驗(yàn)?zāi)兀?

聽從驅(qū)使示例

示例一

某公司運(yùn)營同學(xué)需要找出品類銷量下滑的原因。在圖表上，運(yùn)營同學(xué)的思路是找出癥結(jié)、定位問題、關(guān)聯(lián)分析、驗(yàn)證設(shè)想、得出結(jié)論并給出運(yùn)營策略調(diào)整方案。

示例二

某同學(xué)向公安報(bào)案稱賬戶被盜大額資金，公安案件科分析專員從受害人的資金流向追溯至相關(guān)木馬團(tuán)伙，通過關(guān)系擴(kuò)散查驗(yàn)可疑人員，順藤摸瓜最終找到嫌疑人并抓捕。

上面兩個(gè)示例提供足夠便捷的過濾篩選組件，配合鼠標(biāo)懸停、點(diǎn)擊、框選等操作，方便用戶查看更多視圖空間，快速定位感興趣的數(shù)據(jù)空間，這種操作體驗(yàn)?zāi)軒椭脩羰掳牍Ρ丁?

何謂聽從驅(qū)使

聽從驅(qū)使本質(zhì)上是用戶對(duì)可視化的控制能力，是一種主觀感知與信念。聽從驅(qū)使包括兩部分，“驅(qū)動(dòng) Drive”與“使能 Enable”，這兩步正向不斷迭代，引導(dǎo)用戶一步步剝開數(shù)據(jù)的面紗。

驅(qū)動(dòng) Drive

數(shù)據(jù)可視化聽從差遣，用戶可根據(jù)前饋信息預(yù)示、驅(qū)動(dòng)可視化，用戶對(duì)可視化作品享有控制權(quán)，數(shù)據(jù)可視化符合用戶的顯性需求。

使能 Enable

數(shù)據(jù)可視化遂用戶心愿，用戶根據(jù)反饋引導(dǎo)進(jìn)行下一步操作，幫助探索數(shù)據(jù)規(guī)律或者發(fā)現(xiàn)更多數(shù)據(jù)奧秘，數(shù)據(jù)可視化符合用戶的隱性需求。

為什么要聽從驅(qū)使

增加探索意愿

用戶處在海量、無序、異構(gòu)數(shù)據(jù)的海洋中時(shí)，需要隨時(shí)面對(duì)有限屏幕空間與無限數(shù)據(jù)空間帶來的沖突。可視化應(yīng)當(dāng)給予用戶適當(dāng)?shù)倪x擇權(quán)，讓其可對(duì)信息進(jìn)行控制，具備信息聚焦、下探的能力。這些可視化能力能提升用戶的參與度和探索意愿，不讓其迷失在數(shù)據(jù)的海洋中。

減少焦慮感

移動(dòng)端長按滑動(dòng)（Touch & Hold）更新激活點(diǎn)數(shù)據(jù)、左右輕掃（Swipe）平移視圖是用戶的既定認(rèn)知。左圖長按滑動(dòng)后的反饋為平移視圖，此時(shí)用戶心里咯噔一下，又繼續(xù)操作了一遍，操作的預(yù)期與結(jié)果確實(shí)不一致，有些“不聽使喚”。右圖符合用戶心智模型，預(yù)期與輸出結(jié)果一致。

不聽從驅(qū)使：視圖平移，不符合預(yù)期-長按滑動(dòng)時(shí)數(shù)據(jù)點(diǎn)不更新（如下圖）

聽從驅(qū)使：視圖不動(dòng)，符合預(yù)期：長按滑動(dòng)時(shí)數(shù)據(jù)點(diǎn)更新（如下圖）

由此可以看出，如果可視化作品操作時(shí)不符合用戶的既定認(rèn)知，可視化則變得不受控，用戶心里會(huì)緊張、導(dǎo)致重復(fù)范錯(cuò)，甚至責(zé)怪自己。

如果賦予用戶較高的驅(qū)使感且得到正向的反饋指引，引導(dǎo)用戶操作下一步，那么用戶心態(tài)會(huì)更積極，更愿意接受挫折及試錯(cuò)，這種聽從驅(qū)使可以消除未知、不確定性所帶來的緊張與焦慮。

怎么做到聽從驅(qū)使

前面講過，可視化聽從用戶驅(qū)使需具備兩點(diǎn)能力：

· 驅(qū)動(dòng) Drive：通過前饋預(yù)示讓用戶知道可視化能做何互動(dòng)；

· 使能 Enable：通過反饋引導(dǎo)用戶進(jìn)一步讓用戶與可視化互動(dòng)；

可視化交互時(shí)，驅(qū)動(dòng)用戶完成一期探索，探索后反饋引導(dǎo)發(fā)出的信號(hào)成為下一步操作的前饋提示，再次驅(qū)動(dòng)用戶操作可視化后，如此反反復(fù)復(fù)直到幫助用戶找到數(shù)據(jù)的潛在規(guī)律或者找出數(shù)據(jù)真相。

從心理學(xué)的四個(gè)概念進(jìn)一步解釋：

· 示能：可視化特性與預(yù)設(shè)交互的關(guān)系，是否可被操作；

· 意符：即信號(hào)，告訴用戶可采取什么操作，如何行動(dòng)；

· 映射：事物之間的關(guān)連關(guān)系，是怎么聯(lián)系的；

· 反饋：操作之后的回應(yīng)，是否及時(shí)、有效；

示能

示能 Affordance  指可視化作品可能的潛在行動(dòng)，只有當(dāng)它們都是可以被感知的用戶才容易地發(fā)現(xiàn)它們，它揭示了用戶與可視化互動(dòng)的可能性。

例如我們默認(rèn)認(rèn)為屏幕上的可視化都可以進(jìn)行交互，PC 可視化作品可以 Hover 交互，移動(dòng)端可以點(diǎn)點(diǎn)按按。示能存在但可能不可見，可視化設(shè)計(jì)師的一部分職責(zé)就是實(shí)現(xiàn)示能的可見性。

意符

意符 Signifiers 是可視化作品傳遞的信號(hào)，暗示可能的潛在行動(dòng)，讓用戶該知道該如何去控制可視化。無論是示能還是交互方式，都應(yīng)照顧用戶已有習(xí)慣，需符合用戶心智模型。

在 PC 可視化上，可視化設(shè)計(jì)師很容易忽略鼠標(biāo)指針樣式設(shè)計(jì)，經(jīng)常默認(rèn)一個(gè)鼠標(biāo)樣式進(jìn)行到底，可視化如何驅(qū)動(dòng)用戶以及如何讓用戶具備可視化的能力全靠猜。

映射

映射 mapping 表示可視化元素間關(guān)系，應(yīng)用于控制-反饋模式的設(shè)計(jì)或布局；比如方向盤可控制汽車轉(zhuǎn)向，下拉篩選器出來的選擇框。以空間布局對(duì)應(yīng)關(guān)系的自然映射為例。

反饋

反饋 feedback 是用戶操作之后的回應(yīng)，反饋應(yīng)當(dāng)是即時(shí)、有效的。在可視化設(shè)計(jì)時(shí)，如果需要，我們建議給出用戶深層次的反饋以便指引其進(jìn)行下一步的操作。

小結(jié)

要做到聽從驅(qū)使，需給用戶控制感，讓用戶享有對(duì)可視化的控制能力。例如提供足夠便捷的過濾篩選組件，配合鼠標(biāo)懸停、點(diǎn)擊、框選等操作，方便用戶查看更多視圖空間，快速定位感興趣的數(shù)據(jù)空間，亦或根據(jù)特定變量對(duì)數(shù)據(jù)進(jìn)行排序、突出、降維處理等。當(dāng)我們將這些組件與交互動(dòng)作進(jìn)行結(jié)合，用一些習(xí)以為常的交互去操縱可視化時(shí)，用戶將會(huì)很清晰、并且有信心控制好當(dāng)前視圖。

數(shù)據(jù)可視化不僅僅只是一張好看的圖，它構(gòu)建的是一個(gè)系統(tǒng)，這個(gè)系統(tǒng)隨時(shí)在解決有限屏幕空間與無限數(shù)據(jù)空間帶來的沖突。這個(gè)系統(tǒng)可以驅(qū)動(dòng)用戶完成一系列操作后引導(dǎo)用戶有能力進(jìn)一步拿到結(jié)果，如此反復(fù)交替迭代，幫助用戶完成一些平時(shí)看來不可思議的任務(wù)。只有這樣，用戶才能操縱聽從驅(qū)使的可視化，就像文章開頭所述，如老司機(jī)開車一樣絲般潤滑。

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

文章來源：站酷  作者：Ant_Design

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

免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

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

一、什么是“查詢”？

“查詢”是指用戶在通過某些查詢條件進(jìn)行數(shù)據(jù)篩選后，再以“表格”的展現(xiàn)形式進(jìn)行數(shù)據(jù)呈現(xiàn)，以到達(dá)篩選數(shù)據(jù)，快速查看的目的。

查詢的動(dòng)作主要由搜索和篩選組成，這里要強(qiáng)調(diào)一下查詢和篩選的區(qū)別

搜索和篩選的主要區(qū)別是:搜索可以自定義查詢條件，篩選是必須按照特定的條件字段查詢，如“是”、“否”、“不限”、“男”等條件

一般語境下，不支持模糊搜索的查詢結(jié)果為單項(xiàng)數(shù)據(jù)，如姓名查詢，訂單號(hào)查詢，這些查詢操作只能輸出一條結(jié)果，即查一得一

舉例 手機(jī)號(hào)搜索 139xxxx2918 正常情況下是輸入11位號(hào)碼進(jìn)行搜索數(shù)據(jù) 得到手機(jī)號(hào)碼為139xxxx2918的各項(xiàng)數(shù)據(jù)，即查一得一

輸入139進(jìn)行搜索查詢也可以得到多條手機(jī)號(hào)碼包括139的數(shù)據(jù)，但是一定程度上失去了手機(jī)號(hào)搜索的意義

所以建議在后臺(tái)數(shù)據(jù)查詢的頁面，將搜索和篩選這兩個(gè)操作區(qū)域通過換行或者間隔拉大進(jìn)行比較清晰的區(qū)分，不要在搜索字段的區(qū)域里面混入篩選的內(nèi)容。

二、數(shù)據(jù)過多時(shí)，“查詢”為什么要優(yōu)化？

當(dāng)數(shù)據(jù)過多，導(dǎo)致“查詢條件”的搜索項(xiàng)和“搜索結(jié)果”的數(shù)據(jù)項(xiàng)過多的情形。查詢操作優(yōu)先級(jí)混亂，增加操作人員的使用負(fù)擔(dān)和效率

好的查詢界面可以通過折疊，新增彈框等方式，合理的編排查詢層級(jí)關(guān)系，在保證查詢功能完整性的情況下，高頻查詢優(yōu)先展示，編輯方便，預(yù)覽快捷，增加工作效率。

三、操作修改實(shí)例

我們來看一下什么樣的界面屬于查詢條件過多，搜索結(jié)果項(xiàng)過多的頁面，分析一下臃腫的部分和解決方法。

查詢頁面可以分為三個(gè)區(qū)域，查詢條件區(qū)域、操作按鈕區(qū)域和數(shù)據(jù)展示區(qū)域，分析一下3個(gè)區(qū)域冗余和待優(yōu)化的地方才可以設(shè)計(jì)出交互良好簡介的頁面

問題分析：

1、搜索條件和篩選條件混合，功能區(qū)混亂

2、單項(xiàng)選擇框?qū)Χ噙x的字段兼容性差，表達(dá)效果弱

3、查詢區(qū)域設(shè)計(jì)語言混亂，輸入框 選擇框 時(shí)間選擇框 數(shù)值框同時(shí)出現(xiàn) 視覺上渙散，混亂 

改良目標(biāo)：

1、查詢區(qū)域搜索和篩選字段重新編排，并且進(jìn)行優(yōu)先級(jí)整理排序

2、重新設(shè)計(jì)針對(duì)多選的字段的選擇組件

3、將同一數(shù)據(jù)類型的查詢字段合并，頁面只出現(xiàn)一個(gè)時(shí)間組件、數(shù)值框

改良方法：

1、查詢區(qū)域搜索和篩選字段重新編排，并且進(jìn)行優(yōu)先級(jí)整理排序

2、重新設(shè)計(jì)針對(duì)多選的字段的選擇組件

3、將同一數(shù)據(jù)類型的查詢字段合并，頁面只出現(xiàn)一個(gè)時(shí)間組件、數(shù)值框

四、具體案例

   鑒于后臺(tái)系統(tǒng)的龐大數(shù)據(jù)量，查詢條件難免會(huì)出現(xiàn)過多的情況，為保持各頁面簡潔統(tǒng)一，默認(rèn)當(dāng)數(shù)據(jù)超過N條的時(shí)候，將其余查詢條件進(jìn)行收起處理，防止查詢條件過長，導(dǎo)示影響用戶查看搜索結(jié)果。這種收起狀態(tài)可以通過幾種不同的形式呈現(xiàn)。

對(duì)于單個(gè)查詢項(xiàng) 

1.相同搜索類型合并展示

鑒于后臺(tái)系統(tǒng)查詢種類繁雜，我們大體把他分為關(guān)鍵字搜索，日期選擇，數(shù)值范圍，單選多選

為保持設(shè)計(jì)語言統(tǒng)一，可以將關(guān)鍵詞搜索和日期選擇合并展示，折疊不同的數(shù)據(jù)項(xiàng)。

若一個(gè)搜索同時(shí)存在兩種及以上狀態(tài)，可以通過標(biāo)簽展示刪除

2.搜索項(xiàng)分類選擇

當(dāng)搜索項(xiàng)中的數(shù)據(jù)項(xiàng)過多還可使用另一種優(yōu)化形式，使用下拉框與分類形式相結(jié)合。為方便用戶快

速選擇加入了“本項(xiàng)全選/反選”和“全部全選/反選”的功能。其中，“本項(xiàng)全選/反選”是針對(duì)當(dāng)前項(xiàng)

的批量操作，“全部全選/反選”是針對(duì)所有項(xiàng)的批量操作。

對(duì)于整個(gè)查詢區(qū)域的布局

1.折疊收起過多搜索項(xiàng)

2.通過開關(guān)收起過多搜索項(xiàng)

3.通過分類搜索項(xiàng)目，用標(biāo)簽跳轉(zhuǎn)區(qū)分

4.通過增加新彈框，隱藏使用頻率低的查詢項(xiàng)

問題分析：

1、操作按鈕數(shù)量過多

2、操作按鈕樣式類似，無法體現(xiàn)功能優(yōu)先級(jí)

改良目標(biāo)：

1、精簡按鈕數(shù)量

2、根據(jù)按鈕功能地位，強(qiáng)化/弱化按鈕樣式體現(xiàn)層級(jí)關(guān)系

改良方法：

1、將使用頻率不高的按鈕折疊展示

2、弱化次要按鈕

四、具體案例

問題分析：

1、表頭與關(guān)鍵數(shù)據(jù)列固定列表內(nèi)數(shù)據(jù)行的橫向、縱向數(shù)據(jù)過多

2、無法自定義展示的數(shù)據(jù)列

改良目標(biāo)：

1、將重要的數(shù)據(jù)項(xiàng)固定，梳理過多的數(shù)據(jù)項(xiàng)

2、增加自定義展示數(shù)據(jù)列的功能

改良方法：

1、選擇使用表頭固定及關(guān)鍵數(shù)據(jù)列固定，方便對(duì)應(yīng)查看數(shù)據(jù)標(biāo)題及內(nèi)容

2、通過增加自定義字段展示和支持列寬，就能盡可能多的展示需要觀察的數(shù)據(jù)項(xiàng)

四、具體案例

1.表頭與關(guān)鍵數(shù)據(jù)列固定

列表內(nèi)數(shù)據(jù)行的橫向、縱向數(shù)據(jù)過多時(shí)，選擇使用表頭固定及關(guān)鍵數(shù)據(jù)列固定，方便對(duì)應(yīng)查看數(shù)據(jù)標(biāo)題及內(nèi)容。

2.分類篩選字段展示

數(shù)據(jù)行橫向字段過多時(shí)，可將字段分類展示，根據(jù)不同的分類去展示字段，即可全局查看，又可分類查看。根據(jù)用戶選擇的分類進(jìn)行橫向滾動(dòng)，方便查看數(shù)據(jù)。

5.自定義篩選字段展示

數(shù)據(jù)行橫向字段過多時(shí)，還可將字段自定義展示，用戶可以自定義選擇展示的篩選字段和調(diào)整順序，根據(jù)用戶的要求將常用的高頻率的篩選字段優(yōu)先展示，提高工作效率。

五、實(shí)際操作

以上的內(nèi)容是按照查詢頁面的三個(gè)部分臃腫的地方提出的解決方法，但是優(yōu)化查詢頁面的交互，使得查詢操作既高效又舒適

還是得依據(jù)各個(gè)查詢頁面的業(yè)務(wù)需求，將以上不同的解決方法組合，才能得到一個(gè)適應(yīng)于自己當(dāng)下任務(wù)的方案。

方案一

查詢條件區(qū)域    將低頻率的篩選條件折疊到高級(jí)篩選中+搜索項(xiàng)分類選擇+將關(guān)鍵字搜索字段合并展示

操作按鈕區(qū)域    將低頻率的操作按鈕折疊到更多按鈕中    

數(shù)據(jù)展示區(qū)域    使用分類展示+表頭與關(guān)鍵數(shù)據(jù)列固定

優(yōu)點(diǎn)    首頁展示查詢內(nèi)容最少，頁面簡潔，可以展示更多查詢數(shù)據(jù)，頁面和彈框內(nèi)將類似字段折疊展示，內(nèi)容緊            湊，操作便捷

缺點(diǎn)    頁面交互路徑增長，編輯數(shù)據(jù)要進(jìn)彈窗，不夠方便，次要按鈕和次要查詢字段被折疊隱藏，新客戶不易找            到

方案二

查詢條件區(qū)域    通過篩選開關(guān)，選擇是否展示篩選字段 字段選項(xiàng)鋪開展示

操作按鈕區(qū)域    將低頻率的操作按鈕折疊到更多按鈕中

數(shù)據(jù)展示區(qū)域    使用自定義顯示表格字段

優(yōu)點(diǎn)    首頁可以直接編輯字段，展示內(nèi)容最多，直觀方便，可操作性強(qiáng)，交互路徑短

缺點(diǎn)    頁面鋪開高度過高，關(guān)閉篩選開關(guān)無法預(yù)覽篩選條件，打開開關(guān)，則壓縮表格空間，電腦一屏展示數(shù)據(jù)較            少

靈活運(yùn)用布局和組件的簡化方法，才能搭配出適合自己產(chǎn)品的最優(yōu)設(shè)計(jì)，以上內(nèi)容僅供參考，希望大家可以學(xué)到的是設(shè)計(jì)方法，而不是組件和布局本身。感謝觀看。

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

文章來源：站酷  作者酸奶烤鴨

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

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

什么是圍繞應(yīng)用生命周期的編排設(shè)計(jì)

圍繞應(yīng)用生命周期的編排設(shè)計(jì)是一種企業(yè)級(jí)技術(shù)產(chǎn)品設(shè)計(jì)策略。

它的核心是要解決設(shè)計(jì)師很難上手企業(yè)級(jí)技術(shù)產(chǎn)品，且更加難以找到體驗(yàn)設(shè)計(jì)機(jī)會(huì)點(diǎn)的問題。我們是一群工作在企業(yè)級(jí)技術(shù)產(chǎn)品領(lǐng)域里的設(shè)計(jì)師，同時(shí)也是掘金者，這篇分享即是我們?cè)谄髽I(yè)級(jí)技術(shù)產(chǎn)品領(lǐng)域里探索的一些方法總結(jié)。

 

當(dāng)設(shè)計(jì)遇上技術(shù)

工作現(xiàn)狀

在我們?nèi)粘９ぷ髦?，和技術(shù)產(chǎn)品 PD 聊需求是一件非常痛苦的事情，他們講的每一個(gè)字都認(rèn)識(shí)，但是組合起來就不知道是干什么的了，因此設(shè)計(jì)師也很難去想象用戶是怎么在用這些功能。

因此相較于 C 端產(chǎn)品來說，B 端的技術(shù)產(chǎn)品目前還處于基本可用的狀態(tài)，更談不上什么體驗(yàn)了。

 

分析原因

究其原因，我們總結(jié)有三點(diǎn)：

① 這些產(chǎn)品大多數(shù)都是由技術(shù)來主導(dǎo)，功能優(yōu)先

② 設(shè)計(jì)在整個(gè)流程中都處于非常被動(dòng)的狀態(tài)

③ 設(shè)計(jì)與技術(shù)之間存在一定的專業(yè)壁壘，技術(shù)往往比較抽象難以理解

同時(shí)，我們的用戶并不是客戶，用戶不能根據(jù)自己的意愿喜好選擇產(chǎn)品。用戶隱藏在企業(yè)內(nèi)部，設(shè)計(jì)師日常中很難接觸到真實(shí)用戶。另一方面，用戶的技術(shù)專業(yè)背景與設(shè)計(jì)師的專業(yè)存在鴻溝，這使得設(shè)計(jì)師對(duì)用戶需求的理解也不夠深，所以說在這種環(huán)境隔離和語境不通的狀態(tài)下，設(shè)計(jì)師其實(shí)難以和用戶構(gòu)建同理心。

 

能做的事

在這種狹小的設(shè)計(jì)發(fā)揮空間里，我們能做什么呢？

其實(shí)我們?cè)O(shè)計(jì)師有明顯的優(yōu)點(diǎn)：

比較擅長找規(guī)律找方法，有破局意識(shí)，從而能夠發(fā)現(xiàn)設(shè)計(jì)的機(jī)會(huì)點(diǎn)。

 

企業(yè)級(jí)技術(shù)產(chǎn)品設(shè)計(jì)探索

發(fā)現(xiàn)規(guī)律

所以我們回過頭看一下之前做過的這些產(chǎn)品和功能，從它們的作用對(duì)象、出現(xiàn)時(shí)間、用戶目標(biāo)、用戶行為這四個(gè)維度對(duì)他們進(jìn)行歸納和總結(jié)。

我們發(fā)現(xiàn)這些產(chǎn)品具有很強(qiáng)的階段性，通過不同的產(chǎn)品來支撐各個(gè)階段下的用戶目標(biāo)。用戶通過產(chǎn)品的功能來實(shí)現(xiàn)各種編排動(dòng)作，例如對(duì)應(yīng)用本身代碼的編排、對(duì)應(yīng)用依賴的底層資源的編排，從而支撐用戶應(yīng)用的生命周期。

因此企業(yè)級(jí)技術(shù)產(chǎn)品具有以下四個(gè)特點(diǎn)：

• 階段性

• 驅(qū)動(dòng)性

• 流程性

• 抽象性

提出策略-圍繞應(yīng)用生命周期的編排設(shè)計(jì)

首先我們要針對(duì)這四個(gè)特性進(jìn)行一輪判斷，了解這個(gè)產(chǎn)品的場(chǎng)景，場(chǎng)景下對(duì)應(yīng)的角色，每個(gè)角色執(zhí)行的是單線還是多線任務(wù)流，以及任務(wù)流是由哪些功能支撐。經(jīng)過這層判斷之后再定位具體問題：

① 每個(gè)階段的目標(biāo)是什么

② 階段下每個(gè)角色各自的小目標(biāo)又是什么

③ 任務(wù)要對(duì)應(yīng)用還是應(yīng)用相關(guān)的內(nèi)容進(jìn)行編排

④ 產(chǎn)品的功能是如何實(shí)現(xiàn)的

當(dāng)找到這些問題的答案以后，我們就可以對(duì)產(chǎn)品的上下游場(chǎng)景進(jìn)行編排，明確各階段的側(cè)重以及上下游場(chǎng)景的限制條件；對(duì)角色進(jìn)行權(quán)限分配以及協(xié)作觸點(diǎn)的確定；將任務(wù)流從起點(diǎn)到過程再到結(jié)果進(jìn)行梳理；以及最后通過對(duì)底層技術(shù)的理解，合理編排產(chǎn)品信息架構(gòu)和界面內(nèi)容。

為了能夠更加高效的完成以上信息的收集和處理，我們沉淀了 CMTD 四個(gè)小工具。

 

策略詳解

C 是 Collaboration，協(xié)同場(chǎng)景，主要回答四個(gè)問題：When、What、Who、Where。

① When：用以明確產(chǎn)品所處階段以及上下游階段，以全鏈路的視角看用戶的完整使用場(chǎng)景，因?yàn)楫a(chǎn)品往往可能只是解決用戶部分場(chǎng)景的問題

② What：定義當(dāng)前場(chǎng)景的階段目標(biāo)以及要做的事情

③ Who：當(dāng)前階段的事情由哪些角色參與

④ Where：這些角色在線上或線下是如何配合協(xié)作的

例如我們要做一個(gè)技術(shù)產(chǎn)品，通過 Collaboration，我們知道它覆蓋了發(fā)布階段、日常運(yùn)維階段，目的是把經(jīng)過測(cè)試的應(yīng)用發(fā)布上線并進(jìn)行日常維護(hù)，主要是運(yùn)維人員配合研發(fā)人員和發(fā)布經(jīng)理完成線上的問題排查和線下配置文檔的交接，我們就能比較清楚的知道我們要做的是一個(gè)運(yùn)維平臺(tái)。

 

M 是 multi-role，多角色，主要用以分析產(chǎn)品是由哪些角色共同協(xié)同驅(qū)動(dòng)的。

與 C 端產(chǎn)品不同的是，我們除了對(duì)核心角色的自然人屬性進(jìn)行洞察，還要定義清楚該角色的目標(biāo)有哪些，目標(biāo)對(duì)應(yīng)的任務(wù)流以及支撐的功能和權(quán)限。并且企業(yè)級(jí)技術(shù)產(chǎn)品往往都不是一個(gè)角色就能完全執(zhí)行完成，所以該角色的上下游角色也要摸清之間的協(xié)作觸點(diǎn)在哪里。

多角色的信息我們可以通過在客戶現(xiàn)場(chǎng)或者用戶訪談來收集，并沉淀為用戶角色庫。

基于收集來的用戶信息，來定義我們產(chǎn)品的角色：

 

T 是 Task flow，任務(wù)流。任務(wù)流一定是基于一個(gè)用戶角色的某個(gè)目標(biāo)，來定義任務(wù)的起點(diǎn)-過程-結(jié)果。

起點(diǎn)就是界面上用戶的操作入口，過程需要包含觸發(fā)操作、自操作、條件判斷以及是否有協(xié)作角色參與進(jìn)來，在結(jié)果處除了提供結(jié)果反饋還要提供下一任務(wù)的去向入口，幫助用戶把流程串聯(lián)起來。

任務(wù)流可以借助現(xiàn)有流程的走查或按照 T 模型來梳理任務(wù)流信息，從而幫助我們更好的定義一條用戶的任務(wù)流是如何執(zhí)行的。

例如我們要做的運(yùn)維平臺(tái)的產(chǎn)品，核心角色是運(yùn)維，他其中的一個(gè)目標(biāo)是為應(yīng)用創(chuàng)建工作空間。按照 T 模型，我們可以很方便的將這條任務(wù)流定義出來。

 

D 是 deep ，深化。主要從兩個(gè)維度展開：技術(shù)架構(gòu)和邏輯原理。這是兩個(gè)在做技術(shù)產(chǎn)品的過程中經(jīng)常會(huì)接觸到的兩個(gè)概念。

在分析技術(shù)架構(gòu)時(shí)，我們可以重點(diǎn)關(guān)注兩個(gè)點(diǎn)：看由哪些功能模塊構(gòu)成，這些功能之間的靜態(tài)結(jié)構(gòu)，是包含關(guān)系還是依賴關(guān)系。分析邏輯原理，一是了解這些功能產(chǎn)生的實(shí)例，是一對(duì)一的關(guān)系還是一對(duì)多的關(guān)系，信息或流量在這些功能模塊之間如何流轉(zhuǎn)。通過這些分析，我們可以把掌握的功能特征和邏輯規(guī)律。

舉例來說，運(yùn)維平臺(tái)的核心角色運(yùn)維人員需要為應(yīng)用創(chuàng)建工作空間，按照梳理出的任務(wù)流，用戶需要經(jīng)過3次跳轉(zhuǎn)7步完成，那這個(gè)是否還有優(yōu)化空間呢？

我們可以從 Deep 深化的角度入手，看這條任務(wù)流是由哪幾塊功能支撐的。例如工作空間內(nèi)包含網(wǎng)絡(luò)和安全組，安全組內(nèi)包含負(fù)載均衡和虛擬機(jī)。就像我們了解汽車的制動(dòng)裝置，看到裝置內(nèi)包含氣室，氣室內(nèi)包含活塞體、密封墊，密封墊連接在推桿上。

再從邏輯原理圖入口，了解流量會(huì)先按照工作空間進(jìn)行隔離，從工作空間走專有網(wǎng)絡(luò)還是經(jīng)典網(wǎng)絡(luò)，網(wǎng)絡(luò)將流量分發(fā)到安全組，安全組里的負(fù)載均衡會(huì)負(fù)責(zé)調(diào)配流量到虛擬機(jī)。他們之間層層遞進(jìn)互相依賴。就像汽油從油箱到達(dá)制動(dòng)裝置，在發(fā)動(dòng)機(jī)里和空氣一起被壓縮燃燒后能量轉(zhuǎn)化轉(zhuǎn)送到動(dòng)力裝置一樣。

通過上面的分析我們了解到這幾個(gè)功能其實(shí)是緊密關(guān)聯(lián)的，用戶沒有必要分散到不同的地方進(jìn)行添加和創(chuàng)建，完全可以借助流程表單和抽屜把他們串聯(lián)在一起。

因此我們找到優(yōu)化體驗(yàn)的機(jī)會(huì)點(diǎn)，把之前需要三次跳轉(zhuǎn)7步完成的任務(wù)流，優(yōu)化到1個(gè)入口5步完成。

 

總結(jié)回顧

企業(yè)級(jí)技術(shù)產(chǎn)品有四個(gè)特性：階段性、驅(qū)動(dòng)性、流程性、抽象性。通過 C、M、T、D 四個(gè)小工具來幫助我們收集和歸納信息，實(shí)現(xiàn)對(duì)上下游場(chǎng)景的編排、角色的定義、任務(wù)流的編排以及界面的編排。

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

文章來源：站酷  作者：Ant_Design

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

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

一、布局原則：古登堡、尼爾森

二、結(jié)合B端產(chǎn)品和頁面分析

三、大廠布局設(shè)計(jì)規(guī)范分析

四、總結(jié)

一、布局原則

布局設(shè)計(jì)在設(shè)計(jì)的每個(gè)領(lǐng)域都有涉及，這里說的不是設(shè)計(jì)中的布局四原則：親密、對(duì)齊、重復(fù)、對(duì)比（專業(yè)術(shù)語：格式塔原則），這是平面設(shè)計(jì)中常用的布局方式，我的理解就是排版。但B端的布局設(shè)計(jì)是不同的，每個(gè)企業(yè)或者產(chǎn)品的設(shè)計(jì)規(guī)范有各自不同的依據(jù)。

B端頁面布局最常用的原則我見過有兩種：古登堡原則和尼爾森F型視覺模型。下面是網(wǎng)上找的圖：

（1-侵權(quán)提刪：古登堡原則）

古登堡原則：閱讀引力是從上到下，從左到右，呈現(xiàn)Z字形移動(dòng)，而起點(diǎn)和終點(diǎn)會(huì)作為重點(diǎn)視覺記憶區(qū)，中間過程會(huì)輕掃作為次要視覺記憶區(qū)。左上和右下是用戶會(huì)比較容易關(guān)注和注意到的地方。

 

（2-侵權(quán)提刪：尼爾森F模型）

尼爾森F模型：我們?cè)诘谝淮斡^看頁面時(shí)，視線會(huì)呈 F的形狀關(guān)注頁面。先從頂部開始從左到右水平移動(dòng)，目光再下移開始從左到右觀察但是長度會(huì)相對(duì)短些，以較短的長度向下掃視，形成一個(gè) F形狀。

這兩個(gè)原則都是從用戶視覺角度分析，在按需帶入產(chǎn)品頁面設(shè)計(jì)的。沒法單純的說哪個(gè)對(duì)哪個(gè)錯(cuò)，或者說哪個(gè)更好。因?yàn)橐Y(jié)合產(chǎn)品屬性、信息結(jié)構(gòu)、及用戶心理等因素。

二、結(jié)合產(chǎn)品和頁面屬性分析

我們公司產(chǎn)品的列表頁面是參考古登堡原則制定的布局設(shè)計(jì)規(guī)范。這是一個(gè)運(yùn)維產(chǎn)品（我們通常稱為SaaS：軟件即服務(wù)）-列表頁面的模板，可以看到大部分內(nèi)容被表格占據(jù)，且表格中的內(nèi)容是相似的。通過與騰訊藍(lán)鯨團(tuán)隊(duì)的溝通，最終確定這種布局的頁面用戶視角瀏覽流程是“Z”型的。

主要操作按鈕在左側(cè)的第一視角區(qū)，通常以“新建”等主要按鈕為主、“導(dǎo)出”或“批量操作”等次要按鈕為輔一同擺放。因?yàn)榱斜硗ǔＪ悄硞€(gè)任務(wù)的羅列，會(huì)把新建的入口也放在一起，一是為了方便用戶快速找到新建任務(wù)入口，二是為了讓信息結(jié)構(gòu)更聚攏。強(qiáng)休息區(qū)放搜索框。在不同場(chǎng)景下，按鈕和搜索框位置要視需求確定位置。在我們公司的大部分產(chǎn)品場(chǎng)景下，按鈕是在左側(cè)。最終落腳點(diǎn)是在操作字段（表頭屬性，技術(shù)角度稱為字段）。

 

彈窗的布局也是類似的，很容易可以判斷出標(biāo)題和確定、取消按鈕是兩個(gè)視角落腳點(diǎn)。

 

當(dāng)然不是所有頁面都遵循古登堡原則，像下面的表單頁面就是使用F模型。因?yàn)樽钪饕畔?biāo)題都在左側(cè)，且信息流是集中往下走，并不分散也不需要橫向跨度很大。所以使用尼爾森F模型就可以支持布局走勢(shì)。

 

三、大廠布局設(shè)計(jì)規(guī)范

這里以騰訊Magic Box VUE組件庫和阿里AntDesign來分析我個(gè)人的理解：

 

這是從antdesign官網(wǎng)找到的信息復(fù)雜度和相關(guān)性模型，選用相應(yīng)的信息呈現(xiàn)方式，選用合理的布局方案來承載詳情頁的內(nèi)容。這應(yīng)該是阿里內(nèi)部自己建立的布局規(guī)范，既不符合古登堡原則，也不適應(yīng)尼爾森F模型。但從地下不同頁面內(nèi)容的分布來看，我覺得是把這兩種模型結(jié)合了。請(qǐng)看下圖：

 

古登堡原則注重左上角和右下角的內(nèi)容。尼爾森F模型是只注重左側(cè)內(nèi)容，這種布局方式通常是信息量比較大時(shí)用的比較多。我們把頁面的內(nèi)容拆開看就可以分析出，每個(gè)模塊也是可以分成不同模型的結(jié)合。

 

騰訊Magic Box的布局規(guī)范就是前面我們公司用的是一樣的，就不多分析了。

四、總結(jié)

通常：信息流頁面使用尼爾森F模型。需要用戶操作頁面的則常常把古登堡和F模型結(jié)合使用，具體使用哪種看兩個(gè)：1、用戶在頁面的常用操作是什么，2、你想或者說是產(chǎn)品想傳遞給用戶的信息是什么。

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

文章來源：站酷  作者：lq934731638

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

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

往往偉大的事業(yè)都是從七月開始的、我用一個(gè)設(shè)計(jì)師的視角，來盤點(diǎn)一下UI/UX行業(yè)這半年的設(shè)計(jì)風(fēng)格走勢(shì)。

以下我從色彩、圖形、圖標(biāo)、排版、行業(yè)趨勢(shì)這五個(gè)層面進(jìn)行一些2021年中期盤點(diǎn)總結(jié)。

在色彩方面，雖然UI是一個(gè)相對(duì)獨(dú)立的設(shè)計(jì)環(huán)境，但其實(shí)一直是在跟隨平面的趨勢(shì)。

 

年初潘通發(fā)布了2021年的色彩流行趨勢(shì)，灰黃色一時(shí)間成為了我們追逐的目標(biāo)。

但是潘通流行色更多是表現(xiàn)了一種當(dāng)下的社會(huì)情緒與遠(yuǎn)景追求，并不是用來指導(dǎo)設(shè)計(jì)的。

(圖片來源：Dribbble)

在UI的色彩方面，我們都記得2020年還是流行的是高飽和色彩路線，而2021年UI色彩一下子就被沖淡了，各種低飽和度色彩的作品更加得到設(shè)計(jì)師的青睞，似乎也昭示著大家的情緒也從疫情中慢慢穩(wěn)定了下來，這個(gè)世界的確需要設(shè)計(jì)來對(duì)情緒進(jìn)行即時(shí)表達(dá)，在5月份Google的全新Material You設(shè)計(jì)語言中，這種低飽和色彩也被發(fā)揮的淋漓盡致。相信低飽和度色彩將在2021下半年會(huì)延續(xù)發(fā)展！

有關(guān)Material You信息可以看一下我的另一篇文章《Material You 為你而來！》

(圖片來源：Google Material You)

(圖片來源：Dribbble)

圖形方面，亮點(diǎn)在3D！毫無疑問3D插畫在2021上半年繼續(xù)著他的強(qiáng)勁勢(shì)頭，2021上半年涌現(xiàn)出了大量優(yōu)秀的3D風(fēng)格插畫，并且不止是3D卡通人物，在產(chǎn)品渲染和背景展現(xiàn)上也在醞釀新的力量。特別說明的是，設(shè)計(jì)工具的高速發(fā)展也讓3D門檻不斷降低，如果你只盯著C4D那就真的OUT了，像Blender Spline Stager 這樣的新興輕量級(jí)3D工具軟件是需要特別關(guān)注的，也許這些新工具是真的能讓你跑出與別人不一樣的賽道。

(值得關(guān)注的3款新興3D軟件)

在2D圖形方面，也有突破，除了傳統(tǒng)的矩形、圓角矩形、圓形之外，UI中將會(huì)引入到更多的形狀，像多邊形、三角形、不規(guī)則形都會(huì)大量的出現(xiàn)在UI設(shè)計(jì)中，UI設(shè)計(jì)越來越開放和放得開了！

(圖片來源：Google Material You)

隨著去年底蘋果BigSur操作系統(tǒng)的發(fā)布，3D圖標(biāo)著實(shí)火了一段時(shí)間，出現(xiàn)了不少3D風(fēng)格圖標(biāo)。但是后來大家發(fā)現(xiàn)在圖標(biāo)在2D層面其實(shí)還是很有創(chuàng)新點(diǎn)的，并且也更加實(shí)用，所以我們又看到了磨砂玻璃風(fēng)格圖標(biāo)走入了我們的視線。這種采用背板透光設(shè)計(jì)的風(fēng)格圖標(biāo)，看起來清新自然，一經(jīng)亮相就讓設(shè)計(jì)師們喜歡起來了！

(圖片來源：Dribbble)

但無論是3D風(fēng)格還是磨砂玻璃風(fēng)格圖標(biāo)設(shè)計(jì)，從某種意義上說，這些都是擬物化設(shè)計(jì)的一種新的回歸方式，設(shè)計(jì)就是一個(gè)圈哪！

排版設(shè)計(jì)，塊狀與字體成為了關(guān)鍵詞。先看幾個(gè)作品，你發(fā)現(xiàn)了什么了嗎？

(圖片來源：Dribbble)

UI設(shè)計(jì)的排版不止是為了視覺好看，更多是要做信息的分割與歸類，讓信息閱讀快速準(zhǔn)確且優(yōu)雅！從某種方面也就是我們說的用戶體驗(yàn)。當(dāng)下仍然是扁平化為主體UI設(shè)計(jì)語言的時(shí)代，陰影設(shè)計(jì)幾乎已經(jīng)退出了當(dāng)下的主流設(shè)計(jì)，所以在信息的區(qū)分上靠的就是留白與文字，所以加粗大字體，卡片留白、形狀色彩塊就在UI排版設(shè)計(jì)中起到重要的作用。再輔助通過一些微交互動(dòng)畫，一切都是那么自然絲滑，主次分明！

(UI排版的三個(gè)趨勢(shì))

最后我們說說行業(yè)趨勢(shì)方面，在2021上半年的UI設(shè)計(jì)作品中，除了常規(guī)的移動(dòng)端APP UI設(shè)計(jì)之外，我們更多看到了一些針對(duì)于其他設(shè)備的UI設(shè)計(jì)，比如說電腦B端應(yīng)用、車載HMI、數(shù)據(jù)可視化、交互動(dòng)畫等這樣的新端趨勢(shì)，并且這些作品的數(shù)量越來越多了，所以從行業(yè)趨勢(shì)來講，UI設(shè)計(jì)師們還是要打開更多的眼界和格局，設(shè)計(jì)的競(jìng)爭(zhēng)不止是在水平能力上，更重要的是行業(yè)賽道的選擇！關(guān)注趨勢(shì)尤為重要！

(圖片來源：Dribbble)

(需要關(guān)注的四個(gè)新端設(shè)計(jì)趨勢(shì))

用我開頭的那句話，做個(gè)結(jié)尾吧！ 往往偉大的事業(yè)都是從7月開始的，無論你上半年是碩果累累還是顆粒無收，現(xiàn)在開始！一切都還來得及，還來得及！

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

文章來源：站酷  作者：殘酷de樂章

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

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

往往偉大的事業(yè)都是從七月開始的、我用一個(gè)設(shè)計(jì)師的視角，來盤點(diǎn)一下UI/UX行業(yè)這半年的設(shè)計(jì)風(fēng)格走勢(shì)。

以下我從色彩、圖形、圖標(biāo)、排版、行業(yè)趨勢(shì)這五個(gè)層面進(jìn)行一些2021年中期盤點(diǎn)總結(jié)。

在色彩方面，雖然UI是一個(gè)相對(duì)獨(dú)立的設(shè)計(jì)環(huán)境，但其實(shí)一直是在跟隨平面的趨勢(shì)。

 

年初潘通發(fā)布了2021年的色彩流行趨勢(shì)，灰黃色一時(shí)間成為了我們追逐的目標(biāo)。

但是潘通流行色更多是表現(xiàn)了一種當(dāng)下的社會(huì)情緒與遠(yuǎn)景追求，并不是用來指導(dǎo)設(shè)計(jì)的。

(圖片來源：Dribbble)

在UI的色彩方面，我們都記得2020年還是流行的是高飽和色彩路線，而2021年UI色彩一下子就被沖淡了，各種低飽和度色彩的作品更加得到設(shè)計(jì)師的青睞，似乎也昭示著大家的情緒也從疫情中慢慢穩(wěn)定了下來，這個(gè)世界的確需要設(shè)計(jì)來對(duì)情緒進(jìn)行即時(shí)表達(dá)，在5月份Google的全新Material You設(shè)計(jì)語言中，這種低飽和色彩也被發(fā)揮的淋漓盡致。相信低飽和度色彩將在2021下半年會(huì)延續(xù)發(fā)展！

有關(guān)Material You信息可以看一下我的另一篇文章《Material You 為你而來！》

(圖片來源：Google Material You)

(圖片來源：Dribbble)

圖形方面，亮點(diǎn)在3D！毫無疑問3D插畫在2021上半年繼續(xù)著他的強(qiáng)勁勢(shì)頭，2021上半年涌現(xiàn)出了大量優(yōu)秀的3D風(fēng)格插畫，并且不止是3D卡通人物，在產(chǎn)品渲染和背景展現(xiàn)上也在醞釀新的力量。特別說明的是，設(shè)計(jì)工具的高速發(fā)展也讓3D門檻不斷降低，如果你只盯著C4D那就真的OUT了，像Blender Spline Stager 這樣的新興輕量級(jí)3D工具軟件是需要特別關(guān)注的，也許這些新工具是真的能讓你跑出與別人不一樣的賽道。

(值得關(guān)注的3款新興3D軟件)

在2D圖形方面，也有突破，除了傳統(tǒng)的矩形、圓角矩形、圓形之外，UI中將會(huì)引入到更多的形狀，像多邊形、三角形、不規(guī)則形都會(huì)大量的出現(xiàn)在UI設(shè)計(jì)中，UI設(shè)計(jì)越來越開放和放得開了！

(圖片來源：Google Material You)

隨著去年底蘋果BigSur操作系統(tǒng)的發(fā)布，3D圖標(biāo)著實(shí)火了一段時(shí)間，出現(xiàn)了不少3D風(fēng)格圖標(biāo)。但是后來大家發(fā)現(xiàn)在圖標(biāo)在2D層面其實(shí)還是很有創(chuàng)新點(diǎn)的，并且也更加實(shí)用，所以我們又看到了磨砂玻璃風(fēng)格圖標(biāo)走入了我們的視線。這種采用背板透光設(shè)計(jì)的風(fēng)格圖標(biāo)，看起來清新自然，一經(jīng)亮相就讓設(shè)計(jì)師們喜歡起來了！

(圖片來源：Dribbble)

但無論是3D風(fēng)格還是磨砂玻璃風(fēng)格圖標(biāo)設(shè)計(jì)，從某種意義上說，這些都是擬物化設(shè)計(jì)的一種新的回歸方式，設(shè)計(jì)就是一個(gè)圈哪！

排版設(shè)計(jì)，塊狀與字體成為了關(guān)鍵詞。先看幾個(gè)作品，你發(fā)現(xiàn)了什么了嗎？

(圖片來源：Dribbble)

UI設(shè)計(jì)的排版不止是為了視覺好看，更多是要做信息的分割與歸類，讓信息閱讀快速準(zhǔn)確且優(yōu)雅！從某種方面也就是我們說的用戶體驗(yàn)。當(dāng)下仍然是扁平化為主體UI設(shè)計(jì)語言的時(shí)代，陰影設(shè)計(jì)幾乎已經(jīng)退出了當(dāng)下的主流設(shè)計(jì)，所以在信息的區(qū)分上靠的就是留白與文字，所以加粗大字體，卡片留白、形狀色彩塊就在UI排版設(shè)計(jì)中起到重要的作用。再輔助通過一些微交互動(dòng)畫，一切都是那么自然絲滑，主次分明！

(UI排版的三個(gè)趨勢(shì))

最后我們說說行業(yè)趨勢(shì)方面，在2021上半年的UI設(shè)計(jì)作品中，除了常規(guī)的移動(dòng)端APP UI設(shè)計(jì)之外，我們更多看到了一些針對(duì)于其他設(shè)備的UI設(shè)計(jì)，比如說電腦B端應(yīng)用、車載HMI、數(shù)據(jù)可視化、交互動(dòng)畫等這樣的新端趨勢(shì)，并且這些作品的數(shù)量越來越多了，所以從行業(yè)趨勢(shì)來講，UI設(shè)計(jì)師們還是要打開更多的眼界和格局，設(shè)計(jì)的競(jìng)爭(zhēng)不止是在水平能力上，更重要的是行業(yè)賽道的選擇！關(guān)注趨勢(shì)尤為重要！

(圖片來源：Dribbble)

(需要關(guān)注的四個(gè)新端設(shè)計(jì)趨勢(shì))

用我開頭的那句話，做個(gè)結(jié)尾吧！ 往往偉大的事業(yè)都是從7月開始的，無論你上半年是碩果累累還是顆粒無收，現(xiàn)在開始！一切都還來得及，還來得及！

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

文章來源：站酷  作者：殘酷de樂章

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

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

案例1.用戶操作時(shí)的困惑

相信大家在做設(shè)計(jì)的時(shí)候都遇到過這種情況，一個(gè)產(chǎn)品內(nèi)有多個(gè)入口指向同一個(gè)界面，這是產(chǎn)品的投機(jī)取巧還是另有深意，很多人都對(duì)這樣的設(shè)計(jì)有不同的看法。

這樣的設(shè)計(jì)就好像是狡兔三窟，在產(chǎn)品中流量可以從不同的入口進(jìn)來，到多個(gè)不同的出口，也可以從不同的入口進(jìn)入同一個(gè)地方。

有人會(huì)覺得如果一個(gè)界面中有多個(gè)入口指向同一個(gè)界面會(huì)出現(xiàn)問題：

1.違反了效率、用戶預(yù)期的原則，會(huì)認(rèn)為頁面空間有限，在同一個(gè)界面中有多個(gè)入口指向一個(gè)界面效率變低，而且用戶知道后往往就會(huì)只從一個(gè)入口進(jìn)入。

2.多個(gè)選擇會(huì)讓用戶拉高轉(zhuǎn)化的成本，用戶在選擇的時(shí)候會(huì)花更多的時(shí)間思考有什么區(qū)別。

我們來看一個(gè)例子，下面德邦app之前的一個(gè)版本，目前已經(jīng)優(yōu)化了。從截圖中我們發(fā)現(xiàn)頁面上方的查詢和寄件都和底部標(biāo)簽單獨(dú)出來的界面功能重復(fù)了，并且我的快件也直接可以展示在首頁的下方，我的快件目前可以從首頁頂部、首頁下方和個(gè)人中心3個(gè)入口進(jìn)入查看。

通過這個(gè)案例我們發(fā)現(xiàn)確實(shí)這些板塊和功能重復(fù)度太高，并且沒有區(qū)分出場(chǎng)景，這樣的設(shè)計(jì)證實(shí)了以上的兩個(gè)說法，降低用戶使用效率和提高選擇成本。而且從業(yè)務(wù)角度看也并沒有目標(biāo)的差別。

但是我們分析問題也要多角度去觀察，多個(gè)入口進(jìn)入同一個(gè)界面只有缺點(diǎn)沒有優(yōu)點(diǎn)嗎？

顯然不是，我們?cè)賮砜磶讉€(gè)案例

下方是一個(gè)商品評(píng)價(jià)的卡片，經(jīng)過我小手的實(shí)際測(cè)試，發(fā)現(xiàn)無論點(diǎn)擊這個(gè)卡片任何有內(nèi)容的區(qū)域，都會(huì)跳轉(zhuǎn)到全部評(píng)價(jià)的界面，那這樣的設(shè)計(jì)邏輯是否會(huì)造成和上面的案例一樣的問題呢？答案是，不會(huì)。

這里的設(shè)計(jì)邏輯并不是和沙面那里的場(chǎng)景那么單一，而是用戶在面臨不同需求場(chǎng)景的時(shí)候可以有選擇。

不知道大家有沒有發(fā)現(xiàn)一個(gè)問題，在上面德邦案例的時(shí)候，你會(huì)對(duì)兩個(gè)入口有疑問，但是在評(píng)價(jià)卡片的時(shí)候并沒有，這個(gè)卡片包含了4種不同的場(chǎng)景：

1.我想看看有哪些好評(píng)、哪些差評(píng) 

2.幾個(gè)不同標(biāo)簽的用戶都是怎么說 

3.下面用戶的實(shí)拍到底是不是真實(shí)的 

4.還有沒有更多類似真實(shí)用戶的使用評(píng)價(jià)。

所以即便最終到了一個(gè)界面，對(duì)于用戶來說也是從獨(dú)立的出發(fā)點(diǎn)開始的，而再回過頭看上面案例，你會(huì)發(fā)現(xiàn)，我就是要寄東西，這里有兩個(gè)入口，怎么選。

而且，考拉這里其實(shí)還做了從不同內(nèi)容點(diǎn)進(jìn)去的一個(gè)區(qū)分。

再來看個(gè)案例，貝殼的地圖找房，在首頁中有兩個(gè)入口，導(dǎo)航欄一個(gè)，分類中一個(gè)，這里出現(xiàn)重復(fù)會(huì)造成一開始說的問題嗎？首先我們看到貝殼的業(yè)務(wù)很多，以至于在這個(gè)分類中居然還需要通過滾動(dòng)指示器來展示剩余內(nèi)容，大家也可以思考一下，在這個(gè)界面中，會(huì)不會(huì)出現(xiàn)兩個(gè)地圖找房不同的場(chǎng)景出發(fā)點(diǎn)呢？我個(gè)人覺得其實(shí)是可以商榷的，首先地圖找房在房產(chǎn)app中是很核心高頻的一個(gè)功能，他的屬性是“工具”。

所以我覺得他之所以在卡片中再放一個(gè)地圖找房是3個(gè)原因

第一個(gè)是導(dǎo)航欄的找房肯定不能動(dòng)，他是一個(gè)全局的入口，即使頁面滾動(dòng)也可以隨時(shí)點(diǎn)擊到，即便要撤一個(gè)，也肯定要撤下方卡片分類中的。

第二個(gè)是卡片分類中的圖標(biāo)入口是都具備工具屬性的，那首頁上面部分就分為了：搜索、業(yè)務(wù)分類、工具這三塊。所以用戶看到這些工具屬性也會(huì)聯(lián)想到通過地圖去找房。而且這些多色彩的圖標(biāo)對(duì)于新進(jìn)入的用戶是比較吸引注意力的，所以很有可能用戶看不到右上角的地圖找房（可以參考古騰堡圖表的原則）。

第三點(diǎn)是可能右上角的地圖不太能清晰表達(dá)這個(gè)圖標(biāo)的具體功能，所以將“地圖找房”四個(gè)字顯示全。

但這些都有一些主觀因素在里面，如果真的去掉卡片中的，我覺得可能影響也并不是很大。有小伙伴可能想說是為了分流，但是分流的目前主要是讓流量流到他應(yīng)該去的地方產(chǎn)生實(shí)際價(jià)值，除了以上的3個(gè)原因，好像確實(shí)有點(diǎn)重復(fù)了。

再來看一個(gè)例子，小鹿茶app。

首頁的現(xiàn)在下單和底部菜單標(biāo)簽都是到同一個(gè)界面，那為什么要重復(fù)呢？這里其實(shí)考慮更多的他并不想讓用戶進(jìn)來就直接去購買，為什么不直接購買呢？應(yīng)該是想要建立自己的品牌人設(shè)、滿足更多的消費(fèi)場(chǎng)景和增值業(yè)務(wù)，比如給別人點(diǎn)奶茶、周邊的杯子跟合作商品推銷、最新的奶茶的推薦。

如果只有菜單，產(chǎn)品也會(huì)顯得更工具化，很難突出自己的品牌，對(duì)業(yè)務(wù)增長沒有太大的幫助。有同學(xué)要說，那這個(gè)界面只是產(chǎn)品的“一廂情愿”，我就只要點(diǎn)奶茶就可以了，多個(gè)入口只會(huì)給我?guī)砝_。所以他這里的設(shè)計(jì)邏輯是在用戶打開app的時(shí)候首先定位的是菜單，而不是首頁。

所以，到底多個(gè)入入口進(jìn)入同一目標(biāo)我們還是要看不同的場(chǎng)景和目標(biāo)的。如果既沒有業(yè)務(wù)目標(biāo)做支撐，又沒有用戶場(chǎng)景的變化，那么這個(gè)重復(fù)的入口就是雞肋的。

最后留一個(gè)小思考題：網(wǎng)易云音樂的“歌單”在首頁上也重復(fù)了，大家知道這里為什么他要做成重復(fù)入口嗎？ 

案例2.用戶使用中的不滿

一個(gè)優(yōu)秀的產(chǎn)品或者說一個(gè)合格的產(chǎn)品，能給用戶帶來愉悅的體驗(yàn)。何為體驗(yàn)，用大白話來說就是用的舒服、自然、高效率。

再有一個(gè)底線就是不要讓用戶產(chǎn)生由產(chǎn)品帶來的負(fù)面情緒，例如產(chǎn)品出錯(cuò)了卻不告知用戶解決方法、用戶出錯(cuò)了沒有辦法及時(shí)幫助糾正、高危操作沒有二次確認(rèn)等等，根據(jù)負(fù)面情緒的嚴(yán)重程度幾乎就可以直接讓部分用戶流失。

很不幸的是我就遇到了這樣的體驗(yàn)，當(dāng)時(shí)正在給同學(xué)們布置一些作業(yè)練習(xí)，體驗(yàn)一些產(chǎn)品的優(yōu)缺點(diǎn)并給出解決方法。我也下載了這款文玩類的App，體驗(yàn)了極速撿漏這個(gè)功能模塊。

撿漏：在文玩圈的一句行話，意思就是用很便宜的價(jià)格買到很值錢的古玩，而賣家卻不知情，是一種可遇不可求的行為，所以寓意就是比較難得、走好運(yùn)了。

進(jìn)入直播間，商家在賣力吆喝，頁面底部有加一手的按鈕，就是類似于拍賣，價(jià)高者得。于是我就抱著試一試的心態(tài)點(diǎn)了加一手按鈕，因?yàn)槲翌A(yù)期是產(chǎn)品會(huì)再次向我確認(rèn)是否要加價(jià)，結(jié)果是居然加價(jià)成功了，發(fā)生了什么？最后競(jìng)拍結(jié)束也沒有人繼續(xù)加價(jià)了。

實(shí)際場(chǎng)景中用戶可能誤操作不小心點(diǎn)了按鈕，這樣的場(chǎng)景和情況是非常多的，即便不是誤操作，給一個(gè)二次確認(rèn)的對(duì)話框也可以避免這樣的尷尬狀況，因?yàn)橛脩艟拖矚g在產(chǎn)品中點(diǎn)來點(diǎn)去，然而你在這里就像埋了一顆地雷。

如果到這里就結(jié)束了，那其實(shí)我也感覺沒必要去吐槽，問題在于當(dāng)我拍下還沒付款，直播間的商家就開始喊我的名字：xx大哥恭喜你拍到了我們的產(chǎn)品，可以去付款了。連續(xù)播報(bào)了幾十遍，我尷尬的直接退出了后臺(tái)，這種感覺就像是一群觀眾看著一個(gè)被騙的小白一樣，當(dāng)我過10分鐘后打開系統(tǒng)提示商品流拍了，并且累積了違約積分。

？？？

到這里，可能會(huì)有人說，你自己拍了的又不付款，當(dāng)然要懲罰你了。

于是我還是認(rèn)真的去研究了一下，發(fā)現(xiàn)極速撿漏和競(jìng)拍并不是同樣的規(guī)則。該產(chǎn)品和競(jìng)品其實(shí)都有競(jìng)拍板塊，在競(jìng)拍板塊都會(huì)有需要用戶確認(rèn)的操作，并在操作下方給出拍賣規(guī)則，顯示出價(jià)即表示同意拍賣規(guī)則。

但是該產(chǎn)品極速撿漏的板塊并沒有這樣的說明，既然沒有提前展示這樣的說明和約定，用戶就不知道有這樣的規(guī)則，我拿了競(jìng)品一對(duì)比，其實(shí)在直播帶貨的場(chǎng)景下，這個(gè)出價(jià)流程還是不同的，雙方其實(shí)都沒有給規(guī)則說明，但競(jìng)品還是給了一個(gè)出價(jià)選擇后再出價(jià)的步驟。

最后我甚至被商家拉黑了，不過還給我一個(gè)投訴商家的入口

我當(dāng)時(shí)的想法：

1.如果因?yàn)檎`操作讓用戶付出這么大代價(jià)的話成本就太高了。讓用戶點(diǎn)擊是否就等于用戶同意？

2.請(qǐng)先告知我約定與協(xié)議的內(nèi)容，單方面在我不知情的情況下對(duì)產(chǎn)品進(jìn)行操作后，通知扣我違約積分，這樣就有點(diǎn)“霸道”了。

3.平臺(tái)對(duì)商家和消費(fèi)者的權(quán)益是如何平衡的，文玩行業(yè)和互聯(lián)網(wǎng)結(jié)合的難點(diǎn)在哪里。

3.線下文玩圈的一些不成文行規(guī)，導(dǎo)致新人入圈后產(chǎn)生的沖突。

于是我就想對(duì)此說說我的看法

1.交易是產(chǎn)品平臺(tái)其中的一個(gè)功能屬性

交易是產(chǎn)品平臺(tái)其中的一個(gè)功能屬性，需要優(yōu)先滿足產(chǎn)品對(duì)用戶價(jià)值，其次再談交易的合理性。在這個(gè)流程中，面對(duì)用戶很有可能遇到的誤操作行為以及需要讓用戶去下單支付成本，我們必須提前告知用戶。在尼爾森可用性原則中我們也發(fā)現(xiàn)了，如果用戶不小心操作失誤，那么我們盡可能減少這些因?yàn)橛脩舴稿e(cuò)帶來的成本，同時(shí)在用戶犯錯(cuò)之前就要明顯告知用戶，將風(fēng)險(xiǎn)控制、前置。

所以，你在注冊(cè)的時(shí)候、登錄的時(shí)候，產(chǎn)品一定會(huì)讓你同意一份用戶協(xié)議，告知你我們要保存你的數(shù)據(jù)和一些跟你相關(guān)的信息，如果你不同意，那就無法繼續(xù)體驗(yàn)產(chǎn)品。

這是一種契約。

同理，如果你想讓用戶在這個(gè)產(chǎn)品中去參與拍賣，在進(jìn)入這個(gè)板塊之前或者用戶點(diǎn)擊按鈕之后，也需要讓用戶明確這個(gè)操作帶來的風(fēng)險(xiǎn)是什么，取得用戶的同意。而不是直接讓用戶加價(jià)成功，導(dǎo)致用戶不明所以的被扣違約積分、被商家拉黑，這就和你去泰國，在街頭你朋友拍了一張你和一個(gè)抱著蜥蜴的人的照片，結(jié)果別人來問你收錢是一個(gè)道理。

對(duì)于正常線下拍賣的流程，舉辦方也會(huì)對(duì)參與拍賣的人員進(jìn)行相關(guān)規(guī)則、流程的告知，并且將風(fēng)險(xiǎn)、問題都提前讓客戶進(jìn)行協(xié)議確認(rèn)。

所以，在產(chǎn)品中的交易，必須先滿足用戶與產(chǎn)品信息之間的對(duì)稱關(guān)系，保持信息的透明和契約公正，規(guī)則、約束、條件是用戶使用你產(chǎn)品的前提和體驗(yàn)反饋的衡量標(biāo)準(zhǔn)之一。

2.對(duì)于商家和產(chǎn)品的價(jià)值

商家希望有更多的流量來曝光商品，撿漏商品的低價(jià)可以快速吸引一大批用戶，比如8塊錢的一個(gè)木頭核桃的雕刻掛件等，產(chǎn)品通過營造搶購、限時(shí)的氛圍，吸引用戶下單，并且降低用戶參與的門檻。

那么，直接加價(jià)成功是一個(gè)好的降低門檻的策略嗎？我覺得并不是，降低門檻并不意味著就是直接拍到，而是需要提高用戶對(duì)產(chǎn)品的信任度，這個(gè)極速撿漏的模塊的目標(biāo)用戶幾乎都是小白用戶，因?yàn)橘Y深的玩家看不上、更不會(huì)買，有一定經(jīng)驗(yàn)的玩家也看的出好壞，明白它的價(jià)值。所以面對(duì)這些沒有了解過文玩產(chǎn)品的小白玩家來說，內(nèi)心是謹(jǐn)慎的。

可能有人會(huì)想，這幾塊錢、十幾塊錢的東西還需要考慮嗎？當(dāng)然在這個(gè)場(chǎng)景中，從眾心理是很明顯的，大家都覺得很便宜，但就是沒人拍。這都幾塊錢撿漏了怎么都沒人要，大部分人都覺得這么便宜東西肯定不咋樣，運(yùn)費(fèi)是不是貴的離譜、有沒有托在背后跟你抬價(jià)呢？大家都不拍我也觀望。越多人圍觀，越難促成交易。

還有一種可能就是我賣不賣的出去東西，并不重要，重要的是有人來看了，這些邊角料都是用來回饋直播間粉絲的，就是一個(gè)窗口，真正有利潤的東西在櫥窗里。所以這里的撿漏只是一個(gè)引流的噱頭。

人總是對(duì)太輕易得到的東西不珍惜，更何況是幾塊錢的小玩意兒。所以針對(duì)直接拍下這個(gè)交互，個(gè)人認(rèn)為是不妥的，無論是上面任何一種情況，都沒有辦法讓降低門檻，甚至通過這種“小聰明”反而會(huì)讓用戶更加不信任產(chǎn)品和用戶。

不信任產(chǎn)品是大。尤其是作為一家平臺(tái)來說，虛假交易、以次充好、濫竽充數(shù)等等行為是致命的。

3.文玩的價(jià)值

我其實(shí)有玩過一段時(shí)間文玩，受我老丈人的影響，有一段時(shí)間喜歡玩手串、玉什么的。經(jīng)常也會(huì)在某音去刷一些鑒寶類的視頻，很有意思。

文玩它的價(jià)值在于品相、稀有度、盤玩程度、大眾接受度、歷史背景還有工藝等等。所以它并不是一個(gè)在每個(gè)人心中同等效用的商品，同樣一塊玉，他的種水一般，但是花紋很獨(dú)特，買賣雙方其實(shí)心理的價(jià)值預(yù)期會(huì)相差非常多，它就不像買電子產(chǎn)品一樣價(jià)格那么透明容易計(jì)算。

有的人玩這些就是覺得命里該有它，它能給我?guī)碡?cái)、運(yùn)，幫我辟邪，看的是眼緣。而不是路邊上一塊無用的石頭，可以隨意拾取丟棄。那么換句話說，如果在用戶下單的時(shí)候，我們利用一些情感化的文案，讓用戶喜歡上這款文玩，是不是也可以大概率的促進(jìn)交易呢？

4.文玩圈的行規(guī)

我相信很多玩文玩的小伙伴都知道，在文玩圈有一些不成文的行規(guī)。也或許就是因?yàn)檫@些行規(guī)出現(xiàn)到了線上產(chǎn)品中。

1.還價(jià)意味著出價(jià)，出價(jià)意味著買下

在文玩圈，你不想買就不要還價(jià)。如果賣家同意了你的還價(jià)，那你就必須買。這代表著你個(gè)人的信譽(yù)和道德品質(zhì)。

所以文玩圈和互聯(lián)網(wǎng)的用戶之前有許多的鴻溝需要一步一步建設(shè)橋梁，不能單純的以線下圈子內(nèi)的行規(guī)來要求剛接觸這個(gè)圈子的互聯(lián)網(wǎng)用戶，這需要大家一起努力和營造起一個(gè)良好的文玩圈的文化和規(guī)則，而不是直接生搬硬套，提高這個(gè)門檻。

2.不要打聽別人的成本

文玩沒有實(shí)際的成本，可能別人花10塊錢淘到的價(jià)值1萬塊的東西，也可能別人花了巨資看走了眼。所以你知道了成本對(duì)誰都沒好處，別人也不會(huì)告訴你。

3.別人在交易的時(shí)候保持沉默

文玩在每個(gè)人心中的價(jià)值不同，所以貨幣價(jià)值也不同，當(dāng)別人在詢價(jià)還價(jià)的時(shí)候，不管怎樣我們都不要去表明自己的看法和想法。

當(dāng)然還有其他的規(guī)則就不一一敘述了，針對(duì)這3條，其實(shí)在互聯(lián)網(wǎng)的產(chǎn)品中是會(huì)有沖突存在的。例如你買了某個(gè)文玩，你一拍下，別人就說這個(gè)根本不值這個(gè)價(jià)錢。還有你出價(jià)了但是又不想買了，這些原本在文玩圈子中不允許的規(guī)則，在互聯(lián)網(wǎng)上去要求用戶著實(shí)有點(diǎn)困難，因?yàn)榛ヂ?lián)網(wǎng)上的交易并不一定所見即所得，可能展示的是這樣，收到貨又是另一個(gè)東西。

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

文章來源：站酷  作者：應(yīng)駿

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

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