欧美日韩国产女主播|久久青春操无码日韩va国产va|国语自产自偷拍|少妇视频一区在线精品 亚洲中文字幕无码vs色欲_在线观看视频免费国产成人_精品无码久久中文字幕_日韩AV中文字幕网址

首頁(yè)

探索無(wú)限創(chuàng)意:深入U(xiǎn)I設(shè)計(jì)的藝術(shù)與科學(xué)

前端達(dá)人

在數(shù)字時(shí)代的潮流中,用戶界面(UI)設(shè)計(jì)已然成為引領(lǐng)用戶體驗(yàn)(UE)的關(guān)鍵。深入探討UI設(shè)計(jì)的本質(zhì),我們發(fā)現(xiàn)它既是藝術(shù)的表達(dá),也是科學(xué)的探索,是創(chuàng)意與技術(shù)完美交匯的領(lǐng)域。

UI設(shè)計(jì)的雙重本質(zhì)
融合藝術(shù)與科學(xué)

UI設(shè)計(jì)不再僅僅是功能的展示,而是一種對(duì)美學(xué)與人性認(rèn)知的深刻理解。藍(lán)藍(lán)設(shè)計(jì)的團(tuán)隊(duì)將藝術(shù)和科學(xué)相結(jié)合,用色彩、形狀和動(dòng)效,打破創(chuàng)意的邊界,創(chuàng)造出超越期待的用戶體驗(yàn)。

用戶體驗(yàn)至上

無(wú)論設(shè)計(jì)多么美觀,如果用戶體驗(yàn)不佳,設(shè)計(jì)就難以稱為成功。藍(lán)藍(lán)設(shè)計(jì)將用戶置于設(shè)計(jì)的核心,通過(guò)深入研究用戶行為,創(chuàng)造出貼近用戶需求的界面,使設(shè)計(jì)成為用戶生活中不可或缺的一部分。

UI設(shè)計(jì)的實(shí)際應(yīng)用
品牌塑造的藝術(shù)

藍(lán)藍(lán)設(shè)計(jì)曾與多個(gè)企業(yè)合作,通過(guò)UI設(shè)計(jì)重塑品牌形象。通過(guò)深度挖掘企業(yè)文化,我們不僅為品牌注入新的活力,還助力企業(yè)在市場(chǎng)上樹(shù)立了更現(xiàn)代、更引人注目的形象。

移動(dòng)應(yīng)用的科學(xué)

在移動(dòng)應(yīng)用設(shè)計(jì)中,我們注重科學(xué)的用戶研究。通過(guò)深入了解用戶需求,我們打造直觀、靈活的用戶界面,提高用戶的滿意度,使應(yīng)用在市場(chǎng)上脫穎而出。

UI設(shè)計(jì)的未來(lái)愿景
超越期望的創(chuàng)新

UI設(shè)計(jì)的未來(lái)是無(wú)限創(chuàng)意的時(shí)代。藍(lán)藍(lán)設(shè)計(jì)將繼續(xù)超越期望,成為項(xiàng)目的戰(zhàn)略合作伙伴。我們不僅關(guān)注設(shè)計(jì)的瞬間美感,更關(guān)注設(shè)計(jì)在未來(lái)的持續(xù)創(chuàng)新和演進(jìn)。

藍(lán)藍(lán)設(shè)計(jì):引領(lǐng)創(chuàng)新的UI/UE設(shè)計(jì)公司

作為UI/UE設(shè)計(jì)的佼佼者,藍(lán)藍(lán)設(shè)計(jì)以獨(dú)特的視角和對(duì)用戶體驗(yàn)的執(zhí)著追求,引領(lǐng)著設(shè)計(jì)的潮流。我們深諳設(shè)計(jì)對(duì)品牌的關(guān)鍵性影響,通過(guò)融合藝術(shù)與科學(xué),為客戶創(chuàng)造引人入勝的數(shù)字化體驗(yàn)。

讓藍(lán)藍(lán)設(shè)計(jì)成為您項(xiàng)目中的合作伙伴,一同探索無(wú)限創(chuàng)意,將設(shè)計(jì)提升到一個(gè)新的高度。我們不僅是UI/UE設(shè)計(jì)公司,更是創(chuàng)新之源,與您共同構(gòu)建未來(lái)數(shù)字體驗(yàn)的輝煌。

 

藍(lán)藍(lán)設(shè)計(jì)(www.bjlzjm.com.cn )是一家專(zhuān)注而深入的界面設(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)的軟件開(kāi)發(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開(kāi)發(fā)、軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā)

 

B端設(shè)計(jì)—常見(jiàn)問(wèn)題&解決方式

博博

一、UI設(shè)計(jì)師在B端產(chǎn)品界面設(shè)計(jì)時(shí),可能會(huì)遇到的問(wèn)題。
 
1.1復(fù)雜的數(shù)據(jù)可視化需求
B端應(yīng)用往往涉及復(fù)雜數(shù)據(jù),設(shè)計(jì)師需要?jiǎng)?chuàng)造清晰且有效的方式來(lái)顯示這些信息。
對(duì)于B端產(chǎn)品設(shè)計(jì)中復(fù)雜的數(shù)據(jù)可視化需求,一個(gè)詳細(xì)的解決方案需要從不同層面進(jìn)行考慮和實(shí)施:
理解用戶需求:
首先,進(jìn)行深入的用戶研究以理解不同用戶的數(shù)據(jù)需求。這可能包括用戶訪談、觀察和問(wèn)卷調(diào)查,以收集關(guān)于他們?nèi)绾卫斫夂褪褂脭?shù)據(jù)的信息。
選擇合適的圖表類(lèi)型:
根據(jù)數(shù)據(jù)類(lèi)型和用戶需求選擇最合適的圖表類(lèi)型。例如,時(shí)間序列數(shù)據(jù)適合折線圖,而比較數(shù)據(jù)則可能更適合條形圖或餅圖。同時(shí),對(duì)于更復(fù)雜的數(shù)據(jù)關(guān)系,可能需要使用散點(diǎn)圖、熱圖或樹(shù)狀圖。
簡(jiǎn)化設(shè)計(jì):
避免過(guò)度裝飾的圖表。使用清晰的軸標(biāo)簽、標(biāo)題和圖例,確保用戶能夠輕松讀懂圖表。選擇合適的顏色方案來(lái)增強(qiáng)可讀性,同時(shí)避免使用令人分心或誤解的顏色組合。
增加交互性:
交互式元素可以大大增強(qiáng)數(shù)據(jù)可視化的效果。例如,當(dāng)用戶將鼠標(biāo)懸停在圖表的某個(gè)部分時(shí),可以顯示詳細(xì)的數(shù)據(jù)點(diǎn)信息。此外,可以允許用戶通過(guò)篩選、排序或拖動(dòng)來(lái)自定義視圖。
提供上下文和引導(dǎo):
確保每個(gè)圖表都有足夠的上下文信息,比如引導(dǎo)性文本或簡(jiǎn)短的分析,幫助用戶理解數(shù)據(jù)背后的故事。這不僅包括圖表本身的解釋?zhuān)€包括如何使用圖表進(jìn)行有效決策的指導(dǎo)。
優(yōu)化性能:
對(duì)于處理大量數(shù)據(jù)的可視化,確保性能優(yōu)化是至關(guān)重要的。這可能涉及后端數(shù)據(jù)處理優(yōu)化、前端渲染優(yōu)化以及合理的數(shù)據(jù)加載策略。
用戶測(cè)試和反饋:
設(shè)計(jì)完成后,進(jìn)行用戶測(cè)試以收集反饋。觀察用戶如何與數(shù)據(jù)可視化交互,并根據(jù)他們的反饋進(jìn)行調(diào)整。這是一個(gè)持續(xù)的過(guò)程,旨在不斷提高可視化工具的有效性和用戶滿意度。
B端設(shè)計(jì)—常見(jiàn)問(wèn)題&解決方式
可以找到大量的參考選擇適用自己產(chǎn)品風(fēng)格的可視化,之后進(jìn)行修改。
 
1.2深層級(jí)的功能集成
與C端產(chǎn)品相比,B端產(chǎn)品可能有更深層次和復(fù)雜的功能,難以設(shè)計(jì)簡(jiǎn)潔直觀的用戶界面。
對(duì)于UI設(shè)計(jì)師在進(jìn)行B端產(chǎn)品界面設(shè)計(jì)時(shí)遇到的“深層級(jí)的功能集成”問(wèn)題,一個(gè)詳細(xì)的解決方案需要包括以下幾個(gè)關(guān)鍵策略:
模塊化設(shè)計(jì):
通過(guò)將復(fù)雜功能分解為獨(dú)立、可重用的模塊,可以簡(jiǎn)化界面并提高可維護(hù)性。每個(gè)模塊應(yīng)專(zhuān)注于單一功能或任務(wù),從而使整體系統(tǒng)更加清晰易懂。
清晰的信息架構(gòu):
建立一個(gè)邏輯清晰的信息架構(gòu)是至關(guān)重要的。這包括創(chuàng)建一個(gè)分層的菜單結(jié)構(gòu),將相關(guān)功能組織在一起,并通過(guò)適當(dāng)?shù)拿麃?lái)指導(dǎo)用戶。
分層的導(dǎo)航系統(tǒng):
為不同層級(jí)的功能提供清晰的導(dǎo)航路徑。這可能包括主導(dǎo)航菜單、次級(jí)導(dǎo)航以及面包屑導(dǎo)航等,幫助用戶理解他們?cè)趹?yīng)用中的位置以及如何訪問(wèn)特定的功能。
搜索功能:
隨著功能數(shù)量的增加,提供一個(gè)強(qiáng)大的搜索工具變得尤為重要。這可以幫助用戶快速找到他們需要的特定功能或信息。
自定義和個(gè)性化設(shè)置:
允許用戶根據(jù)自己的工作流程和偏好來(lái)自定義界面。這包括選擇要顯示的模塊、調(diào)整布局以及設(shè)置快捷方式等。
交互式教程和幫助文檔:
為新用戶提供交互式教程,幫助他們快速了解如何使用應(yīng)用。同時(shí),提供詳細(xì)的幫助文檔和FAQ,以便用戶可以自助解決問(wèn)題。
用戶測(cè)試和反饋:
持續(xù)進(jìn)行用戶測(cè)試和收集反饋,了解哪些功能集成方式有效,哪些需要改進(jìn)。根據(jù)用戶的反饋不斷調(diào)整和優(yōu)化界面設(shè)計(jì)。 通過(guò)實(shí)施這些策略,UI設(shè)計(jì)師可以有效解決深層級(jí)功能集成的問(wèn)題,創(chuàng)造出既強(qiáng)大又易于使用的B端產(chǎn)品界面。
B端設(shè)計(jì)—常見(jiàn)問(wèn)題&解決方式
 
1.3用戶習(xí)慣差異
B端用戶可能來(lái)自不同行業(yè),具有不同的操作習(xí)慣和偏好,滿足所有用戶的需求挑戰(zhàn)較大。
針對(duì)B端產(chǎn)品界面設(shè)計(jì)中的“用戶習(xí)慣差異”問(wèn)題,一個(gè)詳細(xì)的解決方案應(yīng)包括以下幾個(gè)步驟:
深入用戶研究:
通過(guò)訪談、問(wèn)卷調(diào)查、用戶觀察和分析用戶數(shù)據(jù)來(lái)理解不同用戶群體的習(xí)慣和需求。這些研究幫助揭示不同行業(yè)、角色和經(jīng)驗(yàn)水平的用戶如何與產(chǎn)品互動(dòng)。
多樣化的設(shè)計(jì)解決方案:
根據(jù)研究結(jié)果,設(shè)計(jì)可以適應(yīng)不同用戶需求的界面。這可能涉及提供多種布局、導(dǎo)航樣式和交互方式供用戶選擇。
個(gè)性化和定制功能:
允許用戶根據(jù)個(gè)人偏好調(diào)整界面,包括主題、布局、快捷方式和默認(rèn)設(shè)置等。
清晰的指導(dǎo)和幫助:
為了幫助用戶理解如何使用產(chǎn)品,提供詳細(xì)的幫助文檔、FAQ和交互式教程。
持續(xù)的反饋循環(huán):
設(shè)立機(jī)制收集用戶反饋,定期進(jìn)行用戶測(cè)試,并根據(jù)反饋迭代優(yōu)化產(chǎn)品。
通過(guò)這些策略,UI設(shè)計(jì)師可以更好地應(yīng)對(duì)用戶習(xí)慣的差異,創(chuàng)造出既滿足用戶需求又易于使用的B端產(chǎn)品界面。
 
1.4訪問(wèn)權(quán)限管理
需要設(shè)計(jì)復(fù)雜的權(quán)限設(shè)置界面,確保不同級(jí)別的用戶只能訪問(wèn)特定信息。
針對(duì)B端產(chǎn)品界面設(shè)計(jì)中的“訪問(wèn)權(quán)限管理”問(wèn)題,一個(gè)詳細(xì)的解決方案應(yīng)該包括以下幾個(gè)關(guān)鍵策略:
深入理解不同角色的需求:
與產(chǎn)品的各種用戶群體(如管理者、普通用戶、審計(jì)員等)進(jìn)行交流,了解他們對(duì)權(quán)限管理的需求和期望。
設(shè)計(jì)靈活的權(quán)限框架:
創(chuàng)建一個(gè)可以靈活適應(yīng)不同用戶和角色需求的權(quán)限系統(tǒng)。這包括定義不同級(jí)別的權(quán)限,如查看、編輯、管理等,并允許細(xì)粒度的控制。
直觀的權(quán)限配置界面:
為管理員設(shè)計(jì)一個(gè)清晰、直觀的界面,讓他們可以輕松分配和調(diào)整權(quán)限。提供明確的指示和反饋,確保管理員理解每種權(quán)限的含義。
透明的用戶權(quán)限指引:
向用戶清晰顯示他們的權(quán)限等級(jí)和可以訪問(wèn)的內(nèi)容。當(dāng)用戶嘗試進(jìn)行超出權(quán)限的操作時(shí),提供友好的錯(cuò)誤消息和指引。
權(quán)限變更的審計(jì)和記錄:
記錄所有權(quán)限的更改歷史,以便于追蹤和審計(jì)。這對(duì)于保障系統(tǒng)安全和滿足合規(guī)要求非常關(guān)鍵。
持續(xù)的測(cè)試和反饋:
定期進(jìn)行權(quán)限系統(tǒng)的用戶測(cè)試,收集反饋并根據(jù)反饋調(diào)整和優(yōu)化設(shè)計(jì)。
通過(guò)實(shí)施這些策略,可以構(gòu)建一個(gè)既強(qiáng)大又易于管理的訪問(wèn)權(quán)限系統(tǒng),從而提升B端產(chǎn)品的安全性、靈活性和用戶滿意度。
 
1.5多設(shè)備兼容
必須確保界面在各種設(shè)備和屏幕尺寸上均表現(xiàn)良好,
尤其是需要在寬為1440px和1920px下有效運(yùn)行。
針對(duì)B端產(chǎn)品界面設(shè)計(jì)中的“多設(shè)備兼容性”問(wèn)題,一個(gè)詳細(xì)的解決方案涉及多個(gè)層面。
首先,采用響應(yīng)式設(shè)計(jì)原則
,確保界面元素和布局能夠根據(jù)不同的屏幕尺寸和分辨率自動(dòng)調(diào)整。
其次,對(duì)于關(guān)鍵功能,進(jìn)行徹底的跨平臺(tái)測(cè)試,包括不同操作系統(tǒng)、瀏覽器和設(shè)備類(lèi)型,確保功能的一致性和穩(wěn)定性。
另外,考慮到觸控和非觸控設(shè)備的交互差異
,設(shè)計(jì)時(shí)應(yīng)確保按鈕和其他控件大小適中,易于操作。
通過(guò)這些綜合策略,可以有效解決多設(shè)備兼容性問(wèn)題,提升用戶的整體體驗(yàn)。
 
1.6專(zhuān)業(yè)術(shù)語(yǔ)和內(nèi)容
針對(duì)B端產(chǎn)品界面設(shè)計(jì)中的“專(zhuān)業(yè)術(shù)語(yǔ)和內(nèi)容”問(wèn)題,一個(gè)詳細(xì)的解決方案包括深入行業(yè)研究,確保使用對(duì)目標(biāo)用戶群來(lái)說(shuō)準(zhǔn)確、相關(guān)的術(shù)語(yǔ)。
與此同時(shí),與行業(yè)專(zhuān)家合作,以驗(yàn)證內(nèi)容的準(zhǔn)確性和適用性,確保信息傳達(dá)清晰無(wú)誤。
設(shè)計(jì)時(shí),考慮到不同用戶的知識(shí)背景,提供容易理解的解釋或工具提示,對(duì)復(fù)雜術(shù)語(yǔ)進(jìn)行簡(jiǎn)化。此外,創(chuàng)建全面的幫助文檔和在線教育資源,幫助用戶深入理解專(zhuān)業(yè)內(nèi)容。
定期更新內(nèi)容,確保與行業(yè)發(fā)展保持同步,同時(shí)收集用戶反饋,不斷優(yōu)化和調(diào)整術(shù)語(yǔ)和內(nèi)容的使用。通過(guò)這些方法,UI設(shè)計(jì)師可以在確保專(zhuān)業(yè)準(zhǔn)確性的同時(shí),提升用戶的理解和操作效率
 
1.7交互復(fù)雜性
了解用戶:
深入理解B端用戶的工作流程和任務(wù)需求。B端用戶往往更關(guān)注效率和功能,因此設(shè)計(jì)師需要明確用戶的專(zhuān)業(yè)性和任務(wù)目標(biāo)。
簡(jiǎn)化流程:
盡管B端應(yīng)用可能功能復(fù)雜,但設(shè)計(jì)師應(yīng)努力簡(jiǎn)化用戶流程。這包括創(chuàng)建直觀的導(dǎo)航系統(tǒng),減少不必要的步驟,以及提供清晰的指引。
模塊化設(shè)計(jì):
將復(fù)雜功能拆分成獨(dú)立的模塊或組件。每個(gè)模塊專(zhuān)注于一個(gè)具體任務(wù)或功能,用戶可以根據(jù)需要組合使用它們。
定制化和個(gè)性化:
允許用戶根據(jù)自己的需求和偏好定制界面和功能。例如,提供可定制的儀表板,讓用戶可以選擇對(duì)他們最重要的信息和工具。
清晰的視覺(jué)層級(jí):
通過(guò)顏色、大小和布局等視覺(jué)元素創(chuàng)建清晰的層級(jí),幫助用戶理解信息的重要性和操作的先后順序。
 
二、不同的B端產(chǎn)品所面對(duì)的問(wèn)題也不一樣
 
不同B端產(chǎn)品可能面臨的問(wèn)題包括用戶角色多樣化、數(shù)據(jù)密集、嚴(yán)格的安全要求、高度定制的工作流程和快速變化的行業(yè)規(guī)范。在B端產(chǎn)品設(shè)計(jì)中,UI設(shè)計(jì)師可能面臨的問(wèn)題和注意事項(xiàng)舉例:
ERP系統(tǒng):
可能出現(xiàn)的問(wèn)題包括復(fù)雜的數(shù)據(jù)集成和大量的用戶角色。設(shè)計(jì)時(shí)應(yīng)注重清晰的數(shù)據(jù)可視化和靈活的權(quán)限設(shè)置。
醫(yī)療保健平臺(tái):
面臨嚴(yán)格的合規(guī)和隱私要求。設(shè)計(jì)應(yīng)確保數(shù)據(jù)安全性,同時(shí)提供易于理解的導(dǎo)航和專(zhuān)業(yè)術(shù)語(yǔ)解釋。
金融管理軟件:
需要處理復(fù)雜的交易和報(bào)告。應(yīng)關(guān)注于精確的數(shù)據(jù)展示和高效的任務(wù)流程設(shè)計(jì)。
CRM系統(tǒng):
需管理大量客戶數(shù)據(jù)和銷(xiāo)售流程,可能面臨數(shù)據(jù)整合和用戶個(gè)性化需求的問(wèn)題。設(shè)計(jì)時(shí)應(yīng)側(cè)重于清晰的數(shù)據(jù)組織和自定義視圖。
供應(yīng)鏈管理軟件:
可能面臨復(fù)雜的物流數(shù)據(jù)和多級(jí)用戶訪問(wèn)問(wèn)題。解決方案包括強(qiáng)大的數(shù)據(jù)過(guò)濾功能和靈活的權(quán)限設(shè)置。
項(xiàng)目管理工具:
需處理不同項(xiàng)目和任務(wù)的組織,可能面臨用戶協(xié)作和進(jìn)度追蹤的挑戰(zhàn)。設(shè)計(jì)應(yīng)側(cè)重于簡(jiǎn)化的任務(wù)管理界面和實(shí)時(shí)更新功能。
財(cái)務(wù)報(bào)告系統(tǒng):
可能遇到的問(wèn)題包括復(fù)雜的財(cái)務(wù)數(shù)據(jù)展示和各種報(bào)告格式的需求。設(shè)計(jì)時(shí)應(yīng)注重靈活的報(bào)告工具和定制的數(shù)據(jù)儀表板。
教育管理平臺(tái):
面臨多樣化的用戶群體和教育內(nèi)容的問(wèn)題。設(shè)計(jì)應(yīng)提供清晰的課程導(dǎo)航和易于訪問(wèn)的教學(xué)資源。
工業(yè)監(jiān)控系統(tǒng):
可能面臨實(shí)時(shí)數(shù)據(jù)流和高級(jí)監(jiān)控功能的需求。設(shè)計(jì)時(shí)應(yīng)重視數(shù)據(jù)實(shí)時(shí)更新和高效的警報(bào)系統(tǒng)。
作者:張陽(yáng)光Designer
來(lái)源:站酷

 

 

藍(lán)藍(lán)設(shè)計(jì)(www.bjlzjm.com.cn )是一家專(zhuān)注而深入的界面設(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)的軟件開(kāi)發(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開(kāi)發(fā)、軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā)

 

AIGC產(chǎn)品的設(shè)計(jì)原則

博博

一、AI產(chǎn)品形態(tài)介紹

不同的產(chǎn)品所具備的AI能力以及用戶的使用方式都是截然不同的。從產(chǎn)品功能的角度,產(chǎn)品大致可以分為三類(lèi):輔助駕駛型、內(nèi)容生產(chǎn)型、自主決策型。

輔助駕駛型

Copilot 輔助駕駛型如其名,更強(qiáng)調(diào)AI的輔助性。AI會(huì)針對(duì)某個(gè)模塊輔助用戶做出決策,或者基于用戶的操作而操作,從而幫助用戶實(shí)現(xiàn)自己靈感的落地,類(lèi)似在成熟軟件中的插件功能。微軟的Microsoft 365 Copilot 結(jié)合在已有的Word、Excel工具當(dāng)中,用戶仍然可以自己書(shū)寫(xiě)文章或表格,但也能隨時(shí)喚起AI工具進(jìn)行編輯,對(duì)于已有的文件進(jìn)行匯總、擴(kuò)寫(xiě)等編輯操作。

內(nèi)容生產(chǎn)型

內(nèi)容生產(chǎn)型是需要調(diào)用LLM的API來(lái)實(shí)現(xiàn)某一具體內(nèi)容的功能性產(chǎn)品。用戶需要針對(duì)具體場(chǎng)景下達(dá)相對(duì)詳細(xì)、明確的指令后,AI會(huì)生成內(nèi)容結(jié)果的反饋。比如大家熟悉的midjourney,用戶下達(dá)具體的內(nèi)容場(chǎng)景描述,midhourney會(huì)返回圖片生成的結(jié)果。

自主決策型

AI Agent可以進(jìn)行自主決策和執(zhí)行任務(wù),它可以通過(guò)獨(dú)立思考和調(diào)用工具逐步完成給定的目標(biāo),無(wú)需人類(lèi)去指定每一步的操作。比如,告訴 AI Agent 幫忙下單一份外賣(mài),它就可以直接調(diào)用 APP 選擇外賣(mài),再調(diào)用支付程序下單支付,無(wú)需用戶去指定每一步的操作。

二、AIGC產(chǎn)品設(shè)計(jì)原則

在AI產(chǎn)品的設(shè)計(jì)過(guò)程當(dāng)中,針對(duì)不同的產(chǎn)品形態(tài)、用戶場(chǎng)景、用戶心智需要明確其設(shè)計(jì)原則。當(dāng)前用戶對(duì)于AI工具的預(yù)期是:高性能、快速、高效和可靠。從用戶體驗(yàn)上來(lái)說(shuō),用戶與AI產(chǎn)品的交互方式、對(duì)于AI產(chǎn)品的信任程度都有別于其他軟件。我們需要在各個(gè)環(huán)節(jié)上,制定好AI產(chǎn)品的能力范疇,管理好用戶對(duì)產(chǎn)品的預(yù)期,為AI產(chǎn)品提供一個(gè)友好、可拓展的交互架構(gòu)。

原則1:讓用戶明確知道產(chǎn)品的能力范圍

在產(chǎn)品推出之前,清晰地定義產(chǎn)品的能力和限制。不要過(guò)度夸大產(chǎn)品的功能或過(guò)度承諾,而是誠(chéng)實(shí)地描述產(chǎn)品的真實(shí)能力。給予用戶在使用產(chǎn)品前充足的心理預(yù)期,用戶可以清晰的了解產(chǎn)品的能力范圍。更好地管控用戶心理預(yù)期的同時(shí),也可以向用戶傳遞產(chǎn)品的能力點(diǎn)。
 
如小庫(kù)科技詳細(xì)描述了產(chǎn)品可以應(yīng)用的功能場(chǎng)景,用戶對(duì)于場(chǎng)景化的詞語(yǔ)可以有更好的關(guān)聯(lián)聯(lián)想,對(duì)于產(chǎn)品的能力也有更好的邊界認(rèn)知。
 
科大訊飛也通過(guò)具體的場(chǎng)景化進(jìn)行產(chǎn)品功能的傳遞
 
在Liblib的模型廣場(chǎng)中,會(huì)將用戶生產(chǎn)的結(jié)果、模型以社區(qū)成果的形式進(jìn)行展示,用戶可以查看詳細(xì)的生成參數(shù)進(jìn)行嘗試,對(duì)于新手用戶也可以起到很好的內(nèi)容引導(dǎo)。

原則2:讓用戶可預(yù)期結(jié)果

人工智能決策的透明度對(duì)用戶至關(guān)重要,使用可視化工具、交互或解釋性語(yǔ)言讓用戶能夠理解AI是如何做出決策。如小庫(kù)AI,在“描述詞”的提示文案中告知用戶輸入詞的限定以及預(yù)期的生成結(jié)果,并可以通過(guò)詞庫(kù)告知用戶可以輸入哪些類(lèi)型的詞。
 
如酷家樂(lè)AI,用戶在首次使用AI工具,沒(méi)有靈感或想法的時(shí)候,引導(dǎo)并提示用戶可上傳的素材類(lèi)型,讓用戶可以有更好的目標(biāo)預(yù)期。

原則3:建立與用戶共建產(chǎn)品的機(jī)制

積極邀請(qǐng)用戶參與產(chǎn)品的設(shè)計(jì)和改進(jìn)過(guò)程,通過(guò)用戶調(diào)研、用戶測(cè)試和用戶反饋機(jī)制,了解用戶的期望和需求,并將其納入到產(chǎn)品的迭代和改進(jìn)中。如在Discord社區(qū)當(dāng)中,用戶可以在官網(wǎng)的反饋入口找到期望反饋的內(nèi)容板塊,可以進(jìn)行問(wèn)題帖子的反饋,所有的用戶群體可以對(duì)帖子的內(nèi)容進(jìn)行投票支持和評(píng)論。也就是相當(dāng)于以社區(qū)共建的形式,讓所有的用戶都可以對(duì)產(chǎn)品進(jìn)行共建維護(hù)。如果是產(chǎn)品功能本身的問(wèn)題,開(kāi)發(fā)人員可以及時(shí)響應(yīng);如果是用戶自身對(duì)產(chǎn)品的認(rèn)知問(wèn)題,社區(qū)的小伙伴也可以進(jìn)行很好的解答。

原則4:減輕用戶對(duì)數(shù)據(jù)隱私安全的顧慮

在AI盛行的當(dāng)下,數(shù)據(jù)隱私安全可以說(shuō)是非常敏感的話題了,AI泄漏數(shù)據(jù)隱私的事件也在不斷曝光。妙鴨相機(jī)的爆紅事件給我們的警示是在產(chǎn)品設(shè)計(jì)的過(guò)程中,除了思考如何利用新技術(shù)產(chǎn)出新的創(chuàng)意,對(duì)用戶數(shù)據(jù)隱私安全的保護(hù)同樣重要,它是產(chǎn)品獲得用戶信任,得以被持續(xù)使用的原因之一。
數(shù)據(jù)隱私安全涵蓋的范圍是非常廣泛的。從產(chǎn)品設(shè)計(jì)的角度來(lái)看對(duì)于數(shù)據(jù)隱私安全的保護(hù)可以從以下幾點(diǎn)考慮:

1、政策和規(guī)范的跟進(jìn)和了解

遵守?cái)?shù)據(jù)隱私和安全相關(guān)的法律法規(guī)和標(biāo)準(zhǔn)對(duì)于產(chǎn)品和應(yīng)用是最基礎(chǔ)的。在國(guó)內(nèi),7月網(wǎng)信辦等7部委聯(lián)合公布了《生成式人工智能服務(wù)管理暫行辦法》,生成式人工智能服務(wù)管理辦法的正式落地為我國(guó)AI發(fā)展打下了基礎(chǔ)。

2、積極告知,將決策權(quán)還給用戶

積極告知用戶產(chǎn)品如何保護(hù)數(shù)據(jù)隱私安全也是規(guī)避風(fēng)險(xiǎn)的一種方法。比如用戶協(xié)議中對(duì)于用戶隱私的處理,比起直接提供給用戶大段的文案讓他們?nèi)ブ鹱植榭矗诓僮髁鞒讨姓f(shuō)明產(chǎn)品對(duì)于用戶隱私的使用,并讓用戶進(jìn)行手動(dòng)確認(rèn)會(huì)明顯提高用戶對(duì)于產(chǎn)品的信任程度。蘋(píng)果在數(shù)據(jù)隱私安全方面始終站在了用戶這一邊,無(wú)論是安裝應(yīng)用時(shí)詢問(wèn)權(quán)限還是每次出現(xiàn)的“是否允許粘貼”,其對(duì)于隱私保護(hù)的方法與措施都值得我們學(xué)習(xí)。

3、本地存儲(chǔ)也是一種選擇

Rewind工具可以自動(dòng)存儲(chǔ)用戶在自己電腦和手機(jī)上看到的所有內(nèi)容,通過(guò)引入“私人助理”的角色,方便用戶基于AI進(jìn)行內(nèi)容的搜索和瀏覽整合。工具對(duì)于用戶隱私的處理也非常值得參考,其主要通過(guò)本地存儲(chǔ)、內(nèi)容隨時(shí)可刪除等方法,讓隱私優(yōu)先的原則貫穿在產(chǎn)品的定位和功能設(shè)計(jì)之中,也是這款工具能夠獲得好評(píng)的原因之一。

三、結(jié)語(yǔ)

總的來(lái)說(shuō),AI技術(shù)的推廣目前仍面臨相當(dāng)大的挑戰(zhàn),對(duì)于大眾而言也有一定的使用門(mén)檻。作為設(shè)計(jì)師,比起強(qiáng)調(diào)產(chǎn)品能力的升級(jí),我們更應(yīng)該注重對(duì)用戶的關(guān)懷,一款好的AI產(chǎn)品必定是智能化且人性化的。AI技術(shù)下的人機(jī)交互應(yīng)用已經(jīng)成為UX設(shè)計(jì)的趨勢(shì),我們需要注意平衡技術(shù)和用戶體驗(yàn)之間的關(guān)系,以確保我們的設(shè)計(jì)在滿足用戶需求的基礎(chǔ)之上,能夠助力產(chǎn)品在商業(yè)市場(chǎng)上的成功。

 

藍(lán)藍(lán)設(shè)計(jì)(www.bjlzjm.com.cn )是一家專(zhuān)注而深入的界面設(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)的軟件開(kāi)發(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開(kāi)發(fā)、軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā)

UI設(shè)計(jì)師未來(lái)的出路在哪?

濤濤

首先,隨著移動(dòng)互聯(lián)網(wǎng)的普及和技術(shù)的不斷發(fā)展,UI設(shè)計(jì)師的職業(yè)發(fā)展路徑將更加廣泛和多樣化

UI設(shè)計(jì)通過(guò)哪些方面賦能產(chǎn)品?

濤濤

UI設(shè)計(jì)在賦能產(chǎn)品方面具有重要作用。通過(guò)提升用戶體驗(yàn)、增強(qiáng)品牌識(shí)別度、優(yōu)化信息架構(gòu)、促進(jìn)交互操作、提高可定制性、降低學(xué)習(xí)成本以及傳遞情感價(jià)值等方面,UI設(shè)計(jì)可以幫助產(chǎn)品更好地滿足用戶需求,提升產(chǎn)品的競(jìng)爭(zhēng)力。

 

如何對(duì)老板或客戶講述自己的UI設(shè)計(jì)方案?

濤濤

對(duì)用戶講解自己的UI設(shè)計(jì)方案時(shí),需要將專(zhuān)業(yè)術(shù)語(yǔ)轉(zhuǎn)化為用戶易于理解的語(yǔ)言,并著重強(qiáng)調(diào)設(shè)計(jì)方案如何提升用戶體驗(yàn)。

如何確認(rèn)UI設(shè)計(jì)的設(shè)計(jì)風(fēng)格?

濤濤

確認(rèn)UI設(shè)計(jì)的設(shè)計(jì)風(fēng)格需要綜合考慮主色調(diào)選擇、產(chǎn)品特性分析、圖標(biāo)和字體選擇、排版設(shè)計(jì)、品牌識(shí)別、用戶需求和習(xí)慣、設(shè)計(jì)的一致性、簡(jiǎn)潔與清晰以及創(chuàng)新性等方面。通過(guò)這些方面的考慮和應(yīng)用,可以設(shè)計(jì)出符合品牌形象、用戶期望和產(chǎn)品特點(diǎn)的優(yōu)秀UI界面。

自然語(yǔ)言界面:開(kāi)啟人機(jī)交互的全新篇章

博博

作者:山中

人機(jī)交互界面經(jīng)過(guò)幾十年的發(fā)展,人與機(jī)器間的交互變得越來(lái)越容易,隨著ChatGPT等大語(yǔ)言模型的出現(xiàn),一種我們既熟悉又陌生的交互方式再次進(jìn)入大眾視野,它就是自然語(yǔ)言界面(NLI)。

那么什么是自然語(yǔ)言界面,它又會(huì)為人機(jī)交互帶來(lái)哪些新的變化,它會(huì)成為下一代主流的用戶界面嗎?本文將從計(jì)算機(jī)UI的發(fā)展簡(jiǎn)史出發(fā),對(duì)比自然語(yǔ)言界面與傳統(tǒng)圖形界面的差異,帶你了解自然語(yǔ)言界面的應(yīng)用場(chǎng)景和發(fā)展方向。

一、計(jì)算機(jī)UI發(fā)展簡(jiǎn)史

首先讓我們回顧一下過(guò)去幾十年計(jì)算機(jī)UI的發(fā)展階段。

1、穿孔紙帶(Punched tape)

1940-1960年代,早期的計(jì)算機(jī)通過(guò)穿孔紙向計(jì)算機(jī)輸入指令,帶孔為1,無(wú)孔為0,經(jīng)過(guò)光電輸入機(jī)將數(shù)據(jù)輸入計(jì)算機(jī)。由于需要輸入二進(jìn)制的機(jī)器語(yǔ)言,計(jì)算機(jī)在這個(gè)階段只被少數(shù)專(zhuān)家應(yīng)用于專(zhuān)業(yè)領(lǐng)域。

 

2、命令行界面(CLI)

20世紀(jì)60年代中期,命令行界面( CLI )作為穿孔紙帶的友好替代方案出現(xiàn)在計(jì)算機(jī)上。命令行界面是一種通過(guò)輸入被稱為命令行的文本行與計(jì)算機(jī)程序交互的方法,雖然它與人類(lèi)語(yǔ)言有較大差異,但還是大幅降低了計(jì)算機(jī)的使用門(mén)檻,個(gè)人計(jì)算機(jī)(PC)隨之出現(xiàn)。

 

3、圖形用戶界面(GUI)

命令行界面通常需要用戶記憶操作的命令,這對(duì)于普通用戶仍然是很困難的。GUI的出現(xiàn)正是為了解決這個(gè)問(wèn)題:既然人類(lèi)很難記住各種命令,那就讓機(jī)器提供可能的選項(xiàng),人類(lèi)只需要通過(guò)圖形元素進(jìn)行選擇。最早的圖像界面出現(xiàn)在1970年代,隨后蘋(píng)果和微軟讓GUI普及,短短二三十年,使用GUI交互的計(jì)算機(jī)和各類(lèi)消費(fèi)電子產(chǎn)品已經(jīng)成為我們工作生活中不可缺少的一部分。

 

 

二、自然語(yǔ)言界面(NLI)的爆發(fā)

什么是自然語(yǔ)言界面?

W3C是這樣定義的:自然語(yǔ)言界面是用戶與系統(tǒng)通過(guò)自然語(yǔ)言進(jìn)行通信的用戶界面。用戶通過(guò)語(yǔ)音或某種其他方法提供輸入,并且系統(tǒng)以通過(guò)語(yǔ)音、文本或某種其他方法傳遞的話語(yǔ)的形式生成響應(yīng)。

自然語(yǔ)言界面是什么時(shí)候出現(xiàn)的?

最早的自然語(yǔ)言界面可以追溯到 20 世紀(jì) 60 年代。ELIZA是一個(gè)早期的自然語(yǔ)言處理計(jì)算機(jī)程序,由麻省理工學(xué)院的Joseph Weizenbaum教授于1964 年至 1967 年開(kāi)發(fā),旨在探索人類(lèi)和機(jī)器之間的溝通方法。ELIZA 通過(guò)模式匹配和替換來(lái)模擬對(duì)話,也就是說(shuō)它通過(guò)檢測(cè)用戶輸入的內(nèi)容中是否包含某些關(guān)鍵詞來(lái)做出響應(yīng),雖然它能做出的反應(yīng)有限,更不能真正理解人類(lèi)的語(yǔ)言,但這是人類(lèi)第一次嘗試通過(guò)自然語(yǔ)言進(jìn)行人機(jī)交互,也是后續(xù)自然語(yǔ)言處理(NLP)技術(shù)研究的一個(gè)里程碑。

 

語(yǔ)音用戶界面(VUI)

自然語(yǔ)言處理(NLP)技術(shù)經(jīng)過(guò)幾十年的發(fā)展,終于在2010年代迎來(lái)第一波應(yīng)用爆發(fā)。2011年 Siri 作為 iOS 功能由 Apple 發(fā)布,隨后各家手機(jī)語(yǔ)音助手、智能音箱等VUI產(chǎn)品紛紛出現(xiàn)。但隨之出現(xiàn)了一個(gè)新的網(wǎng)絡(luò)名詞-“人工智障”。雖然 Siri 相比 ELIZA 能做的事情更多了,但它們?cè)隗w驗(yàn)上仍沒(méi)有本質(zhì)區(qū)別,Siri等產(chǎn)品依然需要用戶遵循特定的表述方式才能做出正確響應(yīng),可能換一個(gè)表述方式它們就聽(tīng)不懂了,所以這個(gè)階段的自然語(yǔ)言界面更多是作為一種輔助交互方式

 

大語(yǔ)言模型(LLM)

ChatGPT 于2022年底開(kāi)放測(cè)試,不到一年時(shí)間大語(yǔ)言模型(LLM)與AIGC應(yīng)用已經(jīng)遍地開(kāi)花。大語(yǔ)言模型實(shí)現(xiàn)了NLP技術(shù)的階段性跨越,AI對(duì)自然語(yǔ)言的理解能力大幅提升,不僅能模仿人類(lèi)對(duì)話,還具備文案寫(xiě)作和問(wèn)題分析等能力,并且這些能力還在飛速進(jìn)步中,相信自然語(yǔ)言界面即將迎來(lái)第二次應(yīng)用爆發(fā)。

 

三、自然語(yǔ)言界面的優(yōu)勢(shì)

那么,自然語(yǔ)言界面相比傳統(tǒng)圖形界面又有什么優(yōu)勢(shì)呢?

1、低門(mén)檻

刻在我們DNA里的交互方式

語(yǔ)言是我們與他人交互的主要“界面”,智人的言語(yǔ)出現(xiàn)于 50,000 至 200 萬(wàn)年前,所以說(shuō)這是刻在我們DNA里的交互方式。我們從小就學(xué)習(xí)閱讀、寫(xiě)作和說(shuō)話,因此通過(guò)自然語(yǔ)言界面與計(jì)算機(jī)交互幾乎不需要學(xué)習(xí)

 

2、高效率

GUI的思路是機(jī)器提供可能的選項(xiàng),讓人類(lèi)進(jìn)行選擇。但復(fù)雜產(chǎn)品可能有幾百上千個(gè)選項(xiàng),即便設(shè)計(jì)師努力按照最合理的邏輯整理、收納這些選項(xiàng),用戶仍需要花大量時(shí)間精力尋找、理解、記憶這些選項(xiàng)。

酷家樂(lè)用戶問(wèn)題

酷家樂(lè)用戶聯(lián)系客服的問(wèn)題中較多是工具使用問(wèn)題:怎么添加門(mén)把手、怎么把門(mén)翻轉(zhuǎn)、怎么顯示柜體尺寸。在幾十上百個(gè)功能中找到那一個(gè)功能都如此困難,對(duì)于需要用到多個(gè)“選項(xiàng)”組合操作才能實(shí)現(xiàn)的效果,那確實(shí)難以要求普通用戶做到。

 

但如果酷家樂(lè)支持自然語(yǔ)言交互,我只需要告訴它我們的訴求:“添加門(mén)把手”、“把門(mén)翻轉(zhuǎn)”、”顯示柜體尺寸“,軟件便會(huì)直接實(shí)現(xiàn)這些的效果。

通過(guò)自然語(yǔ)言輸入,用戶便可以忘記各家軟件各種復(fù)雜的交互邏輯,設(shè)計(jì)師也無(wú)需煞費(fèi)苦心設(shè)計(jì)復(fù)雜的用戶引導(dǎo)和幫助系統(tǒng),隨之客服人力成本也將大幅降低。

Tome

目前已經(jīng)有一些產(chǎn)品在這么做了,Tome是一款制作提案PPT的產(chǎn)品,它可以通過(guò)自然語(yǔ)言輸入實(shí)現(xiàn)大部分操作,并且支持AI直接生成內(nèi)容。

 

3、不設(shè)限

早期計(jì)算機(jī)的輸入輸出完全靠機(jī)器語(yǔ)言,門(mén)檻很高。后來(lái),普通用戶借助圖形界面和開(kāi)發(fā)好的程序,也能輕松使用計(jì)算機(jī),但同時(shí)我們也被其限制了。

美間站點(diǎn)

以”美間“為例,美間站點(diǎn)有大量的海報(bào)模板,可以按用途、風(fēng)格維度進(jìn)行篩選,但用戶也只能按這兩個(gè)維度篩選。如果我想找出10月份用戶點(diǎn)擊最高的10個(gè)節(jié)氣海報(bào)模板,那對(duì)不起,辦不到,不是因?yàn)槲覀儧](méi)有這個(gè)數(shù)據(jù),而是我們沒(méi)有提供個(gè)“選項(xiàng)”,通過(guò)SQL或者其他語(yǔ)言查詢數(shù)據(jù)庫(kù)就可以獲取到。

 

但如果美間的數(shù)據(jù)庫(kù)接入了大語(yǔ)言模型,那么直接問(wèn)它,就能得到任何數(shù)據(jù)庫(kù)能提供的內(nèi)容,因?yàn)楝F(xiàn)在LLM已經(jīng)會(huì)自己寫(xiě)代碼做數(shù)據(jù)分析工作了。通過(guò)自然語(yǔ)言界面,我們可以最大程度發(fā)揮計(jì)算機(jī)和數(shù)據(jù)庫(kù)的價(jià)值。

 

四、自然語(yǔ)言會(huì)不會(huì)取代圖形界面?

自然語(yǔ)言界面這么強(qiáng)大,那它會(huì)不會(huì)取代圖形界面呢?答案是不會(huì),受限于AI能力發(fā)展現(xiàn)狀和自然語(yǔ)言自身的局限性,自然語(yǔ)言界面有其適用范圍。

1、AI能力仍有限

理想情況是AI能完全理解我們的訴求、且能力能夠覆蓋,但現(xiàn)在還做不到。用戶隨便輸入一個(gè)需求,產(chǎn)品很可能做不到,這就需要我們通過(guò)GUI進(jìn)行提示和引導(dǎo)。

 

2、額外的處理時(shí)間

相比通過(guò)GUI直接對(duì)程序發(fā)出指令,用戶輸入自然語(yǔ)言LLM普遍需要幾秒鐘的處理時(shí)間,帶來(lái)更高的試錯(cuò)成本,某些場(chǎng)景下我們使用GUI操作更加快捷。

 

3、自然語(yǔ)言表達(dá)不夠精準(zhǔn)

人與人的交流也常常存在歧義,更別說(shuō)跟機(jī)器交流了,所以自然語(yǔ)言界面不適合做非常精細(xì)的操作。 

美間提案PPT

以美間提案PPT為例,如果我通過(guò)自然語(yǔ)言輸入:“把標(biāo)題改成紅色”,那AI可能會(huì)反問(wèn):”哪個(gè)標(biāo)題?哪種紅色?“。試想一下,如果要通過(guò)自然語(yǔ)言描述這些信息,是不是還不如通過(guò)鼠標(biāo)選擇來(lái)的簡(jiǎn)單。

 

4、自然語(yǔ)言輸入也存在成本

自然語(yǔ)言輸入,用戶需要把需求組織成語(yǔ)言,然后打字或講出。也就是說(shuō)用戶需要?jiǎng)幽X子,這顯然與我們追求的”Dot let me think“原則相違背。

美間海報(bào)

以美間海報(bào)場(chǎng)景為例,美間支持”AI生成“和”模板再創(chuàng)作“兩種海報(bào)創(chuàng)作方式。這兩種方式分別有各自的使用場(chǎng)景。如果用戶需要一張?jiān)┳8:?bào),對(duì)于目標(biāo)明確的用戶,他可以通過(guò)詳細(xì)描述畫(huà)面需求,生成個(gè)性化的海報(bào)方案。例如:”生成一張?jiān)┕?jié)日海報(bào),主題為:群核科技祝您元旦快樂(lè),畫(huà)面要喜慶,插畫(huà)風(fēng)格,包含煙花、燈籠、熱鬧的人群等元素“

 

但對(duì)于更多用戶來(lái)說(shuō),描述一個(gè)海報(bào)畫(huà)面是困難的,大部分用戶只需要一個(gè)通用的模板改改字就足夠了,這樣不但更輕松,而且得到的海報(bào)質(zhì)量也更高。

 

五、NLI與GUI融合互補(bǔ)

所以,自然語(yǔ)言界面不會(huì)取代圖形界面,它們更多會(huì)融合互補(bǔ),在各自的擅長(zhǎng)領(lǐng)域發(fā)光發(fā)熱。

 

未來(lái)常見(jiàn)的用戶工作流將會(huì)是:NLI發(fā)散-GUI收斂,先使用NLI得到一個(gè)大概結(jié)果,再通過(guò)GUI完成確認(rèn)或調(diào)整。

美間AI海報(bào)

美間AI海報(bào)就是這樣的設(shè)計(jì)思路:基于自然語(yǔ)言輸入生成若干結(jié)果,選擇一個(gè)滿意的方案再二次編輯。

 

六、NLI還有哪些應(yīng)用場(chǎng)景?

自然語(yǔ)言界面還有哪些應(yīng)用場(chǎng)景?微軟表示:萬(wàn)物皆可“Copilot”

Copilot是微軟發(fā)布的依托于大語(yǔ)音模型的AI助手(AI Agent)。11月15日的微軟Ignite大會(huì)上,CEO納德拉向我們展示了Copilot最新的形態(tài):一個(gè)入口連接無(wú)限可能。

Copilot可以連接各種應(yīng)用和數(shù)據(jù)源,用戶只需要把需求告訴Copilot,Copilot就能自動(dòng)完成全部應(yīng)用和數(shù)據(jù)操作,甚至是跨應(yīng)用和跨數(shù)據(jù)源的。

Copilot Studio

Copilot Studio是微軟面向B端用戶推出的AI助手,支持用戶自定義專(zhuān)屬的Copilot,以滿足行業(yè)、部門(mén)、角色等內(nèi)外部場(chǎng)景的定制化需求。讓Copilot鏈接企業(yè)財(cái)務(wù)系統(tǒng),你可以隨時(shí)問(wèn)它各類(lèi)財(cái)務(wù)預(yù)算的開(kāi)支和剩余情況;Copilot還能雙向打通CRM、ERP等SAAS產(chǎn)品,自動(dòng)化執(zhí)行復(fù)雜的業(yè)務(wù)流程,比如辦理新員工入職、費(fèi)用報(bào)銷(xiāo)等。

 

數(shù)據(jù)分析

Excel擁有強(qiáng)大的數(shù)據(jù)分析能力,但我們大部分人只用過(guò)Excel來(lái)制作表格,因?yàn)楦唠A的函數(shù)、宏等功能對(duì)于普通用戶來(lái)說(shuō)學(xué)習(xí)成本太高?,F(xiàn)在,Copilot與Excel結(jié)合,便可以實(shí)現(xiàn)通過(guò)自然語(yǔ)言寫(xiě)代碼執(zhí)行復(fù)雜的數(shù)據(jù)分析工作。

 

AIGC

AIGC是當(dāng)前最熱門(mén)的AI應(yīng)用領(lǐng)域之一,除了常見(jiàn)的文案生成、圖片生成,傳統(tǒng)的內(nèi)容創(chuàng)作軟件結(jié)合AIGC能力也可以發(fā)揮出巨大的潛力。Copilot加持下的PPT,只需一句話,Copilot將自動(dòng)幫你完成PPT的文案、配圖、排版等工作。

 

七、展望

未來(lái)自然語(yǔ)言界面將重塑現(xiàn)有產(chǎn)品的交互方式, 但自然語(yǔ)言也只是一種交互方式,未來(lái)隨著AI能力和硬件技術(shù)的發(fā)展,人類(lèi)與機(jī)器間的交互成本還將進(jìn)一步降低。

微軟在Ignite大會(huì)上演示了未來(lái) AI+MR 設(shè)備的應(yīng)用場(chǎng)景,借助MR設(shè)備AI可以看到、聽(tīng)到、解釋、理解我們的意圖和我們周?chē)氖澜?,我們只需要極少的輸入就能得到需要的結(jié)果。以現(xiàn)在AI技術(shù)的發(fā)展速度,相信這些看似科幻電影中的場(chǎng)景用不了多久便會(huì)成為現(xiàn)實(shí)。

藍(lán)藍(lán)設(shè)計(jì)(www.bjlzjm.com.cn )是一家專(zhuān)注而深入的界面設(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)的軟件開(kāi)發(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開(kāi)發(fā)、軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā)

 

ui表單驗(yàn)證問(wèn)題

前端達(dá)人

首先展示正確的格式(以驗(yàn)證是否為空為例):

html代碼塊:

 
  1.  
    <el-form :model="nodeName(數(shù)組名)" ref="nodeName(數(shù)組名)">
  2.  
    <el-form-item prop="name(數(shù)組內(nèi)的屬性)" label="內(nèi)容:" :rules="[{ required: true, message: '不能為空'}]">
  3.  
    <el-input type="name(數(shù)組內(nèi)的屬性)" v-model="nodeName.name(數(shù)組內(nèi)的屬性)"></el-input>
  4.  
    </el-form-item>
  5.  
    </el-form>
 

js代碼塊:

 
  1.  
    data(){
  2.  
    return{
  3.  
    // 表單
  4.  
    nodeName:{
  5.  
    name:''
  6.  
    }
  7.  
    }
  8.  
    },
 

前端展示(輸入內(nèi)容后顯示為空消失):

 

 

下面開(kāi)始總結(jié)常見(jiàn)的問(wèn)題以及功能失效的原因.


1. input左側(cè)出現(xiàn)星號(hào),內(nèi)容為空卻不提醒

 

原因:已經(jīng)寫(xiě)好了驗(yàn)證功能,但是沒(méi)有綁定到input框 .

解決方法:是<el-form-item>標(biāo)簽加入prop="數(shù)組內(nèi)要驗(yàn)證的屬性"或者<el-input>標(biāo)簽中加入type="數(shù)組內(nèi)要驗(yàn)證的屬性".

2.input框里已經(jīng)有內(nèi)容,但還是顯示不能為空

 

(一)原因:input有數(shù)據(jù),但是表單沒(méi)有驗(yàn)證到.

解決方法:給<el-form>綁定整個(gè)數(shù)組.v-model="newName".

(二)原因:表單驗(yàn)證綁定的不是數(shù)組,只是一個(gè)單純的ojbect或者number或者char類(lèi)型

 如此種情況,無(wú)論輸入什么都會(huì)提示為空.

解決方法:將綁定驗(yàn)證內(nèi)容變成數(shù)組【也可以把表單驗(yàn)證寫(xiě)在data里面】

 

 

[表單驗(yàn)證只能綁定數(shù)組,如果單純綁定一個(gè)數(shù)值,會(huì)出現(xiàn)驗(yàn)證不到的現(xiàn)象發(fā)生]!!!!!!!!!

3.提交表單按鈕無(wú)法驗(yàn)證以及符合驗(yàn)證的表單內(nèi)容,也就是提交失敗.

此情況一般報(bào)錯(cuò)為兩個(gè):

 

 Element-ui官方樣式表單提交函數(shù)功能是這樣展示的:

 
  1.  
    newNameBtn(newName) {
  2.  
    this.$refs[newName].validate((valid) => {
  3.  
    if (valid) {
  4.  
    alert('submit!');
  5.  
    } else {
  6.  
    console.log('error submit!!');
  7.  
    return false;
  8.  
    }
  9.  
    });
  10.  
    },
 

 我們可以看到方法是this.$refs[數(shù)組名].validate(() =>{})或者this.$refs.數(shù)組名.validate(() =>{})這樣一個(gè)函數(shù).

如果你用的html5或者是其他不顯示參數(shù)的集成工具,代碼是這樣的:

 

 并不知道這個(gè)this.$refs有沒(méi)有真正的請(qǐng)求到,如果你用的顯示參數(shù)的集成工具(如phpstorm),如果你的代碼正確,會(huì)這樣顯示:

 

 我們看到會(huì)多顯示一個(gè)callback,這就說(shuō)明this.$refs生效了.

所以不管你使用說(shuō)明軟件寫(xiě)的代碼,如果出現(xiàn)表單驗(yàn)證提交錯(cuò)誤.也就是現(xiàn)實(shí)開(kāi)頭那兩個(gè)錯(cuò)誤.你就先輸入console.log(this.$ref.newName)[此處的newName是你自己綁定的數(shù)組]

看看輸出是一個(gè)對(duì)象還是undefine.顯示這個(gè)對(duì)象說(shuō)明this.$refs.newName請(qǐng)求成功.

 

如果顯示undefine,可以這樣改正:

(一)你的代碼格式書(shū)寫(xiě)錯(cuò)誤,請(qǐng)比照上文有紅箭頭的圖正確案例改正格式.

(二)你的<el-form>未綁定ref,請(qǐng)給<el-form>標(biāo)簽綁定ref="newName"[此處的newName是你自己綁定的數(shù)組]

 

出現(xiàn)表單驗(yàn)證錯(cuò)誤先比對(duì)案例 ,然后再按照自己的具體代碼綁定自己的數(shù)據(jù).

[注:Element-ui的表單驗(yàn)證一定是綁定的數(shù)組類(lèi)型]

 

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

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

 

 

藍(lán)藍(lán)設(shè)計(jì)(www.bjlzjm.com.cn )是一家專(zhuān)注而深入的界面設(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)的軟件開(kāi)發(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開(kāi)發(fā)、軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā)

 

js判斷屏幕分辨率的代碼

前端達(dá)人

一般我們可以通過(guò)下面的代碼判斷分辨率

復(fù)制代碼 代碼如下:
<script language="JavaScript">
<!-- Begin
function redirectPage() {
var wjb51=screen.width;
var hjb51=screen.height;
alert("經(jīng)系統(tǒng)檢測(cè),你的屏幕分辨率為 " + wjb51+"*"+ hjb51 + "by 腳本之家17jquery.com");
}
// End -->
</script>

js判斷瀏覽器分辨率

復(fù)制代碼 代碼如下:
<script>
function ScreenWidth(){
if (screen.width == 1440){
alert("1440*900");
}else if (screen.width == 800){
alert("800*600");
}else if (screen.width == 1152){
alert("1152*864");
}else {
alert("do not know!");
}
}
</script>
<input type="button" name="" value="fenbianli " οnclick=" ScreenWidth()"/>
內(nèi)容來(lái)自17jquery

說(shuō)明:這段js代碼可改造一下,改為screen.width>=1024 screen.width=800兩種情況

所以我選擇使用下面的代碼:

復(fù)制代碼 代碼如下:
if(screen.width>=1440){
alert('寬屏幕可以加載廣告了');
//一些廣告代碼
}

用JS判斷不同分辨率調(diào)用不同的CSS樣式文件

最近看一個(gè)網(wǎng)站,發(fā)現(xiàn)顯示器不同的分辨率,樣式文件調(diào)用的也不一樣,今天寫(xiě)了一個(gè)例子研究一下,
復(fù)制代碼 代碼如下:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>無(wú)標(biāo)題文檔</title>
<link rel="stylesheet" id="sc" type="text/css" href="css/c1.css"/>
<script type="text/javascript">
window.οnlοad=function(){
var sc=document.getElementById("sc");
var d=document.getElementById("d");
if(screen.width>1024) //獲取屏幕的的寬度
{
sc.setAttribute("href","css/c2.css"); //設(shè)置css引入樣式表的路徑
d.innerHTML = "你的電腦屏幕寬度大于1024,我的寬度是 1200px, 背景色現(xiàn)在是紅色。";
}
else{

sc.setAttribute("href","css/c1.css"); 17jquery.com
d.innerHTML = "你的電腦屏幕寬度小于或是等于1024,我的寬度是 960px, 背景色現(xiàn)在是藍(lán)色。";
}
}
</script>
</head>
<body>
<div id="d"></div>
</body>
</html>

c1.css里面的內(nèi)容

復(fù)制代碼 代碼如下:
*{ margin:0; padding:0;}

div{ width:960px; height:400px; margin:0 auto; background:blue; color:#ffffff;}


c2.css里面的內(nèi)容

*{ margin:0; padding:0;}

div{ width:1200px; height:400px; margin:0 auto; background:red; color:#fff;}

 

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

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

 

藍(lán)藍(lán)設(shè)計(jì)(www.bjlzjm.com.cn )是一家專(zhuān)注而深入的界面設(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)的軟件開(kāi)發(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開(kāi)發(fā)軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā)

 

日歷

鏈接

個(gè)人資料

存檔