開發優秀Web應用程序-6條建議
文章類型:  軟件開發

 

1.好的工具提示的力量
當你把你的Web應用程序展示給潛在用戶看的時候,最糟糕的就是到處放上文字來吸引新用戶的注意力,這反而破壞了可愛的畫面。這時,圖標的工具提示可以為你帶來非常大的用處。工具提示使用戶通過研究按鈕來了解整個系統,并且不會妨礙到應用體驗。正在了解所有按鈕的用途的用戶能完全沉浸在體驗過程中。當需要動態顯示的時候,你需要一個切換按鈕來開關工具提示。第一個標簽可以顯示工具提示,第二個標簽可以提交操作。
2.不要指望用戶的記憶力
當需要填在第一頁的內容在第二頁上的時候,沒有比在頁面之間來回跳轉更讓人感到沮喪的了。Web App不應該強制用戶記住細節,只需要讓用戶做些他們需要做的操作就可以了,并盡可能提供他們完成任務所需要的相關信息。比如,如果用戶必須在程序開始輸入用戶編號,那他們就不需要再次輸入該信息。如果你必須讓用戶填寫不止一條信息,而這些信息需要參考另外的地方(銀行賬單,腳注等),你需要把這些信息安排在同一個頁面上,以防認知超負荷。
3.提供多個可執行的方法
你開發的任何Web App都需要適應用戶的行為,并且提供多個可達到最終目的的方法。想象一個任務管理程序。典型的任務包括若干信息屬性,這些屬性(日期,優先級,描述等)定義了需要哪些操作。默認的方法是添加一項任務及其相關的信息屬性。然而,你應該給用戶提供一個快速方法添加任務,而不需要填多余的信息屬性。提供不同的不同的方法來達到最終目的會使用戶感覺你的程序充滿活力,因此他們可以以自己的步調來辦事。
添加一個新任務和所有你需要的信息
只添加任務,稍后整理細節
4.不要過度模式化
看我,沒什么大不了的。這是模式彈出窗口顯示給用戶的提示。這是充滿現代化氣息的彈窗響應,雖然有時被濫用。你可以用彈窗引起用戶的注意,但是如果你在每個跳轉都試圖引起用戶的注意,他們會感覺厭煩,有想關掉程序的沖動。為了使用戶有更多主動權,在彈窗的右上角添加一個取消按鈕或者是“X”圖標,使用戶在關閉彈窗的時候不需要太多操作。另外一個容易被忽略的竅門就是允許用戶點擊窗口以外灰色區域來關閉彈窗消息。用戶不喜歡必要之外的操作,也不喜歡不友好的提示。明智并謹慎地使用彈窗消息幫助用戶控制局面。
5.提供有價值的狀態信息
請稍侯……”正在下載……”通常會在頁面的頂部發現這種信息。這些詞沒有增加用戶對于應用程序的體驗,但是他們通知用戶程序忙,問題是當這些狀態信息很小,并且不起眼的時候,忽略了信息的用戶會因為程序沒有響應而感覺沮喪不已,因為他們并沒有注意到程序正在被其他任務占用。
比如說,當你第一次加載GoogleMaps時,頁面頂部靠左邊的位置出現一條黃色的狀態信息,也許之前你從未見過它。當顯示這類信息的時候,拖拽地圖沒有一點響應直到完成加載。如果信息重要到能使你的程序停止一切響應,那一條小小的狀態信息反饋是不夠的。如果一條狀態信息有例如請稍候等字眼,那它應該以彈窗形式出現,除彈窗外的網頁部分變透明。這明確地告訴需要等待,當用戶確切意識到發生來了什么的時候他們會更寬容。
下次使用GoogleMaps的時候留意該信息
6.不要擔心,把滑動條當成你的優勢來用吧!
太過擔心重疊,會是你本來可滾動靈活的界面變得促狹、凌亂。這個問題的根源是不切實際的擔心,擔心使用電腦的用戶不懂如何使用滾動條,滾動條下面的部分會被忽略。為防止這種情況發生,你需要讓用戶快速了解你的Web App在滾動條上面的部分內容。這是什么意思?用戶為什么要關心這些?頁面的下半部分有沒有更多信息。如果你的App沒有被遮住的部分足夠吸引用戶,用戶會滑動鼠標看頁面上更多的信息。把足夠的內容放到被遮住的部分來滿足用戶。一旦用戶瀏覽頁面的底部,你會因為有感興趣的用戶在瀏覽你的內容感到自信。頁面的底部可能是你的網站最重要的部分,因為瀏覽頁面底部的用戶比其他只瀏覽頁面頂端的瀏覽者更有可能被App所吸引。
結論
但愿這個一覽表能幫你重新思考你已經做過和正準備做的設計決策。無論你是設計一個Web應用程序還是一個網站,最終目的都是一樣的。那就是讓你的用戶從訪問到離開得到滿意的體驗。
原文出處:UXMovement
作者:蘭州軟件開發
發布日期:2014-02-08 14:48:09
深圳风采期