DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 用戶交互設計:軟件安裝一般頁面流程
用戶交互設計:軟件安裝一般頁面流程
編輯:關於網頁技巧     

混亂的安裝界面和不暢的安裝流程把前來拜訪的用戶拒之門外,也使軟件的功能得不到充分的定制和發揮。由於對互聯網產品的愛好,我經常安裝軟件,在這之中發現許多不好的地方,在這將共通的內容提出來分析一下。

 

現有軟件安裝一般頁面流程:

what's new頁>>許可條款頁>>選擇組件>>軟件大小信息,選擇安裝路徑和快捷方式顯示位置>>安裝進度頁>>附帶推廣軟件頁,和立即運行、開機啟動、設為首頁、顯示新特性等>>完成

 

然而,用戶心理過程卻是這樣的:

安裝之前:這是什麼?(新用戶) / what's new,值得更新嗎?(老用戶)  如何安裝?

准備安裝:有多大?  裝在哪?  會顯示在哪? 安全與否? 有插件嗎?

安裝過程中:需要多少時間? 進行到哪了?

安裝結束時:結束了嗎? 會對軟件進行設置嗎,如開機啟動?

安裝結束後:運行時需要注意什麼?  還有什麼需要注意的?  打開看看 / 以後再說

 

將兩者比較,發現現有頁面流程不能完全覆蓋用戶需求,包括以下內容:

“這是什麼?”

第一次使用軟件的人只能看見更新的內容,卻不知道整體功能,猶如盲人摸象。解決辦法:在第一個界面展示軟件最精髓的簡介,這也是廣告宣傳。

“what's new,值得更新嗎?”

有what's new,沒有是否值得更新的相關信息。解決辦法:設定官方的更新等級劃分,例如:重要 正常 輕微。用戶在知情的情況下自主選擇更新。

“安全與否?”&“有插件嗎?”

宣傳軟件的品質會增加用戶的信任度。

“需要多少時間?”&“進行到哪了?”

這都是用戶對時間的控制,避免浪費等待的時間。現最常見的是顯示正在寫入的具體文件和整體的進度條(如圖1)。當具體寫入的文件名上下翻飛,如白駒過隙。這一信息就失去了傳遞的內容。

圖 1

偶爾也有顯示階段進度的(如圖2)。這下能知道還剩幾個階段,但不能揣測剩余多少時間。

圖  2

比較容易得到一致的結論:圖2的優於圖1。但仍不夠,我最欣賞的是win7的安裝進度(圖3)。數據信息和圖形結合緊密。能了解到有哪些階段,又能大致揣測剩余多少時間。

圖 3

也有很少的程序安裝時顯示了剩余時間的具體數字。我認為,在不保證這個數字一定准確的情況下,讓用戶看幾個小時到幾分鐘的瞬變,還不如顯示一個整體進程百分比。(無意中扼殺了一類時間機器)

另外,好有幾個提高安裝體驗的設計細節:

1.       全局導航:全局放置一個進度導航(如圖4),也可采用圖3的win7的進度條。

圖 4

2.       選擇組件時,可設定推薦、簡潔等配置方案,降低用戶選擇難度

3.       選擇會安裝路徑,提供路徑輸入框和打開文件夾按鈕兩種修改方式。對已存在的軟件版本檢測路徑位置,避免老用戶需找苦難或者重復安裝。

4.       附帶的推廣軟件和顯示新特性默認不選中,立即運行、開機啟動、設為首頁等視情況選中

5.       安裝成功頁面,將“完成”按鈕以及“立即運行”和其復選框去掉,改為“立即運行”和“以後再說”兩個按鈕,“立即運行”按鈕在“以後再說”按鈕左側(優先看到和使用)。這樣修改的原因是,在頁面上有安裝完成的提示的情況下,關系到用戶下一步操作的信息就是關鍵信息,應該置於按鈕層面上,和其他信息區分開來。既減少用戶移動鼠標的操作成本,也可減少誤打開軟件的概率。

 

最後,具體問題還是要具體分析,對安裝迅速的小軟件來說,流程就可以更加簡化。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved