目錄
目錄X
全新架構(gòu)的動(dòng)易SiteAzure特性之易用性
作為全新架構(gòu)的動(dòng)易SiteAzure 特性系列介紹文章的最后一篇，我們將重點(diǎn)放在了用戶感知最為顯性的“產(chǎn)品易用性”上面。接下來(lái)我們將開(kāi)始陸續(xù)介紹新動(dòng)易SiteAzure 產(chǎn)品的特色功能和亮點(diǎn)。
易用性是連接起產(chǎn)品和用戶之間的橋梁，是用戶在交互體驗(yàn)、界面設(shè)計(jì)理念、業(yè)務(wù)處理邏輯等使用過(guò)程中最為顯性的感知，是產(chǎn)品好不好用，能不能給用戶日常管理帶來(lái)便捷的最直觀感受。作為耗時(shí)超過(guò)三年研發(fā)的新產(chǎn)品，新動(dòng)易SiteAzure 擁有超過(guò)1500多項(xiàng)改進(jìn)，引入了眾多先進(jìn)的用戶交互技術(shù)和界面設(shè)計(jì)理念，解決了客戶最直接的痛點(diǎn)、難點(diǎn)，讓產(chǎn)品變得更加易用、更加好用。
現(xiàn)在我們就為大家簡(jiǎn)單介紹一下全新架構(gòu)的動(dòng)易SiteAzure 在易用性方面做的一些工作。更加詳細(xì)的內(nèi)容我們放在接下來(lái)的功能系列文章中進(jìn)行介紹。
1. 全新亮相的 UI/UE 整體設(shè)計(jì)
動(dòng)易軟件經(jīng)典的藍(lán)色系風(fēng)格一直引領(lǐng)者網(wǎng)站管理軟件的設(shè)計(jì)趨勢(shì)，如今，我們決定拋棄舊交互界面，打磨出新的交互邏輯和視覺(jué)界面。新產(chǎn)品新的管理界面將更加符合政府用戶實(shí)際交互需求和視覺(jué)感官需求，并更加符合用戶體驗(yàn)。全新的 UI/UE 設(shè)計(jì)理念如下：
● 采用扁平化設(shè)計(jì)，遵循“鮮明、形象、深思熟慮” 的設(shè)計(jì)標(biāo)準(zhǔn)，以減少用戶誤操作；并采用色彩區(qū)別操作的重要程度，達(dá)到警示用戶的效果。
● 減少干擾因素。系統(tǒng)采用扁平化設(shè)計(jì)，并且在風(fēng)格上深入研究用戶習(xí)慣。 在操作時(shí)，可以迅速的在界面中找到需要的功能開(kāi)始操作。擁有不同管理權(quán)限的管理員，在登入后臺(tái)后僅能看到自己擁有權(quán)限的功能， 可以集中注意力，提升工作效率。
● 操作簡(jiǎn)單易上手?？蛻舨恍枰榭凑f(shuō)明書或者參加培訓(xùn)既可以進(jìn)行操作。系統(tǒng)提供豐富的快捷操作方式，在使用過(guò)程中可以大幅減少用戶的操作步驟，優(yōu)化工作效率。
● UI 實(shí)現(xiàn) Google Material Design 規(guī)范
2. 超乎想象的列表顯示
在后臺(tái)管理中，看似習(xí)以為常的列表管理界面，卻承載著管理流程中非常重要的任務(wù)，它時(shí)刻影響著管理體驗(yàn)。動(dòng)易研發(fā)工程師在賦予它更多有用功能的同時(shí)，不斷地極致的優(yōu)化著列表處理算法，試圖壓榨出它最大的性能體驗(yàn)。以下就是我們正在做的主要工作：
● 采用 Ajax 進(jìn)行數(shù)據(jù)交互。整個(gè)列表無(wú)刷新且與服務(wù)器端交互數(shù)據(jù)更小，加載速度更快。
● 對(duì)于數(shù)據(jù)格式有更好的展示效果。例如：所有的貨幣類型都是靠右對(duì)齊，方便用戶快速的瀏覽數(shù)據(jù)。
● 多種條件混合篩選。在列表中提供了多個(gè)文檔屬性可供篩選，并且使用了更加方便的界面。例如：日期型數(shù)據(jù)就可以直接選擇本月、本周、本季度等，也可以完全自定義時(shí)間進(jìn)行篩選。另外多個(gè)屬性還可以同時(shí)進(jìn)行篩選，方便客戶快速的定位想要的數(shù)據(jù)。
● 數(shù)據(jù)列均支持正序和倒序排列。
● 對(duì)于樹(shù)形數(shù)據(jù)采用樹(shù)表格呈現(xiàn)，更加易于操作和形象具體。
● 數(shù)據(jù)列表支持分頁(yè)和篩選狀態(tài)的記錄功能，在對(duì)數(shù)據(jù)進(jìn)行各種操作以及頁(yè)面跳轉(zhuǎn)后仍可以返回到原來(lái)的分頁(yè)和篩選狀態(tài)，使操作更加直觀和高效。
● 數(shù)據(jù)列表支持鼠標(biāo)圈選操作，同時(shí)在列表獲取焦點(diǎn)后支持鍵盤翻頁(yè)操作，當(dāng)前頁(yè)及每頁(yè)記錄數(shù)支持鼠標(biāo)滾輪操作。
● 豐富的篩選和搜索。系統(tǒng)提供了類型（樹(shù)形）、范圍、日期、多選、單選等多種字段和類型的數(shù)據(jù)篩選方式，不同的字段類型顯示最方便用戶操作的 UI 界面，幫助管理人員最快速度的檢索到自己想要的信息。系統(tǒng)可以針對(duì)不同的屬性進(jìn)行多種方式的搜索，其中包括開(kāi)始于、結(jié)束于、不包含、包含、等于等多種方式的搜索條件，可以讓客戶最快速度排除干擾信息，找到自己想要的信息。
3. 錦上添花的在線編輯器
作為內(nèi)容管理的核心工具，在線編輯器好不好用在很大程度上反映了客戶對(duì)整個(gè)產(chǎn)品的評(píng)價(jià)。動(dòng)易研發(fā)中心經(jīng)過(guò)對(duì)大量實(shí)際客戶的調(diào)研后，對(duì)動(dòng)易SiteAzure 在線編輯器進(jìn)行了由里到外的革新，并加入了大量的實(shí)用而新穎的功能，為原本出色的動(dòng)易編輯器錦上添花。
● 支持內(nèi)容排編智能一鍵格式化且可自定義格式化屬性。
● 支持政府紅頭文件發(fā)布且支持文件模板預(yù)置。
● 支持直接從 word 和 Excel 文檔中復(fù)制表格至編輯器中。
● 支持直接將 word 文檔內(nèi)容完美復(fù)制到編輯器中。
● 表格可以自適應(yīng)寬度。
● 支持直接從系統(tǒng)粘貼板粘貼內(nèi)容（例如用 QQ 截圖直接粘貼到編輯器中）。
● 支持自動(dòng)下載外部粘貼內(nèi)容中的圖片。
● 全新的在線圖片裁減管理。
4. 愛(ài)不釋手的視圖模板編輯器
完善的功能和絕佳的用戶體驗(yàn)，完全能夠讓客戶對(duì)全新的模板編輯器愛(ài)不釋手。
● 支持 50+ 種語(yǔ)言的代碼高亮。
● 鏈接快速訪問(wèn)技術(shù)。在模板中可以查看到引用的標(biāo)簽、JS、CSS 等文件，點(diǎn)擊鏈接后可快速進(jìn)入到對(duì)應(yīng)的文件進(jìn)行修改。
● 支持 emmet 語(yǔ)法格式，快速編寫 HTML、CSS 等代碼。
● 可以切換設(shè)置自己喜歡的代碼高亮方案。
● 支持代碼段。
● 方便的搜索和替換，并且支持正則表達(dá)式。
● 模板支持智能推薦?！ ?/div>
5. 全新設(shè)計(jì)的視圖和風(fēng)格文件管理
● 支持文件列表和縮略圖的切換方式，有利于快速的定位文件和查看文件的相關(guān)信息。
● 支持按照文件名進(jìn)行查找，并能顯示出文件的完整目錄。
● 支持按照文件名和修改時(shí)間、正序或者倒敘排列，以方便在查詢模板時(shí)快速的定位模板。
● 風(fēng)格管理支持直接顯示所有圖片的預(yù)覽圖，可以快速找到相關(guān)文件。
● 管理界面完全采用 Ajax 操作， 減少交互的數(shù)據(jù)，并且支持瀏覽器的前進(jìn)后退按鈕，帶來(lái)本地資源管理器般的感受。
6. 比美更美的響應(yīng)式設(shè)計(jì) 滿足各種屏幕操作
針對(duì)不同的設(shè)備和分辨率進(jìn)行了大量?jī)?yōu)化，在寬屏?xí)r列表可以更加適應(yīng)屏幕的寬度顯示更多的信息，在屏幕小時(shí)也會(huì)收縮側(cè)邊欄等不常用的功能，最大幅度顯示管理人員最關(guān)注的內(nèi)容，讓界面瀏覽更加美觀和友好。
Copyright ? 2003-2024 PowerEasy.All Rights Reserved. 廣東動(dòng)易軟件股份有限公司 版權(quán)所有
用戶登錄
還沒(méi)有賬號(hào)？
立即注冊(cè)