欧美成人午夜无码A片秀色直播,欧美疯狂性受xxxxx另类,人妻半推半就精油按摩的注意事项 ,国产AV永久精品无码

首頁

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

前端達(dá)人

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

藍(lán)藍(lán)設(shè)計(jì)(www.ieapo.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)桌面端界面設(shè)計(jì)APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。

關(guān)鍵詞:UI咨詢、UI設(shè)計(jì)服務(wù)公司軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(yàn)公司高端網(wǎng)站設(shè)計(jì)公司

銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開發(fā)軟件wpf開發(fā)、軟件vue開發(fā)



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

網(wǎng)頁配色的天然范兒

前端達(dá)人

本文沒有咬文嚼字的地方,只是一個配色技巧的分享,十分簡單,簡單到流淚,但或許對你來說又十分實(shí)用,實(shí)用到無語。原本就是天然的饋贈,你我只是順手采擷之......

 

網(wǎng)頁視覺層面主要是由形式(或叫布局)、色彩、圖片和文字信息組成,設(shè)計(jì)師通常對形式感關(guān)注的比較多,因?yàn)橐曈X沖擊力、設(shè)計(jì)差異性或創(chuàng)新大多都仰賴形式呈現(xiàn),而色彩主要影響整體觀感、設(shè)計(jì)品質(zhì)以及受眾情緒,很多時候我們設(shè)計(jì)了一個不錯的形式卻未能做出這個稿子應(yīng)有的品質(zhì),會不會太可惜?

 

形式需要思考創(chuàng)造,圖片素材需要學(xué)習(xí)處理,文字需要梳理編排,但網(wǎng)頁色彩是不是一定需要有天生的色感、豐富的理論和多年經(jīng)驗(yàn)沉淀才能運(yùn)用自如?

 

當(dāng)然不!

 

關(guān)于網(wǎng)頁配色

 

 

網(wǎng)頁配色的文章在網(wǎng)絡(luò)上很多,甚至有些泛濫,稍微關(guān)注過的同學(xué)應(yīng)該都知道“色輪”、“色卡”等輔助性配色工具,但那更多都是從印刷介質(zhì)上的色彩系統(tǒng)延伸出來的,不完全適用于網(wǎng)頁,甚至造成很大的局限,比如你會較真的通過色輪來選用網(wǎng)頁色彩嗎?再比如通過下面提供的配色組合,你能自由的應(yīng)對一個又一個的類型相若的網(wǎng)頁設(shè)計(jì)需求嗎?

 

 

由于CMYK與RGB色彩模式不同,網(wǎng)頁的色彩呈現(xiàn)數(shù)量要龐大的多,選用也應(yīng)該更自由,但在配色上卻常碰到設(shè)計(jì)作品偏臟、發(fā)灰、花哨等大問題,這事兒得解決。

 

 

網(wǎng)頁案例剖析

 

“網(wǎng)頁配色不宜超過三種。”

 

真理,這沒錯,但更多是從色相(赤橙黃綠青藍(lán)紫等不同顏色)上來說的。

 

色相差異明顯,主要色彩的選取就比較好辦,常見的有對比色、臨近色、冷暖色調(diào)互補(bǔ)等方式,可以簡單設(shè)定,或直接從成功作品中借鑒主輔色配比都可以,比如常見的朱紅點(diǎn)綴深藍(lán)、明黃點(diǎn)綴深綠等。

 

但通常,我們需要面對的設(shè)計(jì)需求在色彩分配上會有更多的問題出現(xiàn):

 

 

(由于本人從事游戲網(wǎng)頁視覺設(shè)計(jì)工作,故案例均以游戲網(wǎng)頁做示意說明,其他網(wǎng)頁類型可以做延伸思考或僅作參閱)

 

如上所示,根據(jù)網(wǎng)頁信息的多寡,會有更多色彩區(qū)域的層級劃分和文字信息層級區(qū)分需求,那么在守住“網(wǎng)頁色彩(相)不超過三種”的原則下,只能尋找更多同色系的色彩來完善設(shè)計(jì),也就是在“飽和度”和“明度”上做文章。

 

這也就是本文為解決這一問題所要分享的“天然”配色技巧:疊柔配色法。

 

 

疊柔配色技巧分享(這里才是正文,上面都是廢話)

 

這個方法非常簡單,無需知道三角函數(shù)、四則運(yùn)算,無需理解色彩指數(shù)和直方圖,甚至不用了解色階曲線和亮度強(qiáng)弱......甚至,你可以對色彩毫無知覺。

 

★只需要明白三個關(guān)鍵詞:疊加、柔光透明度(填充)。

 

如果連這三個關(guān)鍵詞都不甚明了,那就記住他們所在的位置(下圖):

 

 

注意:透明度與填充略有不同,填充不會影響到“混合選項(xiàng)”的效果,而透明度則是作用于整個圖層。

 

順便,花幾分鐘時間了解一下這個配色技巧的原理:

 

 

即:用純白色(#ffffff)和純黑色(#000000)通過“疊加”和“柔光”的混合模式(效果類似調(diào)整飽和度和明度),在任意一個色彩上得到最匹配的顏色(然后通過調(diào)整透明度選取最適合的輔色)。

 

(上圖示例中,調(diào)整疊/柔模式的黑白色塊的不同透明度(取10%到100%整數(shù)值為例)就可以得到差異較明顯的40種配色,通過這種技巧,理論上每一種顏色都可以輕易獲得無窮盡的“天然配色”,并且是“0失誤”?。?/p>

 

★ 由于疊加和柔光模式對圖像內(nèi)的最高亮部分和最陰影部分無調(diào)整,因此該配色方法對純黑色和純白色不起作用。

 

設(shè)計(jì)實(shí)戰(zhàn)演示:

 

要不要像上面圖示看起來的那樣復(fù)雜?

不用,只需要理解了上面的方法,就可以忘記圖示,在你的設(shè)計(jì)工作中自由發(fā)揮!

 

簡單三步:

①  一個黑或白色,或黑白漸變(可以是點(diǎn)、線、面...甚至字體)

②  混合模式選擇疊加或柔光

③  調(diào)整透明度(1%-100%隨意,省心的做法是直接鍵入一個整數(shù)值,比如:輕質(zhì)感類頁面可以選擇20%-40%,重質(zhì)感感類可以鍵入60%或以上)

 

如下圖:

 

(無論你采用何種主色,用黑白色彩疊加或柔光,你都可以輕松自如的獲得完美匹配的整套色系,附件有PSD源文件:下載地址在回復(fù)中的226樓)

 

這并不僅僅適用于色域劃分或提取幾個輔色,如下圖:字體顏色、細(xì)節(jié)線條、按鈕漸變、邊角高光、描邊陰影......都可以用黑白色肆意揮灑!

 

 

方法延伸(細(xì)節(jié)篇)

 

假如將該方法運(yùn)用到一個按鈕上......

 

通過混合選項(xiàng)中的“陰影、外發(fā)光、描邊(不適用疊柔法)、內(nèi)陰影、內(nèi)發(fā)光”可以自由的刻畫5層像素級細(xì)節(jié)(當(dāng)然,通常在實(shí)際的使用中刻畫1到3層即可)。

 

無論形狀、色彩如何變化,這些細(xì)節(jié)都如影隨形、色彩都隨變而變~可節(jié)省大量重調(diào)細(xì)節(jié)或盲目選取配色的時間!

 

細(xì)節(jié)、品質(zhì)和效率,一石三鳥,兼而得之!

 

(近期看到設(shè)計(jì)圈有討論“網(wǎng)頁雕花不可取”的課題,假如讓細(xì)節(jié)成為習(xí)慣,讓美感成為直覺,雕花也便只是普通設(shè)計(jì)行為而已。)

 

案例歷練:

 

 

后記:

 

疊柔配色法:無招勝有招~把抓不住的感覺交給精密的計(jì)算機(jī),科學(xué)化進(jìn)行你的設(shè)計(jì)。

更短的時間,更高的品質(zhì),你,值得擁有~......

另:方法是死的,人是活的,配合色階、曲線、色彩平衡等,還可以玩出更多花樣來......

 

分享來自:TGideas-騰訊游戲官方設(shè)計(jì)團(tuán)隊(duì)

 

 

 

藍(lán)藍(lán)設(shè)計(jì)(www.ieapo.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。

關(guān)鍵詞:UI咨詢、UI設(shè)計(jì)服務(wù)公司軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司

銀行金融軟件UI界面設(shè)計(jì)能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開發(fā)軟件wpf開發(fā)、軟件vue開發(fā)



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

電商設(shè)計(jì)中9大常見問題

前端達(dá)人

教你如何避免或解決這些問題電商設(shè)計(jì)中9大常見問題



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

我眼中的用戶體驗(yàn)

前端達(dá)人

 用戶體驗(yàn)是什么?作為相關(guān)從業(yè)人員,這個好像不是問題的問題關(guān)系到我們對職業(yè)的認(rèn)知。百度一下“用戶體驗(yàn)是什么”,有許許多多的定義,定義形式多,本質(zhì)大致一樣,我找了一個有代表性的咱們解讀看看,“用戶在使用產(chǎn)品過程中的操作感受,以及在此過程中產(chǎn)生的心理活動。”

 

  在此之前,請大家先思考這2個問題:

 

1 高跟鞋的用戶體驗(yàn)好嗎?

  高跟鞋很多女生愛穿,擁有一雙CL更是品牌控的夢想,穿起來腿又長臀又翹,但就是很痛苦很累人。

 

 

2 工廠流水線的用戶體驗(yàn)好嗎?

  傳說富士康的工人是候鳥工人,就是說農(nóng)忙時間在家務(wù)農(nóng),農(nóng)閑時在工廠工作。對于新的工種,工人們付出的學(xué)習(xí)努力,因?yàn)橐坏缹儆谧约旱墓ば蛲瓿勺畹偷闹恍枰?秒不到,屬于一下就學(xué)會,工廠的培訓(xùn)成本低,流水線的工作效率也是相當(dāng)?shù)胃摺?/p>

 

 

  心里有答案了嗎?還是不確定?

  現(xiàn)在我們看多一次概念:“用戶在使用產(chǎn)品過程中的操作感受,以及在此過程中產(chǎn)生的心理活動。”請看概念的三個關(guān)鍵字:用戶、操作、心理。

 

  用戶體驗(yàn)用戶體驗(yàn),頭兩個字是“用戶”,這是一切的前提,別人問你某樣?xùn)|西用戶體驗(yàn)好嗎?你得先反問他用戶是誰。周杰倫孩子覺得好聽,媽媽聽不懂。同理,高跟鞋體驗(yàn)好嗎?得看誰穿!男人穿,體驗(yàn)肯定不好,既不舒服,穿出去還被人笑話。那女人穿呢?姑且把問題再放放。流水線體驗(yàn)好嗎?得看誰用!流水線效率那么高,老板爽,那工人呢?

 

  再看操作和心理。這是用戶體驗(yàn)的兩個維度,你也可以看成理性和感性,或者生理和心理,又或者交互和情感之類的。也就是說,用戶體驗(yàn)好壞,要看這兩個維度的綜合,看看兩個打分加起來絕對值分是不是正的,正多少。這分?jǐn)?shù)很明顯對不同用戶來說,是不同的(用戶是前提的關(guān)鍵就在這里)。比如高跟鞋,我是男的,在生理上,痛苦,負(fù)分,心理上,被恥笑,負(fù)分,所以體驗(yàn)對于我來說就是負(fù)的。如果我是女生,生理上,痛苦,但可能還能忍受,分可能低一些或者負(fù)少少,但,是,心理上,我覺得腿長了,變漂亮了,更重要的是,別人對我投來的眼光讓我覺得很暗爽,高分。兩者一綜合,體驗(yàn)的分還是正的,而且有些人還能打特高分,所以高跟鞋一直存在到今天。同理,流水線,老板是爽啦,工人的生理上的打分,低分吧?那么累。心理上,枯燥,低分,當(dāng)然不排除有些技術(shù)能手會被獎金激勵?。ㄟ@又涉及到錢的問題,也就是商業(yè)問題了,姑且不論)。所以總分算起來,還是低分多吧。所以請記住,高效的產(chǎn)品體驗(yàn)并不一定好。

 

  于是乎,就有這么樣一個公式出來:

  體驗(yàn)分=生理分+心理分,誰用誰打分

 

  再給大家舉幾個例子。

  愛馬仕,女人的美夢男人的噩夢,鉑金包和凱莉包直接秒殺男人錢包,送女人們一個,體驗(yàn)分絕對打高分。

 

 

  這兩款手表,有人選左邊有人選右邊,選左邊的人更容易在情感上給高分,選右邊的人更在乎功能實(shí)用性,也就是操作上給高分。

 

 

  這是我用的第一款手機(jī),motoT191,到現(xiàn)在還沒被我扔掉,操作上早就沒用了,情感上卻必然高分,很簡單,它有我大學(xué)的回憶呀。你是不是也留了很多“沒用”的東西?這就是心理上給高分了。

 

 

  所以說,你想設(shè)計(jì)一個體驗(yàn)好的產(chǎn)品,在操作上發(fā)力吧,在情感上發(fā)力吧。

藍(lán)藍(lán)設(shè)計(jì)(www.ieapo.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。

關(guān)鍵詞:UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司

銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)



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

優(yōu)秀的用戶界面設(shè)計(jì)

前端達(dá)人

今天為大家分享一些 Good UI 在一些項(xiàng)目中獲取的設(shè)計(jì)以及運(yùn)營策略等方面的經(jīng)驗(yàn)。

 



作者:夜小七_(dá)PD
鏈接:https://www.zcool.com.cn/article/ZMTQyODg0.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

簡單幾招提升設(shè)計(jì)

前端達(dá)人

這一次主要講PS中圖層樣式的一些使用技巧。

 

你喜歡或者不喜歡,教程就在這里,不棄不離……

 

 



作者:牛MO王
鏈接:https://www.zcool.com.cn/article/ZMTQ5OTY4.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。
 

它們‘長’得差不多,為啥結(jié)果卻是相反的呢?

濤濤

· 同樣是收錢,為何微信轉(zhuǎn)賬可以在【電腦端】接收,而微信紅包只能在【手機(jī)端】進(jìn)行?

· 同樣是顯示訂單節(jié)點(diǎn),為何快遞物流是【倒序】,而外賣卻是【正序】?

超全面陰影設(shè)計(jì)指南

前端達(dá)人

引言
在UI設(shè)計(jì)的藝術(shù)領(lǐng)域里,有三個被廣泛運(yùn)用并備受贊譽(yù)的設(shè)計(jì)元素,它們被形象地稱為“三大法寶”,
分別是陰影設(shè)計(jì)、圓角、透明
,對于初學(xué)者和設(shè)計(jì)師們來說,它們仿佛是提升界面層次感和吸引力的魔法棒。尤其是在設(shè)計(jì)卡片布局時,很多同學(xué)會不假思索地應(yīng)用系統(tǒng)默認(rèn)的陰影效果,覺得這樣能為設(shè)計(jì)增添不少魅力。
 
然而,真正讓陰影效果發(fā)揮最佳作用的關(guān)鍵,并不在于簡單地添加它,而在于如何根據(jù)不同的設(shè)計(jì)場景和需求,精心選擇并設(shè)置陰影。今天,我們就來深入探討一下,如何在UI設(shè)計(jì)中巧妙運(yùn)用陰影這一元素。
 
陰影的選擇和設(shè)置并非隨心所欲,而是需要綜合考慮多種因素,如光源位置、界面風(fēng)格、元素功能等。通過精細(xì)調(diào)整陰影的大小、透明度、模糊度和顏色等屬性,我們可以讓陰影與整體設(shè)計(jì)完美融合,為界面增添立體感和深度,同時避免過度使用導(dǎo)致的視覺混亂。
 
因此,在設(shè)計(jì)過程中,我們需要深入了解陰影的特性和運(yùn)用技巧,結(jié)合實(shí)際需求進(jìn)行靈活調(diào)整。只有這樣,我們才能真正掌握陰影這一UI設(shè)計(jì)利器,為作品增添更多的魅力和吸引力。
 
目錄
超全面陰影設(shè)計(jì)指南
 
 
 
01.  背景
“藝術(shù)來源于生活又高于生活”設(shè)計(jì)領(lǐng)域同樣如此,特別是在我們所關(guān)注的界面設(shè)計(jì)中。
界面中的陰影就是讓物體擁有來源于真實(shí)物理世界一樣的空間特性
。
 
在設(shè)計(jì)的早期階段,界面元素的設(shè)計(jì)往往傾向于盡可能地模擬現(xiàn)實(shí)世界的物體,以此拉近用戶與互聯(lián)網(wǎng)產(chǎn)品之間的距離,降低其陌生感。然而,隨著互聯(lián)網(wǎng)的快速發(fā)展和對高效迭代的需求,許多模擬真實(shí)世界的細(xì)節(jié)被簡化或優(yōu)化,以突出用戶最為關(guān)心的質(zhì)感、層次感和深度。在這里,陰影元素尤為關(guān)鍵,它成為了構(gòu)建界面深度感的核心。
 
陰影在界面中的應(yīng)用,使得元素能夠自然地呈現(xiàn)出一種錯落有致的空間布局。通過調(diào)整陰影的大小,我們可以清晰地傳達(dá)出界面中不同元素之間的層級關(guān)系和優(yōu)先級,從而降低了用戶理解界面的難度,幫助他們更快速地識別所需信息。這種設(shè)計(jì)方式不僅提升了用戶體驗(yàn),也讓界面設(shè)計(jì)更加富有層次感和立體感。
超全面陰影設(shè)計(jì)指南
 
 
 
02.  陰影的原理
2.1 為什么需要使用陰影
在界面設(shè)計(jì)中,當(dāng)用戶進(jìn)行操作時,有時會導(dǎo)致兩個物體因?yàn)槲恢玫恼{(diào)整而發(fā)生表面上的重疊。當(dāng)這種重疊發(fā)生時,如果物體的不透明度或?qū)Ρ榷炔粔蝻@著,用戶往往會遇到識別上的困難,即難以判斷哪一個表面位于另一個表面的前方。
 
為了解決這個問題,一種有效的方法是清晰界定每個表面的邊緣。通過明確這些邊緣,我們可以有效地減少因重疊而產(chǎn)生的混淆,幫助用戶更輕松地辨識不同表面之間的層次關(guān)系,從而避免這種“尷尬”的重疊現(xiàn)象,提升用戶體驗(yàn)和界面的清晰度。
超全面陰影設(shè)計(jì)指南
 
 
 
從上面可以看到,我們有三種處理方法:
 
方式一:
陰影顯示表面邊緣、表面重疊和高度。
方式二:
不同的表面顏色顯示表面邊緣和重疊,但不顯示高度。
方式三:
不透明度顯示表面邊緣和重疊,但不顯示高度。
通過對比我們發(fā)現(xiàn)陰影可以以最簡單的方式展示表面之間的高度。
 
2.2 陰影的影響因素
 
陰影來源于現(xiàn)實(shí)生活反映物體與物體之間距離的物理現(xiàn)象。陰影受
光源的方向
以及
物體與物體之間相對高度
的影響。
 
在界面中,我們往往通過模擬元素的投影直截了當(dāng)?shù)膩砀嬖V用戶,元素的空間關(guān)系。
 
物體越低,優(yōu)先級越低,其陰影小而銳利,反之物體越高,優(yōu)先級越高,其陰影越大越柔和。在設(shè)計(jì)中常見的陰影影響因素有X軸、Y軸、模糊、擴(kuò)展。
 
X軸:
這是投影延水平面或者X軸位置的偏移,控制著頂部和底部的陰影;
Y軸:
這是投影延垂直面或者Y軸位置的偏移,控制著頂部和底部的陰影;
模糊:
調(diào)整陰影顏色的模糊或者羽化;
擴(kuò)展:
控制著陰影的大小以及前景與后景之間的距離;
超全面陰影設(shè)計(jì)指南
 
 
 
03.  陰影的狀態(tài)與形式
當(dāng)界面中的組件失去陰影效果時,用戶在操作時可能會因?yàn)橐曈X上缺乏變化而感到困惑,對頁面內(nèi)的層級關(guān)系產(chǎn)生疑慮,進(jìn)而覺得內(nèi)容顯得混亂,增加了理解和使用界面的難度。
 
用戶通常期望界面元素之間能在空間上有所區(qū)分,以實(shí)現(xiàn)更為直觀和流暢的交互體驗(yàn)。
常見的陰影狀態(tài)分為常規(guī)和懸浮兩種。
 
常規(guī)陰影:
這是不進(jìn)行任何操作時界面的默認(rèn)陰影樣式,通常表示為零級陰影狀態(tài),它為用戶提供了一個清晰的視覺層級參考。
 
懸浮陰影:
當(dāng)用戶與界面進(jìn)行交互,如hover態(tài)時,元素可以使用一級陰影,甚至根據(jù)特定場景需求,可能采用二級或三級陰影狀態(tài)。這種動態(tài)變化不僅提升了界面的趣味性,也增強(qiáng)了用戶對于元素狀態(tài)變化的感知。
 
陰影在界面中扮演著重要的角色,它能夠直觀地體現(xiàn)元素的層級關(guān)系。不同的陰影高度代表了不同的層級,陰影的強(qiáng)度則由元素與地面之間的距離決定。因此,物體的高度直接影響了其陰影的大小和模糊程度。物體離地面越遠(yuǎn),其陰影通常越大,模糊值也相應(yīng)增高。
 
在antdesign設(shè)計(jì)系統(tǒng)中,采用了代表四個不同高度級別的陰影來適配界面中的元素,而不是像某些美國網(wǎng)頁設(shè)計(jì)系統(tǒng)那樣采用六種不同的高度。這四個陰影級別各自對應(yīng)著不同的高度層級,并且擁有獨(dú)特的屬性,以確保界面元素在視覺上既清晰又和諧。
超全面陰影設(shè)計(jì)指南
 
 
 
第 0 層:
物體緊貼地面,投影與物體完全重疊,在界面中不對此層定義陰影值。
如:
篩選
超全面陰影設(shè)計(jì)指南
 
 
 
第 1 層
: 物體位于低層級,此時物體被操作(懸停、點(diǎn)擊等)觸發(fā)為懸浮狀態(tài),當(dāng)操作完成或取消時,懸停狀態(tài)反饋也跟隨消失,物體回歸到原有的層級中,如:卡片 hover 等;
超全面陰影設(shè)計(jì)指南
 
 
 
第 2 層:
物體位于中層級,此時物體與基準(zhǔn)面的關(guān)系是展開并跟隨,物體由地面上的元素展開產(chǎn)生,會跟隨元素所在層級的移動而移動。如:
下拉面板
等;
超全面陰影設(shè)計(jì)指南
 
 
 
第 3 層:
物體位于高層級,該物體的運(yùn)動和其他層級沒有關(guān)聯(lián)。如:對話框等。
超全面陰影設(shè)計(jì)指南
 
 
 
04.  陰影的應(yīng)用
4.1 真實(shí)的反饋
模擬真正狀態(tài)下的陰影,我們可以通過對其變化過程進(jìn)行三層拆分,讓原本生硬的陰影變的更加柔和。
上圖展示了不同級別陰影的從低到高不同層級變化過程
上圖展示了不同級別陰影的從低到高不同層級變化過程
 
4.2 光源方向原理
陰影的偏移由組件的位置決定,確保同一套組件在光源方向的一致性。
超全面陰影設(shè)計(jì)指南
 
 
陰影的位置對于提升用戶體驗(yàn)和視覺設(shè)計(jì)至關(guān)重要。按照光源方向的邏輯,我們可以這樣總結(jié)陰影的三種常見應(yīng)用:
 
陰影向左:
當(dāng)元素(如導(dǎo)航欄、抽屜組件或固定表格欄)位于屏幕右側(cè)時,向左的陰影能夠突出這些元素,并暗示它們是可交互或可擴(kuò)展的。
 
陰影向右:
對于位于屏幕左側(cè)的元素(如導(dǎo)航欄、抽屜組件或固定表格欄),向右的陰影能夠吸引用戶的注意力,并強(qiáng)調(diào)這些元素的存在和重要性。
 
陰影向下:
陰影向下通常用于組件內(nèi)部或組件本身,以營造立體感和層次感,這是界面設(shè)計(jì)中比較常規(guī)且有效的視覺處理方法。
 
05.  總結(jié)
陰影設(shè)計(jì)在界面設(shè)計(jì)中扮演著至關(guān)重要的角色,它不僅能夠增強(qiáng)設(shè)計(jì)的立體感和層次感,還能有效地引導(dǎo)用戶的注意力,提升用戶體驗(yàn)。在本文中,我們探討了陰影在不同位置所代表的含義及其應(yīng)用場景。
 
我們還詳細(xì)的了解了陰影的變化過程,在對應(yīng)的工作中,能夠根據(jù)不同的信息層級來設(shè)置陰影,希望這篇文章能夠讓我們對陰影這種常見技法有深入的了解。
 
以上就是我對陰影設(shè)計(jì)見解和總結(jié),我非常期待能夠與你分享更多的想法,并一同在設(shè)計(jì)的道路上不斷進(jìn)步。
 

 

 

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

WechatIMG27.jpg

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

 

揭秘UX文案魔法:撰寫引人入勝的文案細(xì)節(jié),讓你的產(chǎn)品會說話!

鶴鶴

3月中旬,“Apple ID將成歷史”的話題登上熱搜,科技網(wǎng)站MacRumors爆料蘋果預(yù)計(jì)將在今年把“Apple ID”更名為“Apple Account”,屆時,使用超20年的“Apple ID”逐步淡出視野,成為記憶??此坪唵蔚奈陌父?,其背后考量可能是復(fù)雜的。僅從文案的字面含義來看,“ID”指的是可以代表某個身份的一串?dāng)?shù)字或編碼,服務(wù)于“認(rèn)證”環(huán)節(jié)的工具屬性更強(qiáng),而當(dāng)前蘋果給“Apple ID”的定位卻是“一個賬戶盡享Apple所有服務(wù)”,顯然“Account(賬戶)”的含義更加寬泛,即能代表身份標(biāo)識,又可以包含自定義設(shè)置、功能權(quán)限、服務(wù)狀態(tài)等所有個人相關(guān)的信息,文案更加符合實(shí)際定位,精準(zhǔn)地表述也讓用戶容易理解和區(qū)分。

同樣是為了降低用戶困擾,提升行為數(shù)據(jù),2021年,蘋果發(fā)布iOS 14.5時,其播客服務(wù)將“訂閱”功能更名為“關(guān)注”,因?yàn)閾?jù)市場分析機(jī)構(gòu)Edison Research的調(diào)研數(shù)據(jù)顯示,有47%的人認(rèn)為“訂閱”播客需要付費(fèi),這意味著過去幾年,可能有很多用戶因?yàn)閾?dān)心收費(fèi)而不使用播客服務(wù),造成大量用戶流失。更名為“關(guān)注”后,文案表述不容易發(fā)生歧義,可以消除用戶不必要的擔(dān)憂。

構(gòu)建高效標(biāo)簽體系:如何優(yōu)化平臺權(quán)益感知,提升用戶體驗(yàn)?

鶴鶴

 
一、前言
 

在數(shù)字化浪潮席卷全球的今天,標(biāo)簽早已不再是簡單的文字標(biāo)識,它們成為了連接用戶與信息的重要橋梁。從購物網(wǎng)站上的商品分類,到社交媒體上的話題標(biāo)簽,再到搜索引擎的關(guān)鍵詞,標(biāo)簽無處不在,默默地引導(dǎo)著我們的視線和選擇。

特別是在B2B領(lǐng)域,標(biāo)簽的作用更是不可忽視。在百度旗下的B2B平臺愛采購上,一個精心設(shè)計(jì)的標(biāo)簽體系不僅能幫助企業(yè)更精準(zhǔn)地展示產(chǎn)品信息,還能助力買家快速找到所需商品,極大地提升了交易的效率和便捷性。

一個優(yōu)秀的B2B平臺標(biāo)簽體系應(yīng)該具備哪些特點(diǎn)呢?接下來,我們將以愛采購為例,深入探討B(tài)2B平臺標(biāo)簽體系的設(shè)計(jì)優(yōu)化思路。

首先,標(biāo)簽需要具有明確的信息傳遞功能。在愛采購平臺上,標(biāo)簽被廣泛應(yīng)用于展示商品的各種信息,如功能、價(jià)格、活動優(yōu)惠等。這些標(biāo)簽不僅能幫助買家快速了解商品的特性,還能引導(dǎo)他們做出更明智的購買決策。

標(biāo)簽的分類和標(biāo)記功能也是至關(guān)重要的。通過合理的分類和標(biāo)記,愛采購平臺能夠?qū)⒑A康纳唐沸畔⒂行虻爻尸F(xiàn)出來,讓買家能夠輕松找到自己需要的商品。同時,這也為賣家提供了一個展示自己產(chǎn)品優(yōu)勢的機(jī)會,增加了商品的曝光率和吸引力。

一個優(yōu)秀的標(biāo)簽體系還需要具備高度的靈活性和可定制性。隨著市場變化和用戶需求的演變,標(biāo)簽體系也需要不斷地進(jìn)行優(yōu)化和調(diào)整。愛采購平臺通過引入智能算法和數(shù)據(jù)分析技術(shù),實(shí)現(xiàn)了對標(biāo)簽體系的實(shí)時監(jiān)控和優(yōu)化,確保了標(biāo)簽信息的準(zhǔn)確性和有效性。

 
1、常見的標(biāo)簽&作用
 
標(biāo)簽常用于展示內(nèi)容/功能/商品/活動/價(jià)格/身份等信息,用于對高優(yōu)信息進(jìn)行標(biāo)記&分類,輔助用戶決策。
 
標(biāo)簽體系優(yōu)化助力統(tǒng)一平臺權(quán)益感知
 
 
 
2、標(biāo)簽對愛采購平臺的作用
 
愛采購作為百度旗下的企業(yè)一站式采銷平臺,致力于讓買家直接接觸海量商品和優(yōu)質(zhì)商家,同時還為賣家提供商家運(yùn)營后臺,幫助他們快速實(shí)現(xiàn)交易目標(biāo)。在平臺上,經(jīng)過認(rèn)證的商家和商品信息將會被打上相應(yīng)的標(biāo)簽,確保真實(shí)性和實(shí)力資質(zhì)。這些標(biāo)簽不僅展現(xiàn)了商家的優(yōu)勢,更是他們寶貴的會員權(quán)益。
 
標(biāo)簽體系優(yōu)化助力統(tǒng)一平臺權(quán)益感知
 
 
 
3、原標(biāo)簽體系因何而變
 
平臺的slogan從“買賣好貨源,做出好生意”轉(zhuǎn)變?yōu)?ldquo;定制、批發(fā)、找工廠就來愛采購”的階段中,逐步推出「實(shí)力品牌」「交易服務(wù)」「加工定制」「資質(zhì)認(rèn)證」四類標(biāo)簽權(quán)益。當(dāng)推出新權(quán)益時,為了快速樹立用戶認(rèn)知,將新權(quán)益的標(biāo)簽權(quán)重進(jìn)行強(qiáng)化。但隨著權(quán)益體系的逐步完善,各類標(biāo)簽優(yōu)先級排序不合理、不清晰等問題日益凸顯,影響用戶對各種權(quán)益的價(jià)值認(rèn)知。
 
標(biāo)簽體系優(yōu)化助力統(tǒng)一平臺權(quán)益感知
 
 
 
4、新標(biāo)簽體系如何求變
 
我們從平臺的角度出發(fā),通過對標(biāo)簽權(quán)重進(jìn)行排序和分類、統(tǒng)一標(biāo)簽的構(gòu)成形式,致力于建立統(tǒng)一的標(biāo)簽體系,統(tǒng)一會員權(quán)益的感知,完善設(shè)計(jì)規(guī)范,并建立標(biāo)簽建設(shè)的協(xié)同機(jī)制,以規(guī)范后續(xù)標(biāo)簽的更新迭代產(chǎn)出。
 
標(biāo)簽體系優(yōu)化助力統(tǒng)一平臺權(quán)益感知
 
 
 
 
二、分類-排序-收斂
 
1、標(biāo)簽分類
 
現(xiàn)有的標(biāo)簽從B2B平臺的屬性和用戶的視角來看,可以分為六大類:會員類、認(rèn)證類、服務(wù)類、交易類、保障類、資質(zhì)類。
 
標(biāo)簽體系優(yōu)化助力統(tǒng)一平臺權(quán)益感知
 
 
 
2、標(biāo)簽排序
 
各類標(biāo)簽都有其獨(dú)特的重要性,但在設(shè)計(jì)表達(dá)時,需要從助力買家尋找優(yōu)質(zhì)店鋪&服務(wù)這一核心情境出發(fā),根據(jù)平臺對標(biāo)簽的綜合定位和用戶的心智感知,定義標(biāo)簽的權(quán)重排序,并劃分出強(qiáng)中弱三個梯級,以便后續(xù)的標(biāo)簽樣式系統(tǒng)優(yōu)化。
 
標(biāo)簽體系優(yōu)化助力統(tǒng)一平臺權(quán)益感知
 
 
 
3、標(biāo)簽收斂
 
1)樣式收斂
 
新權(quán)益推出時,?;趹?yīng)用場景用“位置”和“樣式”強(qiáng)化對應(yīng)的標(biāo)簽。隨著權(quán)益體系的完善,一個標(biāo)簽存在多種樣式使得權(quán)益表達(dá)的不統(tǒng)一,影響了用戶對標(biāo)簽價(jià)值的認(rèn)知。為解決這一問題,需要對標(biāo)簽樣式的數(shù)量進(jìn)行收斂。保留符合標(biāo)簽權(quán)重和通用性強(qiáng)的樣式,作為標(biāo)簽迭代的基礎(chǔ)范式。
 
標(biāo)簽體系優(yōu)化助力統(tǒng)一平臺權(quán)益感知
 
 
 
2)應(yīng)用收斂
 
常規(guī)非特色信息使用標(biāo)簽,反而影響其他標(biāo)簽的權(quán)重和頁面的閱讀效率,根據(jù)奧卡姆剃刀原則“如無必要,勿增實(shí)體”,需要通過視覺降噪來提升頁面的可閱讀性。
 
標(biāo)簽體系優(yōu)化助力統(tǒng)一平臺權(quán)益感知
 
 
 
 
三、統(tǒng)一標(biāo)簽體系的構(gòu)成
 
1、形
 
標(biāo)簽的大小通常分為大、中、小三種,而標(biāo)簽的寬度常根據(jù)內(nèi)容的長度進(jìn)行適配。因此,在規(guī)則定義上,標(biāo)簽的大小會受到其高度的影響。
 
  •  
    大標(biāo)簽(高度18-22Pt):常用于表格、表單等信息密度相對較低的場景,使用相對較大的標(biāo)簽,以便與其他信息達(dá)到視覺上的平衡。
 
  •  
    中標(biāo)簽(高度15-17Pt):最常見的標(biāo)簽大小,常用于Feeds、用戶信息卡等場景中。
 
  •  
    小標(biāo)簽(高度12-14Pt):由于面積較小,通常用來承載輔助信息,常見于Feeds等場景中。
 
結(jié)合愛采購平臺的核心場景和常用文字字號,16Pt的標(biāo)簽高度與其他信息的大小比例最為平衡,故選擇16Pt的標(biāo)簽高度作為基礎(chǔ)大小。
 
標(biāo)簽體系優(yōu)化助力統(tǒng)一平臺權(quán)益感知
 
 
 
在標(biāo)簽的造型上,可以將其分為常規(guī)形和異形兩種類型:
 
  •  
    常規(guī)形:常見的標(biāo)簽為矩形,具有規(guī)整有序的外觀,閱讀效率較高,有較強(qiáng)的通用性,適用于列表等大部分場景。
 
  •  
    異形:異形標(biāo)簽的形狀較為自由,由于其差異化較大,會更容易引起用戶的注意,適用于特殊的身份表達(dá)、大促活動等場景。
 
在統(tǒng)一的場景中,同屬性類型的標(biāo)簽形狀應(yīng)該保持統(tǒng)一和諧,避免在相同類別的標(biāo)簽中混用不同形狀,造成視覺上的不統(tǒng)一感。通過統(tǒng)一標(biāo)簽形狀,可以提升用戶對標(biāo)簽信息的識別和理解。
 
標(biāo)簽體系優(yōu)化助力統(tǒng)一平臺權(quán)益感知
 
 
 
在標(biāo)簽的圓角上,我們可以分為以下幾種形狀:
 
  •  
    膠囊形狀(圓角為高度的50%):圓潤的外觀給用戶帶來柔和的視覺感受。
 
  •  
    大圓角矩形(圓角為高度的18%~32%):擁有視覺亮點(diǎn)的同時保持一定的圓潤度。
 
  •  
    小圓角矩形(圓角為高度的6%~12%):標(biāo)簽更加銳利,但又不失整體的和諧性。
 
  •  
    直角矩形(圓角度為0):具有簡潔硬朗的外觀,適用于某些特定的場景或者設(shè)計(jì)風(fēng)格。
 
新的標(biāo)簽體系從產(chǎn)品設(shè)計(jì)語言出發(fā),選擇小圓角矩形作為主要標(biāo)簽的基本型,以保持整體視覺風(fēng)格的一致性。
 
標(biāo)簽體系優(yōu)化助力統(tǒng)一平臺權(quán)益感知
 
 
 
2、色
 
采用HSB色彩系統(tǒng)來構(gòu)建標(biāo)簽的色彩體系。在HSB顏色模式下,我們以品牌紅的0°為起點(diǎn),每隔24°遞增,選擇不同心智的輔助色。為了色彩體系在視覺上的統(tǒng)一性,通過色彩矯正保持H不變,對S/B進(jìn)行20°以內(nèi)的微調(diào)。
 
標(biāo)簽體系優(yōu)化助力統(tǒng)一平臺權(quán)益感知
 
 
 
在建立新的標(biāo)簽色彩體系之前,需要根據(jù)現(xiàn)有標(biāo)簽的分類,在延續(xù)之前標(biāo)簽色彩心智的基礎(chǔ)上,對不同類型的標(biāo)簽選用具有不同心智的色彩。
 
標(biāo)簽體系優(yōu)化助力統(tǒng)一平臺權(quán)益感知
 
 
 
深色場景的調(diào)色方式
 
在特定情境下,標(biāo)簽會應(yīng)用于深色背景上,這就需要在原有基礎(chǔ)上對顏色進(jìn)行有規(guī)則的調(diào)整,以確保標(biāo)簽的可閱讀性和統(tǒng)一性。
 
對于彩色標(biāo)簽,在這種HSB色值模式下,保持色相(H)不變,通過微調(diào)飽和度(S)和亮度(B),使在亮色和暗色背景上的對比度保持一致,以確保標(biāo)簽在不同背景下都能清晰統(tǒng)一。
 
標(biāo)簽體系優(yōu)化助力統(tǒng)一平臺權(quán)益感知
 
 
 
3、字
 
針對常規(guī)標(biāo)簽,我們采用系統(tǒng)字體,而對于高優(yōu)特色標(biāo)簽,則使用特殊字形(非默認(rèn)字形)。通過對比原則,我們在保持整體統(tǒng)一的基礎(chǔ)上尋找差異,以強(qiáng)化高優(yōu)標(biāo)簽的視覺效果。
 
標(biāo)簽體系優(yōu)化助力統(tǒng)一平臺權(quán)益感知
 
 
 
4、構(gòu)
 
1)標(biāo)簽體系樣式的構(gòu)成
 
標(biāo)簽的構(gòu)成形式可拆解為:雙色和單色、實(shí)心和半透明、描邊和填充、純文字或圖標(biāo)加文字等,這些形式可以搭配組合出豐富的標(biāo)簽樣式。
 
在標(biāo)簽內(nèi)部,重色占比越大,飽和度和對比度越高,標(biāo)簽的視覺權(quán)重就越高。根據(jù)視覺上的強(qiáng)弱,對各類結(jié)構(gòu)進(jìn)行強(qiáng)弱排順,形成強(qiáng)、中、弱三個層級的標(biāo)簽構(gòu)成樣式。
 
標(biāo)簽體系優(yōu)化助力統(tǒng)一平臺權(quán)益感知
 
 
 
2)標(biāo)簽體系樣式搭配的構(gòu)成
 
在相同的場景中,應(yīng)盡量避免過多臨近權(quán)重的標(biāo)簽,而是需要確立一個合理的強(qiáng)弱比例。盡管每個標(biāo)簽都可能有其重要性,但根據(jù)其權(quán)重和優(yōu)先級順序,應(yīng)賦予各個標(biāo)簽合理的比例。綜合考慮標(biāo)簽的重要性和數(shù)量分配,以確保用戶可以快速準(zhǔn)確地獲取所需信息,同時保持界面整潔和易于閱讀。
 
標(biāo)簽體系優(yōu)化助力統(tǒng)一平臺權(quán)益感知
 
 
 
1)標(biāo)簽體系改動的對比
 
通過“形-色-字-構(gòu)”的維度建立起統(tǒng)一的標(biāo)簽構(gòu)成形式,然后根據(jù)不同的強(qiáng)弱層級確定標(biāo)簽的形態(tài)。結(jié)合之前的標(biāo)簽權(quán)重層級排序,就可以得到新的標(biāo)簽體系。
 
標(biāo)簽體系優(yōu)化助力統(tǒng)一平臺權(quán)益感知
 
 
 
2)標(biāo)簽體系應(yīng)用的對比
 
統(tǒng)一各場景中用戶對標(biāo)簽價(jià)值的感知。
 
標(biāo)簽體系優(yōu)化助力統(tǒng)一平臺權(quán)益感知
 
 
 
 
四、沉淀設(shè)計(jì)規(guī)范&搭建協(xié)同機(jī)制
 
1、提煉共性沉淀設(shè)計(jì)規(guī)范
 
在確定了標(biāo)簽的構(gòu)成形式并明確了各個場景的標(biāo)簽使用規(guī)則后,我們需要從標(biāo)簽形態(tài)/尺寸/圓角/間距/字體/使用場景等多個維度出發(fā),制定標(biāo)簽的設(shè)計(jì)規(guī)范,從樣式&場景應(yīng)用上規(guī)范后續(xù)標(biāo)簽的增刪改,以提升全場景標(biāo)簽的統(tǒng)一性。
 
標(biāo)簽體系優(yōu)化助力統(tǒng)一平臺權(quán)益感知
 
 
 
2、搭建標(biāo)簽體系建設(shè)協(xié)同機(jī)制
 
標(biāo)簽體系由多個標(biāo)簽組成,牽一發(fā)而動全身。因此在構(gòu)建健全的標(biāo)簽體系時,需要從人、交付物、協(xié)同關(guān)鍵節(jié)點(diǎn)三個方面建立協(xié)同機(jī)制,共同推動標(biāo)簽體系的持續(xù)優(yōu)化和發(fā)展。
 
  •  
    人:不同角色需密切合作,共同理解標(biāo)簽的重要性和功能,確保標(biāo)簽體系連貫有效。
 
  •  
    交付物:需求文檔和設(shè)計(jì)稿標(biāo)注至關(guān)重要。需求文檔應(yīng)明確描述標(biāo)簽在體系中的含義、特征、排序和權(quán)重層級。
 
  •  
    協(xié)同關(guān)鍵節(jié)點(diǎn):建立覆蓋多方的協(xié)同機(jī)制,以確保在關(guān)鍵節(jié)點(diǎn),標(biāo)簽體系得到合理建設(shè)和完善。
 
標(biāo)簽體系優(yōu)化助力統(tǒng)一平臺權(quán)益感知
 
 
 
寫在最后
 
平臺標(biāo)簽的重點(diǎn)不僅應(yīng)在樣式上符合用戶對該標(biāo)簽的心智認(rèn)知,且標(biāo)簽的視覺權(quán)重順序也應(yīng)該正確符合平臺&用戶的訴求,保障各標(biāo)簽?zāi)茉谟脩舻臎Q策路徑中起到高效正確的引導(dǎo)。對于標(biāo)簽系統(tǒng)來說,規(guī)范的構(gòu)成形式應(yīng)對全局標(biāo)簽的構(gòu)成起到統(tǒng)領(lǐng)作用,良好的共建機(jī)制保障標(biāo)簽體系在業(yè)務(wù)發(fā)展的各個階段始終保持統(tǒng)一有序。
 


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

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

WechatIMG27.jpg

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

日歷

鏈接

個人資料

存檔