360殺毒4.0設計分享
一、設計背景:
360殺毒是一款免費殺毒軟件,集云安全與本地查殺防護于一身。在經(jīng)過不斷地改進、優(yōu)化后,360殺毒無論在功能、性能以及穩(wěn)定性方面都已有較好的用戶口碑。到開發(fā)4.0版本之前,已經(jīng)推出到了3.2版本。360殺毒不但在各大軟件站的軟件評測中屢屢獲勝,還多次通過VB100、AV-TEST和AV-C等國際高端認證。然而,由于各類功能入口的不斷增加,主界面也日顯擁擠,功能分類出現(xiàn)重疊現(xiàn)象,界面長時間沒有更新,使其設計風格、界面布局和用戶體驗等方面已經(jīng)無法滿足現(xiàn)在用戶的審美觀,因此對其進行改版已經(jīng)勢在必行。
二、設計需求:
在360殺毒4.0“云動”中,采用簡潔、清新、靈動、輕量級的設計風格,突出用戶關注的重點——“掃描操作”和“系統(tǒng)防護狀態(tài)”,并在不減少必要產(chǎn)品功能的前提下,輕量化界面,提供常用功能的快捷入口,優(yōu)化交互方式。從而減少初級用戶在使用產(chǎn)品過程中的學習成本,讓用戶易于操作、樂于操作和安全操作。
三、設計過程:
設計關鍵詞:簡潔、清新、靈動、輕量級
確定方案 在明確現(xiàn)有版本存在的不足以及新版本設計需求的基礎上,盡可能廣泛地搜集設計所需的信息資源,并通過對各種信息資源的歸納和分析,深入挖掘影響產(chǎn)品和設計的主要因素,提出了一系列可行的設計方案。在與殺毒團隊的多次溝通和討論后,大膽嘗試新的設計風格,經(jīng)過篩選,確定了最終的設計方案。
360殺毒4.0的主色調以藍色為主,大面積留白的彩色搭配,減少材質和光效的運用,圖標和控件基本都是單色無漸變。主要突出顯示防御狀態(tài)、保護時間和掃描模式功能,界面的整體風格簡潔、輕薄、直觀、平面化。
主界面 (圖一)
界面優(yōu)化 360殺毒4.0“云動”相對于3.2版本,取消Tab頁導航,采用全新的界面布局,將智巧版和專業(yè)版統(tǒng)一,單界面內(nèi)置導航。增加常用工具快捷入口,并提供快捷入口的替換操作邏輯,將圖標、控件和彈出窗等風格統(tǒng)一化。
在設計之初,藍色要比現(xiàn)在的淺一些,留白處為純白色,界面整體感覺比較清爽,個人比較喜歡,但在內(nèi)部測試時發(fā)現(xiàn)在較差的顯示器上,效果會顯得蒼白、刺眼,為了兼顧各種不同的顯示器,經(jīng)過幾次調試和優(yōu)化,效果最終確定為目前的色調方案。
實時防護、工具欄展開界面 (圖二)
實時防護設置和常用工具都采用菜單展開式設計,盡可能的減少頁面之間的跳轉。用戶可以根據(jù)自己的使用習慣,通過拖拽的方式,自定義主界面上的常用工具項。在此,報個小料,除了點擊下拉按鈕以外,還可以通過其他方式展開實時防護設置界面,這是我們研發(fā)團隊埋下的一個彩蛋,大家不妨找找看。
掃描過程 (圖三)
在掃描界面中,增加了“當前掃描項”和“返回”功能,減少了標題欄的高度,使內(nèi)容區(qū)域最大化。每個掃描項都有四種狀態(tài),并對應著相應的顏色,更直觀的展示了當前掃描進度和安全狀態(tài)。
掃描發(fā)現(xiàn)威脅 (圖四)
在掃描過程中,發(fā)現(xiàn)威脅時,會自動跳轉到威脅信息的詳細界面,紅色和橙色不僅是區(qū)分威脅類別,同時也代表著所帶來的威脅程度。
換膚界面 (圖五)
四、結語:
360安全中心已建成全球最大的云安全網(wǎng)絡,服務近4億用戶,希望殺毒4.0“云動”版本的發(fā)布能給用戶帶來全新的視覺感受。產(chǎn)品中還有很多不足,后續(xù)我們會繼續(xù)優(yōu)化細節(jié),適當?shù)脑黾右恍﹦討B(tài)效果,增加產(chǎn)品的趣味性,提升產(chǎn)品的用戶體驗,歡迎大家多提好的建議和想法,以便我們將產(chǎn)品做的更好!
殺毒4.0-云動 下載地址:http://sd.#/index4.html
- 目前還沒評論,等你發(fā)揮!