手机国产精品一区二区,另类第一页,亚欧在线,日韩一国产极品99热在线播放69_国产美女久久精品香蕉欧美_亚州中文无码aⅤ在线_免费国产v片在线

首頁(yè)

交互設(shè)計(jì)基礎(chǔ)定律-泰斯勒定律

博博

“每一個(gè)產(chǎn)品有著不可降低的復(fù)雜性,這個(gè)復(fù)雜性有一個(gè)臨界點(diǎn),臨界點(diǎn)的位置決定了誰(shuí)將處理它。”

一、什么是泰斯勒定律 ?

泰斯勒定律又被稱作「復(fù)雜度守恒定律」,由拉里·泰斯勒于1984年提出。定律認(rèn)為:一個(gè)系統(tǒng)中有一定程度的復(fù)雜性是無(wú)法被降低的,內(nèi)在的復(fù)雜度只能通過(guò)產(chǎn)品設(shè)計(jì)去設(shè)法平衡和轉(zhuǎn)移。

二、泰斯勒定律在設(shè)計(jì)中的運(yùn)用

每一個(gè)產(chǎn)品都必然會(huì)有其系統(tǒng)和用戶兩端無(wú)法簡(jiǎn)化的復(fù)雜度,不論是在產(chǎn)品開發(fā)環(huán)節(jié)還是產(chǎn)品交互環(huán)節(jié)都無(wú)法按照人們的意愿做刪除,只能設(shè)法去調(diào)整、平衡。通過(guò)轉(zhuǎn)移兩者直接的臨界點(diǎn),來(lái)提高產(chǎn)品的體驗(yàn)度。

1、讓用戶識(shí)別而不是記憶

在操作中最大限度的減少用戶的記憶負(fù)荷,通過(guò)減少獲取信息的復(fù)雜性,讓用戶在操作中去識(shí)別信息而不是去記憶,界面的交互動(dòng)作和選項(xiàng)都應(yīng)該是可見的。

2、算法程序、推薦正確內(nèi)容

用戶在使用產(chǎn)品的過(guò)程中是一個(gè)逐漸適應(yīng)成長(zhǎng)的過(guò)程,他們會(huì)從無(wú)經(jīng)驗(yàn)變得有經(jīng)驗(yàn),因此設(shè)計(jì)系統(tǒng)需要針對(duì)不同的人群提供差異化的操作,讓系統(tǒng)操作難度與用戶實(shí)際的經(jīng)驗(yàn)水平相匹配,滿足他們對(duì)產(chǎn)品靈活易用的控制欲,實(shí)現(xiàn)其目標(biāo)感以及成就感。

3、整合功能、簡(jiǎn)化用戶界面

隨著用戶需求的不斷增加,產(chǎn)品也將會(huì)不斷迭代,越到后面功能也可能會(huì)越來(lái)也多而且復(fù)雜。在不影響用戶需求和體驗(yàn)的前提下,盡可能的整合同類的功能,簡(jiǎn)化用戶界面的復(fù)雜度。

三、總結(jié)

在產(chǎn)品設(shè)計(jì)中,泰斯勒定律主要是為了權(quán)衡用戶復(fù)雜度和系統(tǒng)復(fù)雜度之間的一個(gè)平衡。在應(yīng)用「泰斯勒定律」平衡交互設(shè)計(jì)中的復(fù)雜度這時(shí)需要注意以下幾個(gè)要點(diǎn):

1、系統(tǒng)的總復(fù)雜度是一個(gè)常數(shù),為用戶提供更簡(jiǎn)單的功能會(huì)增加其他方面的復(fù)雜性;

2、找到復(fù)雜度轉(zhuǎn)移的「最低成本的方式」;

3、界面不能太過(guò)簡(jiǎn)單,適當(dāng)?shù)膹?fù)雜度也會(huì)吸引用戶;

而設(shè)計(jì)本身其實(shí)是一個(gè)平衡過(guò)程,需要我們與業(yè)務(wù)方反復(fù)的溝通,考慮綜合成本,確保以項(xiàng)目最低成本方式實(shí)現(xiàn)業(yè)務(wù)目標(biāo)與體驗(yàn)?zāi)繕?biāo)之間的平衡。

 

作者:哆啦的設(shè)計(jì)筆記
來(lái)源:站酷

藍(lán)藍(lán)設(shè)計(jì)(www.88yangsc.com )是一家專注而深入的界面設(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。

關(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ā)

超長(zhǎng)干貨!UI設(shè)計(jì)師必須要懂的4個(gè)設(shè)計(jì)心理學(xué)

前端達(dá)人

簡(jiǎn)介
設(shè)計(jì)方法論在UI設(shè)計(jì)中的應(yīng)用帶來(lái)了顯著好處,通過(guò)系統(tǒng)性的設(shè)計(jì)流程和框架,團(tuán)隊(duì)能夠更有效地處理挑戰(zhàn)、創(chuàng)造出用戶關(guān)注的界面。它促進(jìn)了團(tuán)隊(duì)協(xié)作與溝通,強(qiáng)調(diào)問(wèn)題解決與創(chuàng)新,同時(shí)重視持續(xù)的用戶測(cè)試與反饋循環(huán),有助于提高設(shè)計(jì)質(zhì)量和用戶滿意度,使得設(shè)計(jì)過(guò)程更為高效、有條理并具備創(chuàng)造性。
超長(zhǎng)干貨!UI設(shè)計(jì)師必須要懂的4個(gè)設(shè)計(jì)心理學(xué)
 
 
設(shè)計(jì)原則目錄
希克定律
??硕擅枋隽诉x擇時(shí)間與選擇項(xiàng)數(shù)量之間的關(guān)系,即選擇的時(shí)間會(huì)隨著可選項(xiàng)的增加而增加。在設(shè)計(jì)中,這個(gè)定律提醒我們?cè)诮缑嬖O(shè)計(jì)時(shí)要簡(jiǎn)化選擇過(guò)程,減少選項(xiàng)數(shù)量,使用戶更輕松、更快速地做出選擇。
確認(rèn)偏差
確認(rèn)偏差指出人們更傾向于接受與自己原有信念或期望相符的信息。在設(shè)計(jì)中,了解確認(rèn)偏差有助于設(shè)計(jì)師合理呈現(xiàn)信息,將重要內(nèi)容放置在用戶預(yù)期區(qū)域,增強(qiáng)用戶對(duì)界面的認(rèn)可感。
鄰近法則
鄰近法則是指將視覺(jué)上相關(guān)的元素放置在彼此附近,使用戶更容易將它們視作相關(guān)的一部分。在設(shè)計(jì)中,合理利用鄰近法則能夠組織信息、創(chuàng)造更清晰易懂的界面布局,提高用戶對(duì)界面內(nèi)容的理解和識(shí)別。
菲茨定律
菲茨定律描述了目標(biāo)大小和距離對(duì)用戶操作效率的影響。設(shè)計(jì)師可以利用這個(gè)原則優(yōu)化界面元素的大小與間距,使用戶更快速、更準(zhǔn)確地完成操作,提升用戶體驗(yàn)和界面的易用性。
 
超長(zhǎng)干貨!UI設(shè)計(jì)師必須要懂的4個(gè)設(shè)計(jì)心理學(xué)
 
 
什么是希克定律?
??硕墒且粋€(gè)與人類反應(yīng)時(shí)間和選擇數(shù)量之間關(guān)系的心理學(xué)原理,特別適用于界面設(shè)計(jì)和用戶體驗(yàn)。這個(gè)定律是由英國(guó)心理學(xué)家威廉·??耍╓illiam Edmund Hick)在20世紀(jì)初提出的。
簡(jiǎn)而言之,??硕杀砻魅藗冏龀鲞x擇所需的時(shí)間與可供選擇的數(shù)量成正比。這意味著當(dāng)選項(xiàng)的數(shù)量增加時(shí),決策所需的時(shí)間也會(huì)相應(yīng)增加。在UI設(shè)計(jì)中,這個(gè)定律強(qiáng)調(diào)了簡(jiǎn)化選擇以提高用戶體驗(yàn)的重要性。
通過(guò)減少選擇數(shù)量,設(shè)計(jì)師可以幫助用戶更快速、更輕松地做出決策。這可以通過(guò)多種方式實(shí)現(xiàn),例如使用更簡(jiǎn)潔的菜單結(jié)構(gòu)、合并功能或選項(xiàng)、使用默認(rèn)設(shè)置以減少用戶需要作出的選擇等。
了解??硕蓪?duì)于設(shè)計(jì)者來(lái)說(shuō)是極為重要的,因?yàn)樗嵝盐覀儯涸谠O(shè)計(jì)界面時(shí),簡(jiǎn)化和優(yōu)化選擇可能會(huì)帶來(lái)更流暢、更高效的用戶體驗(yàn)。
超長(zhǎng)干貨!UI設(shè)計(jì)師必須要懂的4個(gè)設(shè)計(jì)心理學(xué)
 
 
它是怎么產(chǎn)生的?
希克定律是基于心理學(xué)和人類認(rèn)知過(guò)程的研究而產(chǎn)生的。威廉·??撕退耐略?930年代進(jìn)行了一系列的實(shí)驗(yàn),旨在了解人們?cè)诓煌x擇數(shù)量下做出決策的反應(yīng)時(shí)間。
實(shí)驗(yàn)中,被試者面對(duì)不同數(shù)量的選擇,例如按鈕或選項(xiàng),然后被要求盡快做出選擇。實(shí)驗(yàn)結(jié)果顯示,隨著選項(xiàng)數(shù)量的增加,被試者做出選擇所需的時(shí)間也相應(yīng)增加。這一觀察成為??硕傻幕A(chǔ)。
希克定律的本質(zhì)是認(rèn)知心理學(xué)的一部分,它涉及到人類對(duì)信息的處理方式。當(dāng)人們面對(duì)多個(gè)選項(xiàng)時(shí),他們需要對(duì)每個(gè)選項(xiàng)進(jìn)行評(píng)估和決策,這會(huì)增加認(rèn)知負(fù)荷。結(jié)果是,隨著選項(xiàng)數(shù)量的增加,處理和選擇所需的時(shí)間也相應(yīng)增加。
這個(gè)定律提出了一種對(duì)設(shè)計(jì)界面和交互方式有深遠(yuǎn)影響的見解:簡(jiǎn)化界面,減少選擇數(shù)量,可以幫助用戶更快速、更輕松地做出決策。這種認(rèn)知負(fù)荷的理論成果對(duì)于優(yōu)化用戶體驗(yàn)和提高界面效率有著重要的指導(dǎo)作用。
超長(zhǎng)干貨!UI設(shè)計(jì)師必須要懂的4個(gè)設(shè)計(jì)心理學(xué)
 
 
思考下??硕蒛I作用?
??硕稍赨I設(shè)計(jì)中具有重要作用,它強(qiáng)調(diào)了簡(jiǎn)化選擇以提高用戶體驗(yàn)的重要性。以下是??硕稍赨I設(shè)計(jì)中的一些具體作用和應(yīng)用:
簡(jiǎn)化菜單和導(dǎo)航
: 減少導(dǎo)航菜單中的選項(xiàng)數(shù)量,將類似功能的項(xiàng)目歸類或合并,可以減輕用戶的選擇負(fù)擔(dān),幫助他們更快速地找到所需信息。
優(yōu)化工作流程
: 在應(yīng)用程序或網(wǎng)站設(shè)計(jì)中,簡(jiǎn)化工作流程和操作步驟可以減少用戶需要做出的決策,提高用戶完成任務(wù)的效率。
默認(rèn)設(shè)置和建議
: 使用默認(rèn)設(shè)置或提供建議可以減少用戶必須做出的選擇。通過(guò)合理設(shè)置默認(rèn)選項(xiàng),可以簡(jiǎn)化用戶體驗(yàn),讓用戶更快地進(jìn)入應(yīng)用或網(wǎng)站并開始使用。
信息層級(jí)結(jié)構(gòu)
: 設(shè)計(jì)清晰的信息架構(gòu)和層級(jí)結(jié)構(gòu)有助于將內(nèi)容組織得更有條理,使用戶能夠更容易地定位所需信息,避免過(guò)多的選擇。
上下文反饋和指導(dǎo)
: 提供清晰的上下文反饋和指導(dǎo),幫助用戶更快速地了解當(dāng)前操作的影響,減少不必要的猶豫和選擇焦慮。
用戶個(gè)性化和智能推薦
: 利用個(gè)性化推薦或智能算法,根據(jù)用戶的歷史偏好為其提供定制化的選擇,減少不必要的選擇。
在UI設(shè)計(jì)中,理解??硕煽梢砸龑?dǎo)設(shè)計(jì)師創(chuàng)造出更簡(jiǎn)潔、更直觀、更易用的界面,從而提高用戶滿意度和效率。通過(guò)減少選擇數(shù)量和簡(jiǎn)化操作,設(shè)計(jì)可以更好地配合人類認(rèn)知特性,使用戶在界面上的交互變得更加流暢和自然。
超長(zhǎng)干貨!UI設(shè)計(jì)師必須要懂的4個(gè)設(shè)計(jì)心理學(xué)
 
 
需要我們記住什么?
在UI設(shè)計(jì)中,了解和應(yīng)用??硕捎兄趧?chuàng)造更優(yōu)秀的用戶體驗(yàn)。以下是需要記住的一些關(guān)鍵點(diǎn):
選擇數(shù)量與決策時(shí)間成正比
: 用戶需要花費(fèi)更多時(shí)間來(lái)做出決策,當(dāng)他們面對(duì)更多選擇時(shí)。減少選擇數(shù)量可以提高用戶的決策效率。
簡(jiǎn)化界面以降低認(rèn)知負(fù)荷
: 設(shè)計(jì)簡(jiǎn)潔、清晰的界面可以減少用戶的認(rèn)知負(fù)荷,幫助他們更輕松地使用應(yīng)用或網(wǎng)站。
層級(jí)結(jié)構(gòu)和組織
: 通過(guò)良好的信息層級(jí)結(jié)構(gòu)和內(nèi)容組織,可以使用戶更快速地找到所需信息,減少選擇過(guò)程。
默認(rèn)設(shè)置的重要性
: 合理設(shè)置默認(rèn)選項(xiàng)可以簡(jiǎn)化用戶體驗(yàn),降低他們需要做出的選擇,從而更快地開始使用應(yīng)用或網(wǎng)站。
上下文反饋和引導(dǎo)
: 提供清晰的上下文反饋和指導(dǎo),幫助用戶更快速地了解其操作的影響,減少選擇焦慮。
用戶個(gè)性化和智能推薦
: 利用用戶個(gè)性化數(shù)據(jù)和智能算法,為用戶提供定制化的選擇,降低不必要的選擇過(guò)程。
記住這些關(guān)鍵點(diǎn)能夠幫助設(shè)計(jì)師更好地優(yōu)化界面,提供更出色的用戶體驗(yàn),減少用戶做出選擇所需的時(shí)間,從而增強(qiáng)產(chǎn)品或應(yīng)用的吸引力和實(shí)用性。
 
在app產(chǎn)品中,我們應(yīng)該怎么應(yīng)用??硕?/div>
在移動(dòng)應(yīng)用程序(App)設(shè)計(jì)中,應(yīng)用希克定律可以通過(guò)以下方式提高用戶體驗(yàn):
簡(jiǎn)化導(dǎo)航和菜單
: 減少主導(dǎo)航菜單中的選項(xiàng)數(shù)量,將類似的功能合并或分類,以簡(jiǎn)化用戶的選擇過(guò)程。使用清晰的圖標(biāo)和標(biāo)簽幫助用戶更快速地理解選項(xiàng)。
優(yōu)化注冊(cè)和登錄流程
: 在注冊(cè)和登錄過(guò)程中盡可能減少必填項(xiàng),使用社交媒體登錄或單一注冊(cè)選項(xiàng)簡(jiǎn)化流程,降低用戶的選擇負(fù)擔(dān)。
默認(rèn)設(shè)置和個(gè)性化推薦: 利用用戶的偏好和歷史數(shù)據(jù),為用戶提供個(gè)性化的推薦或默認(rèn)設(shè)置,減少用戶需要做出的選擇,并快速展示最相關(guān)的內(nèi)容或功能。
簡(jiǎn)化表單和輸入
: 最小化表單字段,根據(jù)上下文預(yù)填充表單內(nèi)容或使用智能輸入建議,以降低用戶輸入的認(rèn)知負(fù)擔(dān)。
上下文引導(dǎo)和反饋
: 在用戶進(jìn)行關(guān)鍵操作時(shí)提供清晰的引導(dǎo)和反饋,讓用戶了解他們的操作將會(huì)帶來(lái)的結(jié)果,減少不必要的猶豫和選擇焦慮。
智能搜索和過(guò)濾功能
: 提供強(qiáng)大的搜索和過(guò)濾功能,幫助用戶快速找到所需內(nèi)容,減少在大量選項(xiàng)中的選擇時(shí)間。
簡(jiǎn)化購(gòu)買流程
: 在電商應(yīng)用中,優(yōu)化購(gòu)買流程,減少購(gòu)物車和結(jié)賬過(guò)程中的步驟和選擇,提供清晰的購(gòu)買路徑。
通過(guò)以上方式,設(shè)計(jì)師可以在App中運(yùn)用??硕?,幫助用戶更輕松、更高效地使用應(yīng)用,提高用戶滿意度并增強(qiáng)應(yīng)用的吸引力。這些方法都圍繞著減少選擇數(shù)量、簡(jiǎn)化操作和提供個(gè)性化的體驗(yàn),以減少用戶的認(rèn)知負(fù)荷,提高用戶的決策效率。
 
??硕煽偨Y(jié)
希克定律在移動(dòng)應(yīng)用設(shè)計(jì)中的應(yīng)用關(guān)鍵在于簡(jiǎn)化選擇、優(yōu)化流程以提升用戶體驗(yàn)。通過(guò)減少主導(dǎo)航選項(xiàng)、優(yōu)化注冊(cè)與登錄流程、提供個(gè)性化推薦、簡(jiǎn)化表單輸入、提供清晰反饋和引導(dǎo)、強(qiáng)化搜索功能以及簡(jiǎn)化購(gòu)買流程,設(shè)計(jì)師可以降低用戶的選擇焦慮和認(rèn)知負(fù)荷,使用戶更輕松、更高效地使用應(yīng)用,提升用戶滿意度。這些策略圍繞著簡(jiǎn)化操作、減少選項(xiàng)數(shù)量和提供個(gè)性化體驗(yàn),有助于提高用戶的決策效率,增強(qiáng)應(yīng)用的吸引力與可用性。
 
 
超長(zhǎng)干貨!UI設(shè)計(jì)師必須要懂的4個(gè)設(shè)計(jì)心理學(xué)
 
 
什么是確認(rèn)偏差?
確認(rèn)偏差是一種認(rèn)知偏差,指的是人們更傾向于尋找、記住或贊同支持已有信念或假設(shè)的信息,而忽視或排斥與其相矛盾的信息。這種偏差導(dǎo)致人們?cè)趯で笮畔⒑托纬捎^點(diǎn)時(shí)傾向于選擇那些與他們已有信念相一致的信息,而忽視那些與之相悖的信息。
在設(shè)計(jì)和決策過(guò)程中,確認(rèn)偏差可能會(huì)對(duì)判斷和決策產(chǎn)生影響。設(shè)計(jì)師或決策者可能會(huì)傾向于尋找支持他們最初想法或假設(shè)的信息,而忽略潛在的反對(duì)觀點(diǎn)或證據(jù)。這可能導(dǎo)致錯(cuò)誤的假設(shè)、不完整的分析或偏離客觀事實(shí)的判斷。
了解確認(rèn)偏差對(duì)于設(shè)計(jì)師和決策者來(lái)說(shuō)是很重要的,因?yàn)樗梢杂绊懙剿麄儗?duì)問(wèn)題的看法和解決方案的選擇。為了減輕確認(rèn)偏差的影響,重要的做法包括尋求多樣的觀點(diǎn)和信息來(lái)源、鼓勵(lì)團(tuán)隊(duì)開放性討論、持續(xù)評(píng)估和反思自己的假設(shè),以及意識(shí)到并主動(dòng)應(yīng)對(duì)這種偏差。
 
超長(zhǎng)干貨!UI設(shè)計(jì)師必須要懂的4個(gè)設(shè)計(jì)心理學(xué)
 
 
它是怎么產(chǎn)生的?
確認(rèn)偏差的產(chǎn)生與人類的認(rèn)知方式和信息處理方式有關(guān)。它可以追溯到我們處理信息的心理機(jī)制,以及對(duì)信息的選擇性接收和處理。
信息過(guò)濾和選擇性接收
: 人類大腦處理的信息量龐大,為了應(yīng)對(duì)這種信息負(fù)荷,我們會(huì)有意無(wú)意地選擇性地接收與已有信念相符的信息,因?yàn)檫@樣更容易被接受和理解。
認(rèn)知一致性和舒適度
: 我們傾向于尋求與我們已有信念一致的信息,因?yàn)檫@會(huì)讓我們感到更加舒適和認(rèn)知上的一致性,而與之相悖的信息則可能引起認(rèn)知不適或挑戰(zhàn)。
記憶偏差
: 我們記憶中更容易保留和回憶起與我們已有信念相符的信息,而忽略或淡化與之不符的信息,導(dǎo)致我們更傾向于記住和重復(fù)暴露于已有信念的信息。
社會(huì)影響和團(tuán)隊(duì)動(dòng)態(tài)
: 在團(tuán)隊(duì)環(huán)境中,人們可能更容易受到同伴或領(lǐng)導(dǎo)觀點(diǎn)的影響,導(dǎo)致更多地尋求與團(tuán)隊(duì)共識(shí)一致的信息。
因此,確認(rèn)偏差源于我們處理信息的方式和尋求認(rèn)知一致性的趨勢(shì),這種傾向性會(huì)影響我們對(duì)信息的選擇、記憶和接受,使得我們更容易偏向于支持已有信念的信息。
 
超長(zhǎng)干貨!UI設(shè)計(jì)師必須要懂的4個(gè)設(shè)計(jì)心理學(xué)
 
 
思考下確認(rèn)偏差在UI作用?
認(rèn)知偏差在UI設(shè)計(jì)中有著深遠(yuǎn)的影響,設(shè)計(jì)師需要了解并考慮這些偏差,以創(chuàng)造更符合用戶認(rèn)知和行為的界面:
信息呈現(xiàn)與確認(rèn)偏差:
UI設(shè)計(jì)中的信息呈現(xiàn)方式能夠影響用戶的感知。確認(rèn)偏差提示我們,設(shè)計(jì)師應(yīng)該精心布局信息,確保用戶首先接觸到的內(nèi)容是符合其期望和信念的。在重要位置展示與用戶預(yù)期一致的信息能夠增強(qiáng)用戶對(duì)界面的認(rèn)可感。
用戶體驗(yàn)與認(rèn)知一致性:
UI設(shè)計(jì)應(yīng)該符合用戶的認(rèn)知模式和習(xí)慣。保持一致的界面元素、布局結(jié)構(gòu)和交互方式有助于降低用戶學(xué)習(xí)成本,提升用戶體驗(yàn),因?yàn)檫@與用戶的認(rèn)知一致性相契合。
選擇性暴露與設(shè)計(jì)引導(dǎo):
設(shè)計(jì)師可以利用確認(rèn)偏差的特性來(lái)引導(dǎo)用戶,將重要信息或功能放置在易于察覺(jué)的位置,引導(dǎo)用戶進(jìn)行特定的操作。然而,需要謹(jǐn)慎處理,以避免對(duì)用戶造成信息過(guò)載。
避免偏見與用戶測(cè)試:
設(shè)計(jì)師應(yīng)該避免自身的認(rèn)知偏差影響設(shè)計(jì),而是更多地關(guān)注用戶的實(shí)際需求和行為。通過(guò)持續(xù)的用戶測(cè)試和反饋,可以驗(yàn)證設(shè)計(jì)的有效性,確保設(shè)計(jì)更加客觀、全面地服務(wù)于用戶。
認(rèn)知偏差不僅能夠幫助設(shè)計(jì)師更好地了解用戶行為和認(rèn)知模式,也提醒設(shè)計(jì)師需要謹(jǐn)慎地處理信息的呈現(xiàn)方式,以創(chuàng)造出更符合用戶認(rèn)知特點(diǎn)和期望的界面。
 
超長(zhǎng)干貨!UI設(shè)計(jì)師必須要懂的4個(gè)設(shè)計(jì)心理學(xué)
 
 
需要我們記住什么?
用戶選擇性感知:
用戶會(huì)傾向于選擇性地接收與其已有信念相符的信息。因此,在設(shè)計(jì)中需要注意如何呈現(xiàn)信息,以便用戶更容易接收并理解與其預(yù)期一致的內(nèi)容。
認(rèn)知一致性與用戶體驗(yàn):
用戶更喜歡一致性的界面設(shè)計(jì)。保持界面元素、布局和交互方式的一致性有助于提高用戶體驗(yàn),減少認(rèn)知負(fù)擔(dān)。
引導(dǎo)與用戶行為:
可以利用認(rèn)知偏差的特性來(lái)引導(dǎo)用戶行為,但需要謹(jǐn)慎,以避免對(duì)用戶造成信息過(guò)載或誤導(dǎo)。
客觀設(shè)計(jì)與用戶測(cè)試:
設(shè)計(jì)師需保持客觀,在設(shè)計(jì)中避免個(gè)人偏見的影響。持續(xù)的用戶測(cè)試和反饋是驗(yàn)證設(shè)計(jì)有效性的關(guān)鍵。
用戶需求至上:
最重要的是設(shè)計(jì)能夠滿足用戶的實(shí)際需求。認(rèn)知偏差提醒我們關(guān)注用戶行為和反饋,確保設(shè)計(jì)更加貼近用戶期望。
記住這些關(guān)鍵點(diǎn)有助于設(shè)計(jì)師更好地應(yīng)用認(rèn)知偏差的理論,創(chuàng)造出更符合用戶認(rèn)知和行為習(xí)慣的界面,提升用戶體驗(yàn)和產(chǎn)品吸引力。
 
在app產(chǎn)品中,我們應(yīng)該怎么應(yīng)用認(rèn)知偏差
在App產(chǎn)品中,了解和應(yīng)用認(rèn)知偏差可以改善用戶體驗(yàn)和促進(jìn)用戶參與。以下是一些應(yīng)用認(rèn)知偏差的方法:
個(gè)性化內(nèi)容推薦
: 利用用戶的歷史數(shù)據(jù)和偏好,提供個(gè)性化的內(nèi)容推薦,引導(dǎo)用戶瀏覽與其興趣相關(guān)的信息,這符合用戶的認(rèn)知偏好。
強(qiáng)調(diào)常用功能
: 將常用功能放置在易于察覺(jué)的位置,這有助于用戶更快速地找到并使用常用功能,符合用戶對(duì)信息的選擇性感知。
引導(dǎo)用戶決策
: 通過(guò)明確的引導(dǎo)和推薦,幫助用戶做出決策。例如,突出顯示推薦選項(xiàng)或使用明確的指導(dǎo)語(yǔ)言,以降低用戶的選擇焦慮。
增加用戶互動(dòng)和獎(jiǎng)勵(lì)機(jī)制: 利用認(rèn)知偏差中的獎(jiǎng)勵(lì)機(jī)制,激勵(lì)用戶參與互動(dòng)。例如,獎(jiǎng)勵(lì)積分、勛章或獎(jiǎng)勵(lì)物品以促進(jìn)用戶的積極參與。
社交證據(jù)和影響力
: 強(qiáng)調(diào)其他用戶的行為和意見,例如顯示用戶評(píng)論或社交分享,可以影響新用戶的決策,符合社會(huì)影響的認(rèn)知偏差。
提供個(gè)性化的反饋和建議
: 根據(jù)用戶的行為提供個(gè)性化的反饋和建議,引導(dǎo)用戶完成特定的動(dòng)作或行為,符合用戶的認(rèn)知偏好和選擇性感知。
綜合利用這些策略可以更好地與用戶互動(dòng),促進(jìn)參與度,提高用戶對(duì)產(chǎn)品的滿意度。然而,需要謹(jǐn)慎運(yùn)用,避免過(guò)度使用以至于影響用戶體驗(yàn)或?qū)е滦畔⑦^(guò)載。
 
認(rèn)知偏差總結(jié)
綜合利用認(rèn)知偏差的這些方面,設(shè)計(jì)者可以更加精準(zhǔn)地與用戶互動(dòng),提升用戶體驗(yàn)和參與度。但務(wù)必注意,應(yīng)用認(rèn)知偏差需要在不影響用戶信任和體驗(yàn)的前提下進(jìn)行,避免過(guò)度干預(yù)或引導(dǎo),以免影響用戶的自主性和信任感。
 
 
超長(zhǎng)干貨!UI設(shè)計(jì)師必須要懂的4個(gè)設(shè)計(jì)心理學(xué)
 
 
什么是鄰近法則?
鄰近法則是設(shè)計(jì)中的一項(xiàng)基本原則,描述了物體或元素在空間中距離越近,就越有可能被視為相關(guān)的部分。這個(gè)原則是Gestalt心理學(xué)的一部分,指出物體在空間上的接近會(huì)引起它們被認(rèn)為是相關(guān)的,無(wú)論它們的形狀或特征如何。
在設(shè)計(jì)中,鄰近法則指導(dǎo)著將相關(guān)的元素放置在彼此附近,以便用戶能夠?qū)⑺鼈円暈橐唤M或相關(guān)部分。這個(gè)原則常用于布局設(shè)計(jì),例如將相關(guān)的菜單選項(xiàng)放在一起、相關(guān)的控件放置在同一區(qū)域等。通過(guò)利用元素之間的空間距離,設(shè)計(jì)師可以引導(dǎo)用戶對(duì)信息進(jìn)行邏輯分組,提高用戶對(duì)頁(yè)面內(nèi)容的理解和整體結(jié)構(gòu)的認(rèn)知。
鄰近法則的應(yīng)用有助于創(chuàng)造出更清晰、更易于理解的設(shè)計(jì)布局,讓用戶更輕松地識(shí)別和理解相關(guān)的信息,提升界面的可讀性和可理解性。
 
超長(zhǎng)干貨!UI設(shè)計(jì)師必須要懂的4個(gè)設(shè)計(jì)心理學(xué)
 
 
它是怎么產(chǎn)生的?
鄰近法則源自格式塔心理學(xué),起源于20世紀(jì)初期。格式塔探索者觀察到人類視覺(jué)系統(tǒng)傾向于將靠近的物體視為一組或相關(guān)的部分,而將遠(yuǎn)離的物體視為不相關(guān)的。
本次創(chuàng)作的原則是基于觀察:
人們傾向于將距離較近的元素視為相關(guān)的整體,即使它們的形狀、顏色或其他特征不同。
空間上的接近性會(huì)引導(dǎo)人們將相關(guān)的元素組合在一起,形成邏輯上的群體或集合。
基于這些觀察,計(jì)算者得出結(jié)論:元素之間的接近程度影響了人們?nèi)绾魏徒M織信息。這個(gè)理論評(píng)估理解視覺(jué),成為設(shè)計(jì)中常用的一項(xiàng)原則,幫助設(shè)計(jì)師創(chuàng)建更多條理和易于理解的界面布局和視覺(jué)組織。通過(guò)合理的安排和組織元素之間的距離,設(shè)計(jì)師能夠引導(dǎo)用戶更清晰地理解頁(yè)面的結(jié)構(gòu)和相關(guān)性。
 
超長(zhǎng)干貨!UI設(shè)計(jì)師必須要懂的4個(gè)設(shè)計(jì)心理學(xué)
 
 
思考下鄰近法則UI作用?
鄰近法則在 UI 設(shè)計(jì)中有著重要的應(yīng)用,能夠指導(dǎo)設(shè)計(jì)師創(chuàng)建更直觀、更易理解的界面布局和組織方式。以下是鄰近法則在 UI 設(shè)計(jì)中的應(yīng)用方法:
邏輯分組和視覺(jué)關(guān)聯(lián):
將相關(guān)的元素放置在彼此附近,例如將菜單選項(xiàng)、功能按鈕或相關(guān)信息放在相近的區(qū)域,以形成邏輯上的群組或關(guān)聯(lián),使用戶能夠更快速地理解信息之間的相關(guān)性。
表現(xiàn)信息層級(jí)和結(jié)構(gòu):
通過(guò)合理安排元素之間的間距,設(shè)計(jì)師可以展現(xiàn)信息的結(jié)構(gòu)和層級(jí)。在網(wǎng)頁(yè)或應(yīng)用中,合理的鄰近性有助于傳達(dá)頁(yè)面組織的邏輯和信息的重要性。
避免視覺(jué)混亂和誤導(dǎo):
合理利用鄰近法則可以避免界面的視覺(jué)混亂。將不相關(guān)的元素保持一定的間距,避免過(guò)度擁擠,讓用戶更輕松地理清界面的內(nèi)容和結(jié)構(gòu)。
指引用戶流程和操作:
在設(shè)計(jì)工作流或操作步驟時(shí),將相關(guān)的元素放在一起,以引導(dǎo)用戶流程,提高用戶操作的連貫性和流暢性。
視覺(jué)組織與導(dǎo)航:
在導(dǎo)航設(shè)計(jì)中,將相關(guān)功能或內(nèi)容放置在相鄰位置,例如將相關(guān)菜單項(xiàng)放在同一區(qū)域,以便用戶更快速地找到并使用所需功能。
適當(dāng)運(yùn)用鄰近法則可以改善用戶對(duì)界面的理解和認(rèn)知,提高用戶操作的效率和體驗(yàn)。它有助于營(yíng)造清晰的信息層級(jí)、減少視覺(jué)混亂,并引導(dǎo)用戶更直觀地瀏覽和操作界面。
 
超長(zhǎng)干貨!UI設(shè)計(jì)師必須要懂的4個(gè)設(shè)計(jì)心理學(xué)
 
 
需要我們記住什么?
在設(shè)計(jì)中運(yùn)用鄰近法則時(shí),需要記住以下幾點(diǎn):
相關(guān)性與空間接近性
: 用戶傾向于將距離近的元素視為相關(guān)的整體。因此,在設(shè)計(jì)中將相關(guān)的元素放置在彼此附近,能夠幫助用戶更直觀地理解它們的關(guān)聯(lián)性。
信息組織和層級(jí)結(jié)構(gòu)
: 通過(guò)合理的空間安排,展示信息的邏輯結(jié)構(gòu)和層級(jí)關(guān)系。這有助于用戶更輕松地理清界面內(nèi)容和操作流程。
避免視覺(jué)干擾和混亂
: 控制元素之間的距離,避免過(guò)度擁擠和混亂,以免干擾用戶的視覺(jué)和理解。
引導(dǎo)用戶視線和操作:
合理利用鄰近法則可以引導(dǎo)用戶的視線和操作流程,使其更自然、更順暢地瀏覽和使用界面。
反復(fù)測(cè)試與用戶反饋
: 不斷測(cè)試和收集用戶反饋,以確保所安排的元素之間的關(guān)聯(lián)性和距離對(duì)用戶理解和操作的有效性。
記住這些關(guān)鍵點(diǎn)有助于在設(shè)計(jì)中更好地應(yīng)用鄰近法則,創(chuàng)造出更清晰、更易于理解的界面布局,提高用戶體驗(yàn)和界面的可用性。
 
在app產(chǎn)品中,我們應(yīng)該怎么應(yīng)用鄰近法則
在App產(chǎn)品設(shè)計(jì)中,應(yīng)用鄰近法則可以改善用戶界面的布局和交互,提升用戶體驗(yàn)。以下是一些應(yīng)用鄰近法則的方法:
相關(guān)功能分組
: 將相關(guān)功能或信息放置在彼此附近,例如將設(shè)置選項(xiàng)放在同一區(qū)域,讓用戶能夠更輕松地找到并使用相關(guān)功能。
類似操作的分組
: 將相似操作或功能放在相鄰位置,例如將編輯工具放在同一區(qū)域,以便用戶更快速地使用相關(guān)工具。
導(dǎo)航欄與內(nèi)容對(duì)應(yīng)
: 將導(dǎo)航欄與相應(yīng)的內(nèi)容區(qū)域?qū)?yīng),以減少用戶在不同頁(yè)面間的跳轉(zhuǎn),并幫助用戶更好地理解頁(yè)面的結(jié)構(gòu)。
按鈕和功能布局
: 設(shè)計(jì)時(shí)將按鈕和功能布局合理分組,保持相關(guān)的按鈕或操作盡可能靠近,減少用戶在界面中尋找所需功能的時(shí)間。
信息層級(jí)和結(jié)構(gòu)展示
: 通過(guò)鄰近法則將相關(guān)信息放置在一起,展現(xiàn)信息的邏輯層級(jí)和關(guān)聯(lián)性,以幫助用戶更清晰地理解頁(yè)面結(jié)構(gòu)。
交互流程的布局
: 設(shè)計(jì)操作流程時(shí),將相關(guān)步驟或功能放置在相鄰位置,以引導(dǎo)用戶進(jìn)行更自然、連貫的操作流程。
這些方法能夠通過(guò)鄰近法則幫助設(shè)計(jì)師更好地組織界面元素,提高用戶對(duì)界面的理解和操作效率,增強(qiáng)用戶的滿意度和體驗(yàn)。
 
鄰近法則總結(jié)
鄰近法則在App產(chǎn)品設(shè)計(jì)中指導(dǎo)著將相關(guān)的元素放置在彼此附近,以創(chuàng)建更直觀、更易于理解的界面布局。通過(guò)合理的空間分配和元素排列,幫助用戶更快速地找到相關(guān)功能、理解信息層級(jí)結(jié)構(gòu),提升用戶操作的效率和界面的可用性。這個(gè)原則可以優(yōu)化布局設(shè)計(jì),使得用戶能夠更輕松地掌握界面內(nèi)容和操作流程。
 
 
 
超長(zhǎng)干貨!UI設(shè)計(jì)師必須要懂的4個(gè)設(shè)計(jì)心理學(xué)
 
 
什么是菲茨定律?
菲茨定律是一項(xiàng)關(guān)于人機(jī)交互的基本原理,描述了人類手指或鼠標(biāo)等指針設(shè)備移動(dòng)到目標(biāo)區(qū)域的時(shí)間與目標(biāo)的大小和距離成反比的關(guān)系。這個(gè)定律是由保羅·菲茨在20世紀(jì)50年代提出的,廣泛應(yīng)用于人機(jī)界面設(shè)計(jì)領(lǐng)域。
根據(jù)菲茨定律,目標(biāo)越大或距離越近,用戶將指針移動(dòng)到目標(biāo)區(qū)域的時(shí)間就越短。具體而言,菲茨定律可以用以下公式表示: T=a+b×log 2 ( W/D+1)
其中:
T 是用戶移動(dòng)到目標(biāo)區(qū)域所需的時(shí)間。
D 是指針初始位置與目標(biāo)中心之間的距離。
W 是目標(biāo)區(qū)域的寬度或大小。
a 和 b 是與設(shè)備和任務(wù)有關(guān)的常數(shù)。 這個(gè)定律的應(yīng)用范圍非常廣泛,尤其在界面設(shè)計(jì)中。設(shè)計(jì)師可以利用菲茨定律來(lái)優(yōu)化界面布局和交互元素的設(shè)計(jì),使得用戶更容易、更快速地點(diǎn)擊或選擇目標(biāo)區(qū)域。通過(guò)增大目標(biāo)區(qū)域的大小、減少目標(biāo)間距離和提供合適的反饋,可以顯著改善用戶體驗(yàn),并使用戶更高效地使用界面。
 
超長(zhǎng)干貨!UI設(shè)計(jì)師必須要懂的4個(gè)設(shè)計(jì)心理學(xué)
 
 
它是怎么產(chǎn)生的?
菲茨定律的產(chǎn)生是基于人類運(yùn)動(dòng)學(xué)和認(rèn)知心理學(xué)的研究。保羅·菲茨在20世紀(jì)50年代的研究中發(fā)現(xiàn),在人類運(yùn)動(dòng)中存在一種模式,即手指或鼠標(biāo)等指針設(shè)備移動(dòng)到目標(biāo)區(qū)域的時(shí)間與目標(biāo)的大小和距離成反比關(guān)系。
這個(gè)定律的提出是基于以下觀察和假設(shè):
較大的目標(biāo)區(qū)域更容易命中。用戶更容易準(zhǔn)確地將指針移動(dòng)到較大的目標(biāo)上。
較近的目標(biāo)更容易到達(dá)。距離更近的目標(biāo)比距離更遠(yuǎn)的目標(biāo)更容易被選中。
基于這些發(fā)現(xiàn),菲茨提出了一個(gè)數(shù)學(xué)模型來(lái)描述這種關(guān)系,并提出了菲茨定律。這個(gè)定律通過(guò)對(duì)目標(biāo)的大小和距離進(jìn)行量化,為界面設(shè)計(jì)和人機(jī)交互提供了理論依據(jù),指導(dǎo)設(shè)計(jì)師如何優(yōu)化界面布局和元素設(shè)計(jì),以提高用戶的操作效率和準(zhǔn)確性。因此,菲茨定律成為了設(shè)計(jì)界面和交互方式的重要指導(dǎo)原則之一。
 
超長(zhǎng)干貨!UI設(shè)計(jì)師必須要懂的4個(gè)設(shè)計(jì)心理學(xué)
 
 
思考下菲茨定律UI作用
菲茨定律在 UI 設(shè)計(jì)中有著深遠(yuǎn)的影響,設(shè)計(jì)師可以利用這個(gè)原理來(lái)優(yōu)化界面,提高用戶的操作效率和體驗(yàn)。以下是一些菲茨定律在 UI 設(shè)計(jì)中的應(yīng)用方法:
增大可點(diǎn)擊區(qū)域
: 根據(jù)菲茨定律,較大的目標(biāo)區(qū)域更容易被點(diǎn)擊,因此,為重要的操作按鈕或功能區(qū)域提供更大的點(diǎn)擊面積。這有助于用戶更準(zhǔn)確地點(diǎn)擊目標(biāo),尤其對(duì)于移動(dòng)設(shè)備上的小屏幕更為重要。
減少目標(biāo)間距離
: 將常用功能或相關(guān)操作的按鈕或鏈接放置更接近,以減少目標(biāo)之間的距離。這樣用戶在切換不同功能時(shí)能更快速地移動(dòng)到目標(biāo)區(qū)域,減少了操作時(shí)間。
考慮手勢(shì)操作和屏幕布局
: 對(duì)于觸摸屏設(shè)備,菲茨定律同樣適用。設(shè)計(jì)師可以考慮手勢(shì)操作、放大目標(biāo)區(qū)域或布局方式,使得用戶更容易地觸摸、滑動(dòng)或縮放屏幕上的目標(biāo)。
合理利用白空間
: 在設(shè)計(jì)中留出足夠的空間,確保目標(biāo)區(qū)域不會(huì)過(guò)于擁擠,從而減少誤觸或混淆。良好的白空間布局有助于提高用戶的操作準(zhǔn)確性。
提供視覺(jué)反饋和指引
: 為了幫助用戶更準(zhǔn)確地選擇目標(biāo)區(qū)域,提供視覺(jué)反饋,如按鈕狀態(tài)變化或指示箭頭,可以讓用戶更清晰地了解下一步操作。
通過(guò)運(yùn)用菲茨定律,設(shè)計(jì)師可以優(yōu)化界面布局和元素的大小與間距,使得用戶更輕松、更快速地進(jìn)行交互操作。這有助于提升用戶體驗(yàn),減少用戶的操作時(shí)間和錯(cuò)誤率。
 
 
超長(zhǎng)干貨!UI設(shè)計(jì)師必須要懂的4個(gè)設(shè)計(jì)心理學(xué)
 
 
需要我們記住什么?
在設(shè)計(jì)中運(yùn)用菲茨定律時(shí),需要記住以下幾點(diǎn):
目標(biāo)大小與距離關(guān)系
: 目標(biāo)的大小和距離會(huì)影響用戶操作的效率。大的目標(biāo)區(qū)域和較近的距離能夠更快速、更準(zhǔn)確地被選中。
重要操作優(yōu)先考慮
: 對(duì)于常用或重要的操作按鈕,設(shè)計(jì)師應(yīng)該確保其具有足夠的大小和合適的間距,以提高用戶操作的效率和準(zhǔn)確性。
觸摸屏設(shè)備的優(yōu)化
: 對(duì)于移動(dòng)設(shè)備和觸摸屏,合理設(shè)置觸摸區(qū)域大小和間距,有助于用戶更輕松地操作,避免誤操作。
視覺(jué)反饋和引導(dǎo)
: 提供明確的視覺(jué)反饋,如按鈕狀態(tài)變化或指示箭頭,有助于用戶更準(zhǔn)確地選中目標(biāo)區(qū)域。
用戶反饋和測(cè)試
: 不斷收集用戶反饋并進(jìn)行測(cè)試,以確保設(shè)計(jì)的目標(biāo)大小和距離對(duì)用戶操作的有效性。
記住這些關(guān)鍵點(diǎn)有助于設(shè)計(jì)出更符合菲茨定律原理的界面,提高用戶的操作效率和滿意度。優(yōu)化目標(biāo)區(qū)域的大小和距離,可以有效地改善用戶體驗(yàn),并增強(qiáng)產(chǎn)品或應(yīng)用的易用性。
 
在app產(chǎn)品中,我們應(yīng)該怎么應(yīng)用菲茨定律
在 App 產(chǎn)品設(shè)計(jì)中,應(yīng)用菲茨定律可以優(yōu)化用戶體驗(yàn)和操作流程。以下是一些應(yīng)用菲茨定律的方法:
按鈕大小與布局
: 增大重要操作按鈕的大小,確保它們?nèi)菀c(diǎn)擊并位于用戶自然手指或鼠標(biāo)移動(dòng)的路徑上。將常用的按鈕放置在更接近用戶自然操作位置的地方。
減少操作距離
: 將相關(guān)操作或頁(yè)面之間的距離縮短,以減少用戶在不同功能區(qū)域間的切換所需的操作次數(shù)和時(shí)間。
設(shè)計(jì)適合手勢(shì)操作的界面
: 針對(duì)觸摸屏設(shè)備,設(shè)計(jì)手勢(shì)操作區(qū)域,使得用戶能夠輕松地進(jìn)行滑動(dòng)、放大縮小等手勢(shì)操作。
避免過(guò)度擁擠和重疊
: 在設(shè)計(jì)中避免過(guò)多的重疊元素和擁擠,確保目標(biāo)區(qū)域清晰可見且易于選擇。
提供清晰的反饋和指引
: 確保用戶點(diǎn)擊或選擇目標(biāo)時(shí)獲得清晰的視覺(jué)反饋,如按鈕狀態(tài)變化、高亮顯示或動(dòng)畫效果,以便明確指示用戶的操作結(jié)果。
持續(xù)優(yōu)化與用戶反饋
: 不斷收集用戶反饋,通過(guò)用戶測(cè)試和數(shù)據(jù)分析,優(yōu)化界面的目標(biāo)大小和距離,以提高用戶的操作效率和滿意度。
這些策略都是基于菲茨定律,旨在提高用戶點(diǎn)擊或選擇目標(biāo)區(qū)域的效率和準(zhǔn)確性,從而改善用戶體驗(yàn)并增強(qiáng)產(chǎn)品的易用性。
 
菲茨定律總結(jié)
菲茨定律在App產(chǎn)品設(shè)計(jì)中強(qiáng)調(diào)了目標(biāo)區(qū)域的大小和距離對(duì)用戶操作的影響。通過(guò)增大重要按鈕的大小、減少操作間距離、設(shè)計(jì)適合手勢(shì)操作的界面以及提供清晰的反饋指引,可以優(yōu)化用戶體驗(yàn),提高用戶操作的準(zhǔn)確性和效率。這個(gè)原理指導(dǎo)著設(shè)計(jì)師如何布局界面元素,使得用戶更輕松、更快速地進(jìn)行交互操作,進(jìn)而提升產(chǎn)品的易用性和吸引力。
 

藍(lán)藍(lán)設(shè)計(jì)(www.88yangsc.com )是一家專注而深入的界面設(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。

關(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ā)



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

分享精彩的后臺(tái)管理軟件界面設(shè)計(jì)欣賞 —藍(lán)藍(lán)UI設(shè)計(jì)公司

前端達(dá)人

今天分享B端后臺(tái)管理界面欣賞,網(wǎng)上我們會(huì)搜集一些公開的國(guó)內(nèi)外優(yōu)秀的軟件界面設(shè)計(jì)和大家分享。

藍(lán)藍(lán)設(shè)計(jì)也有很多精彩的案例,B端后臺(tái)管理界面是我們最主要的工作方向之一,但大多數(shù)是保密狀態(tài)的,所以不能在網(wǎng)上發(fā)。歡迎我們聯(lián)系,請(qǐng)到www.88yangsc.com欣賞更多案例作品。

 

 

 

 

 

 

 

 

 

 

 

 

#后臺(tái)界面設(shè)計(jì)欣賞 #界面設(shè)計(jì)靈感 #設(shè)計(jì)外包 #UI設(shè)計(jì)公司 #b端設(shè)計(jì)接單 #B端設(shè)計(jì)

藍(lán)藍(lán)設(shè)計(jì)(www.88yangsc.com )是一家專注而深入的界面設(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ù)

關(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ā)

 

藍(lán)藍(lán)設(shè)計(jì)(www.88yangsc.com )是一家專注而深入的界面設(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。

關(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ā)

XDC干貨|雪球表情升級(jí)全紀(jì)錄

前端達(dá)人

寫在前面
在社區(qū)平臺(tái)語(yǔ)境里,表情無(wú)疑是很重要的組成部分。一套豐富且定位準(zhǔn)確的表情可以幫助用戶更清晰地表達(dá)自己的感受,增進(jìn)溝通的準(zhǔn)確性,同時(shí)增添社交互動(dòng)的趣味性,拉進(jìn)用戶之間的距離。帶有平臺(tái)特性的表情更能彰顯平臺(tái)自身的獨(dú)特性。
雪球作為金融社區(qū)平臺(tái),表情自然也是重要的元素。我們通過(guò)數(shù)據(jù)調(diào)研,發(fā)現(xiàn)雪球社區(qū)互動(dòng)中表情的滲透率達(dá)到18%,表情的使用率比較高。而現(xiàn)有的表情年久失修,存在幾個(gè)比較明顯的問(wèn)題,首先視覺(jué)風(fēng)格陳舊辨識(shí)度低;再有,表情中原本存在一些股票梗的表現(xiàn)力較弱,畫風(fēng)不夠有趣。第三,雪球誕生了新IP“呦呦”,非常適合在表情中應(yīng)用來(lái)推廣雪球品牌特性。
基于以上背景我們展開了對(duì)于表情翻新改版的項(xiàng)目。
 
XDC干貨|雪球表情升級(jí)全紀(jì)錄
 
 
現(xiàn)狀&問(wèn)題
通過(guò)對(duì)當(dāng)前狀況進(jìn)行系統(tǒng)梳理,我們發(fā)現(xiàn)了一些存在的問(wèn)題。
 
XDC干貨|雪球表情升級(jí)全紀(jì)錄
 
 
 
1.設(shè)計(jì)風(fēng)格陳舊,不易識(shí)別表現(xiàn)力弱:
目前線上雪球表情風(fēng)格老舊,視覺(jué)表達(dá)不符合當(dāng)下設(shè)計(jì)潮流趨勢(shì);由于表情是白色在行文中表現(xiàn)力不足且不易被用戶識(shí)別,因而趣味性表達(dá)的作用不夠凸顯。
XDC干貨|雪球表情升級(jí)全紀(jì)錄
 
 
 
2.缺乏股票基金場(chǎng)景的情緒表達(dá)
社區(qū)場(chǎng)景中有大量的股票基金的討論和相關(guān)內(nèi)容的情緒表達(dá),而目前表情體系中缺乏此類表達(dá)或表達(dá)不夠生動(dòng)。
比如「關(guān)燈吃面」和「割肉」,在行文中一眼能識(shí)別到視覺(jué)主體是表情臉,而“吃面”和“割肉”的語(yǔ)義沒(méi)有生動(dòng)的體現(xiàn)出來(lái);還比如「跳水」又太具象和寫實(shí),少了表情的趣味性。
XDC干貨|雪球表情升級(jí)全紀(jì)錄
 
 
 
3.沒(méi)有將雪球的新IP融入表情
雪球誕生了新的IP“呦呦”,表情的體系非常適合融入IP向的內(nèi)容,將IP表情化也更利于IP的推廣和品牌的傳播。
XDC干貨|雪球表情升級(jí)全紀(jì)錄
 
 
 
XDC干貨|雪球表情升級(jí)全紀(jì)錄
 
 
視覺(jué)風(fēng)格探索
1.雪球用戶特征
設(shè)計(jì)風(fēng)格需要根據(jù)平臺(tái)用戶特征進(jìn)行確定。開始設(shè)計(jì)之前,我們先看看雪球用戶大概是什么樣的。
XDC干貨|雪球表情升級(jí)全紀(jì)錄
 
 
雪球的主要用戶為男性且集中在30-50歲左右,所以在視覺(jué)表現(xiàn)上盡量避免女性化或低齡化的風(fēng)格。
2.視覺(jué)風(fēng)格探索
風(fēng)格確定
舊版的表情蒼白,雖然細(xì)節(jié)很多但在行文中難以識(shí)別,本次改版重要任務(wù)之一是改版新的視覺(jué)風(fēng)格。emoji是最被用戶熟知的表情體系,我們決定新版向傳統(tǒng)黃臉emoji表情靠攏。大方向定了,但還需要確定視覺(jué)感受符合雪球的emoji。最后在兩種視覺(jué)風(fēng)格中我們選擇了視覺(jué)感受偏中性、風(fēng)格扁平的這個(gè)方向,這個(gè)風(fēng)格和雪球用戶特征更契合。
XDC干貨|雪球表情升級(jí)全紀(jì)錄
 
 
 
提升辨識(shí)度
表情在交流中作為非文字的“語(yǔ)言”,其辨識(shí)度至關(guān)重要。表情在行文中的尺寸相對(duì)較小和單個(gè)文字差不多,那么如何保證在文字中依然能一眼讀懂表情?
在對(duì)表情整體風(fēng)格的把控下,需要通過(guò)對(duì)細(xì)節(jié)的打磨和反復(fù)實(shí)驗(yàn),得出更有辨識(shí)度的設(shè)計(jì)方案。保持視覺(jué)扁平,盡量使用簡(jiǎn)潔的幾何圖形,加強(qiáng)顏色對(duì)比度,減少顏色數(shù)量,放大表情特征。通過(guò)以上手段有效的提升了表情的一致性和在行文中的辨識(shí)度。
XDC干貨|雪球表情升級(jí)全紀(jì)錄
 
 
 
XDC干貨|雪球表情升級(jí)全紀(jì)錄
 
 
發(fā)現(xiàn)股民討論語(yǔ)境下的“梗”
本次表情升級(jí)除了對(duì)現(xiàn)有表情進(jìn)行改造升級(jí),還針對(duì)雪球社區(qū)特色進(jìn)行挖掘。
1.挖掘“梗”
前面我們說(shuō)到雪球用戶是集中在30-50歲左右的男性,那么這類人群在社區(qū)中有怎樣的表達(dá)特點(diǎn)呢?
通過(guò)觀察我們發(fā)現(xiàn),在面對(duì)股市的波動(dòng)和不確定性,雪球用戶更喜歡用幽默詼諧的論調(diào)來(lái)調(diào)侃市場(chǎng)以宣泄心中的無(wú)奈和負(fù)面情緒,同時(shí)在波動(dòng)面前展現(xiàn)出一種堅(jiān)韌和自嘲的心態(tài)。我們可以在這種“戲謔調(diào)侃”中挖掘可以視覺(jué)化的情緒和表情。以此作為本次表情升級(jí)的一個(gè)重要方向。
戲謔調(diào)侃的表情有哪些呢?我們挖掘了當(dāng)下網(wǎng)絡(luò)社交流行的表情包和熱詞。回想一下我們是否也經(jīng)常使用類似“地鐵老人看手機(jī)”“黑人問(wèn)號(hào)臉”等網(wǎng)絡(luò)熱圖來(lái)表達(dá)內(nèi)心的復(fù)雜情緒呢。
XDC干貨|雪球表情升級(jí)全紀(jì)錄
 
 
 
在變幻莫測(cè)的股市中,面對(duì)現(xiàn)實(shí)的無(wú)力和不確定,祈福求平靜成了股民表達(dá)情緒舒緩心情的一種方式,比如“敲木魚”“祈求大漲”等儀式感的情境以表情的方式呈現(xiàn),也能一定程度上引起用戶的共鳴。
XDC干貨|雪球表情升級(jí)全紀(jì)錄
 
 
 
2.讓表情“淋漓盡致”
  •  
    微表情盡顯“內(nèi)心戲”
一個(gè)表情里往往蘊(yùn)含不只一種情感,短暫而難以察覺(jué)的面部變化最能傳達(dá)個(gè)體真實(shí)的情感狀態(tài),一個(gè)眼神、嘴唇微動(dòng)等細(xì)微變化,常常表達(dá)出個(gè)體內(nèi)在的真實(shí)狀態(tài)。
在設(shè)計(jì)“大哭”這個(gè)表情時(shí),我們挖掘到大哭背后可能是某種“絕望”,那么觀察下人們絕望時(shí)最大的面部特點(diǎn)是不是空洞的眼神和僵硬的臉?用這樣的微表情和大哭結(jié)合在一起,感受大哭情緒的同時(shí)也傳遞了絕望的內(nèi)心戲。
XDC干貨|雪球表情升級(jí)全紀(jì)錄
 
 
 
  •  
    賺了、虧了一目了然
股票社區(qū)中漲跌是永遠(yuǎn)的話題,市場(chǎng)的漲跌背后牽動(dòng)著的是股民們真金白銀的賬戶。“虧大了”和“暴富”這兩個(gè)表情很生動(dòng)的表達(dá)了用戶盈虧的兩種處境,但原有表情的視覺(jué)表達(dá)過(guò)于保守和隱晦。要讓用戶一眼看到就產(chǎn)生共鳴,紅綠色是最直觀的漲跌信號(hào),我們把這種語(yǔ)義和表情結(jié)合,“虧大了”除了表情沮喪還得加點(diǎn)綠色烘托氛圍,“暴富”的喜悅中再加上紅包加持情緒。
 
XDC干貨|雪球表情升級(jí)全紀(jì)錄
 
 
  •  
    戲劇化表達(dá)
在某些極端情緒上我們還嘗試打破舊表情的禁錮,用更加生動(dòng)夸張的方式呈現(xiàn)。比如“絕望”,只靠面部表情似乎無(wú)法充分的表達(dá),所以我們營(yíng)造了簡(jiǎn)單的環(huán)境和肢體動(dòng)作, 一個(gè)癱在墻角雙目無(wú)神的小黃臉,絕望的形象躍然紙上。
XDC干貨|雪球表情升級(jí)全紀(jì)錄
 
 
3.股票專屬“梗”
雪球社區(qū)里有一些獨(dú)特的表情,比如“關(guān)燈吃面”,它是雪球老用戶傳承的經(jīng)典梗;還有諸如跳水、割肉、抄底、滿倉(cāng)等股票術(shù)語(yǔ)梗也頗受歡迎。升級(jí)優(yōu)化這類表情的同時(shí)我們小開腦洞在原有基礎(chǔ)上增加了“好基友”等新梗,讓股民表達(dá)更豐富有趣。
XDC干貨|雪球表情升級(jí)全紀(jì)錄
 
 
XDC干貨|雪球表情升級(jí)全紀(jì)錄
 
 
IP表情化
去年雪球誕生了自己的IP“YOYO”,此次表情升級(jí)正好可以將IP表情化,在平臺(tái)應(yīng)用和傳播。
YOYO所代表的品牌語(yǔ)義
1.福祿壽:因其原型是馴鹿,取福祿壽之意,代表財(cái)富;
2.溫暖陪伴&服務(wù)感:馴鹿具備天生的陪伴和服務(wù)感,與雪球強(qiáng)調(diào)的品牌服務(wù)感相契合。
XDC干貨|雪球表情升級(jí)全紀(jì)錄
 
 
 
YOYO品牌語(yǔ)義表情化
根據(jù)YOYO的兩種品牌語(yǔ)義,我們分別開腦洞。
哪些意向和財(cái)富相關(guān)呢?我們找到“錦鯉”“招財(cái)貓”“金元寶”,這些元素和表情相結(jié)合形成財(cái)富類表達(dá);那么陪伴和服務(wù)感我們使用“抱抱”、“打call”這類溫暖鼓勵(lì)意向的肢體語(yǔ)言來(lái)和YOYO結(jié)合傳達(dá)。
XDC干貨|雪球表情升級(jí)全紀(jì)錄
 
 
 
寫在最后
此次表情改版我們不僅從視覺(jué)和交互體驗(yàn)角度進(jìn)行優(yōu)化升級(jí),還通過(guò)挖掘平臺(tái)特征、用戶特征來(lái)探索表情更豐富的表達(dá)和更深層語(yǔ)義。通過(guò)本次升級(jí)希望助力雪球社區(qū)的互動(dòng)性、豐富性、趣味性。引發(fā)用戶共鳴和更積極的互動(dòng),建立更強(qiáng)大的社區(qū)鏈接。
XDC干貨|雪球表情升級(jí)全紀(jì)錄
 
 
 
內(nèi)容指導(dǎo) | @Zway @默默
內(nèi)容寫作|@潔潔
排版編輯&優(yōu)化 | @丸子
 
 
 


作者:雪球設(shè)計(jì)中心XDC
鏈接:https://www.zcool.com.cn/article/ZMTYwOTE0OA==.html
來(lái)源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

XDC干貨 | 如何用服務(wù)思維做體驗(yàn)升級(jí)?

前端達(dá)人

本文旨在分享從私募服務(wù)旅程著手,講述如何用服務(wù)思維去重構(gòu)金融品類服務(wù)動(dòng)線,從全鏈路角度梳理服務(wù)容器的價(jià)值表達(dá),提升服務(wù)效率,讓用戶感知到服務(wù),推動(dòng)設(shè)計(jì)落地實(shí)現(xiàn)。

 

 

 

 

前言:金融產(chǎn)品設(shè)計(jì)為什么引入服務(wù)思維?

金融行業(yè)特點(diǎn)

金融品類交易中,客戶和平臺(tái)產(chǎn)品再也不是「決策-購(gòu)買-結(jié)束」這種買完即走的關(guān)系,產(chǎn)品體驗(yàn)路徑貫穿投前-中-后、線下后臺(tái),用戶體驗(yàn)鏈路漫長(zhǎng)且復(fù)雜。尤其是私募品類,百萬(wàn)起投的用戶門檻極高,高凈值人群的需求更加千人千面,給體驗(yàn)升級(jí)帶來(lái)很大的難題:

·渠道,產(chǎn)品不斷趨同,如何讓高凈值客戶選擇你?為什么在雪球買私募?我們可以提供什么樣的服務(wù)?如何縮短服務(wù)路徑提升獲客效率?

·私募品類理解、購(gòu)買門檻極高,內(nèi)容及優(yōu)勢(shì)難以讓用戶感知,用戶幾乎無(wú)法獨(dú)立完成購(gòu)買流程。

·高凈值用戶需求千人千面,如何精準(zhǔn)服務(wù)用戶和個(gè)性化服務(wù)?

除了金融產(chǎn)品本身之外,平臺(tái)服務(wù)能力很大程度決定了客戶的體驗(yàn)和選擇;除了客戶的使用體驗(yàn)、交易體驗(yàn),服務(wù)體驗(yàn)是后續(xù)增長(zhǎng)的核心關(guān)鍵點(diǎn)。所以如何讓用戶在雪球感知服務(wù)?如何把我們的好服務(wù)做顯性化表達(dá)?我們的產(chǎn)品架構(gòu)交互路徑應(yīng)該怎么去做?是體驗(yàn)側(cè)需要亟待解決的問(wèn)題。

 

 

先來(lái)看看用戶眼中的好服務(wù)

既然要提升產(chǎn)品的服務(wù)體驗(yàn),那用戶希望提供什么樣的服務(wù)?什么是用戶眼中的好服務(wù)?雪球買私募有啥優(yōu)勢(shì)?

“多數(shù)受訪者不知道財(cái)富顧問(wèn)可以做什么,不知道雪球買私募有什么優(yōu)勢(shì)”
“多數(shù)受訪者需要某種形式的推薦,自己很難選出各方面都滿足自己要求的私募”
“越資淺的受訪者,對(duì)財(cái)富顧問(wèn)需要的程度越高”
-引用自雪球私募用戶訪談

 

通過(guò)私募用戶訪談,我們發(fā)現(xiàn)用戶眼中的好服務(wù)是專業(yè)性強(qiáng)、立場(chǎng)中立、有溫度、持續(xù)陪伴的,所以我們應(yīng)該

·把平臺(tái)服務(wù)價(jià)值外顯、更具象的展現(xiàn)財(cái)富顧問(wèn)專業(yè)能力

·為財(cái)富顧問(wèn)提供更高效的管理工具

 

 

如何用服務(wù)思維做體驗(yàn)升級(jí)?

再來(lái)看看服務(wù)思維是什么?

是一種跨學(xué)科的思維方式,是用全局化、系統(tǒng)化的視角看待問(wèn)題,通過(guò)對(duì)一段服務(wù)過(guò)程中的觸點(diǎn)體驗(yàn)進(jìn)行系統(tǒng)、有組織地挖掘優(yōu)化,用設(shè)計(jì)思維去解決實(shí)際場(chǎng)景里的人與人的關(guān)系。
-引用Interaction Design Foundation

 

 

三個(gè)方向

服務(wù)體驗(yàn)升級(jí)的切入點(diǎn)我們可以抽象為3個(gè)方向:

01.產(chǎn)品服務(wù)化

以用戶為中心,基于用戶旅程去做創(chuàng)新;從被動(dòng)響應(yīng)到主動(dòng)服務(wù),是人到人的服務(wù)

02.服務(wù)品牌化

有序的把各個(gè)觸點(diǎn)串聯(lián),打造有識(shí)別性,連貫統(tǒng)一、感知強(qiáng)的服務(wù)體驗(yàn)

03.服務(wù)產(chǎn)品化

把服務(wù)標(biāo)準(zhǔn)化、規(guī)范化、打包成具體的產(chǎn)品,實(shí)現(xiàn)快速?gòu)?fù)制

 

 

 

設(shè)計(jì)動(dòng)作

01.服務(wù)動(dòng)線重構(gòu)

私募產(chǎn)品的購(gòu)買門檻高,用戶從作出購(gòu)買決策到完成購(gòu)買的鏈路非常長(zhǎng),我們希望客戶通過(guò)與“財(cái)富顧問(wèn)”建立連接,來(lái)輔助用戶完成購(gòu)買前-中-后的整條鏈路;以及幫助財(cái)富顧問(wèn)提升效率,為后續(xù)的交易轉(zhuǎn)化帶來(lái)各種交易線索。在體驗(yàn)升級(jí)最開始的階段,我們嘗試在強(qiáng)調(diào)按鈕操作,獨(dú)立優(yōu)化預(yù)約建聯(lián)頁(yè)面信息布局等做了很多次的迭代升級(jí),數(shù)據(jù)并不理想,并沒(méi)有提升用戶建聯(lián)率,需要跳出固有思維,從服務(wù)思維視角出發(fā),基于用戶旅程優(yōu)先迭代人到人的服務(wù)。

 

從被動(dòng)等待變主動(dòng)服務(wù)

從用戶需被動(dòng)等待財(cái)富顧問(wèn)聯(lián)系轉(zhuǎn)換為主動(dòng)添加財(cái)富顧問(wèn);縮短觸達(dá)鏈路,通過(guò)跨端跳端的體驗(yàn)去幫助用戶簡(jiǎn)化流程鏈路。

 

 

 


補(bǔ)齊服務(wù)場(chǎng)景缺口

服務(wù)缺口是用戶對(duì)服務(wù)的期待或需求和實(shí)際接受到的服務(wù)之間的落差(也是一個(gè)服務(wù)設(shè)計(jì)分析模型,用來(lái)探討服務(wù)為什么發(fā)生),在設(shè)計(jì)探索階段,我們可以梳理服務(wù)缺口,去找到設(shè)計(jì)切入點(diǎn)。

我們?cè)谥貥?gòu)的時(shí)候發(fā)現(xiàn),用戶僅在投中場(chǎng)景(私募詳情頁(yè))才能聯(lián)系到財(cái)富顧問(wèn),用戶在發(fā)現(xiàn)場(chǎng)景下遇到類私募這種高門檻產(chǎn)品及內(nèi)容時(shí)是急需一個(gè)觸點(diǎn)去咨詢財(cái)富顧問(wèn)的-即在發(fā)現(xiàn)決策場(chǎng)景的溝通缺口缺失,所以我們?cè)谒侥加脩舾哳l鏈路上都進(jìn)行了服務(wù)容器的補(bǔ)齊。

 

 

02.服務(wù)價(jià)值顯性化

我們?cè)谠L談私募用戶的時(shí)候,很多客戶都會(huì)提到雪球財(cái)富顧問(wèn)的服務(wù)好,態(tài)度中立不營(yíng)銷;以及客戶希望提供更豐富的產(chǎn)品,但其實(shí)雪球私募的產(chǎn)品數(shù)量、品類是豐富的。

37.5%的私募意向用戶會(huì)在選擇平臺(tái)時(shí)選擇推銷感弱,能站在客戶角度的平臺(tái);在訪談中,用戶對(duì)雪球財(cái)富顧問(wèn)的中立立場(chǎng),弱營(yíng)銷感有較強(qiáng)感知
-引用自雪球私募用戶畫像報(bào)告

 

但我們并沒(méi)有把雪球的服務(wù)優(yōu)勢(shì)在前端傳遞給用戶,也從未系統(tǒng)性梳理過(guò)雪球私募品牌在用戶整條鏈路的信息和表達(dá),所以我們給用戶傳遞的界面、視覺(jué)、文案是雜亂無(wú)章的。

我們需要自上而下的去明確我們的服務(wù)價(jià)值主張是什么,然后自下而上的從視覺(jué)設(shè)計(jì)、文案表達(dá)、交互等把我們服務(wù)價(jià)值在用戶消費(fèi)場(chǎng)景去做顯性化透?jìng)?/strong>。

 

藍(lán)藍(lán)設(shè)計(jì)(www.88yangsc.com )是一家專注而深入的界面設(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。

關(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ā)



作者:雪球設(shè)計(jì)中心XDC
鏈接:https://www.zcool.com.cn/article/ZMTYwMzgxMg==.html
來(lái)源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

藍(lán)藍(lán)設(shè)計(jì)作品:B端軟件首頁(yè)2種設(shè)計(jì)風(fēng)格

前端達(dá)人

hello,大家好!今天藍(lán)藍(lán)要介紹的是我們近期的作品,兩種不同風(fēng)格的B端產(chǎn)品平臺(tái)首頁(yè),一起來(lái)欣賞吧!

方案一:駕駛艙風(fēng)格 采用駕駛艙形式,以生產(chǎn)為主的業(yè)務(wù),使用戶可以更直觀,更全面地了解企業(yè)中所有指標(biāo)的具體情況,以便快速做出決策。整體顯示更為重要的實(shí)時(shí)數(shù)據(jù),監(jiān)控掌握大局觀,及時(shí)對(duì)有問(wèn)題的數(shù)據(jù)進(jìn)行及時(shí)處理,板塊區(qū)分明顯,更方便找到相關(guān)數(shù)據(jù)。

方案二:平臺(tái)主頁(yè)風(fēng)格 在初步調(diào)研產(chǎn)品框架的基礎(chǔ)上,系統(tǒng)首頁(yè)重構(gòu)信息組織架構(gòu),豐富信息和數(shù)據(jù),根據(jù)不同權(quán)限可調(diào)整頁(yè)面信息增加辦公效率。設(shè)計(jì)風(fēng)格采用簡(jiǎn)約的設(shè)計(jì)語(yǔ)言,模塊化布局,方圓并構(gòu)的設(shè)計(jì)模式,界面強(qiáng)調(diào)可復(fù)用性和通用性,配色采用品牌色,品牌融合度高。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

#ui設(shè)計(jì)

#B端產(chǎn)品 #UI界面設(shè)計(jì) #設(shè)計(jì)案例分享 #北京ui設(shè)計(jì)公司 #ui設(shè)計(jì)

藍(lán)藍(lán)設(shè)計(jì)(www.88yangsc.com )是一家專注而深入的界面設(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ù)

關(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ā)

藍(lán)藍(lán)設(shè)計(jì)(www.88yangsc.com )是一家專注而深入的界面設(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。

關(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ā)

原創(chuàng)作品案例:醫(yī)療電子病歷界面設(shè)計(jì) —藍(lán)藍(lán)UI設(shè)計(jì)

前端達(dá)人

 

 

 

 

 

 

今天分享原創(chuàng)作品案例:醫(yī)療電子病歷界面設(shè)計(jì),

這是一個(gè)我們公司的設(shè)計(jì)師對(duì)自己理解自由發(fā)揮的界面設(shè)計(jì)概念稿,有此類需求的企業(yè),歡迎和我們聯(lián)系01063334945。

我們公司可以對(duì)外公開的界面設(shè)計(jì)不是特別多。

公司官網(wǎng)www.88yangsc.com 上面有一些。

#后臺(tái)界面設(shè)計(jì)欣賞 #界面設(shè)計(jì)靈感 #設(shè)計(jì)外包 #UI設(shè)計(jì)公司 #b端設(shè)計(jì)接單 #B端設(shè)計(jì) #電子病歷系統(tǒng)

#醫(yī)療軟件

藍(lán)藍(lán)設(shè)計(jì)(www.88yangsc.com )是一家專注而深入的界面設(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ù)

關(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ā)

 

看完這篇萬(wàn)字文章,你也能繪制用戶體驗(yàn)地圖

前端達(dá)人

各位總監(jiān)不好意思拖更這么久
用戶體驗(yàn)地圖
一個(gè)目前作品集里常在的工具
希望這篇文章給你不一樣的思路~
 
書籍參考
《簡(jiǎn)約至上》-賈爾斯·科爾伯恩
《體驗(yàn)文化》-胡曉
《視覺(jué)之外·全鏈路ui設(shè)計(jì)思維提升的培養(yǎng)與提升》-黃方聞
《用戶體驗(yàn)要素》-杰西·詹姆斯·加特勒
看完這篇萬(wàn)字文章,你也能繪制用戶體驗(yàn)地圖
 
 
收藏
看完這篇萬(wàn)字文章,你也能繪制用戶體驗(yàn)地圖
 
 
收藏
看完這篇萬(wàn)字文章,你也能繪制用戶體驗(yàn)地圖
 
 
收藏
看完這篇萬(wàn)字文章,你也能繪制用戶體驗(yàn)地圖
 
 
收藏
看完這篇萬(wàn)字文章,你也能繪制用戶體驗(yàn)地圖
 
 
收藏
看完這篇萬(wàn)字文章,你也能繪制用戶體驗(yàn)地圖
 
 
收藏
看完這篇萬(wàn)字文章,你也能繪制用戶體驗(yàn)地圖
 
 
收藏
看完這篇萬(wàn)字文章,你也能繪制用戶體驗(yàn)地圖
 
 
收藏
看完這篇萬(wàn)字文章,你也能繪制用戶體驗(yàn)地圖
 
 
收藏
看完這篇萬(wàn)字文章,你也能繪制用戶體驗(yàn)地圖

藍(lán)藍(lán)設(shè)計(jì)(www.88yangsc.com )是一家專注而深入的界面設(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。

關(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/work/ZNjU2MTI3NDg=.html
來(lái)源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

從用戶體驗(yàn)到細(xì)節(jié)之美:移動(dòng)端彈窗設(shè)計(jì)

博博

在當(dāng)今的移動(dòng)應(yīng)用設(shè)計(jì)中,彈窗作為一種重要的交互元素,對(duì)于提升用戶體驗(yàn)和增強(qiáng)應(yīng)用的可用性具有舉足輕重的作用。然而,彈窗設(shè)計(jì)并非簡(jiǎn)單的堆砌信息,它需要考慮到用戶的使用習(xí)慣、心理預(yù)期以及操作流程等多個(gè)方面。因此,如何設(shè)計(jì)出優(yōu)秀的移動(dòng)端彈窗,成為了一個(gè)值得探討的話題。
本文旨在為設(shè)計(jì)師們提供一份全面的移動(dòng)端彈窗設(shè)計(jì)指南。我們將從彈窗的定義與重要性、類型與使用場(chǎng)景、設(shè)計(jì)原則以及不同場(chǎng)景下的彈窗設(shè)計(jì)等方面進(jìn)行深入探討。希望通過(guò)本文的分享,能夠幫助設(shè)計(jì)師們更好地掌握移動(dòng)端彈窗設(shè)計(jì)的技巧,提升應(yīng)用的用戶體驗(yàn)。
從用戶體驗(yàn)到細(xì)節(jié)之美:移動(dòng)端彈窗設(shè)計(jì)
 
 
從用戶體驗(yàn)到細(xì)節(jié)之美:移動(dòng)端彈窗設(shè)計(jì)
 
 
彈窗是用戶界面中的一種重要元素,它是一種臨時(shí)性的、可交互的窗口,用于向用戶展示信息、提示、警告或提供額外的功能。在移動(dòng)應(yīng)用中,彈窗通常用于在用戶執(zhí)行某些操作或觸發(fā)某些事件時(shí)提供反饋或額外的信息。
彈窗設(shè)計(jì)的好壞直接影響到用戶體驗(yàn)和應(yīng)用的易用性。一個(gè)好的彈窗設(shè)計(jì)能夠提供清晰、簡(jiǎn)潔、易于理解的信息,同時(shí)不會(huì)干擾用戶的操作流程。而一個(gè)不好的彈窗設(shè)計(jì)可能會(huì)讓用戶感到困惑或不便,甚至可能導(dǎo)致誤操作。
從用戶體驗(yàn)到細(xì)節(jié)之美:移動(dòng)端彈窗設(shè)計(jì)
 
 
從用戶體驗(yàn)到細(xì)節(jié)之美:移動(dòng)端彈窗設(shè)計(jì)
 
 
1、阻斷式彈窗
模態(tài)彈窗是一種需要用戶進(jìn)行響應(yīng)的彈窗。它通常會(huì)覆蓋整個(gè)屏幕,并阻止用戶進(jìn)行其他操作,直到用戶對(duì)彈窗做出響應(yīng)。打斷用戶當(dāng)前的操作流程,屬于強(qiáng)勢(shì)的干擾行為,通常用于需要用戶確認(rèn)或選擇的操作,例如刪除數(shù)據(jù)、確認(rèn)操作等。
從用戶體驗(yàn)到細(xì)節(jié)之美:移動(dòng)端彈窗設(shè)計(jì)
 
 
2、非阻斷式彈窗
非模態(tài)彈窗是一種不會(huì)覆蓋整個(gè)屏幕的彈窗。它通常會(huì)以小窗口的形式出現(xiàn)在屏幕的一角或下方,用于提供一些簡(jiǎn)短的信息提示或警告。是一種輕量級(jí)的反饋,不會(huì)對(duì)用戶流程產(chǎn)生干擾,同時(shí)又給了用戶反饋和信息。并且有時(shí)間限制,在一定時(shí)間里自動(dòng)消失。不需要用戶進(jìn)行點(diǎn)擊操作,只需要讓用戶看到即可,常見的非模態(tài)彈窗包括Toast提示框、Snackbar提示對(duì)話框等。
從用戶體驗(yàn)到細(xì)節(jié)之美:移動(dòng)端彈窗設(shè)計(jì)
 
 
從用戶體驗(yàn)到細(xì)節(jié)之美:移動(dòng)端彈窗設(shè)計(jì)
 
 
1、彈窗設(shè)計(jì)尺寸定義
移動(dòng)UI彈窗的設(shè)計(jì)尺寸通常取決于多個(gè)因素,通常需要考慮設(shè)備的屏幕尺寸和分辨率。以下是一些常見的移動(dòng)端彈窗設(shè)計(jì)尺寸定義規(guī)范:
① 彈窗寬度
在移動(dòng)設(shè)備上,彈窗的寬度通常會(huì)與設(shè)備屏幕寬度相適應(yīng)。因此,彈窗的寬度可以設(shè)置為設(shè)備屏幕寬度的80%至90%,這樣可以確保彈窗在不同屏幕尺寸上都能良好地展示。
從用戶體驗(yàn)到細(xì)節(jié)之美:移動(dòng)端彈窗設(shè)計(jì)
 
 
② 彈窗高度
移動(dòng)端彈窗的高度應(yīng)該根據(jù)內(nèi)容的多少進(jìn)行自適應(yīng),但要避免過(guò)高導(dǎo)致用戶需要滾動(dòng)查看。通常建議彈窗的最大高度不超過(guò)設(shè)備屏幕高度的80%。
從用戶體驗(yàn)到細(xì)節(jié)之美:移動(dòng)端彈窗設(shè)計(jì)
 
 
③ 按鈕大小
在移動(dòng)端彈窗中,按鈕的大小應(yīng)該足夠大,以便用戶能夠輕松點(diǎn)擊。按鈕的大小一般建議在44px至56px之間,同時(shí)保持足夠的間距,避免誤觸。
從用戶體驗(yàn)到細(xì)節(jié)之美:移動(dòng)端彈窗設(shè)計(jì)
 
 
④ 字體大小
移動(dòng)端彈窗中的字體大小應(yīng)該適中,既要保證內(nèi)容的可讀性,又要避免過(guò)大或過(guò)小導(dǎo)致視覺(jué)上的不適。通常建議標(biāo)題字體大小在16px至20px之間,正文字體大小在14px至16px之間。
從用戶體驗(yàn)到細(xì)節(jié)之美:移動(dòng)端彈窗設(shè)計(jì)
 
 
這些尺寸定義規(guī)范可以幫助我們?cè)谝苿?dòng)設(shè)備上創(chuàng)建具有良好用戶體驗(yàn)的彈窗。然而,需要注意的是,這些規(guī)范并非絕對(duì),在實(shí)際設(shè)計(jì)中還需要根據(jù)具體需求和場(chǎng)景進(jìn)行調(diào)整。同時(shí),考慮到不同設(shè)備和操作系統(tǒng)的差異,還需要進(jìn)行充分的測(cè)試和調(diào)整,以確保彈窗在各種情況下都能提供最佳的用戶體驗(yàn)。
 
2、彈窗設(shè)計(jì)版式
彈窗的版式設(shè)計(jì)可以根據(jù)需求進(jìn)行多種多樣的變化,但一般來(lái)說(shuō),以下幾種版式設(shè)計(jì)是比較常見的:
① 文字列表框
在頁(yè)面底部出現(xiàn),以簡(jiǎn)潔的功能描述性文字展示功能按鈕,敏感的功能操作一般顏色字體標(biāo)出。
從用戶體驗(yàn)到細(xì)節(jié)之美:移動(dòng)端彈窗設(shè)計(jì)
 
 
在進(jìn)行此類彈窗設(shè)計(jì)時(shí),有幾個(gè)關(guān)鍵要點(diǎn)需要特別關(guān)注:
首先,文案必須簡(jiǎn)潔明了,直接傳達(dá)核心信息。避免使用冗長(zhǎng)或復(fù)雜的措辭,以免用戶產(chǎn)生困惑。
從用戶體驗(yàn)到細(xì)節(jié)之美:移動(dòng)端彈窗設(shè)計(jì)
 
 
其次,為了突出核心內(nèi)容,可以采用一些視覺(jué)上的設(shè)計(jì)技巧,如加粗、變色或增大字體大小。這樣有助于迅速吸引用戶的注意力。
從用戶體驗(yàn)到細(xì)節(jié)之美:移動(dòng)端彈窗設(shè)計(jì)
 
 
在顏色、字體和布局方面,保持一致性至關(guān)重要。這樣可以增強(qiáng)應(yīng)用的品牌識(shí)別度,并為用戶提供更加統(tǒng)一和連貫的體驗(yàn)。
從用戶體驗(yàn)到細(xì)節(jié)之美:移動(dòng)端彈窗設(shè)計(jì)
 
 
再次,對(duì)于包含大量文字信息的彈窗,可讀性是關(guān)鍵。合理使用標(biāo)題、段落和列表來(lái)組織內(nèi)容,避免布局過(guò)于擁擠或空白過(guò)多。這樣可以提高信息的可讀性和易理解性。
從用戶體驗(yàn)到細(xì)節(jié)之美:移動(dòng)端彈窗設(shè)計(jì)
 
 
最后,考慮彈窗在不同尺寸屏幕上的適應(yīng)性是必要的。通過(guò)合理的設(shè)計(jì)布局和響應(yīng)式設(shè)計(jì),確保彈窗在實(shí)際使用中的顯示效果和用戶體驗(yàn)不受屏幕尺寸的影響。
從用戶體驗(yàn)到細(xì)節(jié)之美:移動(dòng)端彈窗設(shè)計(jì)
 
 
② 圖文排列
當(dāng)功能按鈕數(shù)量很多的時(shí)候,將文字和圖片按照一定的排列方式組合在一起,以吸引用戶的注意力并傳達(dá)信息。這種樣式下需要注意彈窗內(nèi)各功能按鈕的UI設(shè)計(jì)和排列布局。
以下是一些常見的圖文排列類型的彈窗設(shè)計(jì)方式:
2.1 文字居中,圖片居側(cè)
這種方式將文字居中顯示,而圖片則位于文字的一側(cè)。這種設(shè)計(jì)方式常用于一些需要強(qiáng)調(diào)文字信息的彈窗,例如確認(rèn)框或者提示框。
從用戶體驗(yàn)到細(xì)節(jié)之美:移動(dòng)端彈窗設(shè)計(jì)
 
 
2.2 圖片居中,文字居側(cè)
這種方式將圖片居中顯示,而文字則位于圖片的一側(cè)。這種設(shè)計(jì)方式常用于一些需要展示圖片的彈窗,例如相冊(cè)或者圖片查看器。
從用戶體驗(yàn)到細(xì)節(jié)之美:移動(dòng)端彈窗設(shè)計(jì)
 
 
2.3 文字在下方,圖片在上方
這種方式將文字放置在圖片的下方,以增強(qiáng)文字與圖片的聯(lián)系。這種設(shè)計(jì)方式常用于一些需要展示產(chǎn)品或者文章的彈窗,例如產(chǎn)品詳情頁(yè)或者新聞?wù)?/div>
從用戶體驗(yàn)到細(xì)節(jié)之美:移動(dòng)端彈窗設(shè)計(jì)
 
 
2.4 文字和圖片交錯(cuò)排列
這種方式將文字和圖片交錯(cuò)排列在一起,以增強(qiáng)信息的層次感和視覺(jué)沖擊力。這種設(shè)計(jì)方式常用于一些需要展示多個(gè)信息的彈窗,例如表單或者調(diào)查問(wèn)卷。
從用戶體驗(yàn)到細(xì)節(jié)之美:移動(dòng)端彈窗設(shè)計(jì)
 
 
無(wú)論采用哪種圖文排列類型的彈窗設(shè)計(jì)方式,都需要注重文字和圖片的協(xié)調(diào)性和統(tǒng)一感,以保證彈窗的整體美觀度和易用性。同時(shí),還需要根據(jù)具體的彈窗類型和目的來(lái)選擇合適的設(shè)計(jì)方式,以便更好地傳遞信息并吸引用戶的注意力。
 
③ 選擇列表框
用選項(xiàng)代替了功能按鈕,這種設(shè)計(jì)方式的好處是減少了功能流程中的頁(yè)面跳轉(zhuǎn),但如果選項(xiàng)很多而且描述文字較多的時(shí)候,還是設(shè)計(jì)成選項(xiàng)詳情頁(yè)更好些。
以下是一些常見的選擇列表框的類型:
3.1 單選列表框
這種方式只允許用戶選擇一個(gè)選項(xiàng),常用于一些需要用戶做出唯一選擇的場(chǎng)景,例如性別選擇、國(guó)家選擇等。
從用戶體驗(yàn)到細(xì)節(jié)之美:移動(dòng)端彈窗設(shè)計(jì)
 
 
3.2 多選列表框
這種方式允許用戶選擇多個(gè)選項(xiàng),常用于一些需要用戶做出多個(gè)選擇的場(chǎng)景,例如定制化需求、標(biāo)簽選擇等。
從用戶體驗(yàn)到細(xì)節(jié)之美:移動(dòng)端彈窗設(shè)計(jì)
 
 
3.3 下拉列表框
這種方式將所有選項(xiàng)折疊在一個(gè)下拉列表中,用戶可以通過(guò)滑動(dòng)或者點(diǎn)擊來(lái)查看并選擇選項(xiàng)。這種設(shè)計(jì)方式常用于一些需要節(jié)省空間或者隱藏復(fù)雜選項(xiàng)的場(chǎng)景。
從用戶體驗(yàn)到細(xì)節(jié)之美:移動(dòng)端彈窗設(shè)計(jì)
 
 
3.4 彈出式列表框
這種方式將選項(xiàng)以彈出式的方式展示在彈窗中,用戶可以通過(guò)點(diǎn)擊來(lái)查看并選擇選項(xiàng)。這種設(shè)計(jì)方式常用于一些需要快速選擇的場(chǎng)景,例如快捷菜單、操作菜單等。
從用戶體驗(yàn)到細(xì)節(jié)之美:移動(dòng)端彈窗設(shè)計(jì)


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

藍(lán)藍(lán)設(shè)計(jì)(www.88yangsc.com )是一家專注而深入的界面設(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。

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

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

B端組件設(shè)計(jì)如何支撐產(chǎn)品體驗(yàn),什么樣的界面算好用

博博

用戶覺(jué)得軟件不好用通常是由于操作界面不符合常識(shí),交互邏輯出人意料導(dǎo)致的。用什么樣的設(shè)計(jì)來(lái)支撐產(chǎn)品體驗(yàn)值得我們深入的思考。

什么樣的界面算好用?

用戶覺(jué)得軟件不好用通常是由于操作界面不符合常識(shí),交互邏輯出人意料導(dǎo)致的。

這里我們要引入三個(gè)模型的概念:實(shí)現(xiàn)模型,心理模型和呈現(xiàn)模型。

 

 

 

設(shè)計(jì)師要理解業(yè)務(wù)訴求?

用戶是真的想要一匹很快的馬嗎?或許吧。

 

 

 

 

然后福特就發(fā)明了汽車,很好的滿足了的客戶的需求。

嗯!這個(gè)可能是一個(gè)很好的滿足了這個(gè)客戶以及一群客戶的需求。

這個(gè)故事告訴我們,我們需要挖掘客戶真正想要的東西,而不是停留在現(xiàn)有客戶所說(shuō)事物的表面,傻傻去找一匹很快的“馬”。

接到需求后產(chǎn)品經(jīng)理一般會(huì)在PRD評(píng)審時(shí)向設(shè)計(jì)側(cè)講解需求背景和功能邏輯,在這個(gè)階段我們可以了解到產(chǎn)品經(jīng)理規(guī)劃中的用戶流程和使用方式。產(chǎn)品原型呈現(xiàn)的只是無(wú)數(shù)解決方案中的一種,了解了業(yè)務(wù)訴求再回顧原型方案,經(jīng)??梢詭?lái)全新的視野,并由此推導(dǎo)設(shè)計(jì)方案。

 

下面我們就看下如何從組件,結(jié)構(gòu),功能,狀態(tài)幾個(gè)層面解決設(shè)計(jì)問(wèn)題。

 

一.明確功能用途

1.1 信達(dá)雅的文案

文案是界面的重要構(gòu)成,卻是界面設(shè)計(jì)中最不被重視的一部分。很多軟件之所以用起來(lái)有一層朦朧的隔閡感,罪魁禍?zhǔn)拙褪腔逎奈陌?。?jiǎn)單的糾正文案可能會(huì)帶來(lái)煥然一新的使用感受。

  • 信:語(yǔ)義準(zhǔn)確,明確事件的主體客體。
  • 達(dá):避免無(wú)效或重復(fù)文案,減少被動(dòng)語(yǔ)態(tài),簡(jiǎn)潔通順地進(jìn)行描述。
  • 雅:優(yōu)雅且有涵養(yǎng)地與用戶溝通。
  • 配圖:有些流程或者用詞比較特殊,單用語(yǔ)言難以描述,配上圖一目了然。

 

 

 

1.2 視覺(jué)線索

圖形用戶界面誕生之初,界面元素對(duì)物理世界的模擬是為了便于用戶將現(xiàn)實(shí)中的常識(shí)套用到虛擬界面上:擬物化通過(guò)質(zhì)感暗示用戶界面的交互方式;在扁平化時(shí)代,提供視覺(jué)線索仍然是必要的原則。拿拖拽操作來(lái)說(shuō),首先可以拖動(dòng)的組件上要有把手,暗示可以撿起。組件被拿起來(lái)時(shí)要明顯擴(kuò)大的投影樣式描繪高度,并在列表中顯示一條瞄準(zhǔn)線便于用戶精確定位。

 

 

 

再比如卡片式設(shè)計(jì),和現(xiàn)實(shí)中的卡片相同,它可以明確地劃分出功能和信息的關(guān)系。要注意的是,視覺(jué)分區(qū)越多,頁(yè)面復(fù)雜度越高,設(shè)計(jì)時(shí)需要控制平衡。

 

 

 

1.3 熟悉的組件

用戶點(diǎn)擊下拉選擇器的時(shí)候,自然會(huì)期望在周圍彈開一個(gè)選項(xiàng)浮層,因?yàn)樗麄冇眠^(guò)的所有軟件交互都是這樣。這個(gè)就是習(xí)慣用法范式的應(yīng)用(盡可能套用常規(guī)的交互方式讓軟件的操作容易預(yù)測(cè),用戶理解成本低)。

 

 

然而在常規(guī)組件無(wú)法承載實(shí)際需求時(shí),有必要跳出慣用范式,通過(guò)差異的視覺(jué)樣式給用戶思想準(zhǔn)備。例如一些原型圖中的選擇器使用了下拉的樣式,觸發(fā)的卻是選擇抽屜或者彈窗。這種意外的發(fā)生或多或少會(huì)降低用戶使用時(shí)的信心,因?yàn)樗麄冊(cè)僖膊淮_定點(diǎn)擊下拉后會(huì)發(fā)生什么。通過(guò)特殊與常規(guī)的區(qū)分,其實(shí)也維護(hù)了慣用范式的一致性。

你一定遇到過(guò)這種棘手的原型:頁(yè)面導(dǎo)航又多又深,林林總總地鋪酒在導(dǎo)航區(qū)和功能區(qū),信息密度堪比柯林斯英漢辭典。頁(yè)面導(dǎo)航是界面的基本框架,處理系統(tǒng)的導(dǎo)航方式是頁(yè)面設(shè)計(jì)早期就需要完成的工作。

 

二. 幾種反例

 

 

 

  • 主導(dǎo)航級(jí)數(shù)過(guò)多:視覺(jué)樣式復(fù)雜,操作時(shí)需要頻繁卷展。
  • 內(nèi)容區(qū)頭部導(dǎo)航堆積:用戶先看到的不是內(nèi)容而是導(dǎo)航,瀏覽效率較低
  • 橫向?qū)Ш椒峙洳缓侠恚翰缓侠淼慕Y(jié)構(gòu)會(huì)影響視線掃描和點(diǎn)選,且空間利用率低。以圖中的結(jié)構(gòu)為例,一級(jí)導(dǎo)航下不一定都會(huì)有二級(jí)或三級(jí)導(dǎo)航,就會(huì)導(dǎo)致頁(yè)面版式差異過(guò)大。

 

2.1 控制一級(jí)導(dǎo)航深度

一級(jí)導(dǎo)航過(guò)深時(shí),有必要進(jìn)行降級(jí)。頂欄導(dǎo)航可以向邊欄導(dǎo)航轉(zhuǎn)移。邊欄導(dǎo)航是一級(jí)時(shí),可將最低級(jí)的導(dǎo)航放到內(nèi)容區(qū)吸頂;若層級(jí)仍然不夠用或?qū)Ш綏l目較多,可以再增加一個(gè)縱向?qū)Ш健?/p>

 

 

 

2.2 平衡內(nèi)容區(qū)導(dǎo)航

吸頂導(dǎo)航會(huì)占用內(nèi)容區(qū)的縱向空間,但可以隨時(shí)跳轉(zhuǎn)。

內(nèi)容區(qū)內(nèi)的導(dǎo)航性質(zhì)更類似于篩選,能夠隨內(nèi)容滾,不便于隨時(shí)切換。

頁(yè)簽類型區(qū)別大或是需要切換對(duì)比時(shí),可以將導(dǎo)航吸頂;頁(yè)簽下內(nèi)容形式近似或需要更多瀏覽空間時(shí),可以將導(dǎo)航放在內(nèi)容區(qū)。

 

 

 

2.3 減少空間浪費(fèi)

很多原型會(huì)習(xí)慣性地在頁(yè)面頂部配置一個(gè)頂欄。實(shí)際上里面的商標(biāo),賬戶信息,設(shè)置等功能可以整合到邊欄中,這樣內(nèi)容區(qū)上方會(huì)多一些縱向空間。

 

 

 

三.合理布置功能

3.1分級(jí)展示功能

比如一些的圖表類頁(yè)面主要用于瀏覽而不是編輯,這種情況下將操作隱藏到省略號(hào)或者漢堡菜單中,不僅可以減少信息干擾,還能避免誤操作。

 

 

高級(jí)功能的隱藏很好理解,比如 macOS 的網(wǎng)絡(luò)配置只顯示基礎(chǔ)的連接功能,DNS 配置等高級(jí)操作被整理到了一個(gè)按鈕中。你可以想象如果所有的配置項(xiàng)都展示一個(gè)頁(yè)面,對(duì)于用戶日常聯(lián)網(wǎng)操作會(huì)有多么不友好。

 

 

 

 

 

3.2 拆分功能

除了分級(jí),當(dāng)頁(yè)面或區(qū)域內(nèi)的功能過(guò)于集中時(shí),可以進(jìn)行拆分以降低信息壓力。

分離檢索與查看:列表同時(shí)兼具瀏覽與管理的功能,但在字段眾多,空間有限的情況下,可以選擇其中有代表性的字段在單元行中顯示,便于快速掃描和管理,完整的單元行信息放到下一個(gè)層級(jí)顯示。

 

 

分離表單區(qū)塊:當(dāng)表單存在區(qū)塊表單時(shí),可以只在表單中顯示區(qū)塊的預(yù)覽,將區(qū)塊的新增和配置放到抽屜中進(jìn)行,由此減少功能堆積。

 

 

 

3.3 數(shù)據(jù)的編輯

涉及數(shù)據(jù)編輯的頁(yè)面存在四種設(shè)計(jì)方式,需要綜合考慮表單的數(shù)量,用戶的操作頻次和使用方式來(lái)判斷采用哪種。

查看模式:帶查看模式的頁(yè)面視覺(jué)效果整齊,信息干擾最小,且不會(huì)誤操作。但需要進(jìn)入編輯模式修改頁(yè)面內(nèi)容。

 

 

直接編輯模式:用戶到達(dá)頁(yè)面時(shí),數(shù)據(jù)就可以被修改生效。常見于設(shè)置類頁(yè)面。該模式使用效率最高。但由于容易誤操作且視覺(jué)信息冗雜,不太適合大型表單。

 

 

行內(nèi)編輯模式:頁(yè)面樣式類似查看模式,當(dāng)鼠標(biāo)懸停在數(shù)據(jù)上,界面會(huì)提示用戶此處可以編輯,用戶點(diǎn)擊后可以快速針對(duì)局部數(shù)據(jù)做修改。該模式只適用表單項(xiàng)少的情況。

 

 

實(shí)時(shí)保存:頁(yè)面長(zhǎng)期處于編輯模式,系統(tǒng)會(huì)自動(dòng)保存用戶的操作。常見于線上文檔工具。該模式誤操作風(fēng)險(xiǎn)最高,需要提供版本控制和操作撤回功能。

 

 

 

3.4減輕視覺(jué)壓力

業(yè)務(wù)層面上無(wú)法避免單頁(yè)出現(xiàn)大量表單時(shí),可以在視覺(jué)上分節(jié)。注意!和真正的分步不同,這里的只是從視覺(jué)層面對(duì)頁(yè)面信息進(jìn)行處理,沒(méi)有流程先后的概念,所以盡可能不要拆分頁(yè)面。

以下圖為例,通過(guò)視覺(jué)上的劃分,即使在同一個(gè)頁(yè)面顯示同樣數(shù)量的表單,版面空間的呼吸給予了用戶喘歇的余地。錨點(diǎn)導(dǎo)航是個(gè)錦上添花的控件,空間允許時(shí)可以加上。

 

 

 

四.補(bǔ)救意外情況

4.1空狀態(tài)引導(dǎo)

一個(gè)列表出現(xiàn)空狀態(tài)的可能性有:

 

 

 

  • 確實(shí)沒(méi)有條目:如果能添加的話,可以提示用戶如何添加。
  • 應(yīng)用了過(guò)多篩選器:提示用戶嘗試其他篩選方式或重置篩選器。
  • 加載異常:提示用戶刷新頁(yè)面。

雖然后果一樣,但問(wèn)題本質(zhì)不同,解決方式自然也不同,此時(shí)需要分別給出對(duì)應(yīng)的引導(dǎo)。

 

4.2 異常引導(dǎo)

再?zèng)]有什么比一行“操作失敗”的提示更讓人絕望,用戶不知道哪出了問(wèn)題,也不清楚如何解決。異常流程時(shí)有發(fā)生,此時(shí)系統(tǒng)的引導(dǎo)會(huì)起到至關(guān)重要的作用,它能夠帶用戶走回正軌,減少無(wú)助感。

 

 

 

4.3 標(biāo)明功能不可用的原因

該問(wèn)題的重災(zāi)區(qū)是工具類軟件,用著用著一些功能突然就灰掉了,只能慢慢摸索是哪里的問(wèn)題。功能之所以不可用肯定有個(gè)原因,不論是直接顯示還是鼠標(biāo)懸停時(shí)顯示,有必要要讓用戶明白原由或者如何解決,避免把用戶困在死胡同。

 

 

 

4.4提供幫助

新手教程特別考驗(yàn)用戶的記憶力,尤其是在新接觸軟件的學(xué)習(xí)爬坡階段,而且很難保證在一段時(shí)間不用后,用戶還能記得如何操作。當(dāng)系統(tǒng)引入了晦澀概念或復(fù)雜交互時(shí),最好在該功能周圍提供說(shuō)明,或懸停時(shí)展示 tooltip.使用戶無(wú)需長(zhǎng)期記憶,在用到該功能時(shí)又可以快速上手。

 

 

 

結(jié)語(yǔ)

圖形界面的本質(zhì)是人與機(jī)器交流的語(yǔ)言。與現(xiàn)實(shí)生活一樣,我們傾向與禮貌體貼的對(duì)象溝通。所以下手設(shè)計(jì)時(shí)要盡最大可能從人類的本性出發(fā),才能在業(yè)務(wù)和產(chǎn)品邏輯的限制下,為用戶塑造更具親和力的界面模型。



作者:逸爵
來(lái)源:站酷

 

 

藍(lán)藍(lán)設(shè)計(jì)(www.88yangsc.com )是一家專注而深入的界面設(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。

關(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ā)

日歷

鏈接

個(gè)人資料

存檔