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