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